-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.vue
62 lines (51 loc) · 1.7 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
<script setup lang="ts">
const isBrowser = useMediaQuery("(display-mode: browser)");
useHead({
titleTemplate: (titleChunk) => {
if (!isBrowser) return titleChunk ?? "BeReal"; // exclude if pwa
return titleChunk ? `${titleChunk} | BeReal` : "BeReal";
},
});
const isDark = usePreferredDark();
</script>
<template>
<div>
<Head>
<Html class="dark" />
<Link v-if="isDark" rel="icon" href="/icons/favicon-white.webp" />
<Link v-else rel="icon" href="/icons/favicon.webp" />
<!-- apple -->
<Link rel="apple-touch-icon" href="/icons/apple-touch-icon.png" />
<Link
rel="mask-icon"
href="/icons/safari-pinned-tab.svg"
color="#000000"
/>
<Meta
name="apple-mobile-web-app-status-bar-style"
content="black-translucent"
/>
<Meta name="apple-mobile-web-app-capable" content="yes" />
<Meta name="mobile-web-app-capable" content="yes" />
<!-- twitter -->
<Meta name="twitter:card" content="summary" />
<Meta name="twitter:site" content="@BeReal_App" />
<Meta name="twitter:title" content="BeReal" />
<!-- og -->
<Meta property="og:title" content="BeReal" />
<Meta property="og:type" content="website" />
<Meta property="og:image" content="/icons/logo.png" />
<Meta
property="og:description"
content="BeReal is an app where everyday at a different time, everyone is notified simultaneously to capture and share a photo in 2 minutes."
/>
</Head>
<Body class="overscroll-none bg-black text-white" />
<VitePwaManifest />
<NuxtLoadingIndicator />
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
<Toaster />
</div>
</template>