diff --git a/index.html b/index.html
index 8c9563f..7b5e12f 100644
--- a/index.html
+++ b/index.html
@@ -10,13 +10,6 @@
     <meta name="format-detection" content="telephone=no" />
     <title>vue-ts-example</title>
     <style type="text/css">
-      *,
-      *::before,
-      *::after {
-        box-sizing: border-box;
-        margin: 0;
-        font-weight: normal;
-      }
       body {
         text-rendering: optimizeLegibility;
         -webkit-font-smoothing: antialiased;
diff --git a/src/components/vue-macros/DefineRender.vue b/src/components/vue-macros/DefineRender.vue
deleted file mode 100644
index 77fab9a..0000000
--- a/src/components/vue-macros/DefineRender.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<script setup lang="tsx">
-defineRender(
-  <div>
-    <span>Hello defineRender()</span>
-  </div>,
-);
-</script>
diff --git a/src/components/vue-macros/ReactivityTransform.vue b/src/components/vue-macros/ReactivityTransform.vue
deleted file mode 100644
index 92cbaef..0000000
--- a/src/components/vue-macros/ReactivityTransform.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts" setup>
-// https://vue-macros.dev/zh-CN/features/reactivity-transform.html
-let count = $ref(0);
-
-// console.log(count);
-
-function increment() {
-  count++;
-}
-</script>
-
-<template>
-  <button class="green" @click="increment">ReactivityTransform: {{ count }}</button>
-</template>
diff --git a/src/components/vue-macros/ReusableTemplate.vue b/src/components/vue-macros/ReusableTemplate.vue
deleted file mode 100644
index 445c77f..0000000
--- a/src/components/vue-macros/ReusableTemplate.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<template>
-  <h1>Use Reusable Template</h1>
-
-  <TemplateFoo.define v-slot="{ $slots, msg }">
-    <div>Hello {{ msg.toUpperCase() }}</div>
-    <component :is="$slots.slotNameee" slotPropName="valueee" />
-    <component :is="$slots.default" />
-  </TemplateFoo.define>
-
-  <h2>TemplateFoo.reuse</h2>
-  <TemplateFoo.reuse msg="World" />
-
-  <h2>TemplateFoo.reuse with slotNameee(with props)</h2>
-  <TemplateFoo.reuse msg="Reusable">
-    <template #slotNameee="{ slotPropName }">
-      <div>Passing Slots,{{ { slotPropName } }}</div>
-    </template>
-  </TemplateFoo.reuse>
-
-  <h2>TemplateFoo.reuse with slot.default</h2>
-  <TemplateFoo.reuse msg="Reusable">
-    <div>Passing Slots.Default</div>
-  </TemplateFoo.reuse>
-</template>
-
-<script setup lang="ts">
-import { createReusableTemplate } from '@vueuse/core';
-
-const TemplateFoo = createReusableTemplate<
-  { msg: string },
-  {
-    slotNameee: {
-      slotPropName: string;
-    };
-    default: object;
-  }
->();
-</script>