-
Notifications
You must be signed in to change notification settings - Fork 3
/
app.vue
103 lines (100 loc) · 2.52 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<script lang="ts" setup>
const { appName } = useAppConfig();
useHead({
title: appName,
meta: [
{ name: "viewport", content: "width=device-width, initial-scale=1" },
{ name: "keywords", content: "Home" },
{ name: "description", content: "Nuxt Starter" },
],
link: [
{
rel: "icon",
type: "image/x-icon",
href: "/favicon.ico",
},
],
});
const toastStore = useToastStore();
const toast = computed(() => {
return {
show: toastStore.getShow,
title: toastStore.getTitle,
message: toastStore.getMessage,
type: toastStore.getType,
infos: toastStore.getInfos,
};
});
useHead({
title: "Nuxt Starter - Start your next Nuxt project in seconds",
meta: [
{ name: "viewport", content: "width=device-width, initial-scale=1" },
{ name: "author", content: "Hugo Richard" },
{ charset: "utf-8" },
{
name: "description",
content: "Start your next Nuxt project in seconds, with everything you need included",
},
{
name: "keywords",
content: "Nuxt, Starter, Resend, Bun, Tailwind, TypeScript, ESLint",
},
{
property: "og:title",
content: "Nuxt Starter - Start your next Nuxt project in seconds",
},
{
property: "og:url",
content: "https://nuxtstarter.hrcd.fr/",
},
{
property: "og:description",
content: "Start your next Nuxt project in seconds, with everything you need included",
},
{
property: "og:image",
content: "https://nuxtstarter.hrcd.fr/homescreen.png",
},
{
property: "twitter:card",
content: "summary_large_image",
},
{
property: "twitter:image",
content: "https://nuxtstarter.hrcd.fr/homescreen.png",
},
{
property: "twitter:url",
content: "https://nuxtstarter.hrcd.fr/",
},
{
property: "twitter:title",
content: "Nuxt Starter - Start your next Nuxt project in seconds",
},
{
property: "twitter:description",
content: "Start your next Nuxt project in seconds, with everything you need included",
},
],
});
</script>
<template>
<Html :lang="$i18n.locale">
<ToastsBasic
:show="toast.show"
:title="toast.title"
:description="toast.message"
:type="toast.type"
:infos="toast.infos"
@close="toastStore.closeToast()"
/>
<Body class="bg-white dark:bg-zinc-950">
<LayoutCommandConsole />
<LayoutScrollToTop />
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
<UNotifications />
</Body>
</Html>
</template>