Vue- display screen: Sensitive media questions - Vue.js Feed #.\n\nCaution: Variation 2.x only assists Vue 3. v1 docs are offered here.\n\n\n\n\nResponsive monitor measurements as well as media concern states for Vue. Sustains your favorite UI structure out of the box, as well as could be configured with any custom-made breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive and also debounced monitor size.\nResponsive media inquiry states as well as gadget positioning.\nRecognize contact screen capacity.\nBreakpoints for many common ui platforms delivered away from the box: Tailwind, Bootstrap, Bulma, Foundation, Materialize, Semantic User Interface.\nSSR compatible along with Nuxt component consisted of. Nuxt module advancement is actually pending Nuxt 3 launch.\n\nnpm i vue-screen.\nanecdote include vue-screen.\n\nMake use of with composition API.\nimport useScreen, useGrid coming from 'vue-screen'.\n\nexport default \nsetup() \nconst display screen = useScreen().\nconst grid = useGrid(' bulma').\n\ngain \ndisplay,.\ngrid.\n\n\n\nFor sophisticated setups, visit the docs website.\nUse 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. install('

app').// In MyComponent.vue.Present breakpoint is actually: $grid.breakpointHome window distance is: $screen.widthHome window elevation is: $screen.height
v2 presents a couple of breaking changes both in the configuration as well as in the API.Read more regarding them in the docs area.