Skip to content

Commit c20031b

Browse files
committed
fix(VSkeletonLoader): accept scoped styles (#22201)
fixes #22198
1 parent 1b52724 commit c20031b

File tree

1 file changed

+23
-28
lines changed

1 file changed

+23
-28
lines changed

packages/vuetify/src/components/VSkeletonLoader/VSkeletonLoader.tsx

Lines changed: 23 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -151,34 +151,29 @@ export const VSkeletonLoader = genericComponent()({
151151
role: 'alert',
152152
}
153153

154-
return (
155-
<>
156-
{ isLoading
157-
? (
158-
<div
159-
class={[
160-
'v-skeleton-loader',
161-
{
162-
'v-skeleton-loader--boilerplate': props.boilerplate,
163-
},
164-
themeClasses.value,
165-
backgroundColorClasses.value,
166-
elevationClasses.value,
167-
]}
168-
style={[
169-
backgroundColorStyles.value,
170-
dimensionStyles.value,
171-
]}
172-
{ ...loadingProps }
173-
{ ...attrs }
174-
>
175-
{ items.value }
176-
</div>
177-
)
178-
: slots.default?.()
179-
}
180-
</>
181-
)
154+
return isLoading
155+
? (
156+
<div
157+
class={[
158+
'v-skeleton-loader',
159+
{
160+
'v-skeleton-loader--boilerplate': props.boilerplate,
161+
},
162+
themeClasses.value,
163+
backgroundColorClasses.value,
164+
elevationClasses.value,
165+
]}
166+
style={[
167+
backgroundColorStyles.value,
168+
dimensionStyles.value,
169+
]}
170+
{ ...loadingProps }
171+
{ ...attrs }
172+
>
173+
{ items.value }
174+
</div>
175+
)
176+
: <>{ slots.default?.() }</>
182177
})
183178

184179
return {}

0 commit comments

Comments
 (0)