feat(app): add title

nakasyou · Aug 20, 2024 · e0273cf · e0273cf
1 parent 7b80923
commit e0273cf
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 2 deletions.
diff --git a/src/islands/ai-quiz/components/InitialScreen.qwik.tsx b/src/islands/ai-quiz/components/InitialScreen.qwik.tsx
@@ -56,6 +56,7 @@ export const InitialScreen = component$(() => {
       }
       return
     }
+    document.title = `${gotNote.name} - Quiz with Nanoha`
     const textNotes = loaded.notes.filter(
       (note): note is TextNoteData => note.type === 'text',
     )

diff --git a/src/islands/note/App.tsx b/src/islands/note/App.tsx
@@ -99,6 +99,9 @@ export default (props: Props) => {
       }
     }
   })
+  createEffect(() => {
+    document.title = `${noteBookMetadata.noteName} - Nanoha`
+  })
   onMount(() => {
     const url = new URL(location.href)
     if (url.searchParams.has('play')) {

diff --git a/src/pages/app/notes/[noteid].astro b/src/pages/app/notes/[noteid].astro
@@ -15,7 +15,7 @@ if (/^local\-.+$/.test(noteId)) {
   }
 }
 ---
-<Base title="" description="nanohanote app" useViewTransitions={true} noIndex={true} bodyClass="bg-background text-on-background">
+<Base title="Nanoha Note" description="nanohanote app" useViewTransitions={true} noIndex={true} bodyClass="bg-background text-on-background">
   <NanohaNoteApp client:load noteLoadType={noteLoadType} />
 </Base>
 <style is:global>

diff --git a/src/pages/app/notes/[noteid]/quiz.astro b/src/pages/app/notes/[noteid]/quiz.astro
@@ -15,7 +15,7 @@ if (/^local\-.+$/.test(noteId)) {
   }
 }
 ---
-<Base title="" description="nanohanote app" useViewTransitions={true} noIndex={true} bodyClass="bg-background text-on-background">
+<Base title="AI Quiz with Nanoha" description="AI によるクイズ" useViewTransitions={true} noIndex={true} bodyClass="bg-background text-on-background">
   <QuizApp noteLoadType={noteLoadType} />
 </Base>
 <style is:global>
-Original file line number
+Diff line change
@@ Expand Up / @@ -56,6 +56,7 @@ export const InitialScreen = component$(() => { @@
           }
           return
         }
+        document.title = `${gotNote.name} - Quiz with Nanoha`
         const textNotes = loaded.notes.filter(
           (note): note is TextNoteData => note.type === 'text',
         )
@@ Expand Down @@