feat: supports the display of line breaks in Markdown

app/components/home.tsx

@@ -128,7 +128,7 @@ function useSubmitHandler() {
 
   const shouldSubmit = (e: KeyboardEvent) => {
     if (e.key !== "Enter") return false;
-
+ 
     return (
       (config.submitKey === SubmitKey.AltEnter && e.altKey) ||
       (config.submitKey === SubmitKey.CtrlEnter && e.ctrlKey) ||

app/components/markdown.tsx

@@ -34,6 +34,7 @@ export function Markdown(props: { content: string }) {
       components={{
         pre: PreCode,
       }}
+      className="line-break"
     >
       {props.content}
     </ReactMarkdown>

app/locales/cn.ts

@@ -17,7 +17,7 @@ const cn = {
       Retry: "重试",
     },
     Typing: "正在输入…",
-    Input: (submitKey: string) => `输入消息，${submitKey} 发送`,
+    Input: (submitKey: string) => `输入消息，${submitKey} 发送, Shift + Enter 换行`,
     Send: "发送",
   },
   Export: {

app/locales/en.ts

@@ -20,8 +20,7 @@ const en: LocaleType = {
       Retry: "Retry",
     },
     Typing: "Typing…",
-    Input: (submitKey: string) =>
-      `Type something and press ${submitKey} to send`,
+    Input: (submitKey: string) => `Type something and press ${submitKey} to send, press Shift + Enter to newline`,
     Send: "Send",
   },
   Export: {

app/locales/tw.ts

@@ -19,7 +19,7 @@ const tw: LocaleType = {
       Retry: "重試",
     },
     Typing: "正在輸入…",
-    Input: (submitKey: string) => `輸入訊息後，按下 ${submitKey} 鍵即可發送`,
+    Input: (submitKey: string) => `輸入訊息後，按下 ${submitKey} 鍵即可發送, Shift + Enter 鍵換行`,
     Send: "發送",
   },
   Export: {

app/styles/markdown.scss

@@ -1117,3 +1117,6 @@
 .markdown-body ::-webkit-calendar-picker-indicator {
   filter: invert(50%);
 }
+.markdown-body .line-break {
+  white-space: pre-wrap;
+}