List Files | Just Commands | Repo | Logs

← back | Copy

import { createApp } from "vue";
import { createPinia } from "pinia";
// import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
import App from "./App.vue";
import router from "./router";

import { IonicVue } from "@ionic/vue";
import { getSQLite } from "@/dataAccess/getSQLite";

/* Core CSS required for Ionic components to work properly */
import "@ionic/vue/css/core.css";

/* Basic CSS for apps built with Ionic */
import "@ionic/vue/css/normalize.css";
import "@ionic/vue/css/structure.css";
import "@ionic/vue/css/typography.css";

/* Optional CSS utils that can be commented out */
import "@ionic/vue/css/padding.css";
import "@ionic/vue/css/float-elements.css";
import "@ionic/vue/css/text-alignment.css";
import "@ionic/vue/css/text-transformation.css";
import "@ionic/vue/css/flex-utils.css";
import "@ionic/vue/css/display.css";

/**
 * Ionic Dark Mode
 * -----------------------------------------------------
 * For more info, please see:
 * https://ionicframework.com/docs/theming/dark-mode
 */

/* @import '@ionic/vue/css/palettes/dark.always.css'; */
import "@ionic/vue/css/palettes/dark.class.css";
/* import "@ionic/vue/css/palettes/dark.system.css"; */

/* Theme variables */
import "./theme/variables.css";
import "./theme/global.css";

const app = createApp(App);
const pinia = createPinia();
// pinia.use(piniaPluginPersistedstate);

app.use(IonicVue);
app.use(router);
app.use(pinia);

// Initialize database and run migrations early (before auth)
getSQLite()
  .then(() => {
    console.log('[main] Database initialized and migrations complete');
  })
  .catch((error) => {
    console.error('[main] Database initialization failed:', error);
  });

router.isReady().then(() => {
  app.mount("#app");
});