docs(Skeleton): use composition api

src/skeleton/README.md

@@ -33,15 +33,20 @@ app.use(Skeleton);
 ```
 
 ```js
+import { ref, onMounted } from 'vue';
+
 export default {
-  data() {
+  setup() {
+    const loading = ref(true);
+
+    onMounted(() => {
+      loading.value = false;
+    });
+
     return {
-      loading: true,
+      loading,
     };
   },
-  mounted() {
-    this.loading = false;
-  },
 };
 ```
 

src/skeleton/README.zh-CN.md

@@ -43,15 +43,20 @@ app.use(Skeleton);
 ```
 
 ```js
+import { ref, onMounted } from 'vue';
+
 export default {
-  data() {
+  setup() {
+    const loading = ref(true);
+
+    onMounted(() => {
+      loading.value = false;
+    });
+
     return {
-      loading: true,
+      loading,
     };
   },
-  mounted() {
-    this.loading = false;
-  },
 };
 ```
 

src/skeleton/demo/index.vue

@@ -22,8 +22,10 @@
 </template>
 
 <script>
-export default {
+import { ref } from 'vue';
-  i18n: {
+import { useTranslate } from '@demo/use-translate';
+
+const i18n = {
   'zh-CN': {
     showAvatar: '显示头像',
     showChildren: '显示子组件',
@@ -37,11 +39,16 @@ export default {
     title: 'About Vant',
     desc: 'Vant is a set of Mobile UI Components built on Vue.',
   },
-  },
+};
+
+export default {
+  setup() {
+    const t = useTranslate(i18n);
+    const show = ref(false);
 
-  data() {
     return {
-      show: false,
+      t,
+      show,
     };
   },
 };