From 3586ae4cbd289c6c0e39abd05436f1478aca6e5a Mon Sep 17 00:00:00 2001
From: mm <25961416+mlmoravek@users.noreply.github.com>
Date: Wed, 15 Nov 2023 12:27:12 +0100
Subject: [PATCH] fix(skeleton): fix item style (#659)

---
 .../src/components/skeleton/Skeleton.vue      | 20 +++++++------------
 1 file changed, 7 insertions(+), 13 deletions(-)

diff --git a/packages/oruga-next/src/components/skeleton/Skeleton.vue b/packages/oruga-next/src/components/skeleton/Skeleton.vue
index fb7d10e04..0601a62a7 100644
--- a/packages/oruga-next/src/components/skeleton/Skeleton.vue
+++ b/packages/oruga-next/src/components/skeleton/Skeleton.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, ref, type PropType } from "vue";
+import { computed, type PropType } from "vue";
 
 import { baseComponentProps } from "@/utils/SharedProps";
 import { getOption } from "@/utils/config";
@@ -66,17 +66,11 @@ const props = defineProps({
     ]),
 });
 
-const rootRef = ref();
-
-const itemStyle = computed(() =>
-    rootRef.value
-        ? {
-              height: toCssDimension(rootRef.value.height),
-              width: toCssDimension(rootRef.value.width),
-              borderRadius: props.circle ? "50%" : null,
-          }
-        : {},
-);
+const itemStyle = computed(() => ({
+    height: toCssDimension(props.height),
+    width: toCssDimension(props.width),
+    borderRadius: props.circle ? "50%" : null,
+}));
 
 // --- Computed Component Classes ---
 
@@ -106,7 +100,7 @@ const itemClasses = computed(() => [
 </script>
 
 <template>
-    <div v-if="active" ref="rootRef" data-oruga="skeleton" :class="rootClasses">
+    <div v-if="active" data-oruga="skeleton" :class="rootClasses">
         <div
             v-for="i in count"
             :key="i"