Pinia で宣言したストアを分割代入できるようにする

Vue 3 / Nuxt 3 において、それまでの Vuex に代わって公式に推奨されるグローバルストア管理ライブラリとなった Pinia。既に多くの Vue 3 プロジェクトで既に採用されていることでしょう。 しかし、Pinia を普通に使うと、「分割代入できない」という制限にやや不便さを感じるかもしれません。 この記事では、 defineStore() の機能を解説しつつ、簡単に分割代入するちょっとしたテクニックを紹介したいと思います。 TL;DR この記事の最後で紹介するコードを貼っておきます。 const useCounterStore = defineStore('counter', () => { const count = ref(0) const name = ref('Eduardo') const doubleCount = computed(() => count.v