Vue- screen: Sensitive media queries - Vue.js Nourished #.\n\nAlert: Version 2.x only supports Vue 3. v1 doctors are actually accessible below.\n\n\n\n\nReactive display measurements as well as media concern states for Vue. Sustains your favorite UI framework out of package, and also can be configured along with any sort of custom-made breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive and also debounced display screen measurements.\nSensitive media inquiry states and unit positioning.\nIdentify touch display screen ability.\nBreakpoints for the majority of popular ui frameworks supplied out of the box: Tailwind, Bootstrap, Bulma, Base, Materialize, Semantic User Interface.\nSSR suitable with Nuxt module featured. Nuxt component development is actually pending Nuxt 3 release.\n\nnpm i vue-screen.\nanecdote add vue-screen.\n\nUse with make-up API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport nonpayment \nsetup() \nconst screen = useScreen().\nconst framework = useGrid(' bulma').\n\ngain \nmonitor,.\nnetwork.\n\n\n\nFor enhanced setups, take a look at the doctors internet site.\nUsage as a plugin.\nbring in createApp coming from 'vue'.\nimport VueScreen coming from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. usage( VueScreen, 'bootstrap')\n. install('

app').// In MyComponent.vue.Existing breakpoint is: $grid.breakpointWindow distance is actually: $screen.widthHome window elevation is: $screen.height
v2 introduces a few breaking changes both in the setup and also in the API.Read more regarding all of them in the doctors area.