Vue- display: Sensitive media queries - Vue.js Supplied #.\n\nAlert: Variation 2.x merely sustains Vue 3. v1 doctors are actually readily available below.\n\n\n\n\nReactive screen size as well as media concern states for Vue. Supports your much-loved UI platform out of package, and also may be configured with any sort of customized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive and also debounced display screen size.\nSensitive media inquiry states and also device alignment.\nRecognize contact screen ability.\nBreakpoints for many common ui platforms supplied away from package: Tailwind, Bootstrap, Bulma, Base, Materialize, Semantic UI.\nSSR compatible along with Nuxt module featured. Nuxt element progression is pending Nuxt 3 release.\n\nnpm i vue-screen.\nanecdote include vue-screen.\n\nMake use of with structure API.\nimport useScreen, useGrid from 'vue-screen'.\n\nexport default \ncreate() \nconst monitor = useScreen().\nconst network = useGrid(' bulma').\n\nreturn \ndisplay screen,.\nframework.\n\n\n\nFor sophisticated setups, have a look at the docs internet site.\nUsage as a plugin.\nimport createApp coming from 'vue'.\nimport VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. use( VueScreen, 'bootstrap')\n. install('

app').// In MyComponent.vue.Present breakpoint is: $grid.breakpointHome window size is: $screen.widthHome window elevation is: $screen.height
v2 presents a handful of breaking improvements both in the configuration and also in the API.Learn more about them in the doctors area.