Vue- display screen: Sensitive media inquiries - Vue.js Nourished #.\n\nAlert: Version 2.x just sustains Vue 3. v1 docs are actually readily available here.\n\n\n\n\nSensitive screen size as well as media question conditions for Vue. Sustains your much-loved UI platform away from package, as well as can be set up with any sort of custom breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive as well as debounced monitor dimension.\nResponsive media question conditions and unit alignment.\nRecognize touch display screen functionality.\nBreakpoints for most popular ui frameworks delivered away from package: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic UI.\nSSR appropriate with Nuxt element featured. Nuxt element progression is actually hanging Nuxt 3 release.\n\nnpm i vue-screen.\nanecdote include vue-screen.\n\nMake use of with composition API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport default \ncreate() \nconst screen = useScreen().\nconst network = useGrid(' bulma').\n\nprofit \ndisplay,.\ngrid.\n\n\n\nFor enhanced arrangements, have a look at the docs web site.\nUsage as a plugin.\nbring in createApp from 'vue'.\nbring in VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. use( VueScreen, 'bootstrap')\n. install('
app').// In MyComponent.vue.Current breakpoint is: $grid.breakpointHome window size is actually: $screen.widthHome window height is: $screen.height
v2 presents a couple of breaking modifications both in the setup and in the API.Learn more about all of them in the doctors part.
Articles You Can Be Interested In