Vue- display screen: Sensitive media questions - Vue.js Supplied #.\n\nAlert: Variation 2.x just sustains Vue 3. v1 docs are offered here.\n\n\n\n\nReactive display dimension and media inquiry conditions for Vue. Supports your preferred UI framework out of the box, and also may be set up with any sort of custom breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nSensitive and debounced display measurements.\nSensitive media concern states and also unit orientation.\nRecognize contact display ability.\nBreakpoints for a lot of common ui platforms given out of package: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic User Interface.\nSSR suitable with Nuxt module featured. Nuxt module advancement is pending Nuxt 3 launch.\n\nnpm i vue-screen.\nanecdote add vue-screen.\n\nUse along with make-up API.\nbring in useScreen, useGrid coming from 'vue-screen'.\n\nexport default \ncreate() \nconst display screen = useScreen().\nconst grid = useGrid(' bulma').\n\ngain \nscreen,.\ngrid.\n\n\n\nFor innovative arrangements, have a look at the doctors internet site.\nMake use of 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. install('
app').// In MyComponent.vue.Current breakpoint is: $grid.breakpointHome window size is actually: $screen.widthWindow height is actually: $screen.height
v2 launches a few breaking improvements both in the configuration and also in the API.Find out more concerning all of them in the docs segment.
Articles You Can Be Interested In