Vue- monitor: Sensitive media inquiries - Vue.js Feed #.\n\nCaution: Variation 2.x merely assists Vue 3. v1 docs are available listed below.\n\n\n\n\nResponsive display size and also media concern states for Vue. Supports your much-loved UI structure away from package, and also can be set up with any kind of customized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive and debounced monitor dimension.\nSensitive media concern states and tool orientation.\nLocate contact monitor capability.\nBreakpoints for many popular ui frameworks provided out of package: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic User Interface.\nSSR appropriate with Nuxt module featured. Nuxt element growth is hanging Nuxt 3 release.\n\nnpm i vue-screen.\nanecdote incorporate vue-screen.\n\nUse with composition API.\nimport useScreen, useGrid from 'vue-screen'.\n\nexport default \ncreate() \nconst display = useScreen().\nconst framework = useGrid(' bulma').\n\nprofit \ndisplay screen,.\nframework.\n\n\n\nFor state-of-the-art configurations, have a look at the doctors web site.\nUsage as a plugin.\nbring in createApp from 'vue'.\nimport VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. use( VueScreen, 'bootstrap')\n. mount('
app').// In MyComponent.vue.Existing breakpoint is actually: $grid.breakpointHome window width is actually: $screen.widthWindow height is actually: $screen.height
v2 offers a handful of breaking changes both in the configuration and also in the API.Read more about all of them in the docs section.
Articles You Can Be Interested In