Vue- display screen: Responsive media concerns - Vue.js Nourished #.\n\nAlert: Model 2.x merely assists Vue 3. v1 doctors are on call below.\n\n\n\n\nResponsive screen size and media question states for Vue. Supports your much-loved UI structure out of package, as well as may be set up along with any kind of personalized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive and also debounced display size.\nResponsive media concern states as well as tool positioning.\nSpot touch display capability.\nBreakpoints for a lot of popular ui platforms provided out of package: Tailwind, Bootstrap, Bulma, Foundation, Materialize, Semantic UI.\nSSR appropriate along with Nuxt component consisted of. Nuxt component growth is hanging Nuxt 3 launch.\n\nnpm i vue-screen.\nanecdote incorporate vue-screen.\n\nUsage along with structure API.\nimport useScreen, useGrid coming from 'vue-screen'.\n\nexport default \ncreate() \nconst screen = useScreen().\nconst framework = useGrid(' bulma').\n\nreturn \ndisplay screen,.\ngrid.\n\n\n\nFor state-of-the-art arrangements, visit the docs web site.\nUsage as a plugin.\nimport createApp from 'vue'.\nimport VueScreen coming from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. usage( VueScreen, 'bootstrap')\n. install('
app').// In MyComponent.vue.Current breakpoint is: $grid.breakpointHome window width is actually: $screen.widthWindow height is: $screen.height
v2 offers a handful of breaking adjustments both in the configuration as well as in the API.Learn more about all of them in the doctors segment.
Articles You Can Be Interested In