feat: 预设 pinia 相关文件

src/main.ts

@@ -1,21 +1,17 @@
-import './styles/global.css'
-
 import { createApp } from 'vue'
 import App from './App.vue'
+import { setupAssets } from '@/plugins'
+import { setupStore } from '@/store'
 import { setupRouter } from '@/router'
 
-/** Tailwind's Preflight Style Override */
-function naiveStyleOverride() {
-  const meta = document.createElement('meta')
-  meta.name = 'naive-ui-style'
-  document.head.appendChild(meta)
-}
-
-/** Setup */
 async function bootstrap() {
   const app = createApp(App)
-  naiveStyleOverride()
+  setupAssets()
+
+  setupStore(app)
+
   await setupRouter(app)
+
   app.mount('#app')
 }
 

src/plugins/assets.ts

@@ -0,0 +1,14 @@
+import '@/styles/global.css'
+
+/** Tailwind's Preflight Style Override */
+function naiveStyleOverride() {
+  const meta = document.createElement('meta')
+  meta.name = 'naive-ui-style'
+  document.head.appendChild(meta)
+}
+
+function setupAssets() {
+  naiveStyleOverride()
+}
+
+export default setupAssets

src/plugins/index.ts

@@ -0,0 +1,3 @@
+import setupAssets from './assets'
+
+export { setupAssets }

src/store/index.ts

@@ -0,0 +1,9 @@
+import type { App } from 'vue'
+import { createPinia } from 'pinia'
+
+export function setupStore(app: App) {
+  const store = createPinia()
+  app.use(store)
+}
+
+export * from './modules'

src/store/modules/app/index.ts

@@ -0,0 +1,19 @@
+import { defineStore } from 'pinia'
+
+interface AppState {
+  siderCollapsed: boolean
+}
+
+export const useAppStore = defineStore('app-store', {
+  state: (): AppState => ({
+    siderCollapsed: false,
+  }),
+  actions: {
+    setSiderCollapsed(collapsed: boolean) {
+      this.siderCollapsed = collapsed
+    },
+    toggleSiderCollapse() {
+      this.siderCollapsed = !this.siderCollapsed
+    },
+  },
+})

src/store/modules/history/index.ts

@@ -0,0 +1,12 @@
+import { defineStore } from 'pinia'
+
+interface HistoryState {
+  list: any[]
+}
+
+export const useHistoryStore = defineStore('history-store', {
+  state: (): HistoryState => ({
+    list: [],
+  }),
+  actions: {},
+})

src/store/modules/index.ts

@@ -0,0 +1,2 @@
+export * from './app'
+export * from './history'