diff --git a/src/router/index.ts b/src/router/index.ts
index 1e2126cf7..f50d98831 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -41,12 +41,12 @@ const ListKanban = () => import('@/views/list/ListKanban.vue')
 const ListInfo = () => import('@/views/list/ListInfo.vue')
 
 // List Settings
-import ListSettingEdit from '@/views/list/settings/edit.vue'
-import ListSettingBackground from '@/views/list/settings/background.vue'
-import ListSettingDuplicate from '@/views/list/settings/duplicate.vue'
-import ListSettingShare from '@/views/list/settings/share.vue'
-import ListSettingDelete from '@/views/list/settings/delete.vue'
-import ListSettingArchive from '@/views/list/settings/archive.vue'
+const ListSettingEdit = () => import('@/views/list/settings/edit.vue')
+const ListSettingBackground = () => import('@/views/list/settings/background.vue')
+const ListSettingDuplicate = () => import('@/views/list/settings/duplicate.vue')
+const ListSettingShare = () => import('@/views/list/settings/share.vue')
+const ListSettingDelete = () => import('@/views/list/settings/delete.vue')
+const ListSettingArchive = () => import('@/views/list/settings/archive.vue')
 
 // Namespace Settings
 import NamespaceSettingEdit from '@/views/namespaces/settings/edit.vue'