refactor: demo using script setup (#9235)

src/contact-edit/demo/index.vue

@@ -1,17 +1,4 @@
-<template>
-  <demo-block :title="t('basicUsage')">
-    <van-contact-edit
-      is-edit
-      show-set-default
-      :contact-info="editingContact"
-      :set-default-label="t('defaultLabel')"
-      @save="onSave"
-      @delete="onDelete"
-    />
-  </demo-block>
-</template>
-
-<script lang="ts">
+<script setup lang="ts">
 import { ref } from 'vue';
 import { useTranslate } from '@demo/use-translate';
 import { Toast } from '../../toast';
@@ -25,24 +12,26 @@ const i18n = {
   },
 };
 
-export default {
-  setup() {
-    const t = useTranslate(i18n);
-    const editingContact = ref({});
+const t = useTranslate(i18n);
+const editingContact = ref({});
 
-    const onSave = () => Toast(t('save'));
-    const onDelete = () => Toast(t('delete'));
-
-    return {
-      t,
-      onSave,
-      onDelete,
-      editingContact,
-    };
-  },
-};
+const onSave = () => Toast(t('save'));
+const onDelete = () => Toast(t('delete'));
 </script>
 
+<template>
+  <demo-block :title="t('basicUsage')">
+    <van-contact-edit
+      is-edit
+      show-set-default
+      :contact-info="editingContact"
+      :set-default-label="t('defaultLabel')"
+      @save="onSave"
+      @delete="onDelete"
+    />
+  </demo-block>
+</template>
+
 <style lang="less">
 .demo-contact-edit {
   .van-doc-demo-block__title {