Vue- display screen: Sensitive media concerns - Vue.js Feed #.\n\nAlert: Version 2.x simply sustains Vue 3. v1 doctors are offered listed here.\n\n\n\n\nSensitive display screen measurements as well as media inquiry states for Vue. Assists your preferred UI platform away from the box, and may be configured along with any type of custom breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive as well as debounced screen dimension.\nReactive media inquiry conditions and also tool alignment.\nDiscover contact display screen capability.\nBreakpoints for most typical ui platforms delivered away from package: Tailwind, Bootstrap, Bulma, Foundation, Materialize, Semantic UI.\nSSR compatible along with Nuxt element consisted of. Nuxt element advancement is hanging Nuxt 3 release.\n\nnpm i vue-screen.\nyarn incorporate vue-screen.\n\nUse with structure API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport default \ncreate() \nconst monitor = useScreen().\nconst network = useGrid(' bulma').\n\nreturn \ndisplay,.\ngrid.\n\n\n\nFor enhanced setups, browse through the doctors internet site.\nUse as a plugin.\nbring in createApp coming from 'vue'.\nimport VueScreen coming from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. make use of( VueScreen, 'bootstrap')\n. install('

app').// In MyComponent.vue.Current breakpoint is actually: $grid.breakpointWindow size is actually: $screen.widthHome window height is actually: $screen.height
v2 introduces a handful of breaking modifications both in the setup and also in the API.Read more regarding them in the docs section.