Vue- display: Reactive media queries - Vue.js Nourished #.\n\nPrecaution: Variation 2.x only assists Vue 3. v1 doctors are actually accessible right here.\n\n\n\n\nResponsive screen dimension and also media concern states for Vue. Supports your favorite UI structure out of package, and also can be configured along with any type of customized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive and also debounced monitor size.\nResponsive media concern conditions and also tool positioning.\nFind touch display screen capacity.\nBreakpoints for many usual ui structures supplied out of package: Tailwind, Bootstrap, Bulma, Structure, Materialize, Semantic User Interface.\nSSR compatible along with Nuxt component consisted of. Nuxt component progression is pending Nuxt 3 launch.\n\nnpm i vue-screen.\nyarn include vue-screen.\n\nUse with make-up API.\nbring in useScreen, useGrid coming from 'vue-screen'.\n\nexport nonpayment \nsetup() \nconst monitor = useScreen().\nconst framework = useGrid(' bulma').\n\ngain \nmonitor,.\nnetwork.\n\n\n\nFor advanced setups, take a look at the doctors website.\nUsage as a plugin.\nimport createApp coming from 'vue'.\nimport VueScreen 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 size is: $screen.widthWindow elevation is: $screen.height
v2 introduces a couple of breaking modifications both in the setup as well as in the API.Find out more concerning them in the doctors area.