From 9484daceaf62c86d790c5ad819609a44794590be Mon Sep 17 00:00:00 2001
From: snowbitx <WangXiaoYu_1995@outlook.com>
Date: Wed, 3 Dec 2025 01:32:56 +0800
Subject: [PATCH] refactor(conversation): simplify props

---
 .../www/content/3.components/1.chatbot/conversation.md | 10 +++-------
 packages/elements/src/conversation/Conversation.vue    | 10 +++-------
 2 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/apps/www/content/3.components/1.chatbot/conversation.md b/apps/www/content/3.components/1.chatbot/conversation.md
index ca0f2d4..5336c61 100644
--- a/apps/www/content/3.components/1.chatbot/conversation.md
+++ b/apps/www/content/3.components/1.chatbot/conversation.md
@@ -34,6 +34,7 @@ Copy and paste the following code in the same folder.
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
 import { cn } from '@repo/shadcn-vue/lib/utils'
+import { reactiveOmit } from '@vueuse/core'
 import { StickToBottom } from 'vue-stick-to-bottom'
 
 interface Props {
@@ -55,19 +56,14 @@ const props = withDefaults(defineProps<Props>(), {
   mass: 1.25,
   anchor: 'none',
 })
+const delegatedProps = reactiveOmit(props, 'class')
 </script>
 
 <template>
   <StickToBottom
-    :aria-label="props.ariaLabel"
+    v-bind="delegatedProps"
     :class="cn('relative flex-1 overflow-y-hidden', props.class)"
     role="log"
-    :initial="props.initial"
-    :resize="props.resize"
-    :damping="props.damping"
-    :stiffness="props.stiffness"
-    :mass="props.mass"
-    :anchor="props.anchor"
   >
     <slot />
   </StickToBottom>
diff --git a/packages/elements/src/conversation/Conversation.vue b/packages/elements/src/conversation/Conversation.vue
index 5ac82b6..73172e3 100644
--- a/packages/elements/src/conversation/Conversation.vue
+++ b/packages/elements/src/conversation/Conversation.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
 import { cn } from '@repo/shadcn-vue/lib/utils'
+import { reactiveOmit } from '@vueuse/core'
 import { StickToBottom } from 'vue-stick-to-bottom'
 
 interface Props {
@@ -22,19 +23,14 @@ const props = withDefaults(defineProps<Props>(), {
   mass: 1.25,
   anchor: 'none',
 })
+const delegatedProps = reactiveOmit(props, 'class')
 </script>
 
 <template>
   <StickToBottom
-    :aria-label="props.ariaLabel"
+    v-bind="delegatedProps"
     :class="cn('relative flex-1 overflow-y-hidden', props.class)"
     role="log"
-    :initial="props.initial"
-    :resize="props.resize"
-    :damping="props.damping"
-    :stiffness="props.stiffness"
-    :mass="props.mass"
-    :anchor="props.anchor"
   >
     <slot />
   </StickToBottom>