Vue- screen: Sensitive media concerns - Vue.js Nourished #.\n\nWarning: Variation 2.x simply supports Vue 3. v1 doctors are actually readily available listed here.\n\n\n\n\nResponsive display dimension as well as media query states for Vue. Sustains your favorite UI platform out of the box, and also could be configured with any custom breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nSensitive and debounced display dimension.\nResponsive media question states as well as tool alignment.\nRecognize contact display ability.\nBreakpoints for many usual ui platforms supplied away from package: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic User Interface.\nSSR compatible with Nuxt component featured. Nuxt element development is actually pending Nuxt 3 launch.\n\nnpm i vue-screen.\nanecdote add vue-screen.\n\nMake use of along with composition API.\nbring in useScreen, useGrid coming from 'vue-screen'.\n\nexport default \nsetup() \nconst monitor = useScreen().\nconst grid = useGrid(' bulma').\n\nreturn \ndisplay,.\nframework.\n\n\n\nFor sophisticated setups, visit the docs site.\nUse as a plugin.\nimport createApp coming from 'vue'.\nbring in VueScreen coming from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. make use of( VueScreen, 'bootstrap')\n. position('

app').// In MyComponent.vue.Existing breakpoint is: $grid.breakpointHome window width is: $screen.widthWindow height is actually: $screen.height
v2 introduces a couple of breaking changes both in the setup and also in the API.Learn more about them in the docs area.