From 85de4b1287856793fbaa515f880d5e85db085205 Mon Sep 17 00:00:00 2001
From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Mon, 17 May 2021 11:10:51 +0200
Subject: [PATCH] docs: refactor tests

---
 .../components/TestCounterStore.vue           | 26 +++++++++++++++++++
 docs/.vitepress/components/TestStore.vue      |  9 ++++++-
 docs/.vitepress/components/ThemeToggle.vue    | 22 ----------------
 docs/.vitepress/theme/index.js                |  4 +--
 docs/index.md                                 |  4 +--
 5 files changed, 38 insertions(+), 27 deletions(-)
 create mode 100644 docs/.vitepress/components/TestCounterStore.vue

diff --git a/docs/.vitepress/components/TestCounterStore.vue b/docs/.vitepress/components/TestCounterStore.vue
new file mode 100644
index 00000000..d0cfa65e
--- /dev/null
+++ b/docs/.vitepress/components/TestCounterStore.vue
@@ -0,0 +1,26 @@
+<template>
+  <p>Counter :{{ counterStore.n }}</p>
+
+  <button @click="counterStore.increment">Increment</button>
+  <button @click="counterStore.n++">Direct Increment</button>
+  <button
+    @click="
+      counterStore.$patch((state) => {
+        state.n++
+        state.incrementedTimes++
+      })
+    "
+  >
+    Direct patch
+  </button>
+  <button @click="counterStore.fail">Fail</button>
+  <button @click="counterStore.decrementToZero(300, true)">To ZERO</button>
+</template>
+
+<script setup>
+import { useCartStore } from '../stores/cart'
+import { useCounter } from '../stores/counter'
+
+const counterStore = useCounter()
+const cartStore = useCartStore()
+</script>
diff --git a/docs/.vitepress/components/TestStore.vue b/docs/.vitepress/components/TestStore.vue
index 4f752ba3..2a624eea 100644
--- a/docs/.vitepress/components/TestStore.vue
+++ b/docs/.vitepress/components/TestStore.vue
@@ -1,7 +1,14 @@
-<template>I have a store "{{ userStore.name }}"</template>
+<template>
+  <p>
+    I have a store "{{ userStore.name }}". I have
+    {{ cartStore.items.length }} items in the cart.
+  </p>
+</template>
 
 <script setup lang="ts">
 import { useUserStore } from '../stores/user'
+import { useCartStore } from '../stores/cart'
 
 const userStore = useUserStore()
+const cartStore = useCartStore()
 </script>
diff --git a/docs/.vitepress/components/ThemeToggle.vue b/docs/.vitepress/components/ThemeToggle.vue
index 02d59cff..a8e85466 100644
--- a/docs/.vitepress/components/ThemeToggle.vue
+++ b/docs/.vitepress/components/ThemeToggle.vue
@@ -54,29 +54,10 @@
       <path d="M15 2.005h2v5h-2z" fill="currentColor"></path>
     </svg>
   </button>
-
-  <p>Counter :{{ counterStore.n }}</p>
-
-  <button @click="counterStore.increment">Increment</button>
-  <button @click="counterStore.n++">Direct Increment</button>
-  <button
-    @click="
-      counterStore.$patch((state) => {
-        state.n++
-        state.incrementedTimes++
-      })
-    "
-  >
-    Direct patch
-  </button>
-  <button @click="counterStore.fail">Fail</button>
-  <button @click="counterStore.decrementToZero(300, true)">To ZERO</button>
 </template>
 
 <script setup lang="ts">
 import { computed, onMounted, ref, watchEffect } from 'vue'
-import { useCartStore } from '../stores/cart'
-import { useCounter } from '../stores/counter'
 
 const isBrowser = typeof window !== 'undefined'
 
@@ -91,9 +72,6 @@ function isDarkMode() {
   return !window.matchMedia(PREFERS_LIGHT).matches
 }
 
-const counterStore = useCounter()
-const cartStore = useCartStore()
-
 const storageKey = 'pinia-color-scheme'
 
 const localIsDark = ref(isDarkMode())
diff --git a/docs/.vitepress/theme/index.js b/docs/.vitepress/theme/index.js
index 6e181319..d7d54012 100644
--- a/docs/.vitepress/theme/index.js
+++ b/docs/.vitepress/theme/index.js
@@ -1,7 +1,7 @@
 import Theme from 'vitepress/theme'
 import './custom.css'
 import './code-theme.css'
-import { createPinia } from '../../../src'
+// import { createPinia } from '../../../src'
 
 const { Layout } = Theme
 
@@ -23,7 +23,7 @@ Layout.mounted = function () {
 const config = {
   ...Theme,
   enhanceApp({ app }) {
-    app.use(createPinia())
+    // app.use(createPinia())
   },
 }
 
diff --git a/docs/index.md b/docs/index.md
index 13ac662d..cd66c6a3 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -24,12 +24,12 @@ footer: MIT Licensed | Copyright © 2019-present Eduardo San Martin Morote
 ---
 
 <ThemeToggle/>
-<TestStore/>
+<!-- <TestStore/> -->
 
 <HomeSponsors />
 
 <script setup>
 import HomeSponsors from './.vitepress/components/HomeSponsors.vue'
 import ThemeToggle from './.vitepress/components/ThemeToggle.vue'
-import TestStore from './.vitepress/components/TestStore.vue'
+// import TestStore from './.vitepress/components/TestStore.vue'
 </script>
-- 
2.47.2