【初始化】前端工程项目

frontend/packages/pinia/src/index.ts

@@ -0,0 +1,10 @@
+import { createPinia, defineStore, storeToRefs } from 'pinia'
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
+
+// 创建pinia实例
+const pinia = createPinia()
+
+// 全局持久化
+pinia.use(piniaPluginPersistedstate)
+
+export { pinia, defineStore, storeToRefs }

frontend/packages/pinia/src/utils.ts

@@ -0,0 +1,15 @@
+import { StoreDefinition, storeToRefs } from 'pinia'
+
+/**
+ * 使用pinia store
+ * @param store
+ * @returns
+ */
+export function usePiniaStore<T extends StoreDefinition>(store: T) {
+	const storeVal = store()
+	const storeRef = storeToRefs(storeVal)
+	return {
+		...storeVal,
+		...storeRef,
+	}
+}