Vue- screen: Responsive media concerns - Vue.js Supplied #.\n\nPrecaution: Model 2.x simply sustains Vue 3. v1 doctors are readily available here.\n\n\n\n\nReactive display measurements as well as media question states for Vue. Assists your favourite UI platform away from package, and also could be configured along with any personalized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive and also debounced display measurements.\nSensitive media concern states and unit positioning.\nRecognize contact screen capability.\nBreakpoints for a lot of usual ui platforms supplied away from the box: Tailwind, Bootstrap, Bulma, Foundation, Materialize, Semantic UI.\nSSR appropriate along with Nuxt module consisted of. Nuxt element advancement is actually hanging Nuxt 3 release.\n\nnpm i vue-screen.\nanecdote add vue-screen.\n\nUsage along with composition API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport default \ncreate() \nconst display screen = useScreen().\nconst grid = useGrid(' bulma').\n\ngain \ndisplay screen,.\ngrid.\n\n\n\nFor innovative setups, browse through the docs site.\nUsage as a plugin.\nbring in createApp from 'vue'.\nimport VueScreen coming from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. usage( VueScreen, 'bootstrap')\n. mount('

app').// In MyComponent.vue.Current breakpoint is: $grid.breakpointHome window width is: $screen.widthWindow elevation is: $screen.height
v2 introduces a couple of breaking changes both in the arrangement and in the API.Learn more about all of them in the docs section.