From 88dca239e50d51acb5e12174c6bd0df8c4bc3b7b Mon Sep 17 00:00:00 2001
From: HampusM <hampus@hampusmat.com>
Date: Fri, 11 Jun 2021 22:18:45 +0200
Subject: Implemented title and favicon stuff

---
 packages/client/src/App.vue         | 27 +++++++++++++++++++++++++++
 packages/client/src/router/index.js |  6 +++---
 2 files changed, 30 insertions(+), 3 deletions(-)

(limited to 'packages/client/src')

diff --git a/packages/client/src/App.vue b/packages/client/src/App.vue
index e74b3f9..0c50f3a 100644
--- a/packages/client/src/App.vue
+++ b/packages/client/src/App.vue
@@ -2,6 +2,33 @@
 	<router-view />
 </template>
 
+<script>
+export default {
+	name: "App",
+	data: function() {
+		return {
+			base_title: ""
+		};
+	},
+	methods: {
+		setTitle() {
+			const repo = this.$route.params.repo;
+			const route = this.$route.name;
+			document.title = repo ? `${repo} - ${route}` : this.base_title;
+		}
+	},
+	created() {
+		this.base_title = document.title;
+		this.setTitle();
+	},
+	watch: {
+		$route() {
+			this.setTitle();
+		}
+	}
+};
+</script>
+
 <style lang="scss">
 @use "scss/colors";
 @use "scss/variables";
diff --git a/packages/client/src/router/index.js b/packages/client/src/router/index.js
index a6db1e1..ed53590 100644
--- a/packages/client/src/router/index.js
+++ b/packages/client/src/router/index.js
@@ -15,12 +15,12 @@ const routes = [
 		children: [
 			{
 				path: "about",
-				name: "Repository About",
+				name: "About",
 				component: () => import("../views/RepositoryAbout")
 			},
 			{
 				path: "log",
-				name: "Repository Log",
+				name: "Log",
 				component: () => import("../views/RepositoryLog")
 			},
 			{
@@ -31,7 +31,7 @@ const routes = [
 			},
 			{
 				path: "tree/:path*",
-				name: "Tree Entry",
+				name: "Tree",
 				component: () => import("../views/RepositoryTree"),
 				props: route => ({ pathArr: route.params.path ? route.params.path : [] })
 			},
-- 
cgit v1.2.3-18-g5258