Vue- screen: Sensitive media concerns - Vue.js Supplied #.\n\nWarning: Version 2.x just assists Vue 3. v1 docs are actually offered here.\n\n\n\n\nResponsive display dimension and also media question conditions for Vue. Sustains your favorite UI platform out of the box, and also can be set up with any sort of personalized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nSensitive and also debounced display dimension.\nResponsive media inquiry states as well as gadget positioning.\nSense touch monitor capacity.\nBreakpoints for most common ui frameworks given out of the box: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic UI.\nSSR compatible with Nuxt module consisted of. Nuxt element development is actually hanging Nuxt 3 release.\n\nnpm i vue-screen.\nyarn include vue-screen.\n\nUsage with structure API.\nbring in useScreen, useGrid coming from 'vue-screen'.\n\nexport nonpayment \ncreate() \nconst screen = useScreen().\nconst framework = useGrid(' bulma').\n\nreturn \nmonitor,.\ngrid.\n\n\n\nFor advanced configurations, check out the docs web site.\nUsage as a plugin.\nbring in createApp coming from 'vue'.\nimport VueScreen coming 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 actually: $screen.widthWindow height is actually: $screen.height
v2 introduces a few breaking modifications both in the configuration and also in the API.Read more concerning them in the docs part.