Vue- screen: Responsive media questions - Vue.js Nourished #.\n\nAlert: Model 2.x simply assists Vue 3. v1 doctors are offered right here.\n\n\n\n\nResponsive screen size and also media concern conditions for Vue. Supports your much-loved UI platform out of package, and can be configured along with any custom breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive as well as debounced monitor size.\nReactive media question conditions and unit positioning.\nLocate contact display screen ability.\nBreakpoints for a lot of usual ui structures provided away from the box: Tailwind, Bootstrap, Bulma, Structure, Materialize, Semantic User Interface.\nSSR compatible along with Nuxt element consisted of. Nuxt component progression is hanging Nuxt 3 release.\n\nnpm i vue-screen.\nanecdote add vue-screen.\n\nUsage along with structure API.\nimport useScreen, useGrid from 'vue-screen'.\n\nexport default \nsetup() \nconst monitor = useScreen().\nconst framework = useGrid(' bulma').\n\nreturn \ndisplay screen,.\nframework.\n\n\n\nFor state-of-the-art setups, visit the docs website.\nUse as a plugin.\nbring in createApp from 'vue'.\nbring in VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. usage( VueScreen, 'bootstrap')\n. position('
app').// In MyComponent.vue.Present breakpoint is actually: $grid.breakpointHome window width is: $screen.widthHome window height is: $screen.height
v2 introduces a handful of breaking modifications both in the setup as well as in the API.Find out more concerning them in the doctors segment.
Articles You Can Be Interested In