Zaklad ssr

src/components/basicSkeletons/BasicListSkeleton.vue

@@ -1,5 +1,6 @@
 <script setup>
 import {randomInt} from "src/composables/random";
+import {onBeforeMount, onMounted, ref} from "vue";
 
 const props = defineProps({
   itemsCountMin: {
@@ -12,13 +13,18 @@ const props = defineProps({
     required:false,
     default: 5
   }
+});
+
+const items = ref(0);
+onMounted(() => {
+  items.value = randomInt(props.itemsCountMin, props.itemsCountMax);
 })
 
 </script>
 
 <template>
   <q-list bordered separator>
-    <q-item v-ripple v-for="i in randomInt(itemsCountMin, itemsCountMax)" :key="i">
+    <q-item v-ripple v-for="i in items" :key="i">
       <q-item-section avatar>
         <q-skeleton type="QAvatar" />
       </q-item-section>