docs(ActionBar): use setup

src/action-bar/README.md

@@ -29,13 +29,17 @@ app.use(ActionBarButton);
 import { Toast } from 'vant';
 
 export default {
-  methods: {
-    onClickIcon() {
+  setup() {
+    const onClickIcon = () => {
       Toast('Click Icon');
-    },
-    onClickButton() {
+    };
+    const onClickButton = () => {
       Toast('Click Button');
-    },
+    };
+    return {
+      onClickIcon,
+      onClickButton,
+    };
   },
 };
 ```

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

@@ -29,13 +29,17 @@ app.use(ActionBarButton);
 import { Toast } from 'vant';
 
 export default {
-  methods: {
-    onClickIcon() {
+  setup() {
+    const onClickIcon = () => {
       Toast('点击图标');
-    },
-    onClickButton() {
+    };
+    const onClickButton = () => {
       Toast('点击按钮');
-    },
+    };
+    return {
+      onClickIcon,
+      onClickButton,
+    };
   },
 };
 ```

src/action-bar/demo/index.vue

@@ -62,9 +62,11 @@
   </demo-block>
 </template>
 
-<script>
-export default {
-  i18n: {
+<script lang="ts">
+import { useTranslate } from '@demo/use-translate';
+import Toast from '../../toast';
+
+const i18n = {
   'zh-CN': {
     icon1: '客服',
     icon2: '购物车',
@@ -91,14 +93,25 @@ export default {
     customIconColor: 'Custom Icon Color',
     customButtonColor: 'Custom Button Color',
   },
-  },
-  methods: {
-    onClickIcon() {
-      this.$toast(this.t('clickIcon'));
-    },
-    onClickButton() {
-      this.$toast(this.t('clickButton'));
-    },
+};
+
+export default {
+  setup() {
+    const t = useTranslate(i18n);
+
+    const onClickIcon = () => {
+      Toast(t('clickIcon'));
+    };
+
+    const onClickButton = () => {
+      Toast(t('clickButton'));
+    };
+
+    return {
+      t,
+      onClickIcon,
+      onClickButton,
+    };
   },
 };
 </script>