diff --git a/src/App.vue b/src/App.vue
index 50bb23c..9baabdb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,8 +11,7 @@
 </template>
 
 <script lang="ts" setup>
-import Footer from '@/components/Footer.vue'
-import Header from '@/components/Header.vue'
+import { Footer, Header } from '@/components'
 import { ref, watch } from 'vue'
 import { RouteLocationNormalizedLoaded, useRoute } from 'vue-router'
 
diff --git a/src/components/Breadcrumb.vue b/src/components/Breadcrumb.vue
index 55b914a..a8c8a68 100644
--- a/src/components/Breadcrumb.vue
+++ b/src/components/Breadcrumb.vue
@@ -12,7 +12,7 @@
 <script lang="ts" setup>
 import { defineProps } from 'vue'
 
-const props = defineProps({
+defineProps({
   path: {
     type: Array
   }
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 0429e0f..c820863 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -11,7 +11,7 @@
 
 <script lang="ts" setup>
 import { useRouter } from 'vue-router'
-import Nav from './Nav.vue'
+import { Nav } from '@/components'
 
 const router = useRouter()
 </script>
diff --git a/src/components/index.ts b/src/components/index.ts
new file mode 100644
index 0000000..ae2cdc2
--- /dev/null
+++ b/src/components/index.ts
@@ -0,0 +1,13 @@
+import Banner from './Banner.vue'
+import Breadcrumb from './Breadcrumb.vue'
+import Footer from './Footer.vue'
+import Header from './Header.vue'
+import Nav from './Nav.vue'
+
+export default {
+    Banner,
+    Breadcrumb,
+    Footer,
+    Header,
+    Nav
+}
diff --git a/src/views/404.vue b/src/views/404.vue
index b362e2a..9e0a348 100644
--- a/src/views/404.vue
+++ b/src/views/404.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script lang="ts" setup>
-import Breadcrumb from '@/components/Breadcrumb.vue'
+import { Breadcrumb } from '@/components'
 import { useRouter } from 'vue-router'
 
 const router = useRouter()
diff --git a/src/views/Address/index.vue b/src/views/Address/index.vue
index 63ece3a..be162ac 100644
--- a/src/views/Address/index.vue
+++ b/src/views/Address/index.vue
@@ -10,7 +10,7 @@
 
 <script lang="ts" setup>
 import { block } from '@/api'
-import Breadcrumb from '@/components/Breadcrumb.vue'
+import { Breadcrumb } from '@/components'
 import { useRoute } from 'vue-router'
 
 const route= useRoute()
diff --git a/src/views/Block/detail.vue b/src/views/Block/detail.vue
index f813838..db7fece 100644
--- a/src/views/Block/detail.vue
+++ b/src/views/Block/detail.vue
@@ -68,7 +68,7 @@
 
 <script lang="ts" setup>
 import { block } from '@/api'
-import Breadcrumb from '@/components/Breadcrumb.vue'
+import { Breadcrumb } from '@/components'
 import { useStore } from '@/store'
 import { filterHash } from '@/utils/filters'
 import { computed, ref } from 'vue'
diff --git a/src/views/Block/index.vue b/src/views/Block/index.vue
index 4e98697..f58da4e 100644
--- a/src/views/Block/index.vue
+++ b/src/views/Block/index.vue
@@ -44,7 +44,7 @@
 
 <script lang="ts" setup>
 import { block } from '@/api'
-import Breadcrumb from '@/components/Breadcrumb.vue'
+import { Breadcrumb } from '@/components'
 import { useStore } from '@/store'
 import { computed, onBeforeUnmount, ref } from 'vue'
 
diff --git a/src/views/Other/analytical.vue b/src/views/Other/analytical.vue
index 565a02a..5a2187f 100644
--- a/src/views/Other/analytical.vue
+++ b/src/views/Other/analytical.vue
@@ -19,7 +19,7 @@
 <script lang="ts" setup>
 import { block } from '@/api'
 import { ref } from 'vue'
-import Breadcrumb from '@/components/Breadcrumb.vue'
+import { Breadcrumb } from '@/components'
 
 const data = ref<string>('')
 
diff --git a/src/views/Other/broadcast.vue b/src/views/Other/broadcast.vue
index 6ae311c..acd2379 100644
--- a/src/views/Other/broadcast.vue
+++ b/src/views/Other/broadcast.vue
@@ -17,7 +17,7 @@
 
 <script lang="ts" setup>
 import { block } from '@/api'
-import Breadcrumb from '@/components/Breadcrumb.vue'
+import { Breadcrumb } from '@/components'
 import { ref } from 'vue'
 
 const data = ref<string>('')
diff --git a/src/views/Trade/detail.vue b/src/views/Trade/detail.vue
index a1c6bad..d3aa56c 100644
--- a/src/views/Trade/detail.vue
+++ b/src/views/Trade/detail.vue
@@ -34,7 +34,7 @@
 
 <script lang="ts" setup>
 import { block } from '@/api'
-import Breadcrumb from '@/components/Breadcrumb.vue'
+import { Breadcrumb } from '@/components'
 import { ref } from 'vue'
 import { useRoute } from 'vue-router'
 
diff --git a/src/views/Trade/index.vue b/src/views/Trade/index.vue
index f444b99..86073d0 100644
--- a/src/views/Trade/index.vue
+++ b/src/views/Trade/index.vue
@@ -31,7 +31,7 @@
 </template>
 
 <script lang="ts" setup>
-import Breadcrumb from '@/components/Breadcrumb.vue'
+import { Breadcrumb } from '@/components'
 
 import { ref } from 'vue'