diff --git a/package-lock.json b/package-lock.json
index 6950fbc..67e8334 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "name": "surl-front",
       "version": "0.0.0",
       "dependencies": {
+        "pinia": "^2.2.0",
         "vite-plugin-vuetify": "^2.0.3",
         "vue": "^3.4.31",
         "vue-router": "^4.4.0",
@@ -951,6 +952,56 @@
       "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.0.1.tgz",
       "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
     },
+    "node_modules/pinia": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/pinia/-/pinia-2.2.0.tgz",
+      "integrity": "sha512-iPrIh26GMqfpUlMOGyxuDowGmYousTecbTHFwT0xZ1zJvh23oQ+Cj99ZoPQA1TnUPhU6AuRPv6/drkTCJ0VHQA==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.6.3",
+        "vue-demi": "^0.14.8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.4.0",
+        "typescript": ">=4.4.4",
+        "vue": "^2.6.14 || ^3.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pinia/node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "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.40",
       "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.4.40.tgz",
diff --git a/package.json b/package.json
index 00e76f4..0eb9711 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "pinia": "^2.2.0",
     "vite-plugin-vuetify": "^2.0.3",
     "vue": "^3.4.31",
     "vue-router": "^4.4.0",
diff --git a/src/main.ts b/src/main.ts
index 1808136..ef14256 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -4,6 +4,7 @@ import 'vuetify/styles'
 import {router} from "./router.ts";
 import App from "./App.vue";
 import {createVuetify} from "vuetify";
+import {createPinia} from "pinia";
 
 const vuetify = createVuetify({
     icons: {
@@ -15,7 +16,9 @@ const vuetify = createVuetify({
         }
     }
 })
+const pinia = createPinia()
 createApp(App)
     .use(router)
     .use(vuetify)
+    .use(pinia)
     .mount('#app')