Vue- display: Reactive media inquiries - Vue.js Supplied #.\n\nWarning: Version 2.x simply supports Vue 3. v1 doctors are actually readily available here.\n\n\n\n\nResponsive screen dimension as well as media question conditions for Vue. Assists your much-loved UI structure away from the box, and also could be set up with any custom breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive and also debounced screen size.\nResponsive media concern conditions and also unit alignment.\nSpot touch display screen functionality.\nBreakpoints for a lot of popular ui frameworks supplied out of the box: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic User Interface.\nSSR suitable with Nuxt module consisted of. Nuxt component growth is pending Nuxt 3 release.\n\nnpm i vue-screen.\nanecdote add vue-screen.\n\nUse along with structure API.\nimport useScreen, useGrid coming from 'vue-screen'.\n\nexport default \nsetup() \nconst monitor = useScreen().\nconst network = useGrid(' bulma').\n\ngain \nscreen,.\nframework.\n\n\n\nFor innovative setups, look into the doctors internet site.\nMake use of as a plugin.\nbring in createApp coming from 'vue'.\nimport VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. usage( VueScreen, 'bootstrap')\n. place('

app').// In MyComponent.vue.Current breakpoint is actually: $grid.breakpointWindow distance is: $screen.widthHome window height is: $screen.height
v2 introduces a handful of breaking changes both in the configuration and also in the API.Find out more about all of them in the doctors segment.