Vue- display: Sensitive media inquiries - Vue.js Nourished #.\n\nCaution: Model 2.x just sustains Vue 3. v1 doctors are actually on call here.\n\n\n\n\nResponsive monitor size as well as media question states for Vue. Assists your favourite UI framework out of the box, and also can be configured along with any kind of custom-made breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive and debounced display size.\nSensitive media question states as well as gadget orientation.\nLocate touch monitor functionality.\nBreakpoints for many common ui platforms offered away from the box: Tailwind, Bootstrap, Bulma, Foundation, Materialize, Semantic UI.\nSSR appropriate with Nuxt element featured. Nuxt element growth is pending Nuxt 3 launch.\n\nnpm i vue-screen.\nanecdote include vue-screen.\n\nUsage with composition API.\nimport useScreen, useGrid from 'vue-screen'.\n\nexport nonpayment \nsetup() \nconst monitor = useScreen().\nconst framework = useGrid(' bulma').\n\nyield \nmonitor,.\nframework.\n\n\n\nFor innovative configurations, look into the doctors website.\nMake use of as a plugin.\nbring in createApp from 'vue'.\nbring in VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. make use of( VueScreen, 'bootstrap')\n. position('
app').// In MyComponent.vue.Current breakpoint is actually: $grid.breakpointWindow size is actually: $screen.widthHome window elevation is: $screen.height
v2 launches a handful of breaking changes both in the configuration and also in the API.Learn more concerning them in the docs segment.
Articles You Can Be Interested In