创建 Pinia 全局

admin

1 U- W3 U" Z0 X6 L" t  K 创建 Pinia 全局 Store新建文件 src/stores/device.ts。我们把设备监听逻辑直接写在 Store 内部。
# z' ?+ d- v+ M! I2 B
import { defineStore } from 'pinia'
0 I  a) n5 q  t' S  G+ ~4 t: gimport { ref } from 'vue'

, m% A6 ~* b8 O5 y* R, c- n4 f1 Iexport const useDeviceStore = defineStore('device', () => {
  const isMobile = ref(false)
  let mediaQuery: MediaQueryList | null = null
  p9 s6 {: p; @7 T5 Y
- D+ l9 h% }9 y3 u5 K+ F4 O  const updateDevice = (e: MediaQueryListEvent | MediaQueryList) => {
7 I4 F; F* f$ C    isMobile.value = e.matches
  }

  //