Vue- display screen: Sensitive media queries - Vue.js Supplied #.\n\nWarning: Variation 2.x only supports Vue 3. v1 doctors are actually accessible below.\n\n\n\n\nSensitive display dimension and media concern conditions for Vue. Supports your much-loved UI framework out of package, and may be set up along with any type of custom breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nSensitive as well as debounced screen dimension.\nResponsive media question states and also device alignment.\nSpot touch screen capacity.\nBreakpoints for most common ui frameworks supplied away from the box: Tailwind, Bootstrap, Bulma, Structure, Materialize, Semantic UI.\nSSR appropriate with Nuxt element featured. Nuxt module growth is pending Nuxt 3 release.\n\nnpm i vue-screen.\nanecdote include vue-screen.\n\nMake use of along with make-up API.\nimport useScreen, useGrid from 'vue-screen'.\n\nexport nonpayment \nsetup() \nconst screen = useScreen().\nconst grid = useGrid(' bulma').\n\ngain \ndisplay screen,.\ngrid.\n\n\n\nFor state-of-the-art setups, visit the doctors website.\nMake use of as a plugin.\nbring in createApp coming from 'vue'.\nimport VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. use( VueScreen, 'bootstrap')\n. place('

app').// In MyComponent.vue.Current breakpoint is: $grid.breakpointWindow width is: $screen.widthWindow elevation is: $screen.height
v2 launches a couple of breaking improvements both in the setup and in the API.Learn more about them in the doctors part.