resize for test

Preview

sm (425px): false

md (768px): false

custom (800px): false

Usage

<script lang="ts">
    import { useMediaQuery } from "@dxdns-kit/svelte"
    import { onDestroy } from "svelte"

    const isSm = $derived(useMediaQuery("max-width", "sm"))
    const isMd = $derived(useMediaQuery("max-width", "md"))
    const isCustom = $derived(useMediaQuery("max-width", "800px"))

    onDestroy(() => {
        isSm.destroy()
        isMd.destroy()
        isCustom.destroy()
    })
</script>

<h4>isSm: {isSm.value}</h4>
<h4>isMd: {isMd.value}</h4>
<h4>isCustom: {isCustom.value}</h4>