Vue- display: Sensitive media concerns - Vue.js Supplied #.\n\nAlert: Variation 2.x only supports Vue 3. v1 docs are actually on call here.\n\n\n\n\nSensitive display screen dimension as well as media inquiry states for Vue. Assists your much-loved UI framework away from package, and can be set up with any sort of personalized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive as well as debounced screen measurements.\nReactive media query states as well as gadget orientation.\nLocate contact screen capability.\nBreakpoints for a lot of usual ui platforms given out of the box: Tailwind, Bootstrap, Bulma, Structure, Materialize, Semantic UI.\nSSR suitable along with Nuxt element included. Nuxt component growth is actually pending Nuxt 3 launch.\n\nnpm i vue-screen.\nanecdote incorporate vue-screen.\n\nUse with composition API.\nimport useScreen, useGrid from 'vue-screen'.\n\nexport nonpayment \nsetup() \nconst display screen = useScreen().\nconst framework = useGrid(' bulma').\n\nyield \nmonitor,.\nnetwork.\n\n\n\nFor enhanced setups, browse through the docs website.\nUsage as a plugin.\nbring in createApp from 'vue'.\nimport 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 size is actually: $screen.widthWindow height is actually: $screen.height
v2 presents a handful of breaking changes both in the configuration and in the API.Find out more concerning them in the doctors area.