Vue- display: Reactive media concerns - Vue.js Feed #.\n\nAlert: Version 2.x simply assists Vue 3. v1 docs are readily available listed below.\n\n\n\n\nReactive display size as well as media query states for Vue. Assists your much-loved UI structure out of package, as well as could be configured along with any sort of customized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive as well as debounced display dimension.\nSensitive media query states as well as device orientation.\nDiscover touch display screen ability.\nBreakpoints for most usual ui platforms delivered away from package: Tailwind, Bootstrap, Bulma, Base, Materialize, Semantic User Interface.\nSSR appropriate along with Nuxt module included. Nuxt component development is pending Nuxt 3 release.\n\nnpm i vue-screen.\nyarn include vue-screen.\n\nUse along with composition API.\nbring in useScreen, useGrid coming from 'vue-screen'.\n\nexport default \ncreate() \nconst display screen = useScreen().\nconst network = useGrid(' bulma').\n\nyield \ndisplay,.\ngrid.\n\n\n\nFor sophisticated arrangements, look into the doctors web site.\nUse 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. position('

app').// In MyComponent.vue.Current breakpoint is: $grid.breakpointHome window size is: $screen.widthHome window height is: $screen.height
v2 introduces a handful of breaking adjustments both in the arrangement and also in the API.Read more concerning all of them in the doctors section.