diff --git a/src/views/Archives.vue b/src/views/Archives.vue
index 7dbb39e5..362ef601 100644
--- a/src/views/Archives.vue
+++ b/src/views/Archives.vue
@@ -5,15 +5,7 @@
       <h1 class="post-title text-white uppercase">{{ t('menu.archives') }}</h1>
     </div>
     <div
-      class="
-        bg-ob-deep-800
-        px-14
-        py-16
-        rounded-2xl
-        shadow-xl
-        block
-        min-h-screen
-      "
+      class="bg-ob-deep-800 px-14 py-16 rounded-2xl shadow-xl block min-h-screen"
     >
       <ul class="timeline timeline-centered">
         <template
@@ -70,6 +62,7 @@ import { useI18n } from 'vue-i18n'
 import Breadcrumbs from '@/components/Breadcrumbs.vue'
 import Paginator from '@/components/Paginator.vue'
 import { useCommonStore } from '@/stores/common'
+import defaultCover from '@/assets/default-cover.jpg'
 
 export default defineComponent({
   name: 'Archives',
@@ -89,7 +82,7 @@ export default defineComponent({
         pagination.value.pageTotal = data.total
         archives.value = data.data
       })
-      commonStore.setHeaderImage(`${require('@/assets/default-cover.jpg')}`)
+      commonStore.setHeaderImage(defaultCover)
     }
 
     const pageChangeHanlder = (page: number) => {
diff --git a/src/views/Tag.vue b/src/views/Tag.vue
index c21dbca1..c99767a3 100644
--- a/src/views/Tag.vue
+++ b/src/views/Tag.vue
@@ -38,6 +38,7 @@ import { useTagStore } from '@/stores/tag'
 import { TagList, TagItem } from '@/components/Tag'
 import { useCommonStore } from '@/stores/common'
 import SvgIcon from '@/components/SvgIcon/index.vue'
+import defaultCover from '@/assets/default-cover.jpg'
 
 export default defineComponent({
   name: 'Tag',
@@ -49,7 +50,7 @@ export default defineComponent({
 
     const fetchData = async () => {
       tagStore.fetchAllTags()
-      commonStore.setHeaderImage(`${require('@/assets/default-cover.jpg')}`)
+      commonStore.setHeaderImage(defaultCover)
     }
 
     onBeforeMount(fetchData)