From 1f9c5cbd865c72ce63a5dcb72d17778e2e507145 Mon Sep 17 00:00:00 2001
From: TZGyn <ca538901d@mozmail.com>
Date: Thu, 2 Nov 2023 02:47:40 +0800
Subject: [PATCH] Frontend update navbar logo to redirect to home

---
 vue-frontend/src/components/Navbar.vue | 9 ++++++++-
 vue-frontend/src/router/index.ts       | 6 ++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/vue-frontend/src/components/Navbar.vue b/vue-frontend/src/components/Navbar.vue
index 1b27eb8..7c6aa55 100644
--- a/vue-frontend/src/components/Navbar.vue
+++ b/vue-frontend/src/components/Navbar.vue
@@ -1,11 +1,18 @@
 <script setup lang="ts">
 import ToggleThemeButton from './ToggleThemeButton.vue'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
 </script>
 <template>
 	<div className="flex justify-center border-b border-b-border px-2">
 		<div
 			className="flex w-full max-w-6xl items-center justify-between py-2">
-			<div className="cursor-pointer font-bold"> Shortener </div>
+			<div
+				className="cursor-pointer font-bold"
+				@click="() => router.push('home')">
+				Shortener
+			</div>
 			<div className="flex items-center gap-2">
 				<ToggleThemeButton />
 			</div>
diff --git a/vue-frontend/src/router/index.ts b/vue-frontend/src/router/index.ts
index a5794bf..5093e2e 100644
--- a/vue-frontend/src/router/index.ts
+++ b/vue-frontend/src/router/index.ts
@@ -9,6 +9,7 @@ const router = createRouter({
 	routes: [
 		{
 			path: '/',
+			name: 'home',
 			component: HomeView,
 		},
 		{
@@ -21,6 +22,11 @@ const router = createRouter({
 			name: 'signup',
 			component: SignUpPage,
 		},
+		{
+			path: '/:pathMatch(.*)*',
+			name: '404',
+			component: HomeView,
+		},
 	],
 })