41 lines
931 B
Vue
41 lines
931 B
Vue
<template>
|
|
<main>
|
|
<NuxtPage />
|
|
<div
|
|
v-if="indexStore.showAlert"
|
|
class="alert show alert-dismissible fade media-alert"
|
|
:class="indexStore.alertVariant"
|
|
role="alert"
|
|
>
|
|
{{ indexStore.alertMsg }}
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
</div>
|
|
</main>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { useConfig } from '~/stores/config'
|
|
import { useIndex } from '~/stores/index'
|
|
|
|
const { $bootstrap } = useNuxtApp()
|
|
const configStore = useConfig()
|
|
const indexStore = useIndex()
|
|
|
|
useHead({
|
|
htmlAttrs: {
|
|
lang: 'en',
|
|
"data-bs-theme": "dark"
|
|
}
|
|
})
|
|
|
|
onMounted(() => {
|
|
// @ts-ignore
|
|
new $bootstrap.Tooltip(document.body, {
|
|
selector: "[data-tooltip=tooltip]",
|
|
container: "body"
|
|
})
|
|
})
|
|
await configStore.nuxtClientInit()
|
|
</script>
|
|
|