-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.vue
85 lines (74 loc) · 1.65 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
<script setup lang="ts">
const title = `Untest`
const description = `Learn by quick question answer competition with peers`
const url = 'https://untest.monalisa-bairagi.com'
useSeoMeta({
ogType: 'profile',
title: title,
ogTitle: title,
description: description,
ogDescription: description,
ogImage: url + '/previews/landing.webp',
ogImageWidth: 1280,
ogImageHeight: 640,
ogUrl: url,
fbAppId: 966242223397117,
twitterCard: 'summary_large_image',
colorScheme: 'dark light',
})
useSchemaOrg([
defineWebPage({
datePublished: new Date(2024, 4, 30).toISOString(),
dateModified: new Date(2024, 4, 30).toISOString(),
author: 'Shirsendu Bairagi',
}),
defineWebSite({
url: url,
name: title,
description: description,
}),
])
</script>
<template>
<NuxtRouteAnnouncer />
<!-- <NuxtPwaManifest /> -->
<!-- <NuxtPwaAssets /> -->
<!-- <NuxtLoadingIndicator /> -->
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
<!-- <AppInstallPrompt /> -->
</template>
<style>
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: transparent;
scrollbar-width: 6px;
}
*::-webkit-scrollbar {
@apply block size-[6px] bg-dark-400;
}
*::-webkit-scrollbar-thumb {
@apply rounded-md bg-dark-600;
}
html {
@apply relative overflow-x-hidden scroll-smooth;
}
body {
@apply relative min-h-screen overflow-x-hidden bg-dark-400 text-white;
}
.nuxt-icon > svg {
@apply !m-0;
}
.scrollbar-hidden {
-ms-overflow-style: none;
/* Internet Explorer 10+ */
scrollbar-width: none;
/* Firefox */
}
.scrollbar-hidden::-webkit-scrollbar {
display: none;
/* Safari and Chrome */
}
</style>