Vue- display screen: Responsive media queries - Vue.js Nourished #.\n\nPrecaution: Model 2.x merely assists Vue 3. v1 doctors are actually accessible here.\n\n\n\n\nResponsive display screen measurements and media question states for Vue. Assists your favorite UI framework out of the box, and could be set up with any kind of customized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive as well as debounced monitor size.\nSensitive media concern states as well as gadget alignment.\nSense touch display ability.\nBreakpoints for many popular ui frameworks offered out of the box: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic UI.\nSSR compatible along with Nuxt component consisted of. Nuxt module progression is actually pending Nuxt 3 launch.\n\nnpm i vue-screen.\nyarn incorporate vue-screen.\n\nUse along with composition API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport nonpayment \nsetup() \nconst display = useScreen().\nconst grid = useGrid(' bulma').\n\nyield \ndisplay screen,.\ngrid.\n\n\n\nFor innovative arrangements, browse through the doctors website.\nUse as a plugin.\nbring in createApp from 'vue'.\nbring in VueScreen coming from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. usage( VueScreen, 'bootstrap')\n. place('

app').// In MyComponent.vue.Present breakpoint is: $grid.breakpointHome window width is actually: $screen.widthHome window elevation is: $screen.height
v2 presents a handful of breaking changes both in the configuration and in the API.Learn more concerning all of them in the docs part.