Skip to content

Commit 8a619ee

Browse files
committed
docs(upgrade-guide): slot variables only affect VForm
1 parent bd578dc commit 8a619ee

File tree

1 file changed

+22
-36
lines changed

1 file changed

+22
-36
lines changed

packages/docs/src/pages/en/getting-started/upgrade-guide.md

Lines changed: 22 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -192,6 +192,28 @@ Removed the **$file-input-details-padding-inline** Sass variable.
192192
);
193193
```
194194
195+
### VForm
196+
197+
Slot variables are no longer refs, read-only values passed to slots are now unwrapped:
198+
199+
```diff
200+
<VForm>
201+
<template #default="{ isValid, validate }">
202+
<VBtn @click="validate" text="validate" />
203+
- Form is {{ isValid.value ? 'valid' : 'invalid' }}
204+
+ Form is {{ isValid ? 'valid' : 'invalid' }}
205+
</template>
206+
</VForm>
207+
```
208+
209+
The following properties are affected:
210+
- errors
211+
- isDisabled
212+
- isReadonly
213+
- isValidating
214+
- isValid
215+
- items
216+
195217
### VRadioGroup
196218
197219
Removed the **$radio-group-details-padding-inline** Sass variable.
@@ -266,39 +288,3 @@ Removed the **$text-field-details-padding-inline** Sass variable.
266288
+ $input-details-padding-inline: <value>
267289
);
268290
```
269-
270-
### General changes
271-
272-
#### Slot variables are (mostly) no longer refs
273-
274-
Read-only values passed to slots are now unwrapped:
275-
276-
```diff
277-
<VForm>
278-
<template #default="{ isValid, validate }">
279-
<VBtn @click="validate" text="validate" />
280-
- Form is {{ isValid.value ? 'valid' : 'invalid' }}
281-
+ Form is {{ isValid ? 'valid' : 'invalid' }}
282-
</template>
283-
</VForm>
284-
```
285-
286-
There are still some writable refs though, for example in VDialog:
287-
288-
```html
289-
<VDialog>
290-
<template #default="{ isActive }">
291-
<VBtn @click="isActive.value = false">Close</VBtn>
292-
</template>
293-
</VDialog>
294-
```
295-
296-
Affected components:
297-
298-
- VForm
299-
- errors
300-
- isDisabled
301-
- isReadonly
302-
- isValidating
303-
- isValid
304-
- items

0 commit comments

Comments
 (0)