- remove default import - defineProps

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';

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';

src/components/Header/ContactList.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { defineProps, computed } from 'vue';
+import { computed } from 'vue';
 
 const props = defineProps({
     loading: {

src/components/Header/Mission.vue

@@ -1,6 +1,4 @@
 <script setup>
-import { defineProps } from 'vue';
-
 defineProps({
     loading: {
         type: Boolean,

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