MoreHookuseMediaQuery
监听 mediaQuery 状态 (此 hook 只针对单个监听，useMediaQueryS支持多个)
Demo
当前是否满足设定值 : false
Usage
html
<template>
<div>
<p>当前是否满足设定值 : {{ state }}</p>
</div>
</template>
<script lang="ts" setup>
import { useMediaQuery } from '@morehook/core'
const state = useMediaQuery('(min-width: 680px)')
</script>
Type Declarations
typescript
/**
* 监听 mediaQuery 状态
* 此 hook 只针对单个监听，useMediaQueryS支持多个
* @param query 需要监听的阈值
* @returns 返回是否满足设定值
*/
export declare function useMediaQuery(query: string): Ref<boolean>