Semantic UI

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

import { useGrid } from 'vue-screen'

const grid = useGrid('semanticUi')

import VueScreen from 'vue-screen'

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

Your grid object will contain the following properties:

{
  mobile: boolean,
  tablet: boolean,
  computer: boolean,
  large: boolean,
  breakpoint: string | null // the current breakpoint
}

WARNING

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