Vue- display: Responsive media queries - Vue.js Supplied #.\n\nPrecaution: Variation 2.x simply assists Vue 3. v1 docs are actually available right here.\n\n\n\n\nSensitive display size and also media question conditions for Vue. Sustains your favourite UI platform away from package, and also could be configured along with any custom breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nSensitive as well as debounced screen measurements.\nResponsive media concern states and also gadget alignment.\nSense touch display capability.\nBreakpoints for a lot of typical ui frameworks delivered away from package: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic User Interface.\nSSR appropriate along with Nuxt component featured. Nuxt module progression is hanging Nuxt 3 release.\n\nnpm i vue-screen.\nyarn add vue-screen.\n\nUsage along with composition API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport default \nsetup() \nconst display = useScreen().\nconst framework = useGrid(' bulma').\n\nprofit \ndisplay,.\nframework.\n\n\n\nFor advanced setups, visit the docs website.\nUse as a plugin.\nimport createApp from 'vue'.\nbring in VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. use( VueScreen, 'bootstrap')\n. mount('
app').// In MyComponent.vue.Present breakpoint is: $grid.breakpointHome window size is actually: $screen.widthWindow height is actually: $screen.height
v2 introduces a handful of breaking changes both in the arrangement and in the API.Find out more regarding them in the docs segment.
Articles You Can Be Interested In