@ alias

client/src/App.vue

@@ -1,7 +1,7 @@
 <script setup>
 // This starter template is using Vue 3 <script setup> SFCs
 // Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
-import Navbar from './components/Navbar.vue'
+import Navbar from '@/components/Navbar.vue'
 </script>
 
 <template>

client/src/components/Navbar.vue

@@ -3,7 +3,7 @@
         <div class="flex items-center justify-between">
             <!-- Logo -->
             <div class="pt-2">
-                <img src="vite.svg" alt="Vite Logo" >
+                <img src="@/assets/vue.svg" alt="Vite Logo" >
             </div>
             <!-- Menu Items -->
             <div class="hidden md:flex space-x-6">

client/src/main.js

@@ -1,5 +1,5 @@
 import { createApp } from 'vue'
-import './style.css'
+import '@/style.css'
-import App from './App.vue'
+import App from '@/App.vue'
-import router from './router'
+import router from '@/router'
 createApp(App).use(router).mount('#app')

client/src/router/index.js

@@ -1,8 +1,8 @@
 import { createRouter, createWebHistory } from 'vue-router'
 
-import Home from '../views/Home.vue'
+import Home from '@/views/Home.vue'
-import About from '../views/About.vue'
+import About from '@/views/About.vue'
-import Quiz from '../views/Quiz.vue'
+import Quiz from '@/views/Quiz.vue'
 
 const routes = [
     {

client/vite.config.js

@@ -1,7 +1,13 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import path from 'path'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue()]
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src')
+    }
+  }
 })