some frontend

resources/js/App.vue

@@ -1,13 +1,44 @@
 <script setup lang="ts">
     import Footer from "./components/Footer.vue";
+
+    import type { NavigationMenuItem } from '@nuxt/ui'
+    import { computed } from 'vue'
+    import { useHead } from '@unhead/vue'
+
+    const items: NavigationMenuItem[] = [{
+        label: 'Git',
+        to: 'https://gitea.sc0tt.org/Belupeti/tla',
+        target: '_blank'
+    }, {
+        label: 'Home',
+        to: 'https://sc0tt.org',
+        target: '_blank'
+    }, 
+    ]
 </script>
 
 <template>
-    <main>
-    <router-view v-slot="{ Component,route }">
-        <component :is="Component" />
-    </router-view>
-    </main>
 
-    <Footer>Scott 0-val</Footer>
+    <UApp>
+    <UMain>
+        <NuxtLayout>
+            <router-view v-slot="{ Component,route }">
+                <component :is="Component" />
+            </router-view>
+        </NuxtLayout>
+    </UMain> 
+
+        <UFooter>
+      <template #left>
+        <UNavigationMenu :items="items" variant="link" />
+      </template>
+        <p class="text-muted text-sm">
+          Sc0tt © {{ new Date().getFullYear() }}
+        </p>
+
+      <template #right>
+        
+      </template>
+    </UFooter>
+    </UApp>
 </template>