Vue- monitor: Sensitive media questions - Vue.js Feed #.\n\nAlert: Variation 2.x only assists Vue 3. v1 docs are available listed below.\n\n\n\n\nReactive monitor measurements as well as media concern states for Vue. Assists your much-loved UI structure out of package, and also may be configured along with any sort of customized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive and also debounced display screen dimension.\nResponsive media question states and also unit positioning.\nFind contact display screen capability.\nBreakpoints for most common ui frameworks provided out of the box: Tailwind, Bootstrap, Bulma, Structure, Materialize, Semantic UI.\nSSR suitable with Nuxt element featured. Nuxt module development is hanging Nuxt 3 release.\n\nnpm i vue-screen.\nyarn add vue-screen.\n\nUse along with composition API.\nimport useScreen, useGrid coming from 'vue-screen'.\n\nexport nonpayment \nsetup() \nconst monitor = useScreen().\nconst framework = useGrid(' bulma').\n\nprofit \ndisplay screen,.\nnetwork.\n\n\n\nFor sophisticated setups, have a look at the docs site.\nUse as a plugin.\nimport createApp coming from 'vue'.\nbring in VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. usage( VueScreen, 'bootstrap')\n. mount('
app').// In MyComponent.vue.Current breakpoint is actually: $grid.breakpointHome window size is: $screen.widthHome window elevation is actually: $screen.height
v2 introduces a few breaking modifications both in the configuration as well as in the API.Find out more about them in the doctors part.
Articles You Can Be Interested In