<script setup lang="ts">
import { ref, provide } from 'vue'
import { RouterLink, RouterView, useRoute } from 'vue-router'
import MainLayout from './layouts/MainLayout.vue'
import LoadingDialog from './components/LoadingDialog.vue'
import LoginMessage from './components/LoginMessage.vue'
import FullLayout from './layouts/MainLayout.vue'

const rail = ref(true)
const drawer = ref(true)
const route = useRoute()
provide('rail', rail)
provide('drawer', drawer)
</script>
<template>
  <v-container fluid style="background-color: #7E9CD3; min-height: 100vh;">
    <component :is="route.meta.layout === 'MainLayout' ? MainLayout : FullLayout"></component>
    <LoadingDialog></LoadingDialog>
    <LoginMessage />
  </v-container>
</template>

<style scoped></style>
<style>
body {
  font-family: 'Kanit';
}
</style>