Vue- monitor: Sensitive media inquiries - Vue.js Feed #.\n\nWarning: Variation 2.x simply sustains Vue 3. v1 docs are actually on call listed here.\n\n\n\n\nSensitive screen size and media query conditions for Vue. Assists your favourite UI structure out of package, as well as may be set up along with any type of personalized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive and also debounced display screen size.\nReactive media query conditions and device positioning.\nSense contact monitor ability.\nBreakpoints for most common ui frameworks provided away from package: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic UI.\nSSR appropriate along with Nuxt element included. Nuxt module growth is actually pending Nuxt 3 release.\n\nnpm i vue-screen.\nyarn incorporate vue-screen.\n\nUse with make-up API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport nonpayment \nsetup() \nconst display screen = useScreen().\nconst framework = useGrid(' bulma').\n\nreturn \nmonitor,.\nframework.\n\n\n\nFor state-of-the-art setups, visit the docs site.\nUsage as a plugin.\nimport createApp coming 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 actually: $grid.breakpointWindow size is: $screen.widthWindow height is actually: $screen.height
v2 launches a few breaking adjustments both in the setup and in the API.Find out more concerning them in the docs part.