docs(Tag): use composition api

src/tag/README.md

@@ -48,16 +48,19 @@ app.use(Tag);
 ```
 
 ```js
+import { ref } from 'vue';
+
 export default {
-  data() {
+  setup() {
-    return {
+    const show = ref(true);
-      show: true,
+    const close = () => {
+      show.value = false;
+    };
+
+    return {
+      show,
+      close,
     };
-  },
-  methods: {
-    close() {
-      this.show = false;
-    },
   },
 };
 ```

src/tag/README.zh-CN.md

@@ -58,16 +58,19 @@ app.use(Tag);
 ```
 
 ```js
+import { ref } from 'vue';
+
 export default {
-  data() {
+  setup() {
-    return {
+    const show = ref(true);
-      show: true,
+    const close = () => {
+      show.value = false;
+    };
+
+    return {
+      show,
+      close,
     };
-  },
-  methods: {
-    close() {
-      this.show = false;
-    },
   },
 };
 ```

src/tag/demo/index.vue

@@ -63,6 +63,8 @@
 </template>
 
 <script>
+import { ref } from 'vue';
+
 export default {
   i18n: {
     'zh-CN': {
@@ -98,16 +100,16 @@ export default {
     },
   },
 
-  data() {
+  setup() {
-    return {
+    const show = ref(true);
-      show: true,
+    const close = () => {
+      show.value = false;
     };
-  },
 
-  methods: {
+    return {
-    close() {
+      show,
-      this.show = false;
+      close,
-    },
+    };
   },
 };
 </script>