Vue- display screen: Responsive media inquiries - Vue.js Feed #.\n\nPrecaution: Variation 2.x only sustains Vue 3. v1 docs are available listed below.\n\n\n\n\nSensitive monitor measurements as well as media query conditions for Vue. Supports your preferred UI platform away from package, as well as could be set up with any sort of customized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive and also debounced display screen measurements.\nSensitive media inquiry conditions and gadget orientation.\nDiscover contact screen capability.\nBreakpoints for the majority of usual ui frameworks provided out of the box: Tailwind, Bootstrap, Bulma, Base, Materialize, Semantic User Interface.\nSSR appropriate along with Nuxt module consisted of. Nuxt element growth is pending Nuxt 3 launch.\n\nnpm i vue-screen.\nyarn add vue-screen.\n\nMake use of along with make-up API.\nbring in useScreen, useGrid coming from 'vue-screen'.\n\nexport nonpayment \ncreate() \nconst screen = useScreen().\nconst network = useGrid(' bulma').\n\ngain \nmonitor,.\nnetwork.\n\n\n\nFor innovative setups, have a look at the doctors website.\nUse as a plugin.\nimport createApp from 'vue'.\nbring in VueScreen coming from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. make use of( VueScreen, 'bootstrap')\n. install('

app').// In MyComponent.vue.Current breakpoint is actually: $grid.breakpointHome window width is: $screen.widthHome window height is: $screen.height
v2 introduces a few breaking modifications both in the arrangement and in the API.Find out more about all of them in the docs section.