fix: directly set arrays, objects and delete directly

Not needed since vue3 uses proxies

src/views/list/settings/background.vue

@@ -104,8 +104,8 @@ export default {
 				return
 			}
 			// This is an extra method to reset a few things when searching to not break loading more photos.
-			this.$set(this, 'backgroundSearchResult', [])
-			this.$set(this, 'backgroundThumbs', {})
+			this.backgroundSearchResult = []
+			this.backgroundThumbs = {}
 			this.searchBackgrounds()
 		},
 		searchBackgrounds(page = 1) {
@@ -124,7 +124,7 @@ export default {
 						r.forEach(b => {
 							this.backgroundService.thumb(b)
 								.then(t => {
-									this.$set(this.backgroundThumbs, b.id, t)
+									this.backgroundThumbs[b.id] = t
 								})
 						})
 					})

src/views/list/settings/edit.vue

@@ -106,7 +106,7 @@ export default {
 
 			this.listService.get(list)
 				.then(r => {
-					this.$set(this, 'list', r)
+					this.list = r
 					this.$store.commit(CURRENT_LIST, r)
 					this.setTitle(this.$t('list.edit.title', {list: this.list.title}))
 				})

src/views/list/settings/share.vue

@@ -61,7 +61,7 @@ export default {
 
 			this.listService.get(list)
 				.then(r => {
-					this.$set(this, 'list', r)
+					this.list = r
 					this.$store.commit(CURRENT_LIST, r)
 					// This will trigger the dynamic loading of components once we actually have all the data to pass to them
 					this.manageTeamsComponent = 'userTeam'