33 lines
647 B
Vue
33 lines
647 B
Vue
<script >
|
|
import { computed, defineComponent } from 'vue';
|
|
import { useRoute } from 'vue-router';
|
|
|
|
export default defineComponent({
|
|
name: 'AppLayout',
|
|
setup() {
|
|
const route = useRoute();
|
|
/**
|
|
* This is a computed property that will return the name
|
|
* of the current route
|
|
*/
|
|
const layout = computed(() => {
|
|
const layout = route?.meta?.layout;
|
|
|
|
if (layout) {
|
|
console.log('layout', layout)
|
|
return `${layout}Layout`;
|
|
}
|
|
return 'div';
|
|
});
|
|
return {
|
|
layout,
|
|
};
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<component :is="layout">
|
|
<router-view />
|
|
</component>
|
|
</template> |