创建 Pinia 全局

admin

创建 Pinia 全局 Store新建文件 src/stores/device.ts。我们把设备监听逻辑直接写在 Store 内部。
2 v. ?( R9 S$ }# ^* s( b) N
. l+ t* {& Q) G" t+ H" Oimport { defineStore } from 'pinia'
import { ref } from 'vue'

export const useDeviceStore = defineStore('device', () => {
  const isMobile = ref(false)
  let mediaQuery: MediaQueryList | null = null

  const updateDevice = (e: MediaQueryListEvent | MediaQueryList) => {
    isMobile.value = e.matches
  }
) n3 A7 b" S5 m: E+ s& h% ~2 w
% b8 y3 P; O: `( r/ R/ X: D  //