From 40ce2508f1924b6d40f8ad3b26b5c5db16985e66 Mon Sep 17 00:00:00 2001
From: akhuoa <aung.kyaw.hein@auckland.ac.nz>
Date: Mon, 15 Apr 2024 12:49:11 +1200
Subject: [PATCH] Fix api docs demo for pinia

---
 docs/demo-flatmapvuer.md      | 6 ++++++
 docs/demo-multiflatmapvuer.md | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/docs/demo-flatmapvuer.md b/docs/demo-flatmapvuer.md
index fedcf7c3..b9a5ca3c 100644
--- a/docs/demo-flatmapvuer.md
+++ b/docs/demo-flatmapvuer.md
@@ -13,9 +13,15 @@
 </div>
 
 <script setup>
+import { getCurrentInstance } from 'vue'
+import { createPinia } from 'pinia'
 import { defineClientComponent } from 'vitepress'
 import './demo-styles.css'
 
+const app = getCurrentInstance()
+const pinia = createPinia()
+app.appContext.app.use(pinia)
+
 const FlatmapVuer = defineClientComponent(() => {
   return import('../src/components/FlatmapVuer.vue')
 })
diff --git a/docs/demo-multiflatmapvuer.md b/docs/demo-multiflatmapvuer.md
index 5e20dcb7..d700fddf 100644
--- a/docs/demo-multiflatmapvuer.md
+++ b/docs/demo-multiflatmapvuer.md
@@ -21,9 +21,15 @@
 </div>
 
 <script setup>
+import { getCurrentInstance } from 'vue'
+import { createPinia } from 'pinia'
 import { defineClientComponent } from 'vitepress'
 import './demo-styles.css'
 
+const app = getCurrentInstance()
+const pinia = createPinia()
+app.appContext.app.use(pinia)
+
 const MultiFlatmapVuer = defineClientComponent(() => {
   return import('../src/components/MultiFlatmapVuer.vue')
 })