Available presets

Under the preset option, you can pass any of the following:

Bootstrap 5 (default)

app.use(Vue3Mq, {
	preset: "bootstrap5",
});

Name	Minimum width
xs	0
sm	576
md	768
lg	992
xl	1200
xxl	1400

Tailwind

app.use(Vue3Mq, {
	preset: "tailwind",
});

Name	Minimum width
xs	0
sm	640
md	768
lg	1024
xl	1280
xxl	1536

Vuetify 3

app.use(Vue3Mq, {
	preset: "vuetify3",
});

Name	Minimum width
xs	0
sm	600
md	960
lg	1280
xl	1920
xxl	2560

Vuetify

app.use(Vue3Mq, {
	preset: "vuetify",
});

Name	Minimum width
xs	0
sm	600
md	960
lg	1264
xl	1904

Devices

app.use(Vue3Mq, {
	preset: "devices",
});

Name	Minimum width
phone	0
tablet	768
laptop	1370
desktop	1906

Wordpress

app.use(Vue3Mq, {
	preset: "wordpress",
});

Name	Minimum width
mobile	0
small	600
medium	782
large	960
xlarge	1080
wide	1280
huge	1440

Bootstrap 4

app.use(Vue3Mq, {
	preset: "bootstrap4",
});

Name	Minimum width
xs	0
sm	576
md	768
lg	992
xl	1200

Bootstrap 3

app.use(Vue3Mq, {
	preset: "bootstrap3",
});

Name	Minimum width
xs	0
sm	768
md	992
lg	1200