generated from atinux/nuxt-guestbook
-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathapp.vue
41 lines (40 loc) · 1.48 KB
/
app.vue
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<script setup>
useSeoMeta({
title: 'Nuxt Todos + Deno KV',
description:
'A hosted demo showcasing Nuxt running on Deno Deploy using Deno KV + Watch feature.',
ogSiteName: 'Nuxt Todos Deno KV',
ogType: 'website',
ogImage: 'https://nuxt-todos-kv.deno.dev/social-image.png',
twitterImage: 'https://nuxt-guestbook.pages.dev/social-image.png',
twitterCard: 'summary_large_image'
})
</script>
<template>
<UHeader class="border-none md:pt-4" :ui="{ container: 'bg-gray-400/5 md:rounded-full border-b md:border dark:border-gray-800' }">
<template #left>
<h1 class="font-bold text-black dark:text-white">
Nuxt Todos + Deno KV
</h1>
</template>
<template #right>
<UColorModeButton />
<UButton to="https://github.com/atinux/nuxt-deno-kv" target="_blank" icon="i-simple-icons-github" color="gray" variant="ghost" />
</template>
</UHeader>
<UContainer>
<UMain>
<NuxtPage />
</UMain>
</UContainer>
<UFooter class="md:pb-4" :ui="{ bottom: { container: 'bg-gray-400/5 md:rounded-full border-t md:border dark:border-gray-800' } }">
<template #left>
Published under MIT License.
</template>
<template #right>
<UButton to="https://x.com/Atinux" target="_blank" icon="i-simple-icons-x" color="gray" variant="ghost" />
<UButton to="https://github.com/atinux/nuxt-deno-kv" target="_blank" icon="i-simple-icons-github" color="gray" variant="ghost" />
</template>
</UFooter>
<UNotifications />
</template>