docs: logo adapts

diff --git a/docs/.vitepress/components/PiniaLogo.vue b/docs/.vitepress/components/PiniaLogo.vue
index 7d6fc54627fe7d74bf7828b294506203d28cbd01..99c200ffbe7b059edcaaa8c2b4a00aeea2328bcf 100644 (file)
--- a/docs/.vitepress/components/PiniaLogo.vue
+++ b/docs/.vitepress/components/PiniaLogo.vue
@@ -199,11 +199,13 @@
 
 <script setup lang="ts">
 import { onMounted, onUnmounted, ref } from 'vue'
-import { useInterval } from '@vueuse/core'
+import { useCounter } from '../stores/counter'
 
 const blinking = ref<'open' | 'closed'>('open')
 const talking = ref<'open' | 'closed'>('closed')
 
+const counter = useCounter()
+
 const blinkTimer = 100
 const talkRate = 120
 
@@ -215,6 +217,8 @@ onMounted(() => {
 
       if (blinkState % 2) {
         blinking.value = 'closed'
+        // counter.n++
+        counter.$patch({ n: counter.n + 1 })
         setTimeout(blinkHandler, blinkTimer * 1.7)
       } else if (blinkState < 4) {
         blinking.value = 'open'