Vue- display: Reactive media queries - Vue.js Nourished #.\n\nAlert: Model 2.x only sustains Vue 3. v1 docs are available here.\n\n\n\n\nResponsive monitor measurements as well as media concern conditions for Vue. Assists your favorite UI platform away from package, as well as can be configured along with any sort of custom breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive and debounced screen measurements.\nSensitive media question states and also device alignment.\nIdentify touch display screen functionality.\nBreakpoints for most popular ui platforms given away from package: Tailwind, Bootstrap, Bulma, Structure, Materialize, Semantic UI.\nSSR suitable with Nuxt component featured. Nuxt component development is pending Nuxt 3 release.\n\nnpm i vue-screen.\nanecdote incorporate vue-screen.\n\nUse along with structure API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport nonpayment \nsetup() \nconst display = useScreen().\nconst network = useGrid(' bulma').\n\nprofit \ndisplay screen,.\nnetwork.\n\n\n\nFor state-of-the-art setups, have a look at the docs site.\nUse as a plugin.\nimport createApp coming from 'vue'.\nimport VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. usage( VueScreen, 'bootstrap')\n. mount('

app').// In MyComponent.vue.Current breakpoint is actually: $grid.breakpointHome window distance is actually: $screen.widthWindow height is actually: $screen.height
v2 presents a few breaking improvements both in the configuration and also in the API.Read more concerning all of them in the doctors part.