Vue- monitor: Sensitive media concerns - Vue.js Feed #.\n\nCaution: Version 2.x only sustains Vue 3. v1 doctors are accessible here.\n\n\n\n\nResponsive screen measurements and also media question conditions for Vue. Sustains your favourite UI framework away from the box, as well as could be set up with any type of custom-made breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nSensitive as well as debounced display screen size.\nSensitive media query states as well as gadget orientation.\nRecognize contact monitor capability.\nBreakpoints for many popular ui platforms supplied away from package: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic UI.\nSSR appropriate with Nuxt element included. Nuxt component advancement is actually pending Nuxt 3 release.\n\nnpm i vue-screen.\nanecdote include vue-screen.\n\nUsage along with structure API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport nonpayment \nsetup() \nconst screen = useScreen().\nconst framework = useGrid(' bulma').\n\nreturn \ndisplay,.\ngrid.\n\n\n\nFor sophisticated configurations, visit the docs site.\nUse as a plugin.\nimport createApp from 'vue'.\nbring in VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. usage( VueScreen, 'bootstrap')\n. position('

app').// In MyComponent.vue.Current breakpoint is actually: $grid.breakpointHome window width is: $screen.widthHome window height is actually: $screen.height
v2 offers a few breaking adjustments both in the configuration as well as in the API.Learn more regarding all of them in the doctors part.