From d62474969be4c64634b5f90895fdee06b6534955 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Tue, 27 Oct 2020 13:53:47 +0900
Subject: [PATCH] Default behavior option for MkA component

---
 src/client/components/ui/a.vue    | 11 +++++++++++
 src/client/pages/settings/api.vue |  3 ++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/client/components/ui/a.vue b/src/client/components/ui/a.vue
index dce99ef67..8460c90b1 100644
--- a/src/client/components/ui/a.vue
+++ b/src/client/components/ui/a.vue
@@ -31,6 +31,10 @@ export default defineComponent({
 			type: String,
 			required: false,
 		},
+		behavior: {
+			type: String,
+			required: false,
+		},
 	},
 
 	computed: {
@@ -84,6 +88,13 @@ export default defineComponent({
 		},
 
 		nav() {
+			if (this.behavior) {
+				if (this.behavior === 'window') {
+					os.pageWindow(this.to);
+					return;
+				}
+			}
+
 			if (this.navHook) {
 				this.navHook(this.to);
 			} else {
diff --git a/src/client/pages/settings/api.vue b/src/client/pages/settings/api.vue
index 4f14aa1ba..6a311cdc8 100644
--- a/src/client/pages/settings/api.vue
+++ b/src/client/pages/settings/api.vue
@@ -6,7 +6,7 @@
 		</div>
 	</div>
 	<div class="_section">
-		<MkA to="/api-console">API console</MkA>
+		<MkA to="/api-console" :behavior="isDesktop ? 'window' : null">API console</MkA>
 	</div>
 </div>
 </template>
@@ -33,6 +33,7 @@ export default defineComponent({
 					icon: faKey
 				}]
 			},
+			isDesktop: window.innerWidth >= 1100,
 		};
 	},