docs(ContactEdit): use composition api

src/contact-edit/README.md

@@ -26,21 +26,24 @@ app.use(ContactEdit);
 ```
 
 ```js
+import { ref } from 'vue';
 import { Toast } from 'vant';
 
 export default {
-  data() {
+  setup() {
-    return {
+    const editingContact = ref({});
-      editingContact: {},
+    const onSave = (contactInfo) => {
-    };
-  },
-  methods: {
-    onSave(contactInfo) {
       Toast('Save');
-    },
+    };
-    onDelete(contactInfo) {
+    const onDelete = (contactInfo) => {
       Toast('Delete');
-    },
+    };
+
+    return {
+      onSave,
+      onDelete,
+      editingContact,
+    };
   },
 };
 ```

src/contact-edit/README.zh-CN.md

@@ -30,21 +30,24 @@ app.use(ContactEdit);
 ```
 
 ```js
+import { ref } from 'vue';
 import { Toast } from 'vant';
 
 export default {
-  data() {
+  setup() {
-    return {
+    const editingContact = ref({});
-      editingContact: {},
+    const onSave = (contactInfo) => {
-    };
-  },
-  methods: {
-    onSave(contactInfo) {
       Toast('保存');
-    },
+    };
-    onDelete(contactInfo) {
+    const onDelete = (contactInfo) => {
       Toast('删除');
-    },
+    };
+
+    return {
+      onSave,
+      onDelete,
+      editingContact,
+    };
   },
 };
 ```

src/contact-edit/demo/index.vue

@@ -11,30 +11,38 @@
   </demo-block>
 </template>
 
-<script>
+<script lang="ts">
-export default {
+import { ref } from 'vue';
-  i18n: {
+import { useTranslate } from '@demo/use-translate';
+import Toast from '../../toast';
+
+const i18n = {
   'zh-CN': {
     defaultLabel: '设为默认联系人',
   },
   'en-US': {
     defaultLabel: 'Set as the default contact',
   },
-  },
-
-  data() {
-    return {
-      editingContact: {},
 };
-  },
 
-  methods: {
+export default {
-    onSave() {
+  setup() {
-      this.$toast(this.t('save'));
+    const t = useTranslate(i18n);
-    },
+    const editingContact = ref({});
-    onDelete() {
+
-      this.$toast(this.t('delete'));
+    const onSave = () => {
-    },
+      Toast(t('save'));
+    };
+    const onDelete = () => {
+      Toast(t('delete'));
+    };
+
+    return {
+      t,
+      onSave,
+      onDelete,
+      editingContact,
+    };
   },
 };
 </script>