main.js file structure.

import { createApp } from 'vue';
import App from './App.vue';
import router from './router';
import i18n from './i18n';
import vClickOutside from "click-outside-vue3";
import VueApexCharts from "vue3-apexcharts";
import CKEditor from '@ckeditor/ckeditor5-vue';
import BootstrapVueNext from 'bootstrap-vue-next';
import store from "./state/store";
import 'bootstrap-vue-next/dist/bootstrap-vue-next.css';
import './assets/scss/app.scss';

createApp(App)
    .use(store)
    .use(router)
    .use(VueApexCharts)
    .use(BootstrapVueNext)
    .use(i18n)
    .use(CKEditor)
    .use(vClickOutside).mount('#app');

App.vue file structure.

<template>
    <router-view>
    
    </router-view>
</template>
  
<script>
  
export default {
    name: 'App',
    components: {
    }
};
</script>

You can set the default layout in the src/state/modules/layout.js file in the html tag.