{"library":"vue3-mq","type":"library","category":null,"description":"Vue3-MQ is a robust Vue 3 plugin designed to simplify responsive design implementation in web applications by providing reactive access to media query states. It allows developers to define custom breakpoints or utilize a variety of built-in presets, including Bootstrap 4/5, Tailwind, Vuetify 3/4, MUI, and Bulma. The current stable version is 4.1.0, which introduced new presets and a `mergeBreakpoints` configuration option. The library maintains an active release cadence, with consistent minor and patch updates following significant major versions like v3 (\"The Reimagining\") and v4 (ESM-first, modern stack updates). Its key differentiators include the `<MqLayout>` component, which supports various selectors (single, array, range, plus, minus, and breakpoint slots) for declarative conditional rendering, and a reactive environment analysis object that can also detect user preferences for light/dark themes, screen orientation, and reduced motion. It provides a comprehensive, component-driven approach to adapting application UI to diverse browser environments effectively.","language":"javascript","status":"active","version":"4.1.0","tags":["javascript","vue","vue3","media","query","media queries","responsive","breakpoints","vue-mq","typescript"],"last_verified":"Wed May 27","install":[{"cmd":"npm install vue3-mq","imports":["import { createMq } from 'vue3-mq';","import { MqLayout } from 'vue3-mq';","import { useMq } from 'vue3-mq';"]},{"cmd":"yarn add vue3-mq","imports":[]},{"cmd":"pnpm add vue3-mq","imports":[]}],"homepage":"https://vue3-mq.vercel.app/","github":"https://github.com/craigrileyuk/vue3-mq","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vue3-mq","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/vue3-mq/compatibility"}}