wip

src/client/components/page/page.block.vue

@@ -18,6 +18,7 @@ import XPost from './page.post.vue';
 import XCounter from './page.counter.vue';
 import XRadioButton from './page.radio-button.vue';
 import XCanvas from './page.canvas.vue';
+import * as os from '@/os';
 
 export default defineComponent({
 	components: {

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

@@ -7,6 +7,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import MkButton from '../ui/button.vue';
+import * as os from '@/os';
 
 export default defineComponent({
 	components: {
@@ -24,14 +25,14 @@ export default defineComponent({
 		click() {
 			if (this.value.action === 'dialog') {
 				this.hpml.eval();
-				this.$store.dispatch('showDialog', {
+				os.dialog({
 					text: this.hpml.interpolate(this.value.content)
 				});
 			} else if (this.value.action === 'resetRandom') {
 				this.hpml.updateRandomSeed(Math.random());
 				this.hpml.eval();
 			} else if (this.value.action === 'pushEvent') {
-				this.$root.api('page-push', {
+				os.api('page-push', {
 					pageId: this.hpml.page.id,
 					event: this.value.event,
 					...(this.value.var ? {
@@ -39,7 +40,7 @@ export default defineComponent({
 					} : {})
 				});
 
-				this.$store.dispatch('showDialog', {
+				os.dialog({
 					type: 'success',
 					text: this.hpml.interpolate(this.value.message)
 				});

src/client/components/page/page.canvas.vue

@@ -6,6 +6,7 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
+import * as os from '@/os';
 
 export default defineComponent({
 	props: {

src/client/components/page/page.counter.vue

@@ -7,6 +7,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import MkButton from '../ui/button.vue';
+import * as os from '@/os';
 
 export default defineComponent({
 	components: {

src/client/components/page/page.if.vue

@@ -6,6 +6,7 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
+import * as os from '@/os';
 
 export default defineComponent({
 	props: {

src/client/components/page/page.image.vue

@@ -6,6 +6,7 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
+import * as os from '@/os';
 
 export default defineComponent({
 	props: {

src/client/components/page/page.number-input.vue

@@ -7,6 +7,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import MkInput from '../ui/input.vue';
+import * as os from '@/os';
 
 export default defineComponent({
 	components: {

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

@@ -10,7 +10,8 @@ import { defineComponent } from 'vue';
 import { faCheck, faPaperPlane } from '@fortawesome/free-solid-svg-icons';
 import MkTextarea from '../ui/textarea.vue';
 import MkButton from '../ui/button.vue';
-import { apiUrl } from '../../config';
+import { apiUrl } from '@/config';
+import * as os from '@/os';
 
 export default defineComponent({
 	components: {
@@ -44,7 +45,7 @@ export default defineComponent({
 	methods: {
 		upload() {
 			return new Promise((ok) => {
-				const dialog = this.$store.dispatch('showDialog', {
+				const dialog = os.dialog({
 					type: 'waiting',
 					text: this.$t('uploading') + '...',
 					showOkButton: false,
@@ -75,12 +76,12 @@ export default defineComponent({
 		async post() {
 			this.posting = true;
 			const file = this.value.attachCanvasImage ? await this.upload() : null;
-			this.$root.api('notes/create', {
+			os.api('notes/create', {
 				text: this.text === '' ? null : this.text,
 				fileIds: file ? [file.id] : undefined,
 			}).then(() => {
 				this.posted = true;
-				this.$store.dispatch('showDialog', {
+				os.dialog({
 					type: 'success',
 					iconOnly: true, autoClose: true
 				});

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

@@ -8,6 +8,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import MkRadio from '../ui/radio.vue';
+import * as os from '@/os';
 
 export default defineComponent({
 	components: {

src/client/components/page/page.section.vue

@@ -10,6 +10,7 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
+import * as os from '@/os';
 
 export default defineComponent({
 	props: {

src/client/components/page/page.switch.vue

@@ -7,6 +7,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import MkSwitch from '../ui/switch.vue';
+import * as os from '@/os';
 
 export default defineComponent({
 	components: {

src/client/components/page/page.text-input.vue

@@ -7,6 +7,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import MkInput from '../ui/input.vue';
+import * as os from '@/os';
 
 export default defineComponent({
 	components: {

src/client/components/page/page.text.vue

@@ -9,6 +9,7 @@
 import { defineComponent } from 'vue';
 import { parse } from '../../../mfm/parse';
 import { unique } from '../../../prelude/array';
+import * as os from '@/os';
 
 export default defineComponent({
 	props: {

src/client/components/page/page.textarea-input.vue

@@ -7,6 +7,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import MkTextarea from '../ui/textarea.vue';
+import * as os from '@/os';
 
 export default defineComponent({
 	components: {

src/client/components/page/page.textarea.vue

@@ -5,6 +5,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import MkTextarea from '../ui/textarea.vue';
+import * as os from '@/os';
 
 export default defineComponent({
 	components: {

src/client/components/page/page.vue

@@ -10,8 +10,9 @@ import { parse } from '@syuilo/aiscript';
 import { faHeart as faHeartS } from '@fortawesome/free-solid-svg-icons';
 import { faHeart } from '@fortawesome/free-regular-svg-icons';
 import XBlock from './page.block.vue';
-import { Hpml } from '../../scripts/hpml/evaluator';
-import { url } from '../../config';
+import { Hpml } from '@/scripts/hpml/evaluator';
+import { url } from '@/config';
+import * as os from '@/os';
 
 export default defineComponent({
 	components: {
@@ -49,7 +50,7 @@ export default defineComponent({
 					ast = parse(this.page.script);
 				} catch (e) {
 					console.error(e);
-					/*this.$store.dispatch('showDialog', {
+					/*os.dialog({
 						type: 'error',
 						text: 'Syntax error :('
 					});*/
@@ -59,7 +60,7 @@ export default defineComponent({
 					this.hpml.eval();
 				}).catch(e => {
 					console.error(e);
-					/*this.$store.dispatch('showDialog', {
+					/*os.dialog({
 						type: 'error',
 						text: e
 					});*/