From 837ad3e748f3817be12721201343e6284d0a8120 Mon Sep 17 00:00:00 2001
From: Vivek Santayana <me@viveksantayana.co.uk>
Date: Thu, 25 Aug 2022 10:50:43 +0100
Subject: [PATCH] @ alias

---
 client/src/App.vue               | 2 +-
 client/src/components/Navbar.vue | 2 +-
 client/src/main.js               | 6 +++---
 client/src/router/index.js       | 6 +++---
 client/vite.config.js            | 8 +++++++-
 5 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/client/src/App.vue b/client/src/App.vue
index 8b1506f..c1f5d61 100644
--- a/client/src/App.vue
+++ b/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>
diff --git a/client/src/components/Navbar.vue b/client/src/components/Navbar.vue
index dfcfa79..c80e544 100644
--- a/client/src/components/Navbar.vue
+++ b/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">
diff --git a/client/src/main.js b/client/src/main.js
index 0651c35..e1e7cb4 100644
--- a/client/src/main.js
+++ b/client/src/main.js
@@ -1,5 +1,5 @@
 import { createApp } from 'vue'
-import './style.css'
-import App from './App.vue'
-import router from './router'
+import '@/style.css'
+import App from '@/App.vue'
+import router from '@/router'
 createApp(App).use(router).mount('#app')
diff --git a/client/src/router/index.js b/client/src/router/index.js
index 3d995de..13091b2 100644
--- a/client/src/router/index.js
+++ b/client/src/router/index.js
@@ -1,8 +1,8 @@
 import { createRouter, createWebHistory } from 'vue-router'
 
-import Home from '../views/Home.vue'
-import About from '../views/About.vue'
-import Quiz from '../views/Quiz.vue'
+import Home from '@/views/Home.vue'
+import About from '@/views/About.vue'
+import Quiz from '@/views/Quiz.vue'
 
 const routes = [
     {
diff --git a/client/vite.config.js b/client/vite.config.js
index 315212d..a3b75f8 100644
--- a/client/vite.config.js
+++ b/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')
+    }
+  }
 })