Vue- monitor: Sensitive media concerns - Vue.js Nourished #.\n\nWarning: Model 2.x just sustains Vue 3. v1 docs are actually available here.\n\n\n\n\nSensitive screen dimension and media query conditions for Vue. Assists your much-loved UI structure out of package, as well as can be set up with any sort of personalized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nSensitive and debounced display screen size.\nResponsive media inquiry states and also device positioning.\nSpot touch monitor capability.\nBreakpoints for many usual ui structures provided out of package: Tailwind, Bootstrap, Bulma, Base, Materialize, Semantic UI.\nSSR suitable along with Nuxt module included. Nuxt module progression is actually pending Nuxt 3 release.\n\nnpm i vue-screen.\nyarn add vue-screen.\n\nUsage with composition API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport nonpayment \ncreate() \nconst screen = useScreen().\nconst framework = useGrid(' bulma').\n\nreturn \ndisplay,.\nframework.\n\n\n\nFor state-of-the-art arrangements, browse through the doctors site.\nUse as a plugin.\nbring in createApp from 'vue'.\nbring in VueScreen coming from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. make use of( VueScreen, 'bootstrap')\n. position('

app').// In MyComponent.vue.Present breakpoint is: $grid.breakpointHome window distance is actually: $screen.widthWindow height is: $screen.height
v2 introduces a couple of breaking changes both in the setup and in the API.Read more concerning them in the docs part.