-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathapp.vue
72 lines (67 loc) · 1.6 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
<script setup lang="ts">
const runtimeConfig = useRuntimeConfig()
const route = useRoute()
useSeoMeta({
ogSiteName: "LimbusCompute",
ogTitle: "LimbusCompute: Limbus Company Toolbox",
description:
"Work-in-progress toolbox for Limbus Company, a turn-based RPG developed by Project Moon. Made with Nuxt.",
ogDescription:
"Work-in-progress toolbox for Limbus Company, a turn-based RPG developed by Project Moon. Made with Nuxt.",
ogUrl: () => runtimeConfig.public.fullBaseUrl + route.path,
ogLocale: "en",
ogType: "website",
twitterCard: "summary",
})
useHead({
title: null,
titleTemplate(title) {
return title ? `${title} | LimbusCompute` : "LimbusCompute"
},
meta: [
{
key: "og:image",
property: "og:image",
content: "/favicon-32x32.png",
},
{
key: "og:image:type",
property: "og:image:type",
content: "image/png",
},
{
key: "og:image:width",
property: "og:image:width",
content: "32",
},
{
key: "og:image:height",
property: "og:image:height",
content: "32",
},
],
})
</script>
<template>
<div>
<Body class="bg-gray-100 dark:bg-gray-900" />
<div class="flex flex-col justify-between">
<div class="p-2">
<NuxtPage class="mx-auto max-w-7xl" />
</div>
<div class="relative w-full pt-4">
<UDivider class="mx-auto max-w-7xl" />
<Footer class="mx-auto w-full max-w-7xl px-2 py-4 md:py-8" />
</div>
</div>
</div>
</template>
<style lang="scss">
:root {
scroll-behavior: smooth;
font-size: 14px;
}
svg {
user-select: none;
}
</style>