Vue- monitor: Reactive media inquiries - Vue.js Nourished #.\n\nAlert: Model 2.x merely assists Vue 3. v1 docs are actually readily available right here.\n\n\n\n\nSensitive display measurements and media inquiry conditions for Vue. Supports your favorite UI structure out of the box, as well as can be configured along with any type of custom breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive and also debounced display measurements.\nSensitive media query states as well as unit positioning.\nSpot contact screen capacity.\nBreakpoints for the majority of common ui frameworks provided away from package: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic User Interface.\nSSR suitable with Nuxt element consisted of. Nuxt module 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 coming from 'vue-screen'.\n\nexport nonpayment \nsetup() \nconst display = useScreen().\nconst grid = useGrid(' bulma').\n\nreturn \nmonitor,.\ngrid.\n\n\n\nFor advanced setups, take a look at the doctors internet site.\nMake use of as a plugin.\nbring in createApp coming from 'vue'.\nbring in VueScreen coming from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. make use of( VueScreen, 'bootstrap')\n. place('

app').// In MyComponent.vue.Present breakpoint is actually: $grid.breakpointWindow distance is: $screen.widthWindow height is actually: $screen.height
v2 launches a handful of breaking modifications both in the configuration and in the API.Learn more regarding them in the docs part.