File structure

app.js file structure.

Copy

import { createApp } from 'vue';
import routes from './routes/index'
import App from '../js/App.vue'
import { BootstrapVueNext } from 'bootstrap-vue-next'
import i18n from './i18n'
import VueApexCharts from "vue3-apexcharts";
import helper from "./mixins/layouts.mixin";
import { vMaska } from "maska";

import 'bootstrap-vue-next/dist/bootstrap-vue-next.css'
import "leaflet/dist/leaflet.css";
import "@vueform/multiselect/themes/default.css"

const app = createApp({});

app.component("example-component", App);
app.use(routes);
app.use(VueApexCharts);
app.use(i18n);
app.directive("maska", vMaska)
app.mixin(helper);
app.use(BootstrapVueNext);
app.mount(App);
                                                            

App.vue file structure.

Copy<template>
    <router-view />
</template>

<script>
export default {
    data() {

    },
};
</script>