refactor(conversation): simplify props

Author: snowbitx

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>

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>