<script setup> import { APP_NAME } from './constants' useHead({ titleTemplate: title => `${title ? `${title} | ` : ''}${APP_NAME}${import.meta.env.DEV ? ' (dev)' : window.location.hostname.includes('deploy-preview') ? '(preview)' : ''}`, link: [ { rel: 'icon', type: 'image/svg+png', href: '/favicon.png', }, ], }) // We want to trigger rerendering the page when account changes const key = computed(() => useMasto().instances.config.url || 'default') // eslint-disable-next-line no-unused-expressions isDark.value </script> <template> <NuxtLoadingIndicator color="repeating-linear-gradient(to right,var(--c-primary) 0%,var(--c-primary-active) 100%)" /> <NuxtLayout :key="key"> <NuxtPage /> </NuxtLayout> <TeleportTarget id="teleport-end" /> </template> <style> html, body , #__nuxt{ height: 100vh; margin: 0; padding: 0; } html.dark { color-scheme: dark; } html { --at-apply: bg-base text-base; } </style>