2022-12-07 07:17:58 +09:00
|
|
|
<script setup lang="ts">
|
2022-11-30 09:22:35 +09:00
|
|
|
setupPageHeader()
|
2022-12-10 06:18:21 +09:00
|
|
|
provideGlobalCommands()
|
2022-11-23 11:16:31 +09:00
|
|
|
|
2023-01-12 07:42:52 +09:00
|
|
|
const route = useRoute()
|
|
|
|
if (process.server && !route.path.startsWith('/settings')) {
|
|
|
|
useHead({
|
|
|
|
meta: [
|
2023-01-13 00:02:58 +09:00
|
|
|
{ property: 'og:url', content: `https://elk.zone${route.path}` },
|
2023-01-12 07:42:52 +09:00
|
|
|
],
|
|
|
|
})
|
|
|
|
}
|
|
|
|
|
2022-11-28 00:13:04 +09:00
|
|
|
// We want to trigger rerendering the page when account changes
|
2022-12-21 00:56:54 +09:00
|
|
|
const key = computed(() => `${currentUser.value?.server ?? currentServer.value}:${currentUser.value?.account.id || ''}`)
|
2022-11-13 14:34:43 +09:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2022-11-24 18:59:07 +09:00
|
|
|
<NuxtLoadingIndicator color="repeating-linear-gradient(to right,var(--c-primary) 0%,var(--c-primary-active) 100%)" />
|
2022-11-28 00:13:04 +09:00
|
|
|
<NuxtLayout :key="key">
|
2022-12-26 17:34:30 +09:00
|
|
|
<NuxtPage />
|
2022-11-13 14:34:43 +09:00
|
|
|
</NuxtLayout>
|
2022-12-24 00:08:36 +09:00
|
|
|
<AriaAnnouncer />
|
2023-01-06 07:21:31 +09:00
|
|
|
|
|
|
|
<!-- 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 14:34:43 +09:00
|
|
|
</template>
|