Vue- display: Sensitive media inquiries - Vue.js Supplied #.\n\nPrecaution: Version 2.x just sustains Vue 3. v1 doctors are readily available right here.\n\n\n\n\nSensitive display screen measurements and media query states for Vue. Assists your favorite UI structure away from package, and could be set up with any kind of custom breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive and also debounced display screen measurements.\nResponsive media inquiry states as well as gadget positioning.\nSpot touch display screen ability.\nBreakpoints for many typical ui platforms provided out of package: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic User Interface.\nSSR appropriate along with Nuxt module consisted of. Nuxt module progression is actually hanging Nuxt 3 release.\n\nnpm i vue-screen.\nanecdote include vue-screen.\n\nUse along with structure API.\nimport useScreen, useGrid from 'vue-screen'.\n\nexport default \nsetup() \nconst display = useScreen().\nconst network = useGrid(' bulma').\n\nprofit \ndisplay,.\ngrid.\n\n\n\nFor advanced configurations, check out the docs site.\nUsage 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 size is: $screen.widthWindow elevation is: $screen.height
v2 offers a few breaking changes both in the configuration and also in the API.Read more concerning them in the doctors area.
Articles You Can Be Interested In