Vue- screen: Sensitive media queries - Vue.js Supplied #.\n\nCaution: Model 2.x just assists Vue 3. v1 doctors are readily available listed here.\n\n\n\n\nReactive display measurements as well as media inquiry conditions for Vue. Supports your preferred UI platform out of the box, and could be configured with any custom-made breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive and also debounced screen dimension.\nResponsive media inquiry conditions as well as tool orientation.\nSense contact monitor functionality.\nBreakpoints for many typical ui platforms delivered away from package: Tailwind, Bootstrap, Bulma, Foundation, Materialize, Semantic UI.\nSSR appropriate with Nuxt element consisted of. Nuxt element development is actually hanging Nuxt 3 launch.\n\nnpm i vue-screen.\nanecdote add vue-screen.\n\nUse with structure API.\nimport useScreen, useGrid from 'vue-screen'.\n\nexport nonpayment \ncreate() \nconst monitor = useScreen().\nconst network = useGrid(' bulma').\n\ngain \nscreen,.\nnetwork.\n\n\n\nFor enhanced arrangements, visit the doctors site.\nUse as a plugin.\nbring in createApp from 'vue'.\nbring in VueScreen coming from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. make use of( VueScreen, 'bootstrap')\n. install('
app').// In MyComponent.vue.Present breakpoint is actually: $grid.breakpointHome window width is: $screen.widthHome window elevation is actually: $screen.height
v2 offers a couple of breaking changes both in the setup and in the API.Find out more concerning them in the doctors section.
Articles You Can Be Interested In