fix(chat): only show copy btn after response has been fully streamed

benjamincanac · benjamincanac · commit 21fe3ba6824c · 2025-10-13T12:39:56.000+02:00
Port of nuxt-ui-templates/chat-vue#6
diff --git a/app/pages/chat/[id].vue b/app/pages/chat/[id].vue
@@ -91,7 +91,7 @@ onMounted(() => {
         <UChatMessages
           :messages="chat.messages"
           :status="chat.status"
-          :assistant="{ actions: [{ label: 'Copy', icon: copied ? 'i-lucide-copy-check' : 'i-lucide-copy', onClick: copy }] }"
+          :assistant="chat.status !== 'streaming' ? { actions: [{ label: 'Copy', icon: copied ? 'i-lucide-copy-check' : 'i-lucide-copy', onClick: copy }] } : { actions: [] }"
           class="lg:pt-(--ui-header-height) pb-4 sm:pb-6"
           :spacing-offset="160"
         >

Original file line number	Diff line number	Diff line change
`@@ -91,7 +91,7 @@ onMounted(() => {`
`91`	`91`	`<UChatMessages`
`92`	`92`	`:messages="chat.messages"`
`93`	`93`	`:status="chat.status"`
`94`		`- :assistant="{ actions: [{ label: 'Copy', icon: copied ? 'i-lucide-copy-check' : 'i-lucide-copy', onClick: copy }] }"`
	`94`	`+ :assistant="chat.status !== 'streaming' ? { actions: [{ label: 'Copy', icon: copied ? 'i-lucide-copy-check' : 'i-lucide-copy', onClick: copy }] } : { actions: [] }"`
`95`	`95`	`class="lg:pt-(--ui-header-height) pb-4 sm:pb-6"`
`96`	`96`	`:spacing-offset="160"`
`97`	`97`	`>`