From ffb5b4a4f3e2ce23c652e257ca42a349fcab8b30 Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Tue, 13 Sep 2022 15:44:37 +0200
Subject: [PATCH] Libraries show name in page title

---
 app/imports/ui/pages/SingleLibrary.vue | 33 +++++++++++++++++++-------
 1 file changed, 25 insertions(+), 8 deletions(-)

diff --git a/app/imports/ui/pages/SingleLibrary.vue b/app/imports/ui/pages/SingleLibrary.vue
index d564dee1..4faa0452 100644
--- a/app/imports/ui/pages/SingleLibrary.vue
+++ b/app/imports/ui/pages/SingleLibrary.vue
@@ -7,12 +7,29 @@
 </template>
 
 <script lang="js">
-  import SingleCardLayout from '/imports/ui/layouts/SingleCardLayout.vue';
-	import LibraryAndNode from '/imports/ui/library/LibraryAndNode.vue';
-	export default {
-		components: {
-      SingleCardLayout,
-			LibraryAndNode,
-		},
-	};
+import SingleCardLayout from '/imports/ui/layouts/SingleCardLayout.vue';
+import LibraryAndNode from '/imports/ui/library/LibraryAndNode.vue';
+import Libraries from '/imports/api/library/Libraries.js';
+
+export default {
+  components: {
+    SingleCardLayout,
+    LibraryAndNode,
+  },
+  watch: {
+    'library.name'(newName) {
+      this.$store.commit('setPageTitle', newName || 'Library');
+    },
+  },
+  mounted() {
+    this.$store.commit('setPageTitle', this.library && this.library.name || 'Library');
+  },
+  meteor: {
+    library(){
+      let libraryId = this.$route.params.id;
+      if (!libraryId) return;
+      return Libraries.findOne(libraryId, {fields: {name: 1}});
+    },
+  }
+};
 </script>