Vue- display: Sensitive media inquiries - Vue.js Nourished #.\n\nWarning: Model 2.x just supports Vue 3. v1 docs are actually available right here.\n\n\n\n\nReactive display screen size as well as media inquiry states for Vue. Sustains your preferred UI platform out of the box, and can be configured along with any personalized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive as well as debounced display size.\nSensitive media inquiry states as well as gadget orientation.\nFind contact display screen ability.\nBreakpoints for a lot of typical ui structures given away from package: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic User Interface.\nSSR suitable along with Nuxt element included. Nuxt module development is actually hanging Nuxt 3 launch.\n\nnpm i vue-screen.\nanecdote add vue-screen.\n\nMake use of along with composition API.\nimport useScreen, useGrid coming from 'vue-screen'.\n\nexport default \ncreate() \nconst display screen = useScreen().\nconst framework = useGrid(' bulma').\n\nyield \ndisplay screen,.\nnetwork.\n\n\n\nFor state-of-the-art setups, look into the docs site.\nUsage as a plugin.\nbring in createApp coming from 'vue'.\nbring in VueScreen coming from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. usage( VueScreen, 'bootstrap')\n. mount('

app').// In MyComponent.vue.Current breakpoint is: $grid.breakpointWindow size is actually: $screen.widthWindow elevation is: $screen.height
v2 introduces a handful of breaking improvements both in the setup as well as in the API.Learn more about them in the docs area.