Configuring Vue3-Mq

When installing Vue3-Mq, you can pass a config object with any of the options below:

app.use(Vue3Mq, {
    // config options here
})
NameTypeDefaultDescription
presetString"bootstrap5"Use breakpoints preset. Options are: bootstrap3, bootstrap4, vuetify, tailwind or devices.
breakpointsObjectnullCustom breakpoints config. Object keys and values = breakpoint name and min-width respectively.
defaultBreakpointStringnullScreen breakpoint to use before browser window is available (i.e. in SSR)
defaultOrientationStringnullScreen orientation to use before browser window is available. [landscape or portrait]
defaultThemeStringnullOS / browser theme to use before browser window is available. [light or dark]
defaultMotionStringnullMotion preference to assume before browser window is available. [reduce or no-preference]