add page title to sign in

frontend/src/pages/signin/+Page.vue

@@ -1,11 +1,14 @@
 <template>
-  <div class="h-screen auth-page py-12">{{ $t('auth.signin') }}</div>
+  <DefaultLayout>
+    <div class="h-screen auth-page py-12">{{ $t('auth.signin') }}</div>
+  </DefaultLayout>
 </template>
 
 <script lang="ts" setup>
 import { navigate } from 'vike/client/router'
 import { inject, onBeforeMount } from 'vue'
 
+import DefaultLayout from '#layouts/DefaultLayout.vue'
 import AuthService from '#src/services/AuthService'
 import { useAuthStore } from '#stores/authStore'
 

frontend/src/pages/signin/+title.ts

@@ -0,0 +1,3 @@
+import i18n from '#plugins/i18n'
+
+export const title = () => i18n.global.t('auth.title')

frontend/src/pages/signin/Page.test.ts

@@ -4,10 +4,12 @@ import { describe, it, expect, beforeEach, vi } from 'vitest'
 import { Component, h } from 'vue'
 import { VApp } from 'vuetify/components'
 
+import i18n from '#plugins/i18n'
 import { useAuthStore } from '#stores/authStore'
 import { authService } from '#tests/mock.authService'
 
 import SigninPage from './+Page.vue'
+import { title } from './+title'
 
 vi.mock('vike/client/router')
 vi.mocked(navigate).mockResolvedValue()
@@ -24,6 +26,10 @@ describe('SigninPage', () => {
   const authServiceSpy = vi.spyOn(authService, 'signIn')
 
   describe('not signed in', () => {
+    it('title returns correct title', () => {
+      expect(title()).toBe(i18n.global.t('auth.title'))
+    })
+
     describe('signin without error', () => {
       beforeEach(() => {
         vi.clearAllMocks()