Vue- display: Reactive media concerns - Vue.js Nourished #.\n\nWarning: Variation 2.x just sustains Vue 3. v1 docs are on call listed here.\n\n\n\n\nReactive display screen dimension as well as media question conditions for Vue. Assists your favorite UI platform away from the box, and also could be configured with any personalized breakpoints.\n\nhttps:\/\/reegodev.github.io\/vue-screen.\n\nReactive as well as debounced screen measurements.\nSensitive media inquiry conditions as well as tool orientation.\nSpot contact screen functionality.\nBreakpoints for most usual ui platforms given away from package: Tailwind, Bootstrap, Bulma, Foundation, Materialize, Semantic User Interface.\nSSR suitable with Nuxt element featured. Nuxt component progression is actually pending Nuxt 3 launch.\n\nnpm i vue-screen.\nyarn add vue-screen.\n\nUse along with composition API.\nbring in useScreen, useGrid from 'vue-screen'.\n\nexport default \nsetup() \nconst display screen = useScreen().\nconst framework = useGrid(' bulma').\n\nreturn \nscreen,.\nframework.\n\n\n\nFor sophisticated setups, look at the doctors site.\nUsage as a plugin.\nimport createApp coming from 'vue'.\nimport VueScreen coming from 'vue-screen'.\n\n\/\/ In App.vue.\ncreateApp()\n. usage( VueScreen, 'bootstrap')\n. place('
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 changes both in the arrangement and in the API.Find out more concerning them in the doctors segment.
Articles You Can Be Interested In