make onClose a proper vue event

Faithful-Resource-Pack · Jul 27, 2024 · 28dc007 · 28dc007
1 parent 0fd5352
commit 28dc007
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 20 deletions.
diff --git a/pages/gallery/gallery-modal.vue b/pages/gallery/gallery-modal.vue
@@ -1,6 +1,6 @@
 <template>
 	<v-dialog
-		v-model="opened"
+		v-model="modalOpened"
 		fullscreen
 		hide-overlay
 		transition="dialog-bottom-transition"
@@ -177,10 +177,6 @@ export default {
 		ignoreList: {
 			type: Array,
 		},
-		onClose: {
-			type: Function,
-			default: () => {},
-		},
 	},
 	data() {
 		return {
@@ -201,26 +197,15 @@ export default {
 					packs: ["classic_faithful_32x_progart"],
 				},
 			],
-			opened: false,
+			modalOpened: false,
 			clickedImage: "",
 			previewOpen: false,
 		};
 	},
-	watch: {
-		value: {
-			handler(n) {
-				this.opened = n;
-			},
-			immediate: true,
-		},
-		opened(n) {
-			this.$emit("input", n);
-		},
-	},
 	methods: {
 		closeModal() {
-			this.onClose();
-			this.opened = false;
+			this.$emit("close");
+			this.modalOpened = false;
 		},
 		discordIDtoName(d) {
 			return this.contributors[d]
@@ -367,5 +352,16 @@ export default {
 			);
 		},
 	},
+	watch: {
+		value: {
+			handler(n) {
+				this.modalOpened = n;
+			},
+			immediate: true,
+		},
+		opened(n) {
+			this.$emit("input", n);
+		},
+	},
 };
 </script>
diff --git a/pages/gallery/main.vue b/pages/gallery/main.vue
@@ -127,7 +127,7 @@
 			:contributors="loadedContributors"
 			:packToName="packToName"
 			:ignoreList="ignoreList"
-			:onClose="() => changeShareURL()"
+			@close="removeShareURL"
 		/>
 
 		<v-btn icon large @click="toTop" v-show="scrollY > 300" class="go-up-btn">