docs(NavBar): use setup

src/contact-card/README.md

@@ -22,10 +22,13 @@ app.use(ContactCard);
 import { Toast } from 'vant';
 
 export default {
-  methods: {
+  setup() {
-    onAdd() {
+    const onAdd = () => {
       Toast('add');
-    },
+    };
+    return {
+      onAdd,
+    };
   },
 };
 ```

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

@@ -26,10 +26,13 @@ app.use(ContactCard);
 import { Toast } from 'vant';
 
 export default {
-  methods: {
+  setup() {
-    onAdd() {
+    const onAdd = () => {
       Toast('新增');
-    },
+    };
+    return {
+      onAdd,
+    };
   },
 };
 ```

src/nav-bar/README.md

@@ -29,13 +29,17 @@ app.use(NavBar);
 import { Toast } from 'vant';
 
 export default {
-  methods: {
+  setup() {
-    onClickLeft() {
+    const onClickLeft = () => {
       Toast('Back');
-    },
+    };
-    onClickRight() {
+    const onClickRight = () => {
       Toast('Button');
-    },
+    };
+    return {
+      onClickLeft,
+      onClickRight,
+    };
   },
 };
 ```

src/nav-bar/README.zh-CN.md

@@ -29,13 +29,17 @@ app.use(NavBar);
 import { Toast } from 'vant';
 
 export default {
-  methods: {
+  setup() {
-    onClickLeft() {
+    const onClickLeft = () => {
       Toast('返回');
-    },
+    };
-    onClickRight() {
+    const onClickRight = () => {
       Toast('按钮');
-    },
+    };
+    return {
+      onClickLeft,
+      onClickRight,
+    };
   },
 };
 ```

src/nav-bar/demo/index.vue

@@ -19,24 +19,36 @@
   </demo-block>
 </template>
 
-<script>
+<script lang="ts">
-export default {
+import { useTranslate } from '@demo/use-translate';
-  i18n: {
+import Toast from '../../toast';
-    'zh-CN': {
-      useSlot: '使用插槽',
-    },
-    'en-US': {
-      useSlot: 'Use Slot',
-    },
-  },
 
-  methods: {
+const i18n = {
-    onClickLeft() {
+  'zh-CN': {
-      this.$toast(this.t('back'));
+    useSlot: '使用插槽',
-    },
+  },
-    onClickRight() {
+  'en-US': {
-      this.$toast(this.t('button'));
+    useSlot: 'Use Slot',
-    },
+  },
+};
+
+export default {
+  setup() {
+    const t = useTranslate(i18n);
+
+    const onClickLeft = () => {
+      Toast(t('back'));
+    };
+
+    const onClickRight = () => {
+      Toast(t('button'));
+    };
+
+    return {
+      t,
+      onClickLeft,
+      onClickRight,
+    };
   },
 };
 </script>