Vue- display: Reactive media questions - Vue.js Feed #.\n\nWarning: Variation 2.x only assists Vue 3. v1 doctors are offered listed here.\n\n\n\n\nResponsive display screen measurements and media question conditions for Vue. Sustains your much-loved UI framework out of package, and may be set up along with any personalized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive and also debounced display screen measurements.\nResponsive media concern conditions and also tool positioning.\nRecognize touch monitor capacity.\nBreakpoints for the majority of common ui frameworks given out of package: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic UI.\nSSR suitable along with Nuxt element featured. Nuxt element advancement is actually pending Nuxt 3 release.\n\nnpm i vue-screen.\nyarn incorporate vue-screen.\n\nMake use of along with make-up API.\nimport useScreen, useGrid from 'vue-screen'.\n\nexport nonpayment \ncreate() \nconst display screen = useScreen().\nconst network = useGrid(' bulma').\n\nprofit \ndisplay,.\ngrid.\n\n\n\nFor sophisticated configurations, look into the doctors website.\nMake use of as a plugin.\nimport createApp coming from 'vue'.\nimport VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. make use of( VueScreen, 'bootstrap')\n. position('
app').// In MyComponent.vue.Present breakpoint is: $grid.breakpointWindow width is: $screen.widthHome window elevation is: $screen.height
v2 offers a couple of breaking adjustments both in the configuration as well as in the API.Read more about them in the docs part.
Articles You Can Be Interested In