Add Page Titles Everywhere (#177)

Add page titles everywhere

Add global mixin to set page title

Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/177

src/views/list/EditList.vue

@@ -218,6 +218,7 @@
 						// This will trigger the dynamic loading of components once we actually have all the data to pass to them
 						this.manageTeamsComponent = 'manageSharing'
 						this.manageUsersComponent = 'manageSharing'
+						this.setTitle(`Edit ${this.list.title}`)
 					})
 					.catch(e => {
 						this.error(e, this)

src/views/list/NewList.vue

@@ -51,6 +51,9 @@
 			this.listService = new ListService()
 			this.$store.commit(IS_FULLPAGE, true)
 		},
+		mounted() {
+			this.setTitle('Create a new list')
+		},
 		methods: {
 			newList() {
 				if (this.list.title === '') {

src/views/list/ShowList.vue

@@ -70,11 +70,12 @@
 				return this.$store.state.background
 			},
 			currentList() {
-				return typeof this.$store.state.currentList === 'undefined' ? {id: 0} : this.$store.state.currentList
+				return typeof this.$store.state.currentList === 'undefined' ? {id: 0, title: ''} : this.$store.state.currentList
 			},
 		},
 		methods: {
 			loadList() {
+				this.setTitle(this.currentList.title)
 
 				// This invalidates the loaded list at the kanban board which lets it reload its content when
 				// switched to it. This ensures updates done to tasks in the gantt or list views are consistently