feat(VSkeletonLoader): promote from labs

vuetifyjs · Oct 25, 2023 · a1867e8 · a1867e8
1 parent fd76fd3
commit a1867e8
Show file tree

Hide file tree

Showing 10 changed files with 8 additions and 26 deletions.
diff --git a/packages/docs/src/data/nav.json b/packages/docs/src/data/nav.json
@@ -147,6 +147,7 @@
       "progress-circular",
       "progress-linear",
       "ratings",
+      "skeleton-loaders",
       "snackbars",
       "timelines",
       { "divider": true },
@@ -233,10 +234,6 @@
       {
         "title": "otp-input",
         "subfolder": "components"
-      },
-      {
-        "title": "skeleton-loaders",
-        "subfolder": "components"
       }
     ]
   },

diff --git a/packages/docs/src/pages/en/components/all.md b/packages/docs/src/pages/en/components/all.md
@@ -394,7 +394,7 @@ These components are used to provide feedback to the user within content, over c
 
 </components-list-item>
 
-<components-list-item name="Skeleton loader component" src="skeleton-loaders" labs>
+<components-list-item name="Skeleton loader component" src="skeleton-loaders">
 
   Displays a content, enhancing perceived performance during data-fetching & rendering
 

diff --git a/packages/docs/src/pages/en/components/skeleton-loaders.md b/packages/docs/src/pages/en/components/skeleton-loaders.md
@@ -1,4 +1,5 @@
 ---
+emphasized: true
 meta:
   nav: Skeleton loaders
   title: Skeleton loader component
@@ -9,8 +10,9 @@ related:
   - /components/progress-circular/
   - /components/buttons/
 features:
+  figma: true
   label: 'C: VSkeletonLoader'
-  github: /labs/VSkeletonLoader/
+  github: /components/VSkeletonLoader/
   report: true
 ---
 
@@ -22,9 +24,9 @@ Skeleton loaders provide a simple way to display loading placeholders in your ap
 
 <page-features />
 
-::: warning
+::: success
 
-This feature requires [v3.2.0 (Orion)](/getting-started/release-notes/?version=v3.2.0)
+This feature was introduced in [v3.4.0 (Orion)](/getting-started/release-notes/?version=v3.4.0)
 
 :::
 
@@ -36,20 +38,6 @@ The `v-skeleton-loader` component provides a user with a visual indicator that c
 
 <entry />
 
-## Installation
-
-Labs components require a manual import and installation of the component.
-
-```js { resource="src/plugins/vuetify.js" }
-import { VSkeletonLoader } from 'vuetify/labs/VSkeletonLoader'
-
-export default createVuetify({
-  components: {
-    VSkeletonLoader,
-  },
-})
-```
-
 ## API
 
 | Component | Description |

diff --git a/packages/docs/src/pages/en/labs/introduction.md b/packages/docs/src/pages/en/labs/introduction.md
@@ -97,8 +97,6 @@ The following is a list of available and up-and-coming components for use with L
 | [v-infinite-scroll](/api/v-infinite-scroll/) | Primary Component | |
 | **OTP input** | [Usage](/components/otp-input/) | [v3.3.11&nbsp;(Icarus)](/getting-started/release-notes/?version=v3.3.11) |
 | [v-otp-input](/api/v-otp-input/) | Primary Component | |
-| **Skeleton loader** | [Usage](/components/skeleton-loaders/) | [v3.2.0&nbsp;(Orion)](/getting-started/release-notes/?version=v3.2.0) |
-| [v-skeleton-loader](/api/v-skeleton-loader/) | Primary Component | |
 
 ### Up Next
 

diff --git a/...labs/VSkeletonLoader/VSkeletonLoader.sass → ...ents/VSkeletonLoader/VSkeletonLoader.sass b/...labs/VSkeletonLoader/VSkeletonLoader.sass → ...ents/VSkeletonLoader/VSkeletonLoader.sass
diff --git a/.../labs/VSkeletonLoader/VSkeletonLoader.tsx → ...nents/VSkeletonLoader/VSkeletonLoader.tsx b/.../labs/VSkeletonLoader/VSkeletonLoader.tsx → ...nents/VSkeletonLoader/VSkeletonLoader.tsx
diff --git a/.../src/labs/VSkeletonLoader/_variables.scss → ...omponents/VSkeletonLoader/_variables.scss b/.../src/labs/VSkeletonLoader/_variables.scss → ...omponents/VSkeletonLoader/_variables.scss
diff --git a/...vuetify/src/labs/VSkeletonLoader/index.ts → ...y/src/components/VSkeletonLoader/index.ts b/...vuetify/src/labs/VSkeletonLoader/index.ts → ...y/src/components/VSkeletonLoader/index.ts
diff --git a/packages/vuetify/src/components/index.ts b/packages/vuetify/src/components/index.ts
@@ -65,7 +65,7 @@ export * from './VSelect'
 export * from './VSelectionControl'
 export * from './VSelectionControlGroup'
 export * from './VSheet'
-// export * from './VSkeletonLoader'
+export * from './VSkeletonLoader'
 export * from './VSlideGroup'
 export * from './VSlider'
 export * from './VSnackbar'

diff --git a/packages/vuetify/src/labs/components.ts b/packages/vuetify/src/labs/components.ts
@@ -4,4 +4,3 @@ export * from './VDatePicker'
 export * from './VInfiniteScroll'
 export * from './VOtpInput'
 export * from './VPicker'
-export * from './VSkeletonLoader'