Vue- monitor: Sensitive media queries - Vue.js Feed #.\n\nAlert: Version 2.x merely sustains Vue 3. v1 doctors are accessible right here.\n\n\n\n\nReactive display screen measurements and also media query states for Vue. Supports your favourite UI structure away from the box, and also can be configured along with any type of personalized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive and also debounced display measurements.\nReactive media question conditions and device positioning.\nRecognize contact display ability.\nBreakpoints for most common ui frameworks given away from the box: Tailwind, Bootstrap, Bulma, Structure, Materialize, Semantic User Interface.\nSSR suitable with Nuxt component featured. Nuxt element advancement is hanging Nuxt 3 launch.\n\nnpm i vue-screen.\nyarn add vue-screen.\n\nUsage along with composition API.\nbring in useScreen, useGrid coming from 'vue-screen'.\n\nexport nonpayment \ncreate() \nconst monitor = useScreen().\nconst network = useGrid(' bulma').\n\ngain \ndisplay screen,.\ngrid.\n\n\n\nFor enhanced configurations, visit the docs internet site.\nUse as a plugin.\nimport createApp from 'vue'.\nbring in VueScreen coming from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. use( VueScreen, 'bootstrap')\n. mount('

app').// In MyComponent.vue.Present breakpoint is: $grid.breakpointWindow size is actually: $screen.widthHome window elevation is actually: $screen.height
v2 offers a couple of breaking modifications both in the arrangement and also in the API.Find out more about all of them in the docs part.