first commit

src/App.vue

@@ -0,0 +1,36 @@
+<template>
+  <component :is="currentLayout" />
+  <ConfirmModal />
+  <VueQueryDevtools />
+</template>
+
+<script setup>
+import { computed, watch } from 'vue'
+import { storeToRefs } from 'pinia'
+import { useRoute } from 'vue-router'
+import { VueQueryDevtools } from '@tanstack/vue-query-devtools'
+
+import ConfirmModal from '@/components/ConfirmModal.vue'
+import PublicLayout from '@/layouts/PublicLayout.vue'
+import AdminLayout from '@/layouts/AdminLayout.vue'
+import StudentLayout from '@/layouts/StudentLayout.vue'
+import { useModalStore } from '@/store/modal'
+
+const route = useRoute()
+
+const layouts = {
+  public: PublicLayout,
+  admin: AdminLayout,
+  student: StudentLayout,
+}
+
+const currentLayout = computed(() => layouts[route.meta?.layout] || PublicLayout)
+
+const { modals } = storeToRefs(useModalStore())
+watch(
+  () => modals.value.length,
+  (count) => {
+    document.body.style.overflow = count > 0 ? 'hidden' : ''
+  }
+)
+</script>