localhost-front/src/App.vue
2025-03-07 13:37:54 +09:00

26 lines
766 B
Vue

<template>
<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>