elk/app.vue

42 lines
745 B
Vue
Raw Normal View History

2022-11-13 06:34:43 +01:00
<script setup>
2022-11-23 14:06:27 +01:00
import { APP_NAME } from './constants'
2022-11-13 06:34:43 +01:00
useHead({
2022-11-25 12:48:48 +01:00
titleTemplate: title => `${title ? `${title} | ` : ''}${APP_NAME}${import.meta.env.DEV ? ' (dev)' : ''}`,
2022-11-13 06:34:43 +01:00
link: [
{
2022-11-24 05:48:59 +01:00
rel: 'icon', type: 'image/svg+png', href: '/favicon.png',
2022-11-13 06:34:43 +01:00
},
],
})
2022-11-23 03:16:31 +01:00
// eslint-disable-next-line no-unused-expressions
isDark.value
2022-11-13 06:34:43 +01:00
</script>
<template>
<NuxtLoadingIndicator color="repeating-linear-gradient(to right,var(--c-primary) 0%,var(--c-primary-active) 100%)" />
2022-11-13 06:34:43 +01:00
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
<TeleportTarget
id="teleport-end"
/>
2022-11-13 06:34:43 +01:00
</template>
<style>
html, body , #__nuxt{
height: 100vh;
margin: 0;
padding: 0;
}
html.dark {
2022-11-23 03:16:31 +01:00
color-scheme: dark;
}
html {
--at-apply: bg-base text-base;
2022-11-13 06:34:43 +01:00
}
</style>