From 04c53b828132311a9acfe5324b8ff8d72eede4c0 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <daisho7308+f@gmail.com>
Date: Tue, 24 Oct 2023 19:27:23 +0900
Subject: [PATCH] =?UTF-8?q?(enhance)=20MkCodeEditor=E8=87=AA=E5=8B=95?=
 =?UTF-8?q?=E3=82=A4=E3=83=B3=E3=83=87=E3=83=B3=E3=83=88=E6=94=B9=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../frontend/src/components/MkCode.core.vue   |  2 +-
 .../frontend/src/components/MkCodeEditor.vue  | 20 +++++++++++++++++--
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/components/MkCode.core.vue b/packages/frontend/src/components/MkCode.core.vue
index 889674af50..4ec3540419 100644
--- a/packages/frontend/src/components/MkCode.core.vue
+++ b/packages/frontend/src/components/MkCode.core.vue
@@ -88,7 +88,7 @@ watch(() => props.lang, (to) => {
 		overflow: visible;
 		text-rendering: inherit;
     text-transform: inherit;
-    white-space: pre-wrap;
+    white-space: pre;
 	}
 }
 </style>
diff --git a/packages/frontend/src/components/MkCodeEditor.vue b/packages/frontend/src/components/MkCodeEditor.vue
index e1690e1149..2d56a61963 100644
--- a/packages/frontend/src/components/MkCodeEditor.vue
+++ b/packages/frontend/src/components/MkCodeEditor.vue
@@ -27,7 +27,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
-import { ref, watch, toRefs, shallowRef } from 'vue';
+import { ref, watch, toRefs, shallowRef, nextTick } from 'vue';
 import XCode from '@/components/MkCode.core.vue';
 
 const props = withDefaults(defineProps<{
@@ -66,6 +66,20 @@ const onKeydown = (ev: KeyboardEvent) => {
 	emit('keydown', ev);
 
 	if (ev.code === 'Enter') {
+		const pos = inputEl.value?.selectionStart ?? 0;
+		const posEnd = inputEl.value?.selectionEnd ?? vModel.value.length;
+		if (pos === posEnd) {
+			const lines = vModel.value.slice(0, pos).split('\n');
+			const currentLine = lines[lines.length - 1];
+			const currentLineSpaces = currentLine.match(/^\s+/);
+			const posDelta = currentLineSpaces ? currentLineSpaces[0].length : 0;
+			ev.preventDefault();
+			vModel.value = vModel.value.slice(0, pos) + '\n' + (currentLineSpaces ? currentLineSpaces[0] : '') + vModel.value.slice(pos);
+			v.value = vModel.value;
+			nextTick(() => {
+				inputEl.value?.setSelectionRange(pos + 1 + posDelta, pos + 1 + posDelta);
+			});
+		}
 		emit('enter');
 	}
 
@@ -74,7 +88,9 @@ const onKeydown = (ev: KeyboardEvent) => {
 		const posEnd = inputEl.value?.selectionEnd ?? vModel.value.length;
 		vModel.value = vModel.value.slice(0, pos) + '\t' + vModel.value.slice(posEnd);
 		v.value = vModel.value;
-		inputEl.value?.setSelectionRange(pos + 1, pos + 1);
+		nextTick(() => {
+			inputEl.value?.setSelectionRange(pos + 1, pos + 1);
+		});
 		ev.preventDefault();
 	}
 };