Pinia热更新

pinia 支持热模块替换，因此你可以编辑 store，并直接在您的应用程序中与它们交互，而无需重新加载页面，允许您保持现有的状态，添加，甚至删除 state，action 和 getter

import { ref, computed } from "vue";
import { defineStore, acceptHMRUpdate } from "pinia";

export const useCounterStore = defineStore("counter", () => {
  const count = ref(1);
  const doubleCount = computed(() => count.value * 2);
  function increment() {
    count.value++;
  }
  const countX3 = () => {
    count.value = count.value * 3;
  };

  return { count, doubleCount, increment, countX3 };
});

if (import.meta.hot) {
  import.meta.hot.accept(acceptHMRUpdate(useCounterStore, import.meta.hot));
}