Vue- display: Reactive media inquiries - Vue.js Supplied #.\n\nWarning: Model 2.x simply supports Vue 3. v1 docs are offered listed below.\n\n\n\n\nSensitive monitor size and media concern conditions for Vue. Assists your preferred UI structure out of the box, and also can be set up with any type of customized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nSensitive and debounced display size.\nResponsive media inquiry conditions as well as unit positioning.\nRecognize touch display screen capacity.\nBreakpoints for many common ui frameworks given away from the box: Tailwind, Bootstrap, Bulma, Structure, Materialize, Semantic User Interface.\nSSR appropriate with Nuxt element featured. Nuxt element development is pending Nuxt 3 release.\n\nnpm i vue-screen.\nyarn add vue-screen.\n\nUsage with structure API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport nonpayment \nsetup() \nconst monitor = useScreen().\nconst framework = useGrid(' bulma').\n\nyield \ndisplay screen,.\nframework.\n\n\n\nFor advanced setups, look into the doctors web site.\nUsage as a plugin.\nbring in createApp coming from 'vue'.\nbring in VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. make use of( VueScreen, 'bootstrap')\n. mount('

app').// In MyComponent.vue.Existing breakpoint is: $grid.breakpointWindow width is: $screen.widthWindow height is actually: $screen.height
v2 presents a handful of breaking modifications both in the setup as well as in the API.Read more concerning them in the docs area.