Vue- monitor: Responsive media inquiries - Vue.js Supplied #.\n\nWarning: Version 2.x just sustains Vue 3. v1 docs are actually on call here.\n\n\n\n\nSensitive screen measurements and media query conditions for Vue. Sustains your preferred UI platform away from package, as well as can be set up with any customized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nSensitive and also debounced screen size.\nResponsive media question conditions as well as device positioning.\nLocate contact display screen ability.\nBreakpoints for a lot of usual ui structures provided away from the box: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic UI.\nSSR suitable with Nuxt element featured. Nuxt component advancement is pending Nuxt 3 launch.\n\nnpm i vue-screen.\nanecdote add vue-screen.\n\nMake use of with make-up API.\nbring in useScreen, useGrid coming from 'vue-screen'.\n\nexport default \nsetup() \nconst display = useScreen().\nconst network = useGrid(' bulma').\n\nprofit \ndisplay,.\nnetwork.\n\n\n\nFor innovative configurations, browse through the doctors website.\nUsage as a plugin.\nbring in createApp from 'vue'.\nimport VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. make use of( VueScreen, 'bootstrap')\n. mount('
app').// In MyComponent.vue.Existing breakpoint is actually: $grid.breakpointWindow size is actually: $screen.widthWindow elevation is actually: $screen.height
v2 presents a couple of breaking changes both in the configuration as well as in the API.Learn more concerning all of them in the docs section.
Articles You Can Be Interested In