f8927b426e
resolves #47 Co-authored-by: johba <johba@harb.eth> Reviewed-on: https://codeberg.org/johba/harb/pulls/54
32 lines
698 B
Vue
32 lines
698 B
Vue
<template>
|
|
<component :is="layoutComponent">
|
|
<RouterView />
|
|
</component>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { RouterView, useRoute } from 'vue-router';
|
|
import type { LayoutName } from '@/types/router';
|
|
|
|
import DefaultLayout from '@/layouts/DefaultLayout.vue';
|
|
import NavbarLayout from '@/layouts/NavbarLayout.vue';
|
|
|
|
const layouts = {
|
|
DefaultLayout,
|
|
NavbarLayout,
|
|
};
|
|
|
|
import { computed } from 'vue';
|
|
|
|
const route = useRoute();
|
|
|
|
const layoutComponent = computed(() => {
|
|
const layoutName: LayoutName = route.meta.layout ?? 'DefaultLayout';
|
|
return layouts[layoutName]; // Jetzt kennt TypeScript den Typ!
|
|
});
|
|
</script>
|
|
|
|
<style lang="sass">
|
|
footer
|
|
margin-top: auto
|
|
</style>
|