From 7df5552b05f01edf5ffea3e51268fa66d333e448 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Mon, 30 Dec 2024 12:15:38 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=A0=E9=99=A4=E4=B8=8D=E5=86=8D?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E7=9A=84=20Vue=20=E7=BB=84=E4=BB=B6=EF=BC=8C?=
 =?UTF-8?q?=E6=B8=85=E7=90=86=E4=BB=A3=E7=A0=81=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                                    |  7 ----
 src/components/vue-macros/DefineRender.vue    |  7 ----
 .../vue-macros/ReactivityTransform.vue        | 14 -------
 .../vue-macros/ReusableTemplate.vue           | 38 -------------------
 4 files changed, 66 deletions(-)
 delete mode 100644 src/components/vue-macros/DefineRender.vue
 delete mode 100644 src/components/vue-macros/ReactivityTransform.vue
 delete mode 100644 src/components/vue-macros/ReusableTemplate.vue

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>