Vue- display: Reactive media queries - Vue.js Supplied #.\n\nWarning: Variation 2.x just supports Vue 3. v1 docs are actually offered right here.\n\n\n\n\nReactive display screen measurements and media question conditions for Vue. Assists your much-loved UI structure out of package, as well as could be set up along with any personalized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive and also debounced screen size.\nSensitive media inquiry states as well as tool positioning.\nSense contact display capability.\nBreakpoints for most common ui platforms provided out of package: Tailwind, Bootstrap, Bulma, Foundation, Materialize, Semantic UI.\nSSR compatible along with Nuxt module featured. Nuxt component advancement is hanging Nuxt 3 release.\n\nnpm i vue-screen.\nyarn incorporate vue-screen.\n\nUse along with make-up API.\nbring in useScreen, useGrid coming from 'vue-screen'.\n\nexport default \nsetup() \nconst display = useScreen().\nconst framework = useGrid(' bulma').\n\ngain \nscreen,.\nframework.\n\n\n\nFor enhanced arrangements, take a look at 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. use( VueScreen, 'bootstrap')\n. position('

app').// In MyComponent.vue.Existing breakpoint is actually: $grid.breakpointWindow size is actually: $screen.widthWindow height is actually: $screen.height
v2 launches a few breaking adjustments both in the configuration as well as in the API.Learn more concerning all of them in the docs part.