diff --git a/packages/core/useMediaQuery/index.ts b/packages/core/useMediaQuery/index.ts index 0c97de31b87..03b1f339e40 100644 --- 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 }