fix: fix locale title in toggleLocale fn

Author: kieranwv

.gitignore

@@ -5,3 +5,4 @@ node_modules
 .DS_Store
 .output
 .eslintcache
+.idea

src/composables/locale.ts

@@ -13,12 +13,13 @@ export function useLocale() {
     }
 
     locale.value = _locale as string
+    setLocaleTitle()
   }
 
   const title = useTitle()
 
-  const setLocaleTitle = (locale?: string, isKey: boolean = false) => {
-    const _t = isKey ? t(locale || 'app.title') : locale
+  function setLocaleTitle(locale?: string, isKey: boolean = false) {
+    const _t = isKey ? t(locale || 'app.title') : locale || t('app.title')
     title.value = _t === t('app.title') ? _t : `${_t} - ${t('app.title')}`
   }
 

src/locales/zh.json

@@ -5,7 +5,7 @@
   },
   "page": {
     "index": {
-      "title": "Vite + Vue 3 启动模板"
+      "title": "首页"
     },
     "about": {
       "title": "关于",

typings/auto-imports.d.ts

@@ -330,6 +330,7 @@ declare global {
   export type { ContentTypeEnum } from '../src/constants/enums'
   import('../src/constants/enums')
 }
+
 // for vue template auto import
 import { UnwrapRef } from 'vue'
 declare module 'vue' {
@@ -650,4 +651,4 @@ declare module 'vue' {
     readonly watchWithFilter: UnwrapRef<typeof import('@vueuse/core')['watchWithFilter']>
     readonly whenever: UnwrapRef<typeof import('@vueuse/core')['whenever']>
   }
-}
+}