Pinia で Store の状態を利用した外部モジュールの作成時には getActivePinia() 関数を使おう🍍

はじめに こんにちは、からころです。 今回は、Vue.js で Pinia🍍 を利用する際に、Store の 状態を利用して、値を返却するなどの関数を作成する場合に、安全に Store を扱うための小技を紹介します。 具体例 以下のような、Pinia で作成された Store モジュールがあったとします。 この Store モジュールは、ユーザー情報を保持しておく用途で使用されそうですね。 import { defineStore, acceptHMRUpdate } from 'pinia' import { ref } from 'vue' interface UserInfo { id: string name: string address: string phoneNumber: string birthDate: string } export const useUserSt