diff --git a/src/packages/__VUE/actionsheet/demo.vue b/src/packages/__VUE/actionsheet/demo.vue
index 3ccc232559..94187f76aa 100644
--- a/src/packages/__VUE/actionsheet/demo.vue
+++ b/src/packages/__VUE/actionsheet/demo.vue
@@ -56,8 +56,6 @@
 
 <script setup lang="ts">
 import { computed, reactive } from 'vue';
-import NutActionSheet from './index.vue';
-import NutCell from '../cell/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 const translate = useTranslate({
   'zh-CN': {
diff --git a/src/packages/__VUE/audio/demo.vue b/src/packages/__VUE/audio/demo.vue
index 2dd7461a4f..f984e81046 100644
--- a/src/packages/__VUE/audio/demo.vue
+++ b/src/packages/__VUE/audio/demo.vue
@@ -76,8 +76,6 @@
 
 <script setup lang="ts">
 import { ref, onMounted } from 'vue';
-import NutAudio from './index.vue';
-import NutAudioOperate from '../audiooperate/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 import { PlayDoubleBack, PlayDoubleForward, PlayStart, PlayStop, Voice } from '@nutui/icons-vue';
 const translate = useTranslate({
diff --git a/src/packages/__VUE/backtop/demo.vue b/src/packages/__VUE/backtop/demo.vue
index c2c037385d..6d5e29f92c 100644
--- a/src/packages/__VUE/backtop/demo.vue
+++ b/src/packages/__VUE/backtop/demo.vue
@@ -13,7 +13,6 @@
 </template>
 
 <script setup lang="ts">
-import NutBacktop from './index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 import { Top } from '@nutui/icons-vue';
 const translate = useTranslate({
diff --git a/src/packages/__VUE/cell/demo.vue b/src/packages/__VUE/cell/demo.vue
index c1c50b089e..aaf2b0fcb6 100644
--- a/src/packages/__VUE/cell/demo.vue
+++ b/src/packages/__VUE/cell/demo.vue
@@ -78,8 +78,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
-import NutCell from './index.vue';
-import NutCellGroup from '../cellgroup/index.vue';
 import { My } from '@nutui/icons-vue';
 const translate = useTranslate({
   'zh-CN': {
diff --git a/src/packages/__VUE/configprovider/demo.vue b/src/packages/__VUE/configprovider/demo.vue
index 0fefd51c6c..6cb1f381d2 100644
--- a/src/packages/__VUE/configprovider/demo.vue
+++ b/src/packages/__VUE/configprovider/demo.vue
@@ -70,19 +70,6 @@
 </template>
 <script setup lang="ts">
 import { reactive, ref } from 'vue';
-import NutConfigProvider from './index.vue';
-import NutCell from '../cell/index.vue';
-import NutForm from '../form/index.vue';
-import NutFormItem from '../formitem/index.vue';
-import NutRange from '../range/index.vue';
-import NutSwitch from '../switch/index.vue';
-import NutRate from '../rate/index.vue';
-import NutInputNumber from '../inputnumber/index.vue';
-import NutUploader from '../uploader/index.vue';
-import NutAddress from '../address/index.vue';
-import NutRadio from '../radio/index.vue';
-import NutCheckbox from '../checkbox/index.vue';
-import NutRadioGroup from '../radiogroup/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 
 const translate = useTranslate({
diff --git a/src/packages/__VUE/dialog/demo.vue b/src/packages/__VUE/dialog/demo.vue
index a4fffd9d51..e69d969a33 100644
--- a/src/packages/__VUE/dialog/demo.vue
+++ b/src/packages/__VUE/dialog/demo.vue
@@ -37,10 +37,7 @@
 </template>
 <script setup lang="ts">
 import { createVNode, ref } from 'vue';
-import NutDialog from './index.vue';
 import { showDialog } from './index';
-import NutCell from '../cell/index.vue';
-import NutCellGroup from '../cellgroup/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 const translate = useTranslate({
   'zh-CN': {
diff --git a/src/packages/__VUE/drag/demo.vue b/src/packages/__VUE/drag/demo.vue
index b006c6dcac..183f519a00 100644
--- a/src/packages/__VUE/drag/demo.vue
+++ b/src/packages/__VUE/drag/demo.vue
@@ -27,8 +27,6 @@
 </template>
 
 <script setup lang="ts">
-import NutDrag from './index.vue';
-import NutButton from '../button/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 const translate = useTranslate({
   'zh-CN': {
diff --git a/src/packages/__VUE/elevator/demo.vue b/src/packages/__VUE/elevator/demo.vue
index 804aa76dc5..fee02acd66 100644
--- a/src/packages/__VUE/elevator/demo.vue
+++ b/src/packages/__VUE/elevator/demo.vue
@@ -38,7 +38,6 @@
 
 <script setup lang="ts">
 import { computed, reactive } from 'vue';
-import NutElevator from './index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 import { Jd } from '@nutui/icons-vue';
 const translate = useTranslate({
diff --git a/src/packages/__VUE/fixednav/demo.vue b/src/packages/__VUE/fixednav/demo.vue
index 7a35be4b58..0b88d9b1e2 100644
--- a/src/packages/__VUE/fixednav/demo.vue
+++ b/src/packages/__VUE/fixednav/demo.vue
@@ -53,8 +53,6 @@
 
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue';
-import NutFixedNav from './index.vue';
-import NutDrag from '../drag/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 import { Retweet } from '@nutui/icons-vue';
 const translate = useTranslate({
diff --git a/src/packages/__VUE/grid/demo.vue b/src/packages/__VUE/grid/demo.vue
index 5f27a3b0d8..e23c19e369 100644
--- a/src/packages/__VUE/grid/demo.vue
+++ b/src/packages/__VUE/grid/demo.vue
@@ -151,9 +151,6 @@
 </template>
 
 <script setup lang="ts">
-import NutGrid from './index.vue';
-import NutGridItem from '../griditem/index.vue';
-import NutAvatar from '../avatar/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 import { Dongdong, Home, Search } from '@nutui/icons-vue';
 const translate = useTranslate({
diff --git a/src/packages/__VUE/icon/demo.vue b/src/packages/__VUE/icon/demo.vue
index 6329b6164e..d5dce05b3a 100644
--- a/src/packages/__VUE/icon/demo.vue
+++ b/src/packages/__VUE/icon/demo.vue
@@ -68,8 +68,6 @@
 </template>
 
 <script setup lang="ts">
-import NutCell from '../cell/index.vue';
-import NutCellGroup from '../cellgroup/index.vue';
 import { useTranslate, currentLang } from '@/sites/assets/util/useTranslate';
 const translate = useTranslate({
   'zh-CN': {
diff --git a/src/packages/__VUE/image/demo.vue b/src/packages/__VUE/image/demo.vue
index 3346e802ad..524e892ff4 100644
--- a/src/packages/__VUE/image/demo.vue
+++ b/src/packages/__VUE/image/demo.vue
@@ -99,10 +99,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import { Loading, CircleClose } from '@nutui/icons-vue';
-import NutImage from './index.vue';
-import NutCell from '../cell/index.vue';
-import NutCol from '../col/index.vue';
-import NutRow from '../row/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 import { ImageFit } from './type';
 const translate = useTranslate({
diff --git a/src/packages/__VUE/indicator/demo.vue b/src/packages/__VUE/indicator/demo.vue
index cd8ea44209..96dcbcad5b 100644
--- a/src/packages/__VUE/indicator/demo.vue
+++ b/src/packages/__VUE/indicator/demo.vue
@@ -32,11 +32,6 @@
 </template>
 
 <script setup lang="ts">
-import NutIndicator from './index.vue';
-import NutCell from '../cell/index.vue';
-import NutButton from '../button/index.vue';
-import NutCol from '../col/index.vue';
-import NutRow from '../row/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 const translate = useTranslate({
   'zh-CN': {
diff --git a/src/packages/__VUE/infiniteloading/demo.vue b/src/packages/__VUE/infiniteloading/demo.vue
index 3b9f6a3330..d266c9e2ea 100644
--- a/src/packages/__VUE/infiniteloading/demo.vue
+++ b/src/packages/__VUE/infiniteloading/demo.vue
@@ -28,9 +28,6 @@
 
 <script setup lang="ts">
 import { onMounted, ref, reactive } from 'vue';
-import NutInfiniteLoading from './index.vue';
-import NutTabs from '../tabs/index.vue';
-import NutTabPane from '../tabpane/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 
 const translate = useTranslate({
diff --git a/src/packages/__VUE/layout/demo.vue b/src/packages/__VUE/layout/demo.vue
index 173c2862a4..fad4039de3 100644
--- a/src/packages/__VUE/layout/demo.vue
+++ b/src/packages/__VUE/layout/demo.vue
@@ -128,8 +128,6 @@
 </template>
 
 <script setup lang="ts">
-import NutRow from '../row/index.vue';
-import NutCol from '../col/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 const translate = useTranslate({
   'zh-CN': {
diff --git a/src/packages/__VUE/menu/demo.vue b/src/packages/__VUE/menu/demo.vue
index 8622e6debe..1ba97f4ff0 100644
--- a/src/packages/__VUE/menu/demo.vue
+++ b/src/packages/__VUE/menu/demo.vue
@@ -51,9 +51,6 @@
 
 <script setup lang="ts">
 import { reactive, ref, computed } from 'vue';
-import NutMenu from './index.vue';
-import NutMenuItem from '../menuitem/index.vue';
-import NutButton from '../button/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 import { TriangleDown, Checked } from '@nutui/icons-vue';
 const translate = useTranslate({
diff --git a/src/packages/__VUE/navbar/demo.vue b/src/packages/__VUE/navbar/demo.vue
index 080bc5eeac..127c03cd5b 100644
--- a/src/packages/__VUE/navbar/demo.vue
+++ b/src/packages/__VUE/navbar/demo.vue
@@ -68,9 +68,6 @@
 
 <script setup lang="ts">
 import { ref } from 'vue';
-import NutNavbar from './index.vue';
-import NutTabs from '../tabs/index.vue';
-import NutTabPane from '../tabpane/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 import { ShareN, Cart2, MoreX, HorizontalN } from '@nutui/icons-vue';
 const translate = useTranslate({
diff --git a/src/packages/__VUE/notify/demo.vue b/src/packages/__VUE/notify/demo.vue
index a668c9f572..a47783b02e 100644
--- a/src/packages/__VUE/notify/demo.vue
+++ b/src/packages/__VUE/notify/demo.vue
@@ -25,10 +25,7 @@
 
 <script setup lang="ts">
 import { ref } from 'vue';
-import NutNotify from './index.vue';
 import { showNotify } from './index';
-import NutCell from '../cell/index.vue';
-import NutCellGroup from '../cellgroup/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 const translate = useTranslate({
   'zh-CN': {
diff --git a/src/packages/__VUE/overlay/demo.vue b/src/packages/__VUE/overlay/demo.vue
index 66769b7739..9ca6e1aabb 100644
--- a/src/packages/__VUE/overlay/demo.vue
+++ b/src/packages/__VUE/overlay/demo.vue
@@ -43,9 +43,6 @@
 
 <script setup lang="ts">
 import { reactive } from 'vue';
-import NutOverlay from './index.vue';
-import NutButton from '../button/index.vue';
-import NutCell from '../cell/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 const translate = useTranslate({
   'zh-CN': {
diff --git a/src/packages/__VUE/pagination/demo.vue b/src/packages/__VUE/pagination/demo.vue
index 84b2aa328d..4b4f83b977 100644
--- a/src/packages/__VUE/pagination/demo.vue
+++ b/src/packages/__VUE/pagination/demo.vue
@@ -23,7 +23,6 @@
 
 <script setup lang="ts">
 import { ref } from 'vue';
-import NutPagination from './index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 import { Left, Right } from '@nutui/icons-vue';
 const translate = useTranslate({
diff --git a/src/packages/__VUE/popup/demo.vue b/src/packages/__VUE/popup/demo.vue
index 254db31afe..b428df9d94 100644
--- a/src/packages/__VUE/popup/demo.vue
+++ b/src/packages/__VUE/popup/demo.vue
@@ -67,8 +67,6 @@
 
 <script setup lang="ts">
 import { ref } from 'vue';
-import NutPopup from './index.vue';
-import NutCell from '../cell/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 import { Heart } from '@nutui/icons-vue';
 const translate = useTranslate({
diff --git a/src/packages/__VUE/pullrefresh/demo.vue b/src/packages/__VUE/pullrefresh/demo.vue
index 6ecab05cb6..0a837f2a5a 100644
--- a/src/packages/__VUE/pullrefresh/demo.vue
+++ b/src/packages/__VUE/pullrefresh/demo.vue
@@ -36,9 +36,6 @@
 
 <script setup lang="ts">
 import { ref, reactive } from 'vue';
-import NutPullRefresh from './index.vue';
-import NutTabs from '../tabs/index.vue';
-import NutTabPane from '../tabpane/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 import { showToast } from '@/packages/nutui.vue';
 
diff --git a/src/packages/__VUE/sidenavbar/demo.vue b/src/packages/__VUE/sidenavbar/demo.vue
index ff09b96031..f6e6e5ee90 100644
--- a/src/packages/__VUE/sidenavbar/demo.vue
+++ b/src/packages/__VUE/sidenavbar/demo.vue
@@ -79,11 +79,6 @@
 
 <script setup lang="ts">
 import { ref } from 'vue';
-import NutSideNavbar from './index.vue';
-import NutSideNavbarItem from '../sidenavbaritem/index.vue';
-import NutSubSideNavbar from '../subsidenavbar/index.vue';
-import NutPopup from '../popup/index.vue';
-import NutCell from '../cell/index.vue';
 import { showToast } from '@/packages/nutui.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 const translate = useTranslate({
diff --git a/src/packages/__VUE/sticky/demo.vue b/src/packages/__VUE/sticky/demo.vue
index 964156872e..0cbe5d8c58 100644
--- a/src/packages/__VUE/sticky/demo.vue
+++ b/src/packages/__VUE/sticky/demo.vue
@@ -24,8 +24,6 @@
 </template>
 <script setup lang="ts">
 import { ref } from 'vue';
-import NutSticky from './index.vue';
-import NutButton from '../button/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 const translate = useTranslate({
   'zh-CN': {
diff --git a/src/packages/__VUE/swipe/demo.vue b/src/packages/__VUE/swipe/demo.vue
index c7addf9efe..f411eac86d 100644
--- a/src/packages/__VUE/swipe/demo.vue
+++ b/src/packages/__VUE/swipe/demo.vue
@@ -78,12 +78,6 @@
 
 <script setup lang="ts">
 import { ref } from 'vue';
-import NutSwipe from './index.vue';
-import NutSwipeGroup from '../swipegroup/index.vue';
-import NutCell from '../cell/index.vue';
-import NutButton from '../button/index.vue';
-import NutInputNumber from '../inputnumber/index.vue';
-import NutSwitch from '../switch/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 const translate = useTranslate({
   'zh-CN': {
diff --git a/src/packages/__VUE/switch/demo.vue b/src/packages/__VUE/switch/demo.vue
index f1466885f3..1c14e80428 100644
--- a/src/packages/__VUE/switch/demo.vue
+++ b/src/packages/__VUE/switch/demo.vue
@@ -62,8 +62,6 @@
 
 <script setup lang="ts">
 import { ref, reactive } from 'vue';
-import NutSwitch from './index.vue';
-import NutCell from '../cell/index.vue';
 import { Loading } from '@nutui/icons-vue';
 import { showToast } from '@/packages/nutui.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
diff --git a/src/packages/__VUE/tabbar/demo.vue b/src/packages/__VUE/tabbar/demo.vue
index 82ddd605fb..c9184d2cb8 100644
--- a/src/packages/__VUE/tabbar/demo.vue
+++ b/src/packages/__VUE/tabbar/demo.vue
@@ -120,8 +120,6 @@
 
 <script setup lang="ts">
 import { h, ref } from 'vue';
-import NutTabbar from './index.vue';
-import NutTabbarItem from '../tabbaritem/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 import { Home, Category, Find, Cart, My } from '@nutui/icons-vue';
 const translate = useTranslate({
diff --git a/src/packages/__VUE/tabs/demo.vue b/src/packages/__VUE/tabs/demo.vue
index f56f5fad25..8306e19640 100644
--- a/src/packages/__VUE/tabs/demo.vue
+++ b/src/packages/__VUE/tabs/demo.vue
@@ -94,8 +94,6 @@
 
 <script setup lang="ts">
 import { reactive, computed } from 'vue';
-import NutTabs from './index.vue';
-import NutTabPane from '../tabpane/index.vue';
 import { Dongdong } from '@nutui/icons-vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 const translate = useTranslate({
diff --git a/src/packages/__VUE/toast/demo.vue b/src/packages/__VUE/toast/demo.vue
index f60f5fb1af..17030cc86a 100644
--- a/src/packages/__VUE/toast/demo.vue
+++ b/src/packages/__VUE/toast/demo.vue
@@ -23,7 +23,6 @@
 <script setup lang="ts">
 import { onUnmounted } from 'vue';
 import { showToast } from './index';
-import NutCell from '../cell/index.vue';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 const translate = useTranslate({
   'zh-CN': {