Using @vueuse/nuxt 's useStorage with nuxt and pinia

import { useStorage } from '@vueuse/core';

export const useMyStore = defineStore(
  'my-store',
  () => {
    const myKV = useStorage('mykv', false);

    return {
      myKV,
    };
  },
);

<script setup lang="ts">
const myStore = useMyStore();
</script>
<template>
<div>
  <span>{{ myStore.myKV }}</span>
  <button @click="myStore.myKV = !myStore.myKV">Toggle</button>
</div>
</template>