From 9e61694673ac3a534dbe9be7ba309aef94230262 Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Wed, 27 Sep 2023 11:21:49 -0500
Subject: [PATCH] feat(VSkeletonLoader): add new default type ossein

---
 packages/docs/src/components/doc/MadeWithVuetify.vue          | 4 ++++
 .../vuetify/src/labs/VSkeletonLoader/VSkeletonLoader.sass     | 4 ++++
 packages/vuetify/src/labs/VSkeletonLoader/VSkeletonLoader.tsx | 3 ++-
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/docs/src/components/doc/MadeWithVuetify.vue b/packages/docs/src/components/doc/MadeWithVuetify.vue
index b6b188c18f8..02905926d44 100644
--- a/packages/docs/src/components/doc/MadeWithVuetify.vue
+++ b/packages/docs/src/components/doc/MadeWithVuetify.vue
@@ -5,6 +5,10 @@
     max-width="900"
   >
     <v-row>
+      <v-col v-for="n in 9" :key="n" cols="12" md="4">
+        <v-skeleton-loader height="180" width="100%" class="rounded" />
+      </v-col>
+
       <v-col
         v-for="project in items"
         :key="project.id"
diff --git a/packages/vuetify/src/labs/VSkeletonLoader/VSkeletonLoader.sass b/packages/vuetify/src/labs/VSkeletonLoader/VSkeletonLoader.sass
index 1f4187a06eb..6006f4ae15f 100644
--- a/packages/vuetify/src/labs/VSkeletonLoader/VSkeletonLoader.sass
+++ b/packages/vuetify/src/labs/VSkeletonLoader/VSkeletonLoader.sass
@@ -15,12 +15,16 @@
   &__actions
     justify-content: end
 
+  .v-skeleton-loader__ossein
+    height: 100%
+
   .v-skeleton-loader__avatar,
   .v-skeleton-loader__button,
   .v-skeleton-loader__chip,
   .v-skeleton-loader__divider,
   .v-skeleton-loader__heading,
   .v-skeleton-loader__image,
+  .v-skeleton-loader__ossein,
   .v-skeleton-loader__text
     background: $skeleton-loader-text-background
 
diff --git a/packages/vuetify/src/labs/VSkeletonLoader/VSkeletonLoader.tsx b/packages/vuetify/src/labs/VSkeletonLoader/VSkeletonLoader.tsx
index 4c0e7a51595..6d1616a80a3 100644
--- a/packages/vuetify/src/labs/VSkeletonLoader/VSkeletonLoader.tsx
+++ b/packages/vuetify/src/labs/VSkeletonLoader/VSkeletonLoader.tsx
@@ -40,6 +40,7 @@ export const rootTypes = {
   'list-item-avatar-two-line': 'avatar, sentences',
   'list-item-three-line': 'paragraph',
   'list-item-avatar-three-line': 'avatar, paragraph',
+  ossein: 'ossein',
   paragraph: 'text@3',
   sentences: 'text@2',
   subtitle: 'text',
@@ -118,7 +119,7 @@ export const makeVSkeletonLoaderProps = propsFactory({
       | VSkeletonLoaderType | (string & {})
       | ReadonlyArray<VSkeletonLoaderType | (string & {})>
     >,
-    default: 'image',
+    default: 'ossein',
   },
 
   ...makeDimensionProps(),