reorganize initialization

src/main.ts

@@ -1,16 +1,14 @@
 import Vue from "vue";
-import router from "./router";
-import vuetify from "./plugins/vuetify";
-import { createPinia, PiniaVuePlugin, mapStores } from "pinia";
-import { defineThemes } from "./monaco-editor";
+
+import pinia from "@/stores";
+import router from "@/router";
+import vuetify from "@/plugins/vuetify";
+import { defineThemes } from "@/monaco-editor";
 
 import App from "@/app/AppWLoadConfig.vue";
 
-Vue.use(PiniaVuePlugin);
 Vue.config.productionTip = false;
 
-const pinia = createPinia();
-
 new Vue({
   router,
   vuetify,

src/router/index.ts

@@ -4,6 +4,11 @@ import VueRouter, { RouteConfig } from "vue-router";
 import HomeView from "../views/HomeView.vue";
 import Runs from "@/views/Runs.vue";
 
+// Pinia must be plugged in before the router if a store is used in a route
+// https://github.com/vuejs/pinia/discussions/723#discussioncomment-2110660
+// import { PiniaVuePlugin } from "pinia";
+// Vue.use(PiniaVuePlugin);
+
 Vue.use(VueRouter);
 
 const routes: Array<RouteConfig> = [

src/stores/index.ts

@@ -0,0 +1,6 @@
+import Vue from "vue";
+import { PiniaVuePlugin, createPinia } from "pinia";
+Vue.use(PiniaVuePlugin);
+const pinia = createPinia();
+
+export default pinia;