diff --git a/package.json b/package.json
index d6916776..fb19ecb5 100644
--- a/package.json
+++ b/package.json
@@ -36,16 +36,16 @@
 		"@types/sortablejs": "^1.10.6",
 		"@typescript-eslint/eslint-plugin": "^4.22.0",
 		"@typescript-eslint/parser": "^4.22.0",
-		"@vitejs/plugin-vue": "^1.2.1",
+		"@vitejs/plugin-vue": "^1.2.2",
 		"@vue/compiler-sfc": "^3.0.11",
 		"dotenv": "^8.2.0",
-		"eslint": "^7.24.0",
+		"eslint": "^7.25.0",
 		"eslint-plugin-vue": "^7.9.0",
 		"prettier": "^2.2.1",
 		"sass": "^1.32.11",
 		"sass-loader": "^11.0.1",
 		"typescript": "^4.2.4",
-		"vite": "^2.2.1",
+		"vite": "^2.2.2",
 		"vue-eslint-parser": "^7.6.0"
 	}
 }
diff --git a/src/views/layout/index.vue b/src/views/layout/index.vue
index a26fc295..bded546e 100644
--- a/src/views/layout/index.vue
+++ b/src/views/layout/index.vue
@@ -6,17 +6,16 @@
 </template>
 
 <script lang="ts">
-import { computed, onBeforeMount, onUnmounted, getCurrentInstance, defineAsyncComponent } from 'vue';
+import { computed, onBeforeMount, onUnmounted, getCurrentInstance } from 'vue';
 import { useStore } from '/@/store/index.ts';
 import { getLocal } from '/@/utils/storage.ts';
+import Defaults from '/@/views/layout/main/defaults.vue';
+import Classic from '/@/views/layout/main/classic.vue';
+import Transverse from '/@/views/layout/main/transverse.vue';
+import Columns from '/@/views/layout/main/columns.vue';
 export default {
 	name: 'layout',
-	components: {
-		Defaults: defineAsyncComponent(() => import('/@/views/layout/main/defaults.vue')),
-		Classic: defineAsyncComponent(() => import('/@/views/layout/main/classic.vue')),
-		Transverse: defineAsyncComponent(() => import('/@/views/layout/main/transverse.vue')),
-		Columns: defineAsyncComponent(() => import('/@/views/layout/main/columns.vue')),
-	},
+	components: { Defaults, Classic, Transverse, Columns },
 	setup() {
 		const { proxy } = getCurrentInstance() as any;
 		const store = useStore();