mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-04-20 14:56:17 -04:00
39 lines
656 B
Vue
39 lines
656 B
Vue
|
<script setup lang="ts">
|
||
|
|
import { RouterView } from 'vue-router'
|
||
|
|
import { layouts } from './layouts';
|
||
|
|
import { computed } from 'vue';
|
||
|
|
import { useRoute } from 'vue-router'
|
||
|
|
|
||
|
|
import {
|
||
|
|
NConfigProvider,
|
||
|
|
NGlobalStyle,
|
||
|
|
} from 'naive-ui'
|
||
|
|
|
||
|
|
const route = useRoute();
|
||
|
|
const layout = computed(() => route?.meta?.layout ?? layouts.base)
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<n-config-provider>
|
||
|
|
<n-global-style />
|
||
|
|
<component :is="layout">
|
||
|
|
<router-view />
|
||
|
|
</component>
|
||
|
|
</n-config-provider>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
min-height: 100%;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
html {
|
||
|
|
height: 100%;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
* {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
</style>
|