arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-26 18:00:43 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore(FormField): rename inputId to id

Browse Source
This commit is contained in:
Benjamin Canac
2024-04-28 11:46:24 +02:00
parent 65e916d09a
commit 16071846a8
9 changed files with 33 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/runtime/components/Switch.vue
View File

@@ -45,8 +45,8 @@ const modelValue = defineModel<boolean | undefined>({ default: undefined })
const appConfig = useAppConfig()
const rootProps = useForwardProps(reactivePick(props, 'as', 'required', 'value'))
const { inputId: _inputId, emitFormChange, size, color, name, disabled } = useFormField<SwitchProps>(props)
const inputId = _inputId.value ?? useId()
const { id: _id, emitFormChange, size, color, name, disabled } = useFormField<SwitchProps>(props)
const id = _id.value ?? useId()
const ui = computed(() => tv({ extend: switchTv, slots: props.ui })({
size: size.value,
@@ -68,7 +68,7 @@ async function onChecked() {
<div :class="ui.root({ class: props.class })">
<div :class="ui.container()">
<SwitchRoot
:id="inputId"
:id="id"
v-model:checked="modelValue"
:default-checked="defaultValue"
v-bind="rootProps"
@@ -87,7 +87,7 @@ async function onChecked() {
</SwitchRoot>
</div>
<div v-if="(label || $slots.label) || (description || $slots.description)" :class="ui.wrapper()">
<Label v-if="label || $slots.label" :for="inputId" :class="ui.label()">
<Label v-if="label || $slots.label" :for="id" :class="ui.label()">
<slot name="label" :label="label">
{{ label }}
</slot>