Merge pull request #42 from tkzt/main

feat(app): dynamic page title according to settings
codekitchen-community · Jan 1, 2025 · 5f4cd4d · 5f4cd4d
2 parents e614fed + bb520ad
commit 5f4cd4d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/app/index.html b/app/index.html
@@ -5,7 +5,7 @@
   <meta charset="UTF-8" />
   <link rel="icon" type="image/svg+xml" href="/fine-weather-gallery.ico" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>一些晴朗的日子</title>
+  <title>...</title>
 </head>
 
 <body>

diff --git a/app/src/views/FineWeather.vue b/app/src/views/FineWeather.vue
@@ -105,7 +105,7 @@
 import {
   onMounted, reactive, ref, watchEffect,
 } from 'vue'
-import { useDark, useEventListener } from '@vueuse/core'
+import { useDark, useEventListener, useTitle } from '@vueuse/core'
 import ImageCard from '@/components/ImageCard.vue'
 import ImageDetail from '@/components/ImageDetail.vue'
 
@@ -140,9 +140,9 @@ const imageDetails = reactive({
 })
 const images = ref([])
 const fwMeta = reactive({
-  title: DEFAULT_TITLE,
-  intro: DEFAULT_INTRO,
-  noImageTip: DEFAULT_NO_IMAGE_TIP
+  title: '',
+  intro: '',
+  noImageTip: ''
 })
 
 function jumpTo(url) {
@@ -201,6 +201,7 @@ async function loadMore() {
 }
 
 onMounted(() => {
+  useTitle(() => fwMeta.title)
   useEventListener(document, 'keydown', keypressListener)
   loadMore()
   isReady.value = true