ebt-vue3/src/ebt-main.mjs

Vue3 Library for SuttaCentral Voice EBT-Sites

import { createApp, ref } from 'vue'
import App from './App.vue'
import { createPinia } from 'pinia'
import { logger } from 'log-instance/index.mjs';
logger.logLevel = 'warn';

// Styles
import '@mdi/font/css/materialdesignicons.css'
import './assets/main.css'
import 'vuetify/styles'

import { default as VuetifyOpts } from "./vuetify-opts.mjs";
import { createI18n, useI18n } from 'vue-i18n';
import { createVueI18nAdapter } from 'vuetify/locale/adapters/vue-i18n';
import { default as messages } from './auto/messages.mjs';
import { createVuetify, } from "vuetify"
import { loadFonts } from './plugins/webfontloader'
import NotFound from './components/NotFound.vue';
import EbtCards from './components/EbtCards.vue';
import * as VueRouter from "vue-router";
import { default as EbtConfig } from "../ebt-config.mjs";
const msg = 'ebt-main.';

export default class EbtMain {
  static async main(opts={}) {
    let {
      config=EbtConfig,
    } = opts;
    const pinia = createPinia();

    const vuetifyOpts = VuetifyOpts.options();

    const i18n = new createI18n({
      legacy: false,
      locale: "en",
      fallbackLocale: "en",
      messages,
    });
    vuetifyOpts.adapter = createVueI18nAdapter({ i18n, useI18n });

    // Vuetify
    const vuetify = createVuetify(vuetifyOpts);

    loadFonts()

    const routes = [
      { path: '/', component:EbtCards },
      { path: '/:context', component:EbtCards },
      { path: '/:context/:location(.*)*', component:EbtCards },
      { path: '/:bad_path(.*)*', component:NotFound },
    ]
    const router = VueRouter.createRouter({
      history: VueRouter.createWebHashHistory(),
      routes, 
    })

    var app = createApp(App);
    app.provide('config', config);
    app.provide('i18n', i18n);
    //logger.info(msg, 'main()', config);
    app.use(i18n);
    app.use(pinia);
    app.use(vuetify);
    app.use(router);
    app.mount('#app');
  }
}