Vue- display screen: Sensitive media questions - Vue.js Supplied #.\n\nAlert: Variation 2.x only supports Vue 3. v1 doctors are accessible below.\n\n\n\n\nResponsive display screen measurements and media query conditions for Vue. Supports your preferred UI platform out of package, as well as may be configured along with any sort of custom breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive as well as debounced monitor measurements.\nResponsive media inquiry states and also device alignment.\nRecognize touch display ability.\nBreakpoints for a lot of common ui frameworks offered away from package: Tailwind, Bootstrap, Bulma, Foundation, Materialize, Semantic User Interface.\nSSR appropriate along with Nuxt element included. Nuxt component growth is actually pending Nuxt 3 release.\n\nnpm i vue-screen.\nanecdote incorporate vue-screen.\n\nMake use of with structure API.\nbring in useScreen, useGrid coming from 'vue-screen'.\n\nexport default \nsetup() \nconst display screen = useScreen().\nconst framework = useGrid(' bulma').\n\nprofit \nscreen,.\ngrid.\n\n\n\nFor advanced setups, check out the docs web site.\nMake use of as a plugin.\nbring in createApp coming from 'vue'.\nimport VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. use( VueScreen, 'bootstrap')\n. position('

app').// In MyComponent.vue.Existing breakpoint is: $grid.breakpointHome window distance is: $screen.widthHome window elevation is: $screen.height
v2 presents a few breaking improvements both in the setup and also in the API.Learn more about all of them in the doctors section.