feat: custom error page (#178)
Co-authored-by: Daniel Roe <daniel@roe.dev>
This commit is contained in:
parent
b8cadca717
commit
3b92b27cc8
6 changed files with 106 additions and 42 deletions
31
app.vue
31
app.vue
|
@ -1,21 +1,8 @@
|
|||
<script setup>
|
||||
import { APP_NAME } from './constants'
|
||||
|
||||
const isDev = process.dev
|
||||
const isPreview = window.location.hostname.includes('deploy-preview')
|
||||
|
||||
useHead({
|
||||
titleTemplate: title => `${title ? `${title} | ` : ''}${APP_NAME}${isDev ? ' (dev)' : isPreview ? ' (preview)' : ''}`,
|
||||
link: [
|
||||
{ rel: 'icon', type: 'image/svg+png', href: isDev || isPreview ? '/favicon-dev.png' : '/favicon.png' },
|
||||
],
|
||||
})
|
||||
usePageHeader()
|
||||
|
||||
// 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>
|
||||
|
@ -27,19 +14,3 @@ isDark.value
|
|||
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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue