From 8c9906655dc7483adf2120ac672f6a46cc9142d0 Mon Sep 17 00:00:00 2001
From: Azalea Gui <me@hydev.org>
Date: Wed, 18 Jan 2023 04:40:22 -0500
Subject: [PATCH] [O] Try setup ts for tag

---
 src/components/Tag.vue | 19 ++++++-------------
 1 file changed, 6 insertions(+), 13 deletions(-)

diff --git a/src/components/Tag.vue b/src/components/Tag.vue
index 8b555a0..a030fd3 100644
--- a/src/components/Tag.vue
+++ b/src/components/Tag.vue
@@ -1,24 +1,17 @@
 <template>
     <div class="tag-wrap unselectable clickable">
         <div class="tag fbox-vcenter" :class="direction">
-            <div ref="el"><slot></slot></div>
+            <div><slot></slot></div>
             <div class="after"></div>
         </div>
     </div>
 </template>
 
-<script lang="ts">
-import {Options, Vue} from 'vue-class-component';
-import {Prop, Ref} from "vue-property-decorator";
-
-@Options({components: {}})
-export default class Tag extends Vue
-{
-    @Prop({default: 'left'}) direction: 'left' | 'right' = 'left'
-    @Prop() tagName?: string
-
-    @Ref() readonly el!: HTMLDivElement
-}
+<script setup lang="ts">
+const props = defineProps({
+    direction: { type: String, default: 'left' }, // 'left' | 'right'
+    tagName: String
+})
 </script>
 
 <style lang="sass" scoped>