Feature: 为网页标题添加国际化

2025-07-12 15:21:22 +08:00
parent 4a375f117b
commit cead32f93d
2 changed files with 14 additions and 1 deletions
--- 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>Welcome to Vuetify 3</title>
+    <title>Loading...</title>
  </head>
  <body>
    <div id="app"></div>
--- a/src/App.vue
+++ b/src/App.vue
@ -83,6 +83,11 @@
  const selectedIndex = ref(0)
  const windowWidth = ref(typeof window === 'undefined' ? 1200 : window.innerWidth)

+  // 动态设置网页标题
+  const pageTitle = computed(() => {
+    return t('appTitle')
+  })
+
  // 监听窗口变化
  const handleResize = () => {
    if (typeof window === 'undefined') return
@ -195,4 +200,12 @@
    selectedIndex.value = index
    drawer.value = false // 选择后自动关闭抽屉
  }
+
+  onMounted(() => {
+    document.title = pageTitle.value
+  })
+
+  watch(locale, () => {
+    document.title = pageTitle.value
+  })
 </script>