diff --git a/src/components/Body.vue b/src/components/Body.vue
index 20a35f6..308a913 100644
--- a/src/components/Body.vue
+++ b/src/components/Body.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { defineProps, computed, ref } from 'vue';
+import { computed, ref } from 'vue';
 import Education from './Body/Education.vue';
 import MajorAchivments from './Body/MajorAchivments.vue';
 import Skills from './Side/Skills.vue';
diff --git a/src/components/Header.vue b/src/components/Header.vue
index cb5e18a..289bd6e 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -1,5 +1,4 @@
 <script setup>
-import { defineProps } from 'vue';
 import { useRoute } from 'vue-router';
 import Mission from './Header/Mission.vue';
 import ContactList from './Header/ContactList.vue';
diff --git a/src/components/Header/ContactList.vue b/src/components/Header/ContactList.vue
index 4b58819..460e1cb 100644
--- a/src/components/Header/ContactList.vue
+++ b/src/components/Header/ContactList.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { defineProps, computed } from 'vue';
+import { computed } from 'vue';
 
 const props = defineProps({
     loading: {
diff --git a/src/components/Header/Mission.vue b/src/components/Header/Mission.vue
index 4589ef4..d5dc04d 100644
--- a/src/components/Header/Mission.vue
+++ b/src/components/Header/Mission.vue
@@ -1,6 +1,4 @@
 <script setup>
-import { defineProps } from 'vue';
-
 defineProps({
     loading: {
         type: Boolean,
diff --git a/src/router.js b/src/router.js
index d443257..01d618d 100644
--- a/src/router.js
+++ b/src/router.js
@@ -1,5 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router';
-import Home from './views/Home.vue';
+
+const Home = import('./views/Home.vue');
 
 export default createRouter({
     history: createWebHistory(),