# svelte-mq-store npm-version npm-license npm-download-month npm-min-size ci.yml website 📱 Create any media-query store in Svelte ## [Demo](https://svelte-mq-store.jill64.dev) ## Installation ```sh npm i svelte-mq-store ``` ## Usage Use the `listen` to subscribe to the contents of any media query. ```svelte {#if isDark.v} Device is dark mode {:else} Device is light mode {/if} ``` ## Fallback in Server Media queries are available only in the browser. The fallback value used by the server during SSR can be specified as the second argument. (default is undefined). ```js import { listen } from 'svelte-mq-store' let isDark = $derived( listen( '(prefers-color-scheme: dark)', false // fallback value ) ) ``` ## License [MIT](LICENSE)