fix access to vue3-mq

hpi-schul-cloud · Sep 22, 2023 · 97ebb5b · 97ebb5b
1 parent 49662c8
commit 97ebb5b
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 9 deletions.
diff --git a/src/components/lern-store/LernstoreDetailView.vue b/src/components/lern-store/LernstoreDetailView.vue
@@ -225,6 +225,7 @@ export default {
 			},
 		};
 	},
+	inject: ["mq"],
 	computed: {
 		author() {
 			return getAuthor(this.resource.properties);
@@ -233,7 +234,7 @@ export default {
 			return this.resource.preview.url;
 		},
 		closeButtonStyleSelector() {
-			return this.$mq === "tabletPortrait" || this.$mq === "mobile";
+			return this.mq === "tabletPortrait" || this.mq === "mobile";
 		},
 		collectionLink() {
 			let relation = getMetadataAttribute(

diff --git a/src/components/molecules/Alert.vue b/src/components/molecules/Alert.vue
@@ -46,6 +46,7 @@ export default {
 			mdiInformation,
 		};
 	},
+	inject: ["mq"],
 	computed: {
 		notifierData() {
 			return notifierModule.getNotifier;
@@ -54,7 +55,7 @@ export default {
 			return this.notifierData?.status;
 		},
 		isMobile() {
-			return this.$mq === "mobile";
+			return this.mq === "mobile";
 		},
 		text() {
 			return this.notifierData?.text;

diff --git a/src/layouts/loggedOut.layout.vue b/src/layouts/loggedOut.layout.vue
@@ -32,7 +32,7 @@ export default {
 		TheFooter,
 	},
 
-	inject: { envConfigModule: { from: ENV_CONFIG_MODULE_KEY } },
+	inject: { envConfigModule: { from: ENV_CONFIG_MODULE_KEY }, mq: "mq" },
 
 	computed: {
 		ghostBaseUrl() {
@@ -58,7 +58,7 @@ export default {
 			];
 		},
 		isMobile() {
-			return this.$mq === "mobile";
+			return this.mq === "mobile";
 		},
 	},
 };

diff --git a/src/pages/rooms/RoomOverview.page.vue b/src/pages/rooms/RoomOverview.page.vue
@@ -147,6 +147,7 @@ export default {
 	inject: {
 		notifierModule: { from: NOTIFIER_MODULE_KEY },
 		i18n: { from: I18N_KEY },
+		mq: "mq",
 	},
 	layout: "defaultVuetify",
 	data() {
@@ -224,8 +225,8 @@ export default {
 	},
 	methods: {
 		getDeviceDims() {
-			this.device = this.$mq;
-			switch (this.$mq) {
+			this.device = this.mq;
+			switch (this.mq) {
 				case "tablet":
 					this.dimensions.colCount = 4;
 					this.dimensions.cellWidth = "4em";

diff --git a/src/plugins/global.d.ts b/src/plugins/global.d.ts
@@ -1,11 +1,8 @@
-import Vue from "vue";
-
 interface Theme {
 	name: string;
 }
 declare module "vue/types/vue" {
 	interface Vue {
-		$mq(): string;
 		$theme: Theme;
 	}
 }