feat(ui): basic layout
This commit is contained in:
56
app/app.vue
56
app/app.vue
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user