feat(ui): basic layout

This commit is contained in:
2025-12-07 21:27:23 +01:00
parent dc67c1c16a
commit 4e9b4a19b8
16 changed files with 198 additions and 187 deletions

View File

@@ -7,67 +7,21 @@ useHead({
},
});
const title = 'Nuxt Starter Template';
const title = 'Tímmál - Privacy-First Time Tracking';
const description =
'A production-ready starter template powered by Nuxt UI. Build beautiful, accessible, and performant applications in minutes, not hours.';
'Track time spent on tickets, generate Excel-compatible reports, and streamline your work report workflow. Built for developers and consultants who value privacy and accuracy.';
useSeoMeta({
title,
description,
ogTitle: title,
ogDescription: description,
ogImage: 'https://ui.nuxt.com/assets/templates/nuxt/starter-light.png',
twitterImage: 'https://ui.nuxt.com/assets/templates/nuxt/starter-light.png',
twitterCard: 'summary_large_image',
});
</script>
<template>
<UApp>
<UHeader>
<template #left>
<NuxtLink to="/">
<AppLogo class="w-auto h-6 shrink-0" />
</NuxtLink>
<TemplateMenu />
</template>
<template #right>
<UColorModeButton />
<UButton
to="https://github.com/nuxt-ui-templates/starter"
target="_blank"
icon="i-simple-icons-github"
aria-label="GitHub"
color="neutral"
variant="ghost"
/>
</template>
</UHeader>
<UMain>
<NuxtPage />
</UMain>
<USeparator icon="i-simple-icons-nuxtdotjs" />
<UFooter>
<template #left>
<p class="text-sm text-muted">Built with Nuxt UI © {{ new Date().getFullYear() }}</p>
</template>
<template #right>
<UButton
to="https://github.com/nuxt-ui-templates/starter"
target="_blank"
icon="i-simple-icons-github"
aria-label="GitHub"
color="neutral"
variant="ghost"
/>
</template>
</UFooter>
</UApp>
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
</template>