From 7c1665e4cbc356025cc0bf85f503e8e65ff6a254 Mon Sep 17 00:00:00 2001
From: PBK-B <PBK-B@PBK6.cn>
Date: Fri, 7 Nov 2025 15:00:34 +0800
Subject: [PATCH 1/3] fix(ChatPromptSubmit): emits provides event externally so
 that external events can be consumed

---
 src/runtime/components/ChatPromptSubmit.vue | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/runtime/components/ChatPromptSubmit.vue b/src/runtime/components/ChatPromptSubmit.vue
index c545f20ca3..6da29ad19f 100644
--- a/src/runtime/components/ChatPromptSubmit.vue
+++ b/src/runtime/components/ChatPromptSubmit.vue
@@ -78,8 +78,8 @@ export interface ChatPromptSubmitProps extends Omit<ButtonProps, 'icon' | 'color
 }
 
 export interface ChatPromptSubmitEmits {
-  stop: []
-  reload: []
+  stop: [MouseEvent?]
+  reload: [MouseEvent?]
 }
 </script>
 
@@ -123,27 +123,27 @@ const statusButtonProps = computed(() => ({
     icon: props.submittedIcon || appConfig.ui.icons.stop,
     color: props.submittedColor,
     variant: props.submittedVariant,
-    onClick() {
-      emits('stop')
+    onClick(e) {
+      emits('stop', e)
     }
   },
   streaming: {
     icon: props.streamingIcon || appConfig.ui.icons.stop,
     color: props.streamingColor,
     variant: props.streamingVariant,
-    onClick() {
-      emits('stop')
+    onClick(e) {
+      emits('stop', e)
     }
   },
   error: {
     icon: props.errorIcon || appConfig.ui.icons.reload,
     color: props.errorColor,
     variant: props.errorVariant,
-    onClick() {
-      emits('reload')
+    onClick(e) {
+      emits('reload', e)
     }
   }
-})[props.status])
+} satisfies { [key: string]: ButtonProps })[props.status])
 
 // eslint-disable-next-line vue/no-dupe-keys
 const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.chatPromptSubmit || {}) })())

From b148a7f63bbbe56ba9680ed2e59c253071058d96 Mon Sep 17 00:00:00 2001
From: PBK-B <PBK-B@PBK6.cn>
Date: Fri, 7 Nov 2025 15:37:16 +0800
Subject: [PATCH 2/3] chore(play): dealing with chat sample type error
 complaints

---
 playgrounds/nuxt/app/pages/chat.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/playgrounds/nuxt/app/pages/chat.vue b/playgrounds/nuxt/app/pages/chat.vue
index 5cdd9d754b..d02ae6aacf 100644
--- a/playgrounds/nuxt/app/pages/chat.vue
+++ b/playgrounds/nuxt/app/pages/chat.vue
@@ -34,6 +34,14 @@ function onSubmit() {
 
   input.value = ''
 }
+
+function onReload() {
+  chat.regenerate()
+}
+
+function onStop() {
+  chat.stop()
+}
 </script>
 
 <template>
@@ -74,7 +82,7 @@ function onSubmit() {
       class="sticky bottom-0"
       @submit="onSubmit"
     >
-      <UChatPromptSubmit :status="chat.status" @stop="chat.stop" @reload="chat.regenerate" />
+      <UChatPromptSubmit :status="chat.status" @stop="onStop" @reload="onReload" />
     </UChatPrompt>
   </div>
 </template>

From b82ad4e4ac96f77e0b0131b4a2cbca8283eb96be Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Fri, 21 Nov 2025 14:29:24 +0100
Subject: [PATCH 3/3] up

---
 docs/content/docs/2.components/chat-messages.md      |  2 +-
 docs/content/docs/2.components/chat-prompt-submit.md |  2 +-
 docs/content/docs/2.components/chat-prompt.md        |  2 +-
 playgrounds/nuxt/app/pages/chat.vue                  | 10 +---------
 src/runtime/components/ChatPromptSubmit.vue          |  4 ++--
 5 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/docs/content/docs/2.components/chat-messages.md b/docs/content/docs/2.components/chat-messages.md
index 5d38781ac8..ccba51d063 100644
--- a/docs/content/docs/2.components/chat-messages.md
+++ b/docs/content/docs/2.components/chat-messages.md
@@ -435,7 +435,7 @@ function onSubmit() {
     <template #footer>
       <UContainer class="pb-4 sm:pb-6">
         <UChatPrompt v-model="input" :error="chat.error" @submit="onSubmit">
-          <UChatPromptSubmit :status="chat.status" @stop="chat.stop" @reload="chat.regenerate" />
+          <UChatPromptSubmit :status="chat.status" @stop="chat.stop()" @reload="chat.regenerate()" />
         </UChatPrompt>
       </UContainer>
     </template>
diff --git a/docs/content/docs/2.components/chat-prompt-submit.md b/docs/content/docs/2.components/chat-prompt-submit.md
index 119d662f15..20697c336f 100644
--- a/docs/content/docs/2.components/chat-prompt-submit.md
+++ b/docs/content/docs/2.components/chat-prompt-submit.md
@@ -284,7 +284,7 @@ function onSubmit() {
     <template #footer>
       <UContainer class="pb-4 sm:pb-6">
         <UChatPrompt v-model="input" :error="chat.error" @submit="onSubmit">
-          <UChatPromptSubmit :status="chat.status" @stop="chat.stop" @reload="chat.regenerate" />
+          <UChatPromptSubmit :status="chat.status" @stop="chat.stop()" @reload="chat.regenerate()" />
         </UChatPrompt>
       </UContainer>
     </template>
diff --git a/docs/content/docs/2.components/chat-prompt.md b/docs/content/docs/2.components/chat-prompt.md
index cc898bd3b8..3fe400bffd 100644
--- a/docs/content/docs/2.components/chat-prompt.md
+++ b/docs/content/docs/2.components/chat-prompt.md
@@ -129,7 +129,7 @@ function onSubmit() {
     <template #footer>
       <UContainer class="pb-4 sm:pb-6">
         <UChatPrompt v-model="input" :error="chat.error" @submit="onSubmit">
-          <UChatPromptSubmit :status="chat.status" @stop="chat.stop" @reload="chat.regenerate" />
+          <UChatPromptSubmit :status="chat.status" @stop="chat.stop()" @reload="chat.regenerate()" />
         </UChatPrompt>
       </UContainer>
     </template>
diff --git a/playgrounds/nuxt/app/pages/chat.vue b/playgrounds/nuxt/app/pages/chat.vue
index d02ae6aacf..105a84b766 100644
--- a/playgrounds/nuxt/app/pages/chat.vue
+++ b/playgrounds/nuxt/app/pages/chat.vue
@@ -34,14 +34,6 @@ function onSubmit() {
 
   input.value = ''
 }
-
-function onReload() {
-  chat.regenerate()
-}
-
-function onStop() {
-  chat.stop()
-}
 </script>
 
 <template>
@@ -82,7 +74,7 @@ function onStop() {
       class="sticky bottom-0"
       @submit="onSubmit"
     >
-      <UChatPromptSubmit :status="chat.status" @stop="onStop" @reload="onReload" />
+      <UChatPromptSubmit :status="chat.status" @stop="chat.stop()" @reload="chat.regenerate()" />
     </UChatPrompt>
   </div>
 </template>
diff --git a/src/runtime/components/ChatPromptSubmit.vue b/src/runtime/components/ChatPromptSubmit.vue
index 6da29ad19f..509f777a3a 100644
--- a/src/runtime/components/ChatPromptSubmit.vue
+++ b/src/runtime/components/ChatPromptSubmit.vue
@@ -78,8 +78,8 @@ export interface ChatPromptSubmitProps extends Omit<ButtonProps, 'icon' | 'color
 }
 
 export interface ChatPromptSubmitEmits {
-  stop: [MouseEvent?]
-  reload: [MouseEvent?]
+  stop: [event: MouseEvent]
+  reload: [event: MouseEvent]
 }
 </script>