Vue- display: Responsive media questions - Vue.js Feed #.\n\nAlert: Variation 2.x just assists Vue 3. v1 doctors are accessible listed here.\n\n\n\n\nSensitive monitor measurements and media concern conditions for Vue. Assists your favourite UI structure away from the box, as well as may be set up with any custom breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive and also debounced display screen size.\nResponsive media concern conditions and device positioning.\nIdentify contact screen functionality.\nBreakpoints for the majority of common ui platforms offered out of the box: Tailwind, Bootstrap, Bulma, Structure, Materialize, Semantic User Interface.\nSSR appropriate with Nuxt element included. Nuxt component progression is actually hanging Nuxt 3 release.\n\nnpm i vue-screen.\nanecdote add vue-screen.\n\nUse with composition API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport nonpayment \ncreate() \nconst monitor = useScreen().\nconst network = useGrid(' bulma').\n\nreturn \ndisplay screen,.\ngrid.\n\n\n\nFor advanced configurations, check out the docs web site.\nUse as a plugin.\nbring in createApp from 'vue'.\nimport VueScreen coming from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. use( VueScreen, 'bootstrap')\n. position('
app').// In MyComponent.vue.Current breakpoint is actually: $grid.breakpointWindow size is: $screen.widthWindow height is: $screen.height
v2 presents a few breaking adjustments both in the configuration as well as in the API.Read more regarding all of them in the doctors part.
Articles You Can Be Interested In