fix(useMediaQuery): normalize isSupported flag (#1575)

vueuse · May 7, 2022 · 0222d48 · 0222d48
1 parent d40b511
commit 0222d48
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/core/useMediaQuery/index.ts b/packages/core/useMediaQuery/index.ts
@@ -14,15 +14,16 @@ import { defaultWindow } from '../_configurable'
  */
 export function useMediaQuery(query: string, options: ConfigurableWindow = {}) {
   const { window = defaultWindow } = options
+  const isSupported = Boolean(window && 'matchMedia' in window)
 
   let mediaQuery: MediaQueryList | undefined
   const matches = ref(false)
 
   const update = () => {
-    if (!window)
+    if (!isSupported)
       return
     if (!mediaQuery)
-      mediaQuery = window.matchMedia(query)
+      mediaQuery = window!.matchMedia(query)
     matches.value = mediaQuery.matches
   }