Vue- monitor: Reactive media concerns - Vue.js Supplied #.\n\nPrecaution: Model 2.x merely assists Vue 3. v1 doctors are actually available listed here.\n\n\n\n\nSensitive monitor measurements as well as media concern states for Vue. Supports your favorite UI platform out of the box, as well as may be set up along with any type of custom breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive and also debounced display dimension.\nSensitive media concern states as well as tool alignment.\nSense touch display screen capability.\nBreakpoints for many popular ui structures supplied away from the box: Tailwind, Bootstrap, Bulma, Foundation, Materialize, Semantic User Interface.\nSSR suitable along with Nuxt component featured. Nuxt element growth is hanging Nuxt 3 launch.\n\nnpm i vue-screen.\nanecdote add vue-screen.\n\nUsage with structure API.\nbring in useScreen, useGrid coming from 'vue-screen'.\n\nexport nonpayment \ncreate() \nconst monitor = useScreen().\nconst grid = useGrid(' bulma').\n\ngain \nscreen,.\ngrid.\n\n\n\nFor enhanced configurations, look at the docs website.\nUse as a plugin.\nbring in createApp coming from 'vue'.\nbring in VueScreen coming from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. usage( VueScreen, 'bootstrap')\n. position('
app').// In MyComponent.vue.Current breakpoint is actually: $grid.breakpointHome window distance is: $screen.widthHome window height is: $screen.height
v2 offers a few breaking changes both in the setup and also in the API.Read more concerning all of them in the doctors part.
Articles You Can Be Interested In