fix: 一部ページで直アクセス時にタイトルが重複する問題を修正

[urmshr]

現象

以下のページに直接アクセスすると、ブラウザのタブなどに表示されるタイトルでサイト名が繰り返し出力される。
ただし、一度別なページ（e.g. /OpenSource）に遷移してから、ヘッダーやフッター内のリンクを経由して当該ページに戻ると、重複が解消される。

• https://azookey.com/
  • azooKey - 自由自在なキーボードアプリ azooKey - 自由自在なキーボードアプリ
• https://azookey.com/macOS
  • macOS版 | azooKey - 自由自在なキーボードアプリ azooKey - 自由自在なキーボードアプリ

原因

• 各ページで useHead / useSeoMeta を setup() の外で呼び出していたため、head 情報の登録タイミングやページ遷移時の扱いが想定とずれ、直アクセス時のタイトルに影響したと考えられる。
• Desktop.vue では useHead に渡す title にすでにサイト名が含まれていたため、App 側の titleTemplate と組み合わさってサイト名が二重に表示されていた。

変更内容

• Main.vue / OpenSource.vue / Contact.vue / QA.vue / PrivacyPolicy.vue / TermsOfService.vue
  • Composable は setup() もしくは <script setup> の中で呼び出す必要があるため、useHead / useSeoMeta の呼び出しをモジュールトップレベルから setup() 内に移動した
• Desktop.vue
  • 他ページと同じく、useHead ではmacOS版 | のみを指定するようにした

動作確認

1. 各ページに直接アクセスして、タイトルが重複して出力されていないことを確認する
2. 別ページを経由して戻った際も、正しいタイトルが表示されることを確認する