refactor: normalize i18n usage (JS:t, template:$t)

Author: cwandev

src/components/TabBar.vue

@@ -1,23 +1,22 @@
 <script setup lang="ts">
 import { routeWhiteList } from '@/config/routes'
 
-const { t } = useI18n()
 const active = ref(0)
 const route = useRoute()
 
 const show = computed(() => route.name && routeWhiteList.includes(route.name))
 </script>
 
 <template>
-  <van-tabbar v-if="show" v-model="active" placeholder route>
+  <van-tabbar v-if="show" v-model="active" route placeholder>
     <van-tabbar-item replace to="/">
-      {{ t('layouts.home') }}
+      {{ $t('layouts.home') }}
       <template #icon>
         <div class="i-carbon:home" />
       </template>
     </van-tabbar-item>
     <van-tabbar-item replace to="/profile">
-      {{ t('layouts.profile') }}
+      {{ $t('layouts.profile') }}
       <template #icon>
         <div class="i-carbon:user" />
       </template>

src/pages/forgot-password/index.vue

@@ -80,7 +80,7 @@ async function getCode() {
           v-model.trim="postData.email"
           :rules="rules.email"
           name="email"
-          :placeholder="t('forgot-password.email')"
+          :placeholder="$t('forgot-password.email')"
         />
       </div>
 
@@ -89,7 +89,7 @@ async function getCode() {
           v-model.trim="postData.code"
           :rules="rules.code"
           name="code"
-          :placeholder="t('forgot-password.code')"
+          :placeholder="$t('forgot-password.code')"
         >
           <template #button>
             <van-button size="small" type="primary" plain @click="getCode">
@@ -105,7 +105,7 @@ async function getCode() {
           type="password"
           :rules="rules.password"
           name="password"
-          :placeholder="t('forgot-password.password')"
+          :placeholder="$t('forgot-password.password')"
         />
       </div>
 
@@ -115,7 +115,7 @@ async function getCode() {
           type="password"
           :rules="rules.confirmPassword"
           name="confirmPassword"
-          :placeholder="t('forgot-password.comfirmPassword')"
+          :placeholder="$t('forgot-password.comfirmPassword')"
         />
       </div>
 

src/pages/login/index.vue

@@ -65,7 +65,7 @@ async function login(values: any) {
           v-model="postData.email"
           :rules="rules.email"
           name="email"
-          :placeholder="t('login.email')"
+          :placeholder="$t('login.email')"
         />
       </div>
 
@@ -75,7 +75,7 @@ async function login(values: any) {
           type="password"
           :rules="rules.password"
           name="password"
-          :placeholder="t('login.password')"
+          :placeholder="$t('login.password')"
         />
       </div>
 

src/pages/register/index.vue

@@ -84,7 +84,7 @@ async function getCode() {
           v-model.trim="postData.email"
           :rules="rules.email"
           name="email"
-          :placeholder="t('register.email')"
+          :placeholder="$t('register.email')"
         />
       </div>
 
@@ -93,7 +93,7 @@ async function getCode() {
           v-model.trim="postData.code"
           :rules="rules.code"
           name="code"
-          :placeholder="t('register.code')"
+          :placeholder="$t('register.code')"
         >
           <template #button>
             <van-button size="small" type="primary" plain @click="getCode">
@@ -108,7 +108,7 @@ async function getCode() {
           v-model.trim="postData.nickname"
           :rules="rules.nickname"
           name="nickname"
-          :placeholder="t('register.nickname')"
+          :placeholder="$t('register.nickname')"
         />
       </div>
 
@@ -118,7 +118,7 @@ async function getCode() {
           type="password"
           :rules="rules.password"
           name="password"
-          :placeholder="t('register.password')"
+          :placeholder="$t('register.password')"
         />
       </div>
 
@@ -128,7 +128,7 @@ async function getCode() {
           type="password"
           :rules="rules.confirmPassword"
           name="confirmPassword"
-          :placeholder="t('register.comfirmPassword')"
+          :placeholder="$t('register.comfirmPassword')"
         />
       </div>
 

src/pages/scroll-cache/index.vue

@@ -6,7 +6,6 @@ defineOptions({
 const list = ref([])
 const loading = ref(false)
 const finished = ref(false)
-const { t } = useI18n()
 
 function onLoad() {
   setTimeout(() => {
@@ -51,7 +50,7 @@ onBeforeRouteLeave(() => {
       class="mb-8 rounded-12"
     >
       <template #title>
-        {{ t('scrollCache.listItem') }}
+        {{ $t('scrollCache.listItem') }}
       </template>
 
       <template #value>