-
Notifications
You must be signed in to change notification settings - Fork 2
/
app.vue
38 lines (32 loc) · 952 Bytes
/
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
<template>
<theme-wrapper>
<nuxt-loading-indicator color="rgb(var(--accent-primary-500))" />
<nuxt-page v-if="isOnline" />
<message-layout v-else>
<p class="tw-text-dim-2">
{{ $t('errors.noConnection') }}
</p>
</message-layout>
</theme-wrapper>
</template>
<script setup lang="ts">
const { isOnline } = useNetwork()
const { t } = useI18n()
// Set up meta tags
const baseUrl = getAbsoluteBaseUrl()
const route = useRoute()
useSeoMeta({
title: 'var(--themage)',
description: t('pages.index.description'),
ogTitle: t('pages.index.title'),
ogDescription: t('pages.index.description'),
ogType: 'website',
ogSiteName: 'themage',
ogImage: () => `${baseUrl}/img/cover.jpg`,
ogUrl: () => `${baseUrl}${route.path}`,
twitterTitle: t('pages.index.title'),
twitterDescription: t('pages.index.description'),
twitterCard: 'summary_large_image',
twitterSite: `@${APP_TWITTER_HANDLE}`,
})
</script>