Vue- display screen: Sensitive media inquiries - Vue.js Feed #.\n\nAlert: Model 2.x merely sustains Vue 3. v1 docs are on call listed below.\n\n\n\n\nResponsive monitor dimension and media question states for Vue. Assists your favourite UI structure out of package, and can be configured along with any type of customized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nResponsive as well as debounced display dimension.\nReactive media concern conditions and also tool orientation.\nDiscover contact screen functionality.\nBreakpoints for the majority of typical ui platforms supplied away from package: Tailwind, Bootstrap, Bulma, Groundwork, Materialize, Semantic User Interface.\nSSR appropriate along with Nuxt component included. Nuxt component development is actually hanging Nuxt 3 launch.\n\nnpm i vue-screen.\nanecdote add vue-screen.\n\nUse along with structure API.\nimport useScreen, useGrid from 'vue-screen'.\n\nexport nonpayment \ncreate() \nconst screen = useScreen().\nconst framework = useGrid(' bulma').\n\ngain \nscreen,.\ngrid.\n\n\n\nFor advanced arrangements, visit the doctors website.\nUse as a plugin.\nbring in createApp from 'vue'.\nimport VueScreen from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. usage( VueScreen, 'bootstrap')\n. position('
app').// In MyComponent.vue.Present breakpoint is actually: $grid.breakpointWindow size is actually: $screen.widthWindow elevation is actually: $screen.height
v2 offers a couple of breaking modifications both in the setup and also in the API.Read more about all of them in the docs section.
Articles You Can Be Interested In