Vue- monitor: Responsive media queries - Vue.js Feed #.\n\nCaution: Version 2.x simply sustains Vue 3. v1 docs are actually available listed below.\n\n\n\n\nSensitive display size as well as media inquiry conditions for Vue. Sustains your favorite UI framework away from package, and also could be set up along with any type of custom-made breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nSensitive and also debounced display screen measurements.\nSensitive media question states and device orientation.\nLocate touch display capability.\nBreakpoints for many typical ui structures provided out of package: Tailwind, Bootstrap, Bulma, Foundation, Materialize, Semantic User Interface.\nSSR appropriate with Nuxt module consisted of. Nuxt component advancement is actually hanging Nuxt 3 release.\n\nnpm i vue-screen.\nyarn incorporate vue-screen.\n\nUsage with structure API.\nimport useScreen, useGrid coming from 'vue-screen'.\n\nexport default \ncreate() \nconst display screen = useScreen().\nconst framework = useGrid(' bulma').\n\ngain \nmonitor,.\nnetwork.\n\n\n\nFor innovative setups, browse through the docs web site.\nUsage 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. install('

app').// In MyComponent.vue.Current breakpoint is: $grid.breakpointWindow distance is actually: $screen.widthHome window height is: $screen.height
v2 offers a couple of breaking improvements both in the setup and in the API.Read more about all of them in the doctors area.