feat(frontend): layout header + drawer + router (9 routes)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-22 04:12:35 +01:00
parent f29f90a16f
commit 3c5f0d571f
36 changed files with 836 additions and 2 deletions

73
frontend/src/App.vue.js Normal file
View File

@@ -0,0 +1,73 @@
/// <reference types="../node_modules/.vue-global-types/vue_3.5_0_0_0.d.ts" />
import { ref } from 'vue';
import { RouterView } from 'vue-router';
import AppHeader from '@/components/AppHeader.vue';
import AppDrawer from '@/components/AppDrawer.vue';
const drawerOpen = ref(false);
debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
const __VLS_ctx = {};
let __VLS_components;
let __VLS_directives;
/** @type {[typeof AppHeader, ]} */ ;
// @ts-ignore
const __VLS_0 = __VLS_asFunctionalComponent(AppHeader, new AppHeader({
...{ 'onToggleDrawer': {} },
}));
const __VLS_1 = __VLS_0({
...{ 'onToggleDrawer': {} },
}, ...__VLS_functionalComponentArgsRest(__VLS_0));
let __VLS_3;
let __VLS_4;
let __VLS_5;
const __VLS_6 = {
onToggleDrawer: (...[$event]) => {
__VLS_ctx.drawerOpen = !__VLS_ctx.drawerOpen;
}
};
var __VLS_2;
/** @type {[typeof AppDrawer, ]} */ ;
// @ts-ignore
const __VLS_7 = __VLS_asFunctionalComponent(AppDrawer, new AppDrawer({
...{ 'onClose': {} },
open: (__VLS_ctx.drawerOpen),
}));
const __VLS_8 = __VLS_7({
...{ 'onClose': {} },
open: (__VLS_ctx.drawerOpen),
}, ...__VLS_functionalComponentArgsRest(__VLS_7));
let __VLS_10;
let __VLS_11;
let __VLS_12;
const __VLS_13 = {
onClose: (...[$event]) => {
__VLS_ctx.drawerOpen = false;
}
};
var __VLS_9;
__VLS_asFunctionalElement(__VLS_intrinsicElements.main, __VLS_intrinsicElements.main)({
...{ class: "pt-14 min-h-screen" },
});
const __VLS_14 = {}.RouterView;
/** @type {[typeof __VLS_components.RouterView, ]} */ ;
// @ts-ignore
const __VLS_15 = __VLS_asFunctionalComponent(__VLS_14, new __VLS_14({}));
const __VLS_16 = __VLS_15({}, ...__VLS_functionalComponentArgsRest(__VLS_15));
/** @type {__VLS_StyleScopedClasses['pt-14']} */ ;
/** @type {__VLS_StyleScopedClasses['min-h-screen']} */ ;
var __VLS_dollars;
const __VLS_self = (await import('vue')).defineComponent({
setup() {
return {
RouterView: RouterView,
AppHeader: AppHeader,
AppDrawer: AppDrawer,
drawerOpen: drawerOpen,
};
},
});
export default (await import('vue')).defineComponent({
setup() {
return {};
},
});
; /* PartiallyEnd: #4569/main.vue */