From f4f25798b9283c741fd63c22011774a542088ee4 Mon Sep 17 00:00:00 2001
From: Gary Fu <xuebaiyouling@gmail.com>
Date: Sun, 24 Dec 2023 13:22:36 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=98=E9=87=8F=E5=AE=9A=E4=B9=89=EF=BC=8Cti?=
 =?UTF-8?q?tle=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                                 | 3 +++
 index.html                           | 2 +-
 src/App.vue                          | 6 +++++-
 src/messages/common_cn.js            | 1 +
 src/messages/common_en.js            | 1 +
 src/messages/index.js                | 9 ++++++---
 src/services/global/GlobalService.js | 3 ++-
 7 files changed, 19 insertions(+), 6 deletions(-)
 create mode 100644 .env
diff --git a/.env b/.env
new file mode 100644
index 0000000..ba49ad2
--- /dev/null
+++ b/.env
@@ -0,0 +1,3 @@
+# 程序名称
+VITE_APP_NAME=Simple Element+
+
diff --git a/index.html b/index.html
index 99f583a..840df55 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <link rel="icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Vite App</title>
+    <title>%VITE_APP_NAME%</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/src/App.vue b/src/App.vue
index b6df4be..1694172 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,9 +1,13 @@
 <script setup>
 import { useGlobalConfigStore } from '@/stores/GlobalConfigStore'
-import { $changeLocale, elementLocale } from '@/messages'
+import { $changeLocale, elementLocale, $i18nBundle } from '@/messages'
+import { useTitle } from '@vueuse/core'
+import { computed } from 'vue'
 
 const globalConfigStore = useGlobalConfigStore()
 $changeLocale(globalConfigStore.currentLocale)
+const title = computed(() => $i18nBundle('common.label.title'))
+useTitle(title)
 </script>
 
 <template>
diff --git a/src/messages/common_cn.js b/src/messages/common_cn.js
index d0a71cb..ad9b358 100644
--- a/src/messages/common_cn.js
+++ b/src/messages/common_cn.js
@@ -1,6 +1,7 @@
 import { baseMessages } from '@/messages/base'
 export const common = baseMessages()
 
+common.label.title = '简单Element+模板'
 common.label.login = '登录'
 common.label.index = '首页'
 common.label.langCn = '中文'
diff --git a/src/messages/common_en.js b/src/messages/common_en.js
index f8067ac..37b2c7a 100644
--- a/src/messages/common_en.js
+++ b/src/messages/common_en.js
@@ -1,6 +1,7 @@
 import { baseMessages } from '@/messages/base'
 export const common = baseMessages()
 
+common.label.title = 'Simple Element+'
 common.label.login = 'Login'
 common.label.index = 'Home'
 common.label.langCn = '中文'
diff --git a/src/messages/index.js b/src/messages/index.js
index 4546c85..aaf9480 100644
--- a/src/messages/index.js
+++ b/src/messages/index.js
@@ -1,4 +1,4 @@
-import { createI18n } from 'vue-i18n'
+import { createI18n, useI18n } from 'vue-i18n'
 import { ref } from 'vue'
 import messagesCn from './messages_cn'
 import messagesEn from './messages_en'
@@ -41,7 +41,7 @@ export const $changeLocale = locale => {
  * @param {boolean} replaceEmpty 为空是否用不为空的数据代替
  * @returns {*}
  */
-export const $i18nMsg = function (cn, en, replaceEmpty) {
+export const $i18nMsg = (cn, en, replaceEmpty) => {
   const { currentLocale } = useGlobalConfigStore()
   console.log(currentLocale)
   if (currentLocale === GlobalLocales.CN) {
@@ -50,12 +50,15 @@ export const $i18nMsg = function (cn, en, replaceEmpty) {
   return replaceEmpty ? (en || cn) : en
 }
 
+export const $i18nBundle = i18n.global.t
+
 export default {
   install (app) {
     app.use(i18n)
     Object.assign(app.config.globalProperties, {
       $changeLocale,
-      $i18nMsg
+      $i18nMsg,
+      $i18nBundle
     })
   }
 }
diff --git a/src/services/global/GlobalService.js b/src/services/global/GlobalService.js
index d41bc23..59abcd7 100644
--- a/src/services/global/GlobalService.js
+++ b/src/services/global/GlobalService.js
@@ -1,6 +1,7 @@
 import { GlobalLayoutMode, GlobalLocales } from '@/consts/GlobalConstants'
 import { useGlobalConfigStore } from '@/stores/GlobalConfigStore'
 import { ref } from 'vue'
+import { $i18nBundle } from '@/messages'
 
 export const useBaseTopMenus = () => {
   const globalConfigStore = useGlobalConfigStore()
@@ -86,7 +87,7 @@ export const useBusinessMenus = () => {
   return ref([
     {
       icon: 'HomeFilled',
-      label: 'Simple Element Plus'
+      labelIf: () => $i18nBundle('common.label.title')
     },
     {
       icon: 'setting',
