Vue- screen: Responsive media concerns - Vue.js Nourished #.\n\nWarning: Version 2.x simply assists Vue 3. v1 docs are actually offered here.\n\n\n\n\nSensitive monitor measurements and media inquiry conditions for Vue. Sustains your favourite UI structure out of package, and can be set up with any custom-made breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nSensitive and debounced monitor measurements.\nResponsive media question conditions as well as device alignment.\nSpot touch display functionality.\nBreakpoints for most popular ui frameworks given away from package: Tailwind, Bootstrap, Bulma, Foundation, Materialize, Semantic User Interface.\nSSR suitable along with Nuxt component featured. Nuxt component advancement is actually pending Nuxt 3 release.\n\nnpm i vue-screen.\nyarn include vue-screen.\n\nMake use of with composition API.\nimport useScreen, useGrid from 'vue-screen'.\n\nexport nonpayment \nsetup() \nconst monitor = useScreen().\nconst framework = useGrid(' bulma').\n\nprofit \ndisplay screen,.\nnetwork.\n\n\n\nFor enhanced arrangements, take a look at the doctors internet site.\nMake use of as a plugin.\nbring in createApp from 'vue'.\nbring in VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. usage( VueScreen, 'bootstrap')\n. mount('

app').// In MyComponent.vue.Present breakpoint is actually: $grid.breakpointHome window distance is: $screen.widthHome window height is actually: $screen.height
v2 launches a couple of breaking modifications both in the setup and also in the API.Learn more regarding all of them in the docs part.