diff --git a/src/runtime/components/Skeleton.vue b/src/runtime/components/Skeleton.vue index 2f0c5f7336..112f27a1cf 100644 --- a/src/runtime/components/Skeleton.vue +++ b/src/runtime/components/Skeleton.vue @@ -29,7 +29,14 @@ const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.skeleton || diff --git a/src/theme/skeleton.ts b/src/theme/skeleton.ts index f500adb206..c2851efe57 100644 --- a/src/theme/skeleton.ts +++ b/src/theme/skeleton.ts @@ -1,3 +1,3 @@ export default { - base: 'animate-pulse rounded-md bg-elevated' + base: 'animate-pulse rounded-md bg-elevated aria-busy:cursor-progress' } diff --git a/test/components/__snapshots__/Skeleton-vue.spec.ts.snap b/test/components/__snapshots__/Skeleton-vue.spec.ts.snap index 12aff9c818..a8c6e09292 100644 --- a/test/components/__snapshots__/Skeleton-vue.spec.ts.snap +++ b/test/components/__snapshots__/Skeleton-vue.spec.ts.snap @@ -1,5 +1,5 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Skeleton > renders with as correctly 1`] = `""`; +exports[`Skeleton > renders with as correctly 1`] = `""`; -exports[`Skeleton > renders with class correctly 1`] = `"
"`; +exports[`Skeleton > renders with class correctly 1`] = `""`; diff --git a/test/components/__snapshots__/Skeleton.spec.ts.snap b/test/components/__snapshots__/Skeleton.spec.ts.snap index 12aff9c818..a8c6e09292 100644 --- a/test/components/__snapshots__/Skeleton.spec.ts.snap +++ b/test/components/__snapshots__/Skeleton.spec.ts.snap @@ -1,5 +1,5 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Skeleton > renders with as correctly 1`] = `""`; +exports[`Skeleton > renders with as correctly 1`] = `""`; -exports[`Skeleton > renders with class correctly 1`] = `"
"`; +exports[`Skeleton > renders with class correctly 1`] = `""`;