elk/app.vue

35 lines
945 B
Vue
Raw Normal View History

<script setup lang="ts">
2022-11-30 00:22:35 +00:00
setupPageHeader()
2022-12-09 21:18:21 +00:00
provideGlobalCommands()
2022-11-23 02:16:31 +00:00
2023-01-11 22:42:52 +00:00
const route = useRoute()
2023-01-11 22:42:52 +00:00
if (process.server && !route.path.startsWith('/settings')) {
useHead({
meta: [
{ property: 'og:url', content: `https://elk.zone${route.path}` },
2023-01-11 22:42:52 +00:00
],
})
}
// We want to trigger rerendering the page when account changes
const key = computed(() => `${currentUser.value?.server ?? currentServer.value}:${currentUser.value?.account.id || ''}`)
2022-11-13 05:34:43 +00:00
</script>
<template>
<NuxtLoadingIndicator color="repeating-linear-gradient(to right,var(--c-primary) 0%,var(--c-primary-active) 100%)" />
<NuxtLayout :key="key">
2022-12-26 08:34:30 +00:00
<NuxtPage />
2022-11-13 05:34:43 +00:00
</NuxtLayout>
2022-12-23 15:08:36 +00:00
<AriaAnnouncer />
<!-- Avatar Mask -->
<svg absolute op0 width="0" height="0">
<defs>
<clipPath id="avatar-mask" clipPathUnits="objectBoundingBox">
<path d="M 0,0.5 C 0,0 0,0 0.5,0 S 1,0 1,0.5 1,1 0.5,1 0,1 0,0.5" />
</clipPath>
</defs>
</svg>
2022-11-13 05:34:43 +00:00
</template>