From 1744c405a5c911aaf37bc3eec02031b531881a59 Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Sun, 29 Mar 2026 09:28:41 -0600
Subject: [PATCH] fix: clear stale split result on code edit, show error on
 submit failure

---
 src/components/ExternalAIPanel.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/ExternalAIPanel.vue b/src/components/ExternalAIPanel.vue
index 316af26..7037726 100644
--- a/src/components/ExternalAIPanel.vue
+++ b/src/components/ExternalAIPanel.vue
@@ -31,7 +31,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from "vue"
+import { ref, watch } from "vue"
 import { useMessage } from "naive-ui"
 import { html, css, js } from "../store/editors"
 import { Submission } from "../api"
@@ -44,6 +44,10 @@ const rawCode = ref("")
 const splitResult = ref<{ html: string; css: string; js: string } | null>(null)
 const submitting = ref(false)
 
+watch(rawCode, () => {
+  splitResult.value = null
+})
+
 function splitHtml(raw: string): { html: string; css: string; js: string } {
   let result = raw
   const cssBlocks: string[] = []
@@ -90,7 +94,7 @@ async function submit() {
     rawCode.value = ""
     splitResult.value = null
   } catch {
-    // 静默失败，保留表单内容以便重试
+    message.error("提交失败，请重试")
   } finally {
     submitting.value = false
   }