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
@@ -72,67 +72,74 @@
  </demo-block>
 </template>

-<script>
+<script lang="ts">
+import { useTranslate } from '@demo/use-translate';
+
+const i18n = {
+  'zh-CN': {
+    type: '按钮类型',
+    size: '按钮尺寸',
+    icon: '图标按钮',
+    loading: '加载状态',
+    shape: '按钮形状',
+    default: '默认按钮',
+    primary: '主要按钮',
+    success: '成功按钮',
+    danger: '危险按钮',
+    warning: '警告按钮',
+    large: '大号按钮',
+    normal: '普通按钮',
+    small: '小型按钮',
+    mini: '迷你按钮',
+    plain: '朴素按钮',
+    square: '方形按钮',
+    round: '圆形按钮',
+    hairline: '细边框',
+    hairlineButton: '细边框按钮',
+    loadingText: '加载中...',
+    router: '页面导航',
+    urlRoute: 'URL 跳转',
+    vueRoute: '路由跳转',
+    customColor: '自定义颜色',
+    pure: '单色按钮',
+    gradient: '渐变色按钮',
+    blockElement: '块级元素',
+  },
+  'en-US': {
+    type: 'Type',
+    size: 'Size',
+    icon: 'Icon',
+    loading: 'Loading',
+    shape: 'Shape',
+    default: 'Default',
+    primary: 'Primary',
+    success: 'Success',
+    danger: 'Danger',
+    warning: 'Warning',
+    large: 'Large',
+    normal: 'Normal',
+    small: 'Small',
+    mini: 'Mini',
+    plain: 'Plain',
+    square: 'Square',
+    round: 'Round',
+    hairline: 'Hairline',
+    hairlineButton: 'Hairline',
+    loadingText: 'Loading...',
+    router: 'Router',
+    urlRoute: 'URL',
+    vueRoute: 'Vue Router',
+    customColor: 'Custom Color',
+    pure: 'Pure',
+    gradient: 'Gradient',
+    blockElement: 'Block Element',
+  },
+};
+
 export default {
-  i18n: {
-    'zh-CN': {
-      type: '按钮类型',
-      size: '按钮尺寸',
-      icon: '图标按钮',
-      loading: '加载状态',
-      shape: '按钮形状',
-      default: '默认按钮',
-      primary: '主要按钮',
-      success: '成功按钮',
-      danger: '危险按钮',
-      warning: '警告按钮',
-      large: '大号按钮',
-      normal: '普通按钮',
-      small: '小型按钮',
-      mini: '迷你按钮',
-      plain: '朴素按钮',
-      square: '方形按钮',
-      round: '圆形按钮',
-      hairline: '细边框',
-      hairlineButton: '细边框按钮',
-      loadingText: '加载中...',
-      router: '页面导航',
-      urlRoute: 'URL 跳转',
-      vueRoute: '路由跳转',
-      customColor: '自定义颜色',
-      pure: '单色按钮',
-      gradient: '渐变色按钮',
-      blockElement: '块级元素',
-    },
-    'en-US': {
-      type: 'Type',
-      size: 'Size',
-      icon: 'Icon',
-      loading: 'Loading',
-      shape: 'Shape',
-      default: 'Default',
-      primary: 'Primary',
-      success: 'Success',
-      danger: 'Danger',
-      warning: 'Warning',
-      large: 'Large',
-      normal: 'Normal',
-      small: 'Small',
-      mini: 'Mini',
-      plain: 'Plain',
-      square: 'Square',
-      round: 'Round',
-      hairline: 'Hairline',
-      hairlineButton: 'Hairline',
-      loadingText: 'Loading...',
-      router: 'Router',
-      urlRoute: 'URL',
-      vueRoute: 'Vue Router',
-      customColor: 'Custom Color',
-      pure: 'Pure',
-      gradient: 'Gradient',
-      blockElement: 'Block Element',
-    },
+  setup() {
+    const t = useTranslate(i18n);
+    return { t };
  },
 };
 </script>