refactor(vue/Field): update props usage for input components

chakra-ui · Sep 13, 2024 · dbd4dfb · dbd4dfb
1 parent cae700a
commit dbd4dfb
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/packages/vue/src/components/field/field-input.vue b/packages/vue/src/components/field/field-input.vue
@@ -17,7 +17,7 @@ export interface FieldInputProps
 import { ark } from '../factory'
 import { useFieldContext } from './use-field-context'
 
-const props = defineProps<FieldInputProps>()
+defineProps<FieldInputProps>()
 const field = useFieldContext()
 
 const emit = defineEmits(['update:modelValue'])
@@ -26,8 +26,8 @@ const emit = defineEmits(['update:modelValue'])
 <template>
   <ark.input
     v-bind="field.getInputProps()"
-    :as-child="asChild"
-    :value="props.modelValue"
+    :as-child
+    :value="modelValue"
     @input="(event) => emit('update:modelValue', (event.target as HTMLInputElement).value)"
   >
     <slot />

diff --git a/packages/vue/src/components/field/field-select.vue b/packages/vue/src/components/field/field-select.vue
@@ -17,7 +17,7 @@ export interface FieldSelectProps
 import { ark } from '../factory'
 import { useFieldContext } from './use-field-context'
 
-const props = defineProps<FieldSelectProps & { modelValue?: string }>()
+defineProps<FieldSelectProps & { modelValue?: string }>()
 const field = useFieldContext()
 
 const emit = defineEmits(['update:modelValue'])
@@ -26,9 +26,9 @@ const emit = defineEmits(['update:modelValue'])
 <template>
   <ark.select
     v-bind="field.getSelectProps()"
-    :value="props.modelValue"
+    :value="modelValue"
     @change="(event) => emit('update:modelValue', (event.target as HTMLSelectElement).value)"
-    :as-child="asChild"
+    :as-child
   >
     <slot />
   </ark.select>

diff --git a/packages/vue/src/components/field/field-textarea.vue b/packages/vue/src/components/field/field-textarea.vue
@@ -17,17 +17,17 @@ export interface FieldTextareaProps
 import { ark } from '../factory'
 import { useFieldContext } from './use-field-context'
 
-const props = defineProps<FieldTextareaProps>()
+defineProps<FieldTextareaProps>()
 const field = useFieldContext()
 const emit = defineEmits(['update:modelValue'])
 </script>
 
 <template>
   <ark.textarea
     v-bind="field.getTextareaProps()"
-    :value="props.modelValue"
+    :value="modelValue"
     @input="(event) => emit('update:modelValue', (event.target as HTMLTextAreaElement).value)"
-    :as-child="asChild"
+    :as-child
   >
     <slot />
   </ark.textarea>