Vue- display: Sensitive media inquiries - Vue.js Feed #.\n\nPrecaution: Model 2.x just supports Vue 3. v1 docs are available here.\n\n\n\n\nSensitive display dimension and also media query conditions for Vue. Supports your much-loved UI platform out of the box, and also may be configured with any custom-made breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive as well as debounced display screen dimension.\nSensitive media inquiry conditions and unit alignment.\nRecognize contact display screen capability.\nBreakpoints for most popular ui frameworks provided away from the box: Tailwind, Bootstrap, Bulma, Structure, Materialize, Semantic UI.\nSSR compatible with Nuxt element included. Nuxt module advancement is pending Nuxt 3 release.\n\nnpm i vue-screen.\nyarn add vue-screen.\n\nUse along with structure API.\nbring in useScreen, useGrid coming from 'vue-screen'.\n\nexport nonpayment \ncreate() \nconst display = useScreen().\nconst grid = useGrid(' bulma').\n\nprofit \nscreen,.\nnetwork.\n\n\n\nFor enhanced setups, look at the doctors site.\nMake use of as a plugin.\nimport createApp coming from 'vue'.\nbring in VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. use( VueScreen, 'bootstrap')\n. install('
app').// In MyComponent.vue.Present breakpoint is: $grid.breakpointHome window width is: $screen.widthHome window elevation is actually: $screen.height
v2 offers a couple of breaking adjustments both in the arrangement and in the API.Read more about them in the docs section.
Articles You Can Be Interested In