docs: remove legacy locale mixin

2020-12-15 17:01:55 +08:00
parent 7c3935dc4c
commit 54fab50c3c
18 changed files with 488 additions and 432 deletions
@@ -62,51 +62,54 @@
  </demo-block>
 </template>

-<script>
+<script lang="ts">
 import { ref } from 'vue';
+import { useTranslate } from '@demo/use-translate';
+
+const i18n = {
+  'zh-CN': {
+    type: '类型',
+    mark: '标记样式',
+    plain: '空心样式',
+    round: '圆角样式',
+    tagStyle: '样式风格',
+    closeable: '可关闭标签',
+    smallSize: '小号标签',
+    largeSize: '大号标签',
+    mediumSize: '中号标签',
+    customSize: '标签大小',
+    customColor: '自定义颜色',
+    customBgColor: '背景颜色',
+    customTextColor: '文字颜色',
+    customPlainColor: '空心颜色',
+  },
+  'en-US': {
+    mark: 'Mark style',
+    plain: 'Plain style',
+    round: 'Round style',
+    tagStyle: 'Tag Style',
+    closeable: 'Closeable',
+    smallSize: 'Small Size',
+    largeSize: 'Large Size',
+    mediumSize: 'Medium Size',
+    customColor: 'Custom Color',
+    customSize: 'Custom Size',
+    customBgColor: 'Background Color',
+    customTextColor: 'Text Color',
+    customPlainColor: 'Plain Color',
+  },
+};

 export default {
-  i18n: {
-    'zh-CN': {
-      type: '类型',
-      mark: '标记样式',
-      plain: '空心样式',
-      round: '圆角样式',
-      tagStyle: '样式风格',
-      closeable: '可关闭标签',
-      smallSize: '小号标签',
-      largeSize: '大号标签',
-      mediumSize: '中号标签',
-      customSize: '标签大小',
-      customColor: '自定义颜色',
-      customBgColor: '背景颜色',
-      customTextColor: '文字颜色',
-      customPlainColor: '空心颜色',
-    },
-    'en-US': {
-      mark: 'Mark style',
-      plain: 'Plain style',
-      round: 'Round style',
-      tagStyle: 'Tag Style',
-      closeable: 'Closeable',
-      smallSize: 'Small Size',
-      largeSize: 'Large Size',
-      mediumSize: 'Medium Size',
-      customColor: 'Custom Color',
-      customSize: 'Custom Size',
-      customBgColor: 'Background Color',
-      customTextColor: 'Text Color',
-      customPlainColor: 'Plain Color',
-    },
-  },
-
  setup() {
+    const t = useTranslate(i18n);
    const show = ref(true);
    const close = () => {
      show.value = false;
    };

    return {
+      t,
      show,
      close,
    };