Bulma

To use Bulma as your UI framework, simply pass it to the configuration

import { useGrid } from 'vue-screen'

const grid = useGrid('bulma')

import VueScreen from 'vue-screen'

createApp().use(VueScreen, 'bulma')

Your grid object will contain the following properties:

{
  mobile: boolean,
  tablet: boolean,
  desktop: boolean,
  widescreen: boolean,
  fullhd: boolean,
  breakpoint: string | null // the current breakpoint
}

WARNING

The actual values of the properties depend on the screen size.