Make sure every component sets a title

src/views/list/settings/archive.vue

@@ -27,6 +27,7 @@ export default {
 	created() {
 		this.listService = new ListService()
 		this.list = this.$store.getters['lists/getListById'](this.$route.params.listId)
+		this.setTitle(`Archive "${this.list.title}"`)
 	},
 	methods: {
 		archiveList() {

src/views/list/settings/background.vue

@@ -91,6 +91,7 @@ export default {
 	created() {
 		this.backgroundService = new BackgroundUnsplashService()
 		this.backgroundUploadService = new BackgroundUploadService()
+		this.setTitle('Set a list background')
 		// Show the default collection of backgrounds
 		this.newBackgroundSearch()
 	},

src/views/list/settings/delete.vue

@@ -21,6 +21,8 @@ export default {
 	},
 	created() {
 		this.listService = new ListService()
+		const list = this.$store.getters['lists/getListById'](this.$route.params.listId)
+		this.setTitle(`Delete "${list.title}"`)
 	},
 	methods: {
 		deleteList() {

src/views/list/settings/duplicate.vue

@@ -31,6 +31,7 @@ export default {
 	},
 	created() {
 		this.listDuplicateService = new ListDuplicateService()
+		this.setTitle('Duplicate List')
 	},
 	methods: {
 		selectNamespace(namespace) {

src/views/list/settings/edit.vue

@@ -106,7 +106,7 @@ export default {
 				.then(r => {
 					this.$set(this, 'list', r)
 					this.$store.commit(CURRENT_LIST, r)
-					this.setTitle(`Edit ${this.list.title}`)
+					this.setTitle(`Edit "${this.list.title}"`)
 				})
 				.catch(e => {
 					this.error(e, this)

src/views/list/settings/share.vue

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

src/views/namespaces/settings/archive.vue

@@ -28,6 +28,7 @@ export default {
 	created() {
 		this.namespaceService = new NamespaceService()
 		this.namespace = this.$store.getters['namespaces/getNamespaceById'](this.$route.params.id)
+		this.setTitle(`Archive "${this.namespace.title}"`)
 	},
 	methods: {
 		archiveNamespace() {

src/views/namespaces/settings/delete.vue

@@ -21,6 +21,9 @@ export default {
 	},
 	created() {
 		this.namespaceService = new NamespaceService()
+
+		const namespace = this.$store.getters['namespaces/getNamespaceById'](this.$route.params.id)
+		this.setTitle(`Delete "${namespace.title}"`)
 	},
 	methods: {
 		deleteNamespace() {

src/views/namespaces/settings/edit.vue

@@ -115,7 +115,7 @@ export default {
 					// 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 ${r.title}`)
+					this.setTitle(`Edit "${r.title}"`)
 				})
 				.catch(e => {
 					this.error(e, this)

src/views/namespaces/settings/share.vue

@@ -66,7 +66,7 @@ export default {
 					// 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(`Share ${this.namespace.title}`)
+					this.setTitle(`Share "${this.namespace.title}"`)
 				})
 				.catch(e => {
 					this.error(e, this)