组件调整

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'
 

src/components/Breadcrumb.vue

@@ -12,7 +12,7 @@
 <script lang="ts" setup>
 import { defineProps } from 'vue'
 
-const props = defineProps({
+defineProps({
   path: {
     type: Array
   }

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>

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
+}

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()

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()

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'

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'
 

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>('')
 

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>('')

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'
 

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'