From e6c6265e696ad5e5fa405cd6250f775b105c09a7 Mon Sep 17 00:00:00 2001
From: neverland <jait.chen@foxmail.com>
Date: Sun, 13 Nov 2022 09:21:05 +0800
Subject: [PATCH] fix(Skeleton): incorrect export component name (#11247)

* fix(Skeleton): incorrect export component name

* chore: fix name
---
 packages/vant/src/skeleton/demo/index.vue      |  5 ++++-
 packages/vant/src/skeleton/index.ts            | 16 ++++++++--------
 packages/vant/src/skeleton/test/index.spec.tsx |  8 ++++----
 3 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/packages/vant/src/skeleton/demo/index.vue b/packages/vant/src/skeleton/demo/index.vue
index 5d4083861..3e7f2eba3 100644
--- a/packages/vant/src/skeleton/demo/index.vue
+++ b/packages/vant/src/skeleton/demo/index.vue
@@ -1,5 +1,8 @@
 <script setup lang="ts">
-import VanSkeleton, { VanSkeletonParagraph, VanSkeletonImage } from '..';
+import VanSkeleton, {
+  SkeletonImage as VanSkeletonImage,
+  SkeletonParagraph as VanSkeletonParagraph,
+} from '..';
 import VanSwitch from '../../switch';
 import { ref } from 'vue';
 import { cdnURL, useTranslate } from '../../../docs/site';
diff --git a/packages/vant/src/skeleton/index.ts b/packages/vant/src/skeleton/index.ts
index 288ba64df..173b6fdca 100644
--- a/packages/vant/src/skeleton/index.ts
+++ b/packages/vant/src/skeleton/index.ts
@@ -6,10 +6,10 @@ import _SkeletonParagraph from './SkeletonParagraph';
 
 import { withInstall } from '../utils';
 
-export const VanSkeletonImage = withInstall(_SkeletonImage);
-export const VanSkeletonTitle = withInstall(_SkeletonTitle);
-export const VanSkeletonAvatar = withInstall(_SkeletonAvatar);
-export const VanSkeletonParagraph = withInstall(_SkeletonParagraph);
+export const SkeletonImage = withInstall(_SkeletonImage);
+export const SkeletonTitle = withInstall(_SkeletonTitle);
+export const SkeletonAvatar = withInstall(_SkeletonAvatar);
+export const SkeletonParagraph = withInstall(_SkeletonParagraph);
 export const Skeleton = withInstall(_Skeleton);
 
 export default Skeleton;
@@ -43,9 +43,9 @@ export type {
 declare module 'vue' {
   export interface GlobalComponents {
     VanSkeleton: typeof Skeleton;
-    VanSkeletonImage: typeof VanSkeletonImage;
-    VanSkeletonTitle: typeof VanSkeletonTitle;
-    VanSkeletonAvatar: typeof VanSkeletonAvatar;
-    VanSkeletonParagraph: typeof VanSkeletonParagraph;
+    VanSkeletonImage: typeof SkeletonImage;
+    VanSkeletonTitle: typeof SkeletonTitle;
+    VanSkeletonAvatar: typeof SkeletonAvatar;
+    VanSkeletonParagraph: typeof SkeletonParagraph;
   }
 }
diff --git a/packages/vant/src/skeleton/test/index.spec.tsx b/packages/vant/src/skeleton/test/index.spec.tsx
index 5b490aa9c..9bac559fb 100644
--- a/packages/vant/src/skeleton/test/index.spec.tsx
+++ b/packages/vant/src/skeleton/test/index.spec.tsx
@@ -1,5 +1,5 @@
 import { mount } from '../../../test';
-import { Skeleton, VanSkeletonImage } from '..';
+import { Skeleton, SkeletonImage } from '..';
 
 test('should render with row width array correctly', () => {
   const wrapper = mount(Skeleton, {
@@ -80,13 +80,13 @@ test('should allow to disable animation', async () => {
 });
 
 test('should skeleton image render correctly', () => {
-  const wrapper = mount(VanSkeletonImage);
+  const wrapper = mount(SkeletonImage);
 
   expect(wrapper.html()).toMatchSnapshot();
 });
 
 test('should skeleton image works with imageSize prop', () => {
-  const wrapper = mount(VanSkeletonImage, {
+  const wrapper = mount(SkeletonImage, {
     props: {
       imageSize: '20rem',
     },
@@ -98,7 +98,7 @@ test('should skeleton image works with imageSize prop', () => {
 });
 
 test('should skeleton image works with imageShape prop', () => {
-  const wrapper = mount(VanSkeletonImage, {
+  const wrapper = mount(SkeletonImage, {
     props: {
       imageShape: 'round',
     },