Stuck on vue-demi issue vueuse/vue-demi#171

nuxt.config.js

@@ -19,7 +19,11 @@ export default {
   css: ["@/assets/styles/layout.css", "animate.css/animate.min.css", "@/assets/styles/colors.css"],
   plugins: ["@/plugins/particles"],
   components: true,
-  buildModules: ['@nuxtjs/eslint-module', '@nuxtjs/vuetify'],
+  buildModules: [
+    '@nuxtjs/eslint-module',
+    '@nuxtjs/vuetify',
+    ['@pinia/nuxt', { disableVuex: false}]
+  ],
   modules: ['@nuxtjs/axios', '@nuxtjs/pwa', ['nuxt-highcharts', {}]],
   axios: { baseURL: '/', headers: { common: { Accept: 'application/json' }}},
   pwa: { manifest: { lang: 'en' }},
@@ -29,11 +33,19 @@ export default {
   router: { middleware: 'auth' },
   build: {
     extend(config) {
-      config.module.rules.push({
-        test: /\.ya?ml$/,
-        type: 'json',
-        use: 'yaml-loader'
-      })
+      const rules = [
+        {
+          test: /\.mjs$/,
+          include: /node_modules/,
+          type: "javascript/auto"
+        },
+        {
+          test: /\.ya?ml$/,
+          type: 'json',
+          use: 'yaml-loader'
+        }
+      ]
+      config.module.rules.push(...rules)
     }
   }
 }

package.json

@@ -37,6 +37,7 @@
     "@nuxtjs/eslint-config": "^8.0.0",
     "@nuxtjs/eslint-module": "^3.0.2",
     "@nuxtjs/vuetify": "^1.12.3",
+    "@pinia/nuxt": "0.2.1",
     "@vue/cli-plugin-babel": "5.0.8",
     "@vue/test-utils": "^1.3.0",
     "babel-core": "7.0.0-bridge.0",
@@ -47,9 +48,9 @@
     "eslint-plugin-vue": "^8.2.0",
     "jest": "^27.4.4",
     "jest-transform-yaml": "^1.1.2",
+    "sinon": "^18.0.0",
     "vue-jest": "^3.0.4",
-    "webpack-cli": "^4.10.0",
-    "sinon": "^18.0.0"
+    "webpack-cli": "^4.10.0"
   },
   "browserslist": [
     "> 0.25%",

src/stores/app.js

@@ -0,0 +1,39 @@
+import { defineStore } from 'pinia';
+import RESTClient from "../lib/RESTClient";
+
+const restClient = new RESTClient();
+
+export const useAppStore = defineStore('app', {
+    state: () => ({
+        booted: false,
+    }),
+    getters: {
+        getToken: () => {
+            const user = JSON.parse(localStorage.getItem("user"));
+            return user ? user.token : null
+        }
+    },
+    actions: {
+        async bootApp (state) {
+            const token = this.getToken()
+            if (!state.booted && token) {
+                try { await restClient.test_token(token) }
+                catch (error) {
+                    this.commit('user/logout')
+                    localStorage.removeItem("user")
+                }
+                finally {
+                    this.setBooted(true);
+                }
+            }
+            else {
+                this.setBooted(true);
+            }
+        },
+        setBooted(state, value) {
+            state.booted = value;
+        }
+    }
+})
+
+