Vue- display screen: Sensitive media concerns - Vue.js Supplied #.\n\nWarning: Version 2.x merely assists Vue 3. v1 doctors are actually offered listed here.\n\n\n\n\nResponsive display screen dimension and media concern states for Vue. Supports your much-loved UI platform away from package, and can be configured along with any custom-made breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive and also debounced display measurements.\nSensitive media concern states and unit alignment.\nIdentify contact display capability.\nBreakpoints for the majority of typical ui structures provided out of package: Tailwind, Bootstrap, Bulma, Structure, Materialize, Semantic UI.\nSSR compatible along with Nuxt element included. Nuxt element progression is actually hanging Nuxt 3 launch.\n\nnpm i vue-screen.\nyarn include vue-screen.\n\nUse with make-up API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport nonpayment \ncreate() \nconst monitor = useScreen().\nconst network = useGrid(' bulma').\n\nyield \nmonitor,.\nnetwork.\n\n\n\nFor sophisticated setups, look into the docs site.\nMake use of as a plugin.\nbring in createApp coming from 'vue'.\nbring in VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. use( VueScreen, 'bootstrap')\n. place('
app').// In MyComponent.vue.Current breakpoint is actually: $grid.breakpointHome window width is actually: $screen.widthHome window height is actually: $screen.height
v2 presents a couple of breaking modifications both in the configuration and in the API.Read more about all of them in the docs section.
Articles You Can Be Interested In