Vue- monitor: Responsive media inquiries - Vue.js Feed #.\n\nWarning: Variation 2.x only supports Vue 3. v1 docs are on call here.\n\n\n\n\nResponsive display screen measurements and media inquiry states for Vue. Sustains your favorite UI platform out of package, and also could be configured with any custom-made breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive and also debounced screen measurements.\nReactive media inquiry states as well as device alignment.\nDiscover contact monitor capability.\nBreakpoints for a lot of popular ui structures offered away from the box: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic User Interface.\nSSR suitable with Nuxt module included. Nuxt module growth is pending Nuxt 3 launch.\n\nnpm i vue-screen.\nyarn incorporate vue-screen.\n\nUse along with structure API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport default \nsetup() \nconst display = useScreen().\nconst grid = useGrid(' bulma').\n\ngain \ndisplay screen,.\nframework.\n\n\n\nFor state-of-the-art arrangements, look at the doctors internet site.\nUsage as a plugin.\nimport createApp coming from 'vue'.\nbring in VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. usage( VueScreen, 'bootstrap')\n. install('

app').// In MyComponent.vue.Current breakpoint is: $grid.breakpointHome window size is: $screen.widthHome window elevation is: $screen.height
v2 introduces a few breaking modifications both in the configuration and also in the API.Read more about them in the docs part.