<template>
    <link rel="stylesheet" href="/css/font.css">
    <component :is="layout">
        <template #content>
            <LoadingSpinner :isLoading="loadingStore.isLoading" />
            <router-view></router-view>
        </template>
    </component>
    <ToastModal />
</template>
<script setup>
import { computed } from 'vue';
import { useRoute } from 'vue-router';
import NormalLayout from './layouts/NormalLayout.vue';
import NoLayout from './layouts/NoLayout.vue';
import ToastModal from '@c/modal/ToastModal.vue';
import { useLoadingStore } from "@s/loadingStore";
import LoadingSpinner from "@v/LoadingPage.vue";

const loadingStore = useLoadingStore();
const route = useRoute();

const layout = computed(() => {
    return route.meta.layout === 'NoLayout' ? NoLayout : NormalLayout;
});
</script>
