diff --git a/.vitepress/theme/index.ts b/.vitepress/theme/index.ts
index 740cf83..b441d38 100644
--- a/.vitepress/theme/index.ts
+++ b/.vitepress/theme/index.ts
@@ -1,4 +1,5 @@
 import type { Theme } from "vitepress";
+import { createPinia } from "pinia";
 import Layout from "./layouts/Default.vue";
 
 import AppBar from "./components/AppBar.vue";
@@ -12,10 +13,13 @@ import ScrollToTop from "./components/ScrollToTop.vue";
 import NavBar from "./components/NavBar.vue";
 
 import "./styles/main.scss";
+const pinia = createPinia();
 
 export default {
   Layout,
   enhanceApp({ app }) {
+    app.use(pinia);
+
     app.component("AppBar", AppBar);
     app.component("Footer", Footer);
     app.component("Header", Header);
diff --git a/package.json b/package.json
index 70f5fbd..f788a7f 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "vue": "^3.5.0"
   },
   "dependencies": {
-    "@material/material-color-utilities": "^0.3.0"
+    "@material/material-color-utilities": "^0.3.0",
+    "pinia": "^3.0.4"
   }
 }