Pestoverse/app.vue at main · tougrel/Pestoverse · GitHub

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
<script setup lang="ts">
const loading = ref(true);
const {
    public: { cdnBase },
} = useRuntimeConfig();

useState("kudo-slideover", () => false);

useSeoMeta({
    title: "Pestoverse",
    description: "The official website for running, upcoming and archived events created by Yuniiho's community!",

    ogTitle: "Pestoverse",
    ogDescription: "The official website for running, upcoming and archived events created by Yuniiho's community!",
    ogUrl: "https://pestoverse.world",
    ogImage: `${cdnBase}/pestoverse_banner.png`,
    ogImageType: "image/png",

    twitterTitle: "Pestoverse",
    twitterDescription: "The official website for running, upcoming and archived created by Yuniiho's community!",
    twitterImage: `${cdnBase}/pestoverse_banner.png`,
    twitterImageType: "image/png",
    twitterCard: "summary_large_image",
});

useHead({
    titleTemplate: (title) => (title && title.includes("Pestoverse") ? title : `${title} - Pestoverse`),
    htmlAttrs: {
        lang: "en",
    },
    link: [
        {
            rel: "icon",
            type: "image/vnd.microsoft.icon",
            href: "/favicon.ico",
        },
        {
            rel: "shortcut icon",
            type: "image/vnd.microsoft.icon",
            href: "/favicon.ico",
        },
        {
            rel: "icon",
            type: "image/png",
            href: "/icons/favicon-32x32.png",
        },
    ],
});

onMounted(() => {
    loading.value = false;

    const primary = localStorage.getItem("ui-color");
    if (primary) useAppConfig().ui.primary = primary;
});
</script>

<template>
    <NuxtLoadingIndicator />
    <div>
        <UiLoadingScreen v-if="loading" />
        <NuxtLayout>
            <NuxtPage v-if="!loading" />
        </NuxtLayout>
        <UNotifications />
    </div>
</template>