feat: added Pinia

frontend/package-lock.json

@@ -19,6 +19,7 @@
         "lofig": "^1.3.4",
         "marked": "^4.0.18",
         "normalize.css": "^8.0.1",
+        "pinia": "^2.0.17",
         "sortablejs": "^1.15.0",
         "sortablejs-vue3": "^1.1.0",
         "toasters": "^2.3.1",
@@ -1002,9 +1003,9 @@
       }
     },
     "node_modules/@vue/devtools-api": {
-      "version": "6.1.4",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.1.4.tgz",
-      "integrity": "sha512-IiA0SvDrJEgXvVxjNkHPFfDx6SXw0b/TUkqMcDZWNg9fnCAHbTpoo59YfJ9QLFkwa3raau5vSlRVzMSLDnfdtQ=="
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.2.1.tgz",
+      "integrity": "sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ=="
     },
     "node_modules/@vue/reactivity": {
       "version": "3.2.37",
@@ -3932,6 +3933,56 @@
         "node": ">=6"
       }
     },
+    "node_modules/pinia": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.17.tgz",
+      "integrity": "sha512-AtwLwEWQgIjofjgeFT+nxbnK5lT2QwQjaHNEDqpsi2AiCwf/NY78uWTeHUyEhiiJy8+sBmw0ujgQMoQbWiZDfA==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.2.1",
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.4.0",
+        "typescript": ">=4.4.4",
+        "vue": "^2.6.14 || ^3.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pinia/node_modules/vue-demi": {
+      "version": "0.13.6",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.6.tgz",
+      "integrity": "sha512-02NYpxgyGE2kKGegRPYlNQSL1UWfA/+JqvzhGCOYjhfbLWXU5QQX0+9pAm/R2sCOPKr5NBxVIab7fvFU0B1RxQ==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/postcss": {
       "version": "8.4.14",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz",
@@ -5829,9 +5880,9 @@
       }
     },
     "@vue/devtools-api": {
-      "version": "6.1.4",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.1.4.tgz",
-      "integrity": "sha512-IiA0SvDrJEgXvVxjNkHPFfDx6SXw0b/TUkqMcDZWNg9fnCAHbTpoo59YfJ9QLFkwa3raau5vSlRVzMSLDnfdtQ=="
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.2.1.tgz",
+      "integrity": "sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ=="
     },
     "@vue/reactivity": {
       "version": "3.2.37",
@@ -7923,6 +7974,23 @@
       "dev": true,
       "optional": true
     },
+    "pinia": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.17.tgz",
+      "integrity": "sha512-AtwLwEWQgIjofjgeFT+nxbnK5lT2QwQjaHNEDqpsi2AiCwf/NY78uWTeHUyEhiiJy8+sBmw0ujgQMoQbWiZDfA==",
+      "requires": {
+        "@vue/devtools-api": "^6.2.1",
+        "vue-demi": "*"
+      },
+      "dependencies": {
+        "vue-demi": {
+          "version": "0.13.6",
+          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.6.tgz",
+          "integrity": "sha512-02NYpxgyGE2kKGegRPYlNQSL1UWfA/+JqvzhGCOYjhfbLWXU5QQX0+9pAm/R2sCOPKr5NBxVIab7fvFU0B1RxQ==",
+          "requires": {}
+        }
+      }
+    },
     "postcss": {
       "version": "8.4.14",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz",

frontend/package.json

@@ -43,6 +43,7 @@
     "lofig": "^1.3.4",
     "marked": "^4.0.18",
     "normalize.css": "^8.0.1",
+    "pinia": "^2.0.17",
     "sortablejs": "^1.15.0",
     "sortablejs-vue3": "^1.1.0",
     "toasters": "^2.3.1",

frontend/src/main.ts

@@ -3,6 +3,7 @@ import { createApp } from "vue";
 
 import VueTippy, { Tippy } from "vue-tippy";
 import { createRouter, createWebHistory } from "vue-router";
+import { createPinia } from "pinia";
 import "lofig";
 
 import ws from "@/ws";
@@ -48,6 +49,8 @@ app.use(VueTippy, {
 	defaultProps: { animation: "scale", touch: "hold" }
 });
 
+app.use(createPinia());
+
 app.component("Tippy", Tippy);
 
 app.component("PageMetadata", {