-
Notifications
You must be signed in to change notification settings - Fork 7
/
app.vue
71 lines (63 loc) · 1.44 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<script setup>
const links = [{
label: 'Features',
to: '#features',
exactHash: true
}, {
label: 'Documentation',
to: 'https://ui.nuxt.com/pro',
target: '_blank'
}]
useHead({
meta: [
{ name: 'viewport', content: 'width=device-width, initial-scale=1' }
],
link: [
{ rel: 'icon', href: '/favicon.ico' }
],
htmlAttrs: {
lang: 'en'
}
})
const title = 'Nuxt UI Pro - Starter'
const description = 'Nuxt UI Pro is a collection of premium Vue components built on top of Nuxt UI to create beautiful & responsive Nuxt applications in minutes.'
useSeoMeta({
title,
description,
ogTitle: title,
ogDescription: description,
ogImage: 'https://ui-pro-starter.nuxt.dev/social-card.png',
twitterImage: 'https://ui-pro-starter.nuxt.dev/social-card.png',
twitterCard: 'summary_large_image'
})
</script>
<template>
<UHeader :links="links">
<template #logo>
Nuxt UI Pro <UBadge
label="Starter"
variant="subtle"
class="mb-0.5"
/>
</template>
<template #right>
<UColorModeButton />
<UButton
to="https://github.com/nuxt-ui-pro/starter"
target="_blank"
icon="i-simple-icons-github"
aria-label="GitHub"
color="gray"
variant="ghost"
/>
</template>
</UHeader>
<UMain>
<NuxtPage />
</UMain>
<UFooter>
<template #left>
Copyright © {{ new Date().getFullYear() }}
</template>
</UFooter>
</template>