Vue- monitor: Reactive media questions - Vue.js Nourished #.\n\nCaution: Variation 2.x merely assists Vue 3. v1 docs are offered here.\n\n\n\n\nSensitive screen dimension and media question conditions for Vue. Supports your favorite UI structure away from package, as well as could be set up with any personalized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive as well as debounced monitor measurements.\nSensitive media question states as well as unit positioning.\nDetect touch display screen ability.\nBreakpoints for the majority of common ui frameworks provided away from package: Tailwind, Bootstrap, Bulma, Foundation, Materialize, Semantic User Interface.\nSSR appropriate with Nuxt element included. Nuxt component development is actually pending Nuxt 3 release.\n\nnpm i vue-screen.\nanecdote include vue-screen.\n\nUsage with structure API.\nimport useScreen, useGrid coming from 'vue-screen'.\n\nexport default \nsetup() \nconst monitor = useScreen().\nconst network = useGrid(' bulma').\n\nyield \ndisplay screen,.\ngrid.\n\n\n\nFor sophisticated configurations, look at the docs website.\nUsage as a plugin.\nimport createApp coming from 'vue'.\nimport VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. use( VueScreen, 'bootstrap')\n. place('

app').// In MyComponent.vue.Present breakpoint is: $grid.breakpointHome window size is: $screen.widthHome window height is actually: $screen.height
v2 presents a couple of breaking changes both in the configuration and also in the API.Read more about all of them in the doctors section.