Vue- display screen: Reactive media concerns - Vue.js Feed #.\n\nWarning: Version 2.x simply assists Vue 3. v1 doctors are accessible here.\n\n\n\n\nSensitive display measurements as well as media question states for Vue. Assists your favourite UI framework out of package, and also may be set up with any sort of custom-made breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nSensitive as well as debounced monitor size.\nResponsive media question conditions and unit positioning.\nFind contact monitor capacity.\nBreakpoints for most typical ui platforms delivered out of package: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic UI.\nSSR appropriate along with Nuxt module included. Nuxt component advancement is actually pending Nuxt 3 release.\n\nnpm i vue-screen.\nanecdote include vue-screen.\n\nMake use of along with structure API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport default \nsetup() \nconst screen = useScreen().\nconst network = useGrid(' bulma').\n\nreturn \nscreen,.\ngrid.\n\n\n\nFor sophisticated configurations, take a look at the docs internet site.\nUsage as a plugin.\nbring in createApp coming from 'vue'.\nbring in VueScreen coming 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.breakpointHome window width is actually: $screen.widthWindow elevation is actually: $screen.height
v2 launches a couple of breaking modifications both in the setup as well as in the API.Read more concerning all of them in the doctors part.
Articles You Can Be Interested In