Default behavior option for MkA component

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 {

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,
 		};
 	},