diff --git a/app.vue b/app.vue
new file mode 100644
index 0000000..f53f129
--- /dev/null
+++ b/app.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+const head = useLocaleHead({
+  addDirAttribute: true,
+  addSeoAttributes: true,
+})
+</script>
+
+<template>
+  <NuxtLayout>
+    <Html :lang="head.htmlAttrs?.lang" :dir="head.htmlAttrs?.dir" />
+
+    <NuxtPage />
+  </NuxtLayout>
+</template>
+
+<style>
+body {
+  font-family: 'Source Sans 3';
+}
+
+#__nuxt {
+  @apply min-h-screen flex;
+}
+</style>
diff --git a/layouts/default.vue b/layouts/default.vue
index 9378c83..6500fa0 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,8 +1,4 @@
 <script setup lang="ts">
-const head = useLocaleHead({
-  addDirAttribute: true,
-  addSeoAttributes: true,
-})
 const { t } = useI18n()
 const isLoggedIn = useIsLoggedIn()
 const { userData: me } = await useUserInfo()
@@ -71,8 +67,6 @@ async function logout() {
 
 <template>
   <div class="container mx-auto p-10 min-h-screen flex flex-col">
-    <Html :lang="head.htmlAttrs?.lang" :dir="head.htmlAttrs?.dir"></Html>
-
     <header class="py-10">
       <slot name="header">
         <div class="flex flex-row flex-wrap items-center min-w-full">
@@ -141,9 +135,3 @@ async function logout() {
     </footer>
   </div>
 </template>
-
-<style>
-body {
-  font-family: 'Source Sans 3';
-}
-</style>
diff --git a/pages/login.vue b/pages/login.vue
index fb86d46..5c475fa 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -7,10 +7,6 @@ definePageMeta({
   layout: false,
 })
 
-const head = useLocaleHead({
-  addDirAttribute: true,
-  addSeoAttributes: true,
-})
 const { t } = useI18n()
 const isLoggedIn = useIsLoggedIn()
 
@@ -49,7 +45,6 @@ const login = handleSubmit(async (form) => {
 
 <template>
   <main class="w-50 m-auto">
-    <Html :lang="head.htmlAttrs?.lang" :dir="head.htmlAttrs?.dir"></Html>
     <img
       class="flex-none mx-auto w-1/2 mb-10"
       src="/assets/img/logo-white.svg"
@@ -90,14 +85,3 @@ const login = handleSubmit(async (form) => {
     </form>
   </main>
 </template>
-
-<style>
-/* FIXME add in css file */
-body {
-  font-family: 'Source Sans 3';
-}
-
-#__nuxt {
-  @apply min-h-screen flex;
-}
-</style>
