chore: add some i18 field

Author: ljt990218

src/locales/en-US.json

@@ -8,7 +8,9 @@
     "persistPiniaState": "🍍 Persistent Pinia state",
     "unocssExample": "🎨 Unocss example",
     "keepAlive": "🧡 KeepAlive Demo",
-    "login": "🔒 Login"
+    "login": "🔒 Login",
+    "basicSettings": "Basic Settings",
+    "exampleComponents": "Example components"
   },
   "mock": {
     "fromAsyncData": "Data from asynchronous requests",

src/locales/zh-CN.json

@@ -8,7 +8,9 @@
     "404Demo": "🙅 404页 演示",
     "unocssExample": "🎨 Unocss 示例",
     "keepAlive": "🧡 KeepAlive 演示",
-    "login": "🔒 用户登陆"
+    "login": "🔒 用户登陆",
+    "basicSettings": "基本设置",
+    "exampleComponents": "示例组件"
   },
   "mock": {
     "fromAsyncData": "来自异步请求的数据",

src/pages/index.vue

@@ -41,7 +41,7 @@ const menuItems = computed(() => ([
 </script>
 
 <template>
-  <VanCellGroup title="基本设置" :border="false" :inset="true">
+  <VanCellGroup :title="t('home.basicSettings')" :border="false" :inset="true">
     <VanCell center :title="t('home.darkMode')">
       <template #right-icon>
         <VanSwitch v-model="checked" size="20px" aria-label="on/off Dark Mode" @click="toggle()" />
@@ -56,7 +56,7 @@ const menuItems = computed(() => ([
     />
   </VanCellGroup>
 
-  <VanCellGroup title="示例组件" :border="false" :inset="true">
+  <VanCellGroup :title="t('home.exampleComponents')" :border="false" :inset="true">
     <template v-for="item in menuItems" :key="item.route">
       <VanCell :title="item.title" :to="item.route" is-link />
     </template>

src/pages/login/index.vue

@@ -52,7 +52,7 @@ async function asyncLogin(values: any) {
       </van-cell-group>
       <div class="m-16">
         <van-button :loading="loading" round block type="primary" native-type="submit">
-          {{ t('login.logout') }}
+          {{ t('login.login') }}
         </van-button>
       </div>
     </van-form>