Vue- display screen: Reactive media concerns - Vue.js Supplied #.\n\nPrecaution: Variation 2.x simply assists Vue 3. v1 doctors are actually accessible listed below.\n\n\n\n\nResponsive screen size and media question states for Vue. Assists your preferred UI structure away from the box, and can be set up along with any custom-made breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive and debounced monitor dimension.\nSensitive media question conditions and unit alignment.\nLocate contact monitor ability.\nBreakpoints for a lot of popular ui structures provided out of the box: Tailwind, Bootstrap, Bulma, Base, Materialize, Semantic User Interface.\nSSR suitable along with Nuxt module featured. Nuxt element advancement is pending Nuxt 3 launch.\n\nnpm i vue-screen.\nanecdote add vue-screen.\n\nUse with composition API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport default \nsetup() \nconst display screen = useScreen().\nconst network = useGrid(' bulma').\n\nreturn \nmonitor,.\nnetwork.\n\n\n\nFor innovative configurations, visit the docs site.\nUsage as a plugin.\nbring in createApp coming from 'vue'.\nimport VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. usage( VueScreen, 'bootstrap')\n. position('

app').// In MyComponent.vue.Present breakpoint is: $grid.breakpointWindow width is: $screen.widthWindow elevation is: $screen.height
v2 introduces a few breaking adjustments both in the configuration and in the API.Find out more regarding them in the docs part.