From bdd29116658c8481a5d704bd65f2d58d7a37598f Mon Sep 17 00:00:00 2001
From: LeoKu <czc12580520@gmail.com>
Date: Wed, 4 May 2022 11:34:34 +0800
Subject: [PATCH] chore: add locale

---
 .eslintrc.js                      |  1 +
 src/__tests__/utils.test.ts       | 18 ++++++++++++++++--
 src/components/Configurator.vue   |  2 +-
 src/components/SectionWrapper.vue |  1 +
 src/components/VueColorAvatar.vue |  2 +-
 src/i18n/locales/en/index.ts      |  1 +
 src/i18n/locales/zh/index.ts      |  1 +
 7 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 2908927..ee04dc6 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -44,6 +44,7 @@ module.exports = {
     '@typescript-eslint/explicit-module-boundary-types': 0,
     '@typescript-eslint/consistent-type-imports': 1,
     '@typescript-eslint/no-non-null-assertion': 0,
+    '@typescript-eslint/no-explicit-any': 0,
   },
   ignorePatterns: [
     'dist',
diff --git a/src/__tests__/utils.test.ts b/src/__tests__/utils.test.ts
index 2f4f169..eb3d21c 100644
--- a/src/__tests__/utils.test.ts
+++ b/src/__tests__/utils.test.ts
@@ -9,8 +9,22 @@ test('highlightJSON', () => {
   expect(highlightJSON(str)).toMatch('string')
 })
 
+const getKeys = (target: Record<string, any>) => {
+  const keys: string[] = []
+
+  for (const key in target) {
+    if (typeof target[key] === 'object') {
+      keys.push(...getKeys(target[key]))
+    } else {
+      keys.push(key)
+    }
+  }
+
+  return keys
+}
+
 test('check locales completeness', () => {
-  const zh = Reflect.ownKeys(localeZH).sort()
-  const en = Reflect.ownKeys(localeEN).sort()
+  const zh = getKeys(localeZH).sort()
+  const en = getKeys(localeEN).sort()
   expect(zh).toEqual(en)
 })
diff --git a/src/components/Configurator.vue b/src/components/Configurator.vue
index 5e69a76..6e6c9e9 100644
--- a/src/components/Configurator.vue
+++ b/src/components/Configurator.vue
@@ -67,7 +67,7 @@
           "
           class="color-picker"
         >
-          <summary class="color">颜色</summary>
+          <summary class="color">{{ t('label.colors') }}</summary>
           <ul class="color-list">
             <li
               v-for="fillColor in SETTINGS.commonColors"
diff --git a/src/components/SectionWrapper.vue b/src/components/SectionWrapper.vue
index 6d2fc11..e2a4d14 100644
--- a/src/components/SectionWrapper.vue
+++ b/src/components/SectionWrapper.vue
@@ -20,6 +20,7 @@ const props = defineProps<{
   .section-title {
     margin-bottom: 1.5rem;
     font-weight: bold;
+    line-height: 23px;
   }
 }
 </style>
diff --git a/src/components/VueColorAvatar.vue b/src/components/VueColorAvatar.vue
index 0ed44ea..ef08011 100644
--- a/src/components/VueColorAvatar.vue
+++ b/src/components/VueColorAvatar.vue
@@ -26,7 +26,7 @@ import { ref, toRefs, watchEffect } from 'vue'
 import { WrapperShape } from '@/enums'
 import { type AvatarOption } from '@/types'
 import { getRandomAvatarOption } from '@/utils'
-import { AVATAR_LAYER, NONE, SETTINGS } from '@/utils/constant'
+import { AVATAR_LAYER, NONE } from '@/utils/constant'
 import { widgetData } from '@/utils/dynamic-data'
 
 import Background from './widgets/Background.vue'
diff --git a/src/i18n/locales/en/index.ts b/src/i18n/locales/en/index.ts
index 68bc0d7..57d0412 100644
--- a/src/i18n/locales/en/index.ts
+++ b/src/i18n/locales/en/index.ts
@@ -16,6 +16,7 @@ export default {
   label: {
     wrapperShape: 'Avatar Shape',
     backgroundColor: 'Background Color',
+    colors: 'colors',
   },
   widgetType: {
     [WidgetType.Face]: 'Face',
diff --git a/src/i18n/locales/zh/index.ts b/src/i18n/locales/zh/index.ts
index 84d28b6..54c691e 100644
--- a/src/i18n/locales/zh/index.ts
+++ b/src/i18n/locales/zh/index.ts
@@ -16,6 +16,7 @@ export default {
   label: {
     wrapperShape: '头像形状',
     backgroundColor: '背景颜色',
+    colors: '颜色',
   },
   widgetType: {
     [WidgetType.Face]: '脸蛋',
-- 
GitLab