Vue- display screen: Reactive media concerns - Vue.js Feed #.\n\nCaution: Version 2.x simply sustains Vue 3. v1 docs are accessible listed below.\n\n\n\n\nReactive monitor size as well as media inquiry states for Vue. Assists your preferred UI platform away from package, and can be set up with any kind of custom breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive as well as debounced monitor dimension.\nSensitive media query conditions and unit positioning.\nDetect touch screen functionality.\nBreakpoints for most typical ui platforms offered away from the box: Tailwind, Bootstrap, Bulma, Structure, Materialize, Semantic UI.\nSSR compatible with Nuxt element consisted of. Nuxt module progression is hanging Nuxt 3 release.\n\nnpm i vue-screen.\nyarn incorporate vue-screen.\n\nMake use of along with structure API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport default \nsetup() \nconst screen = useScreen().\nconst network = useGrid(' bulma').\n\nprofit \nmonitor,.\nnetwork.\n\n\n\nFor innovative setups, take a look at the doctors website.\nUsage as a plugin.\nimport 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.breakpointWindow size is actually: $screen.widthWindow height is: $screen.height
v2 presents a handful of breaking changes both in the setup and in the API.Read more about all of them in the docs area.