wip

src/client/components/page/page.button.vue

@@ -24,7 +24,7 @@ export default defineComponent({
 		click() {
 			if (this.value.action === 'dialog') {
 				this.hpml.eval();
-				this.$root.showDialog({
+				this.$store.dispatch('showDialog', {
 					text: this.hpml.interpolate(this.value.content)
 				});
 			} else if (this.value.action === 'resetRandom') {
@@ -39,7 +39,7 @@ export default defineComponent({
 					} : {})
 				});
 
-				this.$root.showDialog({
+				this.$store.dispatch('showDialog', {
 					type: 'success',
 					text: this.hpml.interpolate(this.value.message)
 				});

src/client/components/page/page.post.vue

@@ -44,7 +44,7 @@ export default defineComponent({
 	methods: {
 		upload() {
 			return new Promise((ok) => {
-				const dialog = this.$root.showDialog({
+				const dialog = this.$store.dispatch('showDialog', {
 					type: 'waiting',
 					text: this.$t('uploading') + '...',
 					showOkButton: false,
@@ -80,7 +80,7 @@ export default defineComponent({
 				fileIds: file ? [file.id] : undefined,
 			}).then(() => {
 				this.posted = true;
-				this.$root.showDialog({
+				this.$store.dispatch('showDialog', {
 					type: 'success',
 					iconOnly: true, autoClose: true
 				});

src/client/components/page/page.vue

@@ -49,7 +49,7 @@ export default defineComponent({
 					ast = parse(this.page.script);
 				} catch (e) {
 					console.error(e);
-					/*this.$root.showDialog({
+					/*this.$store.dispatch('showDialog', {
 						type: 'error',
 						text: 'Syntax error :('
 					});*/
@@ -59,7 +59,7 @@ export default defineComponent({
 					this.hpml.eval();
 				}).catch(e => {
 					console.error(e);
-					/*this.$root.showDialog({
+					/*this.$store.dispatch('showDialog', {
 						type: 'error',
 						text: e
 					});*/