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`] = `""`;