Version 3.2.0

New global option for global installation

You can now use the global config option for the plugin to install the <MqResponsive> component and the $mq object globally in your application.

import { createApp } from "vue";
import { Vue3Mq } from "vue3-mq";

const app = createApp();
app.use(Vue3Mq, {
	global: true,
});

app.mount("#app");

Then in your templates:

<template>
	<MqResponsive target="lg+">Large</MqResponsive>
	<div v-if="$mq.lgPlus">Large</div>
</template>