W250913/20.vue3/project3/src/Teleport/index.vue

<template>
  <!-- filter saturate-50 -->
  <div class="content">
    <h1 class="h-26 text-6xl">Teleport</h1>
    <Demo></Demo>
  </div>
</template>

<script lang="ts" setup>
import { ref, reactive } from "vue";
import Demo from "./Demo.vue";
</script>

<style lang="scss" scoped>
.content {
  width: 800px;
  height: 800px;
  background: red;
  filter: saturate(50%);
}
</style>