Vue- monitor: Responsive media inquiries - Vue.js Feed #.\n\nCaution: Model 2.x merely sustains Vue 3. v1 doctors are available below.\n\n\n\n\nReactive display dimension and media question conditions for Vue. Supports your much-loved UI structure away from package, and may be set up with any kind of personalized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive and also debounced display screen dimension.\nSensitive media question conditions and tool positioning.\nRecognize contact display functionality.\nBreakpoints for the majority of usual ui platforms delivered out of package: Tailwind, Bootstrap, Bulma, Structure, Materialize, Semantic UI.\nSSR suitable with Nuxt module featured. Nuxt component advancement is actually hanging Nuxt 3 launch.\n\nnpm i vue-screen.\nyarn add vue-screen.\n\nUsage along with composition API.\nimport useScreen, useGrid from 'vue-screen'.\n\nexport default \nsetup() \nconst display screen = useScreen().\nconst framework = useGrid(' bulma').\n\nyield \nscreen,.\nframework.\n\n\n\nFor state-of-the-art arrangements, look into the docs internet site.\nUsage as a plugin.\nbring in createApp from 'vue'.\nbring in VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. use( VueScreen, 'bootstrap')\n. mount('

app').// In MyComponent.vue.Current breakpoint is: $grid.breakpointWindow width is actually: $screen.widthHome window height is actually: $screen.height
v2 launches a handful of breaking changes both in the setup as well as in the API.Find out more concerning all of them in the docs part.