60 lines
1.3 KiB
Vue
60 lines
1.3 KiB
Vue
<script setup lang="ts">
|
|
import type { NavigationMenuItem } from '@nuxt/ui'
|
|
import HowToPlay from "./components/HowToPlay.vue";
|
|
import { useColorMode } from '@vueuse/core'
|
|
import DevAlert from './components/DevAlert.vue';
|
|
|
|
const items: NavigationMenuItem[] = [{
|
|
label: 'Git',
|
|
to: 'https://gitea.sc0tt.org/Belupeti/tla',
|
|
target: '_blank'
|
|
}, {
|
|
label: 'Home',
|
|
to: 'https://sc0tt.org',
|
|
target: '_blank'
|
|
},
|
|
]
|
|
|
|
const mode = useColorMode();
|
|
</script>
|
|
|
|
<template>
|
|
|
|
<UApp>
|
|
<UHeader :toggle="false">
|
|
<template #title>
|
|
<img v-if="mode == 'dark'" :src="'/logo_full_long_dark.svg'" class="h-6 w-auto">
|
|
<img v-else :src="'/logo_full_long_light.svg'" class="h-6 w-auto">
|
|
</template>
|
|
|
|
|
|
|
|
<template #right>
|
|
|
|
<HowToPlay/>
|
|
<UColorModeSwitch />
|
|
</template>
|
|
</UHeader>
|
|
|
|
<DevAlert/>
|
|
<UMain class="main">
|
|
<router-view v-slot="{ Component,route }">
|
|
<component :is="Component" />
|
|
</router-view>
|
|
</UMain>
|
|
|
|
<UFooter>
|
|
<template #left>
|
|
<UNavigationMenu :items="items" variant="link" />
|
|
</template>
|
|
<p class="text-muted text-sm">
|
|
Sc0tt © {{ new Date().getFullYear() }}
|
|
</p>
|
|
|
|
<template #right>
|
|
|
|
</template>
|
|
</UFooter>
|
|
</UApp>
|
|
</template>
|