From d114f80dcaf1d64ba96d18e768fa6b915e291048 Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Wed, 15 May 2024 10:39:03 +0200
Subject: [PATCH] chore(vue3): remove $set/$delete

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 src/components/CallView/CallView.vue          |  4 +-
 .../ConversationSettings/BotsSettings.vue     |  5 +-
 .../MessagesGroup/MessagesSystemGroup.vue     |  2 +-
 src/components/MessagesList/MessagesList.vue  | 12 +--
 src/store/callViewStore.js                    |  8 +-
 src/store/conversationsStore.js               | 31 ++++----
 src/store/fileUploadStore.js                  | 20 +++--
 src/store/messagesStore.js                    | 73 +++++++++----------
 src/store/participantsStore.js                | 55 +++++++-------
 src/store/pollStore.js                        | 19 +++--
 src/stores/bots.ts                            |  7 +-
 src/stores/breakoutRooms.ts                   |  7 +-
 src/stores/chatExtras.js                      | 25 +++----
 src/stores/federation.ts                      | 21 +++---
 src/stores/guestName.js                       |  7 +-
 src/stores/reactions.js                       | 17 ++---
 src/stores/settings.js                        | 20 +++--
 src/stores/sharedItems.js                     | 15 ++--
 18 files changed, 163 insertions(+), 185 deletions(-)

diff --git a/src/components/CallView/CallView.vue b/src/components/CallView/CallView.vue
index ce4807d2cd53..cc0b747df878 100644
--- a/src/components/CallView/CallView.vue
+++ b/src/components/CallView/CallView.vue
@@ -458,7 +458,7 @@ export default {
 			removedModelIds.forEach(removedModelId => {
 				this.sharedDatas[removedModelId].remoteVideoBlocker.destroy()
 
-				this.$delete(this.sharedDatas, removedModelId)
+				delete this.sharedDatas[removedModelId]
 
 				this.speakingUnwatchers[removedModelId]()
 				// Not reactive, but not a problem
@@ -485,7 +485,7 @@ export default {
 					screenVisible: false,
 				}
 
-				this.$set(this.sharedDatas, addedModel.attributes.peerId, sharedData)
+				this.sharedDatas[addedModel.attributes.peerId] = sharedData
 
 				// Not reactive, but not a problem
 				this.speakingUnwatchers[addedModel.attributes.peerId] = this.$watch(function() {
diff --git a/src/components/ConversationSettings/BotsSettings.vue b/src/components/ConversationSettings/BotsSettings.vue
index 36a8f8fcd1c0..8fb9c5fb758c 100644
--- a/src/components/ConversationSettings/BotsSettings.vue
+++ b/src/components/ConversationSettings/BotsSettings.vue
@@ -34,9 +34,6 @@
 </template>
 
 <script>
-
-import Vue from 'vue'
-
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 
 import { BOT } from '../../constants.js'
@@ -87,7 +84,7 @@ export default {
 
 	async created() {
 		(await this.botsStore.loadConversationBots(this.token)).forEach(id => {
-			Vue.set(this.isLoading, id, false)
+			this.isLoading[id] = false
 		})
 	},
 
diff --git a/src/components/MessagesList/MessagesGroup/MessagesSystemGroup.vue b/src/components/MessagesList/MessagesGroup/MessagesSystemGroup.vue
index 34d7863859ef..36ff947b3318 100644
--- a/src/components/MessagesList/MessagesGroup/MessagesSystemGroup.vue
+++ b/src/components/MessagesList/MessagesGroup/MessagesSystemGroup.vue
@@ -231,7 +231,7 @@ export default {
 		},
 
 		toggleCollapsed(group) {
-			this.$set(group, 'collapsed', !group.collapsed)
+			group.collapsed = !group.collapsed
 			this.groupIsCollapsed[group.id] = group.collapsed
 		},
 
diff --git a/src/components/MessagesList/MessagesList.vue b/src/components/MessagesList/MessagesList.vue
index 6b0c5be6486e..2a65944dfc3a 100644
--- a/src/components/MessagesList/MessagesList.vue
+++ b/src/components/MessagesList/MessagesList.vue
@@ -393,11 +393,11 @@ export default {
 						this.softUpdateAuthorGroups(oldDateGroups[dateTimestamp], newDateGroups[dateTimestamp], dateTimestamp)
 					} else {
 						// the group is new
-						this.$set(this.messagesGroupedByDateByAuthor, dateTimestamp, newDateGroups[dateTimestamp])
+						this.messagesGroupedByDateByAuthor[dateTimestamp] = newDateGroups[dateTimestamp]
 					}
 				} else {
 					// the group is not in the new list, remove it
-					this.$delete(this.messagesGroupedByDateByAuthor, dateTimestamp)
+					delete this.messagesGroupedByDateByAuthor[dateTimestamp]
 				}
 			})
 		},
@@ -415,7 +415,7 @@ export default {
 				if (oldGroup.messages.some(message => !newGroupIdSet.has(message.id))) {
 					// Delete groups of normal and temporary messages,
 					// if at least one message from the group is no longer in the store
-					this.$delete(this.messagesGroupedByDateByAuthor[dateTimestamp], id)
+					delete this.messagesGroupedByDateByAuthor[dateTimestamp][id]
 				}
 			})
 			Object.entries(newGroups).forEach(([id, newGroup]) => {
@@ -424,13 +424,13 @@ export default {
 						.find(key => +id < +key && oldGroups[key].nextMessageId <= newGroup.nextMessageId)
 					if (oldId) {
 						// newGroup includes oldGroup and more old messages, remove oldGroup
-						this.$delete(this.messagesGroupedByDateByAuthor[dateTimestamp], oldId)
+						delete this.messagesGroupedByDateByAuthor[dateTimestamp][oldId]
 					}
 					// newGroup is not presented in the list, add it
-					this.$set(this.messagesGroupedByDateByAuthor[dateTimestamp], id, newGroup)
+					this.messagesGroupedByDateByAuthor[dateTimestamp][id] = newGroup
 				} else if (!this.areGroupsIdentical(newGroup, oldGroups[id])) {
 					// newGroup includes oldGroup and more recent messages
-					this.$set(this.messagesGroupedByDateByAuthor[dateTimestamp], id, newGroup)
+					this.messagesGroupedByDateByAuthor[dateTimestamp][id] = newGroup
 				}
 			})
 		},
diff --git a/src/store/callViewStore.js b/src/store/callViewStore.js
index b97af8accec5..b50642a67bba 100644
--- a/src/store/callViewStore.js
+++ b/src/store/callViewStore.js
@@ -3,8 +3,6 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import Vue from 'vue'
-
 import {
 	CONVERSATION,
 } from '../constants.js'
@@ -93,16 +91,16 @@ const mutations = {
 			throw new Error('Missing or empty sessionId argument in call to setParticipantHandRaised')
 		}
 		if (raisedHand && raisedHand.state) {
-			Vue.set(state.participantRaisedHands, sessionId, raisedHand)
+			state.participantRaisedHands[sessionId] = raisedHand
 		} else {
-			Vue.delete(state.participantRaisedHands, sessionId)
+			delete state.participantRaisedHands[sessionId]
 		}
 	},
 	clearParticipantHandRaised(state) {
 		state.participantRaisedHands = {}
 	},
 	setCachedBackgroundImageAverageColor(state, { videoBackgroundId, backgroundImageAverageColor }) {
-		Vue.set(state.backgroundImageAverageColorCache, videoBackgroundId, backgroundImageAverageColor)
+		state.backgroundImageAverageColorCache[videoBackgroundId] = backgroundImageAverageColor
 	},
 	clearBackgroundImageAverageColorCache(state) {
 		state.backgroundImageAverageColorCache = {}
diff --git a/src/store/conversationsStore.js b/src/store/conversationsStore.js
index 661aeebb5a98..929b1e3d1e61 100644
--- a/src/store/conversationsStore.js
+++ b/src/store/conversationsStore.js
@@ -2,7 +2,6 @@
  * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import Vue from 'vue'
 
 import { getCurrentUser } from '@nextcloud/auth'
 // eslint-disable-next-line
@@ -164,7 +163,7 @@ const mutations = {
 	 * @param {object} conversation the conversation;
 	 */
 	addConversation(state, conversation) {
-		Vue.set(state.conversations, conversation.token, conversation)
+		state.conversations[conversation.token] = conversation
 	},
 
 	/**
@@ -184,59 +183,59 @@ const mutations = {
 	 * @param {string} token the token of the conversation to delete;
 	 */
 	deleteConversation(state, token) {
-		Vue.delete(state.conversations, token)
+		delete state.conversations[token]
 	},
 
 	setConversationDescription(state, { token, description }) {
-		Vue.set(state.conversations[token], 'description', description)
+		state.conversations[token].description = description
 	},
 
 	updateConversationLastReadMessage(state, { token, lastReadMessage }) {
-		Vue.set(state.conversations[token], 'lastReadMessage', lastReadMessage)
+		state.conversations[token].lastReadMessage = lastReadMessage
 	},
 
 	updateConversationLastMessage(state, { token, lastMessage }) {
-		Vue.set(state.conversations[token], 'lastMessage', lastMessage)
+		state.conversations[token].lastMessage = lastMessage
 	},
 
 	updateUnreadMessages(state, { token, unreadMessages, unreadMention, unreadMentionDirect }) {
 		if (unreadMessages !== undefined) {
-			Vue.set(state.conversations[token], 'unreadMessages', unreadMessages)
+			state.conversations[token].unreadMessages = unreadMessages
 		}
 		if (unreadMention !== undefined) {
-			Vue.set(state.conversations[token], 'unreadMention', unreadMention)
+			state.conversations[token].unreadMention = unreadMention
 		}
 		if (unreadMentionDirect !== undefined) {
-			Vue.set(state.conversations[token], 'unreadMentionDirect', unreadMentionDirect)
+			state.conversations[token].unreadMentionDirect = unreadMentionDirect
 		}
 	},
 
 	setNotificationLevel(state, { token, notificationLevel }) {
-		Vue.set(state.conversations[token], 'notificationLevel', notificationLevel)
+		state.conversations[token].notificationLevel = notificationLevel
 	},
 
 	setNotificationCalls(state, { token, notificationCalls }) {
-		Vue.set(state.conversations[token], 'notificationCalls', notificationCalls)
+		state.conversations[token].notificationCalls = notificationCalls
 	},
 
 	setConversationPermissions(state, { token, permissions }) {
-		Vue.set(state.conversations[token], 'defaultPermissions', permissions)
+		state.conversations[token].defaultPermissions = permissions
 	},
 
 	setCallPermissions(state, { token, permissions }) {
-		Vue.set(state.conversations[token], 'callPermissions', permissions)
+		state.conversations[token].callPermissions = permissions
 	},
 
 	setCallRecording(state, { token, callRecording }) {
-		Vue.set(state.conversations[token], 'callRecording', callRecording)
+		state.conversations[token].callRecording = callRecording
 	},
 
 	setMessageExpiration(state, { token, seconds }) {
-		Vue.set(state.conversations[token], 'messageExpiration', seconds)
+		state.conversations[token].messageExpiration = seconds
 	},
 
 	setConversationHasPassword(state, { token, hasPassword }) {
-		Vue.set(state.conversations[token], 'hasPassword', hasPassword)
+		state.conversations[token].hasPassword = hasPassword
 	},
 }
 
diff --git a/src/store/fileUploadStore.js b/src/store/fileUploadStore.js
index e06266a01a37..e68cdf7eb0f3 100644
--- a/src/store/fileUploadStore.js
+++ b/src/store/fileUploadStore.js
@@ -3,8 +3,6 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import Vue from 'vue'
-
 // eslint-disable-next-line
 // import { showError } from '@nextcloud/dialogs'
 import { loadState } from '@nextcloud/initial-state'
@@ -115,18 +113,18 @@ const mutations = {
 		const index = temporaryMessage.messageParameters.file.index
 		// Create upload id if not present
 		if (!state.uploads[uploadId]) {
-			Vue.set(state.uploads, uploadId, {
+			state.uploads[uploadId] = {
 				token,
 				files: {},
-			})
+			}
 		}
-		Vue.set(state.uploads[uploadId].files, index, {
+		state.uploads[uploadId].files[index] = {
 			file,
 			status: 'initialised',
 			totalSize: file.size,
 			temporaryMessage,
-		 })
-		Vue.set(state.localUrls, temporaryMessage.referenceId, localUrl)
+		}
+		state.localUrls[temporaryMessage.referenceId] = localUrl
 	},
 
 	// Marks a given file as initialized (for retry)
@@ -137,7 +135,7 @@ const mutations = {
 	// Marks a given file as ready to be uploaded (after propfind)
 	markFileAsPendingUpload(state, { uploadId, index, sharePath }) {
 		state.uploads[uploadId].files[index].status = 'pendingUpload'
-		Vue.set(state.uploads[uploadId].files[index], 'sharePath', sharePath)
+		state.uploads[uploadId].files[index].sharePath = sharePath
 	},
 
 	// Marks a given file as failed upload
@@ -178,7 +176,7 @@ const mutations = {
 	// Set temporary message for each file
 	setTemporaryMessageForFile(state, { uploadId, index, temporaryMessage }) {
 		console.debug('uploadId: ' + uploadId + ' index: ' + index)
-		Vue.set(state.uploads[uploadId].files[index], 'temporaryMessage', temporaryMessage)
+		state.uploads[uploadId].files[index].temporaryMessage = temporaryMessage
 	},
 
 	// Sets the id of the current upload operation
@@ -190,13 +188,13 @@ const mutations = {
 		const uploadId = state.currentUploadId
 		for (const key in state.uploads[uploadId].files) {
 			if (state.uploads[uploadId].files[key].temporaryMessage.id === temporaryMessageId) {
-				Vue.delete(state.uploads[uploadId].files, key)
+				delete state.uploads[uploadId].files[key]
 			}
 		}
 	},
 
 	discardUpload(state, { uploadId }) {
-		Vue.delete(state.uploads, uploadId)
+		delete state.uploads[uploadId]
 	},
 
 	storeFilesTemplates(state, { template }) {
diff --git a/src/store/messagesStore.js b/src/store/messagesStore.js
index 5205dc03213f..a48de4eded08 100644
--- a/src/store/messagesStore.js
+++ b/src/store/messagesStore.js
@@ -5,7 +5,6 @@
 import Hex from 'crypto-js/enc-hex.js'
 import SHA256 from 'crypto-js/sha256.js'
 import cloneDeep from 'lodash/cloneDeep.js'
-import Vue from 'vue'
 
 import { getCapabilities } from '@nextcloud/capabilities'
 // eslint-disable-next-line
@@ -266,17 +265,17 @@ const mutations = {
 
 	setCancelLookForNewMessages(state, { requestId, cancelFunction }) {
 		if (cancelFunction) {
-			Vue.set(state.cancelLookForNewMessages, requestId, cancelFunction)
+			state.cancelLookForNewMessages[requestId] = cancelFunction
 		} else {
-			Vue.delete(state.cancelLookForNewMessages, requestId)
+			delete state.cancelLookForNewMessages[requestId]
 		}
 	},
 
 	setCancelPostNewMessage(state, { messageId, cancelFunction }) {
 		if (cancelFunction) {
-			Vue.set(state.cancelPostNewMessage, messageId, cancelFunction)
+			state.cancelPostNewMessage[messageId] = cancelFunction
 		} else {
-			Vue.delete(state.cancelPostNewMessage, messageId)
+			delete state.cancelPostNewMessage[messageId]
 		}
 	},
 
@@ -290,14 +289,12 @@ const mutations = {
 	 */
 	addMessage(state, { token, message }) {
 		if (!state.messages[token]) {
-			Vue.set(state.messages, token, {})
+			state.messages[token] = {}
 		}
 		if (state.messages[token][message.id]) {
-			Vue.set(state.messages[token], message.id,
-				Object.assign({}, state.messages[token][message.id], message)
-			)
+			state.messages[token][message.id] = Object.assign({}, state.messages[token][message.id], message)
 		} else {
-			Vue.set(state.messages[token], message.id, message)
+			state.messages[token][message.id] = message
 		}
 	},
 	/**
@@ -310,7 +307,7 @@ const mutations = {
 	 */
 	deleteMessage(state, { token, id }) {
 		if (state.messages[token][id]) {
-			Vue.delete(state.messages[token], id)
+			delete state.messages[token][id]
 		}
 	},
 
@@ -327,8 +324,8 @@ const mutations = {
 		if (!state.messages[token][id]) {
 			return
 		}
-		Vue.set(state.messages[token][id], 'messageType', 'comment_deleted')
-		Vue.set(state.messages[token][id], 'message', placeholder)
+		state.messages[token][id].messageType = 'comment_deleted'
+		state.messages[token][id].message = placeholder
 	},
 	/**
 	 * Adds a temporary message to the store.
@@ -340,9 +337,9 @@ const mutations = {
 	 */
 	addTemporaryMessage(state, { token, message }) {
 		if (!state.messages[token]) {
-			Vue.set(state.messages, token, {})
+			state.messages[token] = {}
 		}
-		Vue.set(state.messages[token], message.id, message)
+		state.messages[token][message.id] = message
 	},
 
 	/**
@@ -357,9 +354,9 @@ const mutations = {
 	 */
 	markTemporaryMessageAsFailed(state, { token, id, uploadId = undefined, reason }) {
 		if (state.messages[token][id]) {
-			Vue.set(state.messages[token][id], 'sendingFailure', reason)
+			state.messages[token][id].sendingFailure = reason
 			if (uploadId) {
-				Vue.set(state.messages[token][id], 'uploadId', uploadId)
+				state.messages[token][id].uploadId = uploadId
 			}
 		}
 	},
@@ -371,7 +368,7 @@ const mutations = {
 	 * @param {string} data.id Id of the first known chat message
 	 */
 	setFirstKnownMessageId(state, { token, id }) {
-		Vue.set(state.firstKnown, token, id)
+		state.firstKnown[token] = id
 	},
 
 	/**
@@ -381,7 +378,7 @@ const mutations = {
 	 * @param {string} data.id Id of the last known chat message
 	 */
 	setLastKnownMessageId(state, { token, id }) {
-		Vue.set(state.lastKnown, token, id)
+		state.lastKnown[token] = id
 	},
 
 	/**
@@ -391,7 +388,7 @@ const mutations = {
 	 * @param {string} data.id Id of the last read chat message
 	 */
 	setVisualLastReadMessageId(state, { token, id }) {
-		Vue.set(state.visualLastReadMessageId, token, id)
+		state.visualLastReadMessageId[token] = id
 	},
 
 	/**
@@ -402,16 +399,16 @@ const mutations = {
 	 */
 	purgeMessagesStore(state, token) {
 		if (state.firstKnown[token]) {
-			Vue.delete(state.firstKnown, token)
+			delete state.firstKnown[token]
 		}
 		if (state.lastKnown[token]) {
-			Vue.delete(state.lastKnown, token)
+			delete state.lastKnown[token]
 		}
 		if (state.visualLastReadMessageId[token]) {
-			Vue.delete(state.visualLastReadMessageId, token)
+			delete state.visualLastReadMessageId[token]
 		}
 		if (state.messages[token]) {
-			Vue.delete(state.messages, token)
+			delete state.messages[token]
 		}
 	},
 
@@ -425,16 +422,16 @@ const mutations = {
 	 * @param {number} payload.id the id of the message to be the first one after clear;
 	 */
 	clearMessagesHistory(state, { token, id }) {
-		Vue.set(state.firstKnown, token, id)
+		state.firstKnown[token] = id
 
 		if (state.visualLastReadMessageId[token] && state.visualLastReadMessageId[token] < id) {
-			Vue.set(state.visualLastReadMessageId, token, id)
+			state.visualLastReadMessageId[token] = id
 		}
 
 		if (state.messages[token]) {
 			for (const messageId of Object.keys(state.messages[token])) {
 				if (+messageId < id) {
-					Vue.delete(state.messages[token], messageId)
+					delete state.messages[token][messageId]
 				}
 			}
 		}
@@ -444,20 +441,20 @@ const mutations = {
 	addReactionToMessage(state, { token, messageId, reaction }) {
 		const message = state.messages[token][messageId]
 		if (!message.reactions[reaction]) {
-			Vue.set(message.reactions, reaction, 0)
+			message.reactions[reaction] = 0
 		}
 		const reactionCount = message.reactions[reaction] + 1
-		Vue.set(message.reactions, reaction, reactionCount)
+		message.reactions[reaction] = reactionCount
 
 		if (!message.reactionsSelf) {
-			Vue.set(message, 'reactionsSelf', [reaction])
+			message.reactionsSelf = [reaction]
 		} else {
-			Vue.set(message, 'reactionsSelf', message.reactionsSelf.concat(reaction))
+			message.reactionsSelf = message.reactionsSelf.concat(reaction)
 		}
 	},
 
 	loadedMessagesOfConversation(state, { token }) {
-		Vue.set(state.loadedMessages, token, true)
+		state.loadedMessages[token] = true
 	},
 
 	// Decreases reaction count for a particular reaction on a message
@@ -465,13 +462,13 @@ const mutations = {
 		const message = state.messages[token][messageId]
 		const reactionCount = message.reactions[reaction] - 1
 		if (reactionCount <= 0) {
-			Vue.delete(message.reactions, reaction)
+			delete message.reactions[reaction]
 		} else {
-			Vue.set(message.reactions, reaction, reactionCount)
+			message.reactions[reaction] = reactionCount
 		}
 
 		if (message.reactionsSelf?.includes(reaction)) {
-			Vue.set(message, 'reactionsSelf', message.reactionsSelf.filter(item => item !== reaction))
+			message.reactionsSelf = message.reactionsSelf.filter(item => item !== reaction)
 		}
 	},
 
@@ -485,7 +482,7 @@ const mutations = {
 		messageIds.forEach((messageId) => {
 			if (state.messages[token][messageId].expirationTimestamp
 				&& timestamp > state.messages[token][messageId].expirationTimestamp) {
-				Vue.delete(state.messages[token], messageId)
+				delete state.messages[token][messageId]
 			}
 		})
 	},
@@ -504,11 +501,11 @@ const mutations = {
 		const newFirstKnown = messagesToRemove.shift()
 
 		messagesToRemove.forEach((messageId) => {
-			Vue.delete(state.messages[token], messageId)
+			delete state.messages[token][messageId]
 		})
 
 		if (state.firstKnown[token] && messagesToRemove.includes(state.firstKnown[token].toString())) {
-			Vue.set(state.firstKnown, token, +newFirstKnown)
+			state.firstKnown[token] = +newFirstKnown
 		}
 	},
 }
diff --git a/src/store/participantsStore.js b/src/store/participantsStore.js
index 827f7b308b04..9e4e49fbe067 100644
--- a/src/store/participantsStore.js
+++ b/src/store/participantsStore.js
@@ -4,7 +4,6 @@
  */
 import Hex from 'crypto-js/enc-hex.js'
 import SHA1 from 'crypto-js/sha1.js'
-import Vue from 'vue'
 
 // eslint-disable-next-line
 // import { showError } from '@nextcloud/dialogs'
@@ -277,9 +276,9 @@ const mutations = {
 	 */
 	addParticipant(state, { token, participant }) {
 		if (!state.attendees[token]) {
-			Vue.set(state.attendees, token, {})
+			state.attendees[token] = {}
 		}
-		Vue.set(state.attendees[token], participant.attendeeId, participant)
+		state.attendees[token][participant.attendeeId] = participant
 	},
 
 	updateParticipant(state, { token, attendeeId, updatedData }) {
@@ -292,41 +291,41 @@ const mutations = {
 
 	deleteParticipant(state, { token, attendeeId }) {
 		if (state.attendees[token] && state.attendees[token][attendeeId]) {
-			Vue.delete(state.attendees[token], attendeeId)
+			delete state.attendees[token][attendeeId]
 		} else {
 			console.error('The conversation you are trying to purge doesn\'t exist')
 		}
 	},
 
 	setParticipantsInitialised(state, { token, initialised }) {
-		Vue.set(state.initialised, token, initialised)
+		state.initialised[token] = initialised
 	},
 
 	setInCall(state, { token, sessionId, flags }) {
 		if (flags === PARTICIPANT.CALL_FLAG.DISCONNECTED) {
 			if (state.inCall[token] && state.inCall[token][sessionId]) {
-				Vue.delete(state.inCall[token], sessionId)
+				delete state.inCall[token][sessionId]
 			}
 
 			if (state.connecting[token] && state.connecting[token][sessionId]) {
-				Vue.delete(state.connecting[token], sessionId)
+				delete state.connecting[token][sessionId]
 			}
 		} else {
 			if (!state.inCall[token]) {
-				Vue.set(state.inCall, token, {})
+				state.inCall[token] = {}
 			}
-			Vue.set(state.inCall[token], sessionId, flags)
+			state.inCall[token][sessionId] = flags
 
 			if (!state.connecting[token]) {
-				Vue.set(state.connecting, token, {})
+				state.connecting[token] = {}
 			}
-			Vue.set(state.connecting[token], sessionId, flags)
+			state.connecting[token][sessionId] = flags
 		}
 	},
 
 	finishedConnecting(state, { token, sessionId }) {
 		if (state.connecting[token] && state.connecting[token][sessionId]) {
-			Vue.delete(state.connecting[token], sessionId)
+			delete state.connecting[token][sessionId]
 		}
 	},
 
@@ -351,7 +350,7 @@ const mutations = {
 	 */
 	setTyping(state, { token, sessionId, typing, expirationTimeout }) {
 		if (!state.typing[token]) {
-			Vue.set(state.typing, token, {})
+			state.typing[token] = {}
 		}
 
 		if (state.typing[token][sessionId]) {
@@ -359,9 +358,9 @@ const mutations = {
 		}
 
 		if (typing) {
-			Vue.set(state.typing[token], sessionId, { expirationTimeout })
+			state.typing[token][sessionId] = { expirationTimeout }
 		} else {
-			Vue.delete(state.typing[token], sessionId)
+			delete state.typing[token][sessionId]
 		}
 	},
 
@@ -383,7 +382,7 @@ const mutations = {
 	setSpeaking(state, { attendeeId, speaking }) {
 		// create a dummy object for current call
 		if (!state.speaking[attendeeId]) {
-			Vue.set(state.speaking, attendeeId, { speaking, lastTimestamp: Date.now(), totalCountedTime: 0 })
+			(state.speaking[attendeeId] = { speaking, lastTimestamp: Date.now(), totalCountedTime: 0 })
 		}
 		state.speaking[attendeeId].speaking = speaking
 	},
@@ -395,7 +394,7 @@ const mutations = {
 	 * @param {number} interval - interval id.
 	 */
 	setSpeakingInterval(state, interval) {
-		Vue.set(state, 'speakingInterval', interval)
+		state.speakingInterval = interval
 	},
 
 	/**
@@ -435,11 +434,11 @@ const mutations = {
 	 * @param {object} state - current store state.
 	 */
 	purgeSpeakingStore(state) {
-		Vue.set(state, 'speaking', {})
+		state.speaking = {}
 
 		if (state.speakingInterval) {
 			clearInterval(state.speakingInterval)
-			Vue.set(state, 'speakingInterval', null)
+			state.speakingInterval = null
 		}
 	},
 
@@ -451,20 +450,20 @@ const mutations = {
 	 */
 	purgeParticipantsStore(state, token) {
 		if (state.attendees[token]) {
-			Vue.delete(state.attendees, token)
+			delete state.attendees[token]
 		}
 	},
 
 	addPeer(state, { token, peer }) {
 		if (!state.peers[token]) {
-			Vue.set(state.peers, token, [])
+			state.peers[token] = []
 		}
-		Vue.set(state.peers[token], peer.sessionId, peer)
+		state.peers[token][peer.sessionId] = peer
 	},
 
 	purgePeersStore(state, token) {
 		if (state.peers[token]) {
-			Vue.delete(state.peers, token)
+			delete state.peers[token]
 		}
 	},
 
@@ -474,20 +473,20 @@ const mutations = {
 
 	setPhoneState(state, { callid, value = {} }) {
 		if (!state.phones[callid]) {
-			Vue.set(state.phones, callid, { state: null, mute: 0 })
+			state.phones[callid] = { state: null, mute: 0 }
 		}
-		Vue.set(state.phones[callid], 'state', value)
+		state.phones[callid].state = value
 	},
 
 	setPhoneMute(state, { callid, value }) {
 		if (!state.phones[callid]) {
-			Vue.set(state.phones, callid, { state: null, mute: 0 })
+			state.phones[callid] = { state: null, mute: 0 }
 		}
-		Vue.set(state.phones[callid], 'mute', value)
+		state.phones[callid].mute = value
 	},
 
 	deletePhoneState(state, callid) {
-		Vue.delete(state.phones, callid)
+		delete state.phones[callid]
 	},
 }
 
diff --git a/src/store/pollStore.js b/src/store/pollStore.js
index b4beb13c1f76..1f88962d3004 100644
--- a/src/store/pollStore.js
+++ b/src/store/pollStore.js
@@ -3,7 +3,6 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import debounce from 'debounce'
-import Vue from 'vue'
 
 // eslint-disable-next-line
 // import { showError, showInfo, TOAST_PERMANENT_TIMEOUT } from '@nextcloud/dialogs'
@@ -36,45 +35,45 @@ const getters = {
 const mutations = {
 	addPoll(state, { token, poll }) {
 		if (!state.polls[token]) {
-			Vue.set(state.polls, token, {})
+			state.polls[token] = {}
 		}
-		Vue.set(state.polls[token], poll.id, poll)
+		state.polls[token][poll.id] = poll
 	},
 
 	setActivePoll(state, { token, pollId, name }) {
-		Vue.set(state, 'activePoll', { token, id: pollId, name })
+		state.activePoll = { token, id: pollId, name }
 	},
 
 	removeActivePoll(state) {
 		if (state.activePoll) {
-			Vue.set(state, 'activePoll', null)
+			state.activePoll = null
 		}
 	},
 
 	addPollToast(state, { pollId, toast }) {
-		Vue.set(state.pollToastsQueue, pollId, toast)
+		state.pollToastsQueue[pollId] = toast
 	},
 
 	hidePollToast(state, id) {
 		if (state.pollToastsQueue[id]) {
 			state.pollToastsQueue[id].hideToast()
-			Vue.delete(state.pollToastsQueue, id)
+			delete state.pollToastsQueue[id]
 		}
 	},
 
 	hideAllPollToasts(state) {
 		for (const id in state.pollToastsQueue) {
 			state.pollToastsQueue[id].hideToast()
-			Vue.delete(state.pollToastsQueue, id)
+			delete state.pollToastsQueue[id]
 		}
 	},
 
 	// Add debounce function for getting the poll data
 	addDebounceGetPollDataFunction(state, { token, pollId, debounceGetPollDataFunction }) {
 		if (!state.pollDebounceFunctions[token]) {
-			Vue.set(state.pollDebounceFunctions, token, {})
+			state.pollDebounceFunctions[token] = {}
 		}
-		Vue.set(state.pollDebounceFunctions[token], pollId, debounceGetPollDataFunction)
+		state.pollDebounceFunctions[token][pollId] = debounceGetPollDataFunction
 	},
 }
 
diff --git a/src/stores/bots.ts b/src/stores/bots.ts
index e3efa746837d..0aa3e0156abd 100644
--- a/src/stores/bots.ts
+++ b/src/stores/bots.ts
@@ -4,7 +4,6 @@
  */
 
 import { defineStore } from 'pinia'
-import Vue from 'vue'
 
 import { BOT } from '../constants.js'
 import { disableBotForConversation, enableBotForConversation, getConversationBots } from '../services/botsService.ts'
@@ -30,13 +29,13 @@ export const useBotsStore = defineStore('bots', {
 		 */
 		async loadConversationBots(token: string): Promise<Bot['id'][]> {
 			if (!this.bots[token]) {
-				Vue.set(this.bots, token, {})
+				this.bots[token] = {}
 			}
 
 			const response = await getConversationBots(token)
 
 			return response.data.ocs.data.map((bot: Bot) => {
-				Vue.set(this.bots[token], bot.id, bot)
+				this.bots[token][bot.id] = bot
 				return bot.id
 			})
 		},
@@ -52,7 +51,7 @@ export const useBotsStore = defineStore('bots', {
 				? await disableBotForConversation(token, bot.id)
 				: await enableBotForConversation(token, bot.id)
 
-			Vue.set(this.bots[token], bot.id, response.data.ocs.data)
+			this.bots[token][bot.id] = response.data.ocs.data
 		},
 	},
 })
diff --git a/src/stores/breakoutRooms.ts b/src/stores/breakoutRooms.ts
index bcc91063dea6..d80c29e4e617 100644
--- a/src/stores/breakoutRooms.ts
+++ b/src/stores/breakoutRooms.ts
@@ -4,7 +4,6 @@
  */
 
 import { defineStore } from 'pinia'
-import Vue from 'vue'
 
 // eslint-disable-next-line
 // import { showError } from '@nextcloud/dialogs'
@@ -81,7 +80,7 @@ export const useBreakoutRoomsStore = defineStore('breakoutRooms', {
 			for (const roomToken in this.rooms[token]) {
 				store.dispatch('deleteConversation', roomToken)
 			}
-			Vue.delete(this.rooms, token)
+			delete this.rooms[token]
 		},
 
 		/**
@@ -92,9 +91,9 @@ export const useBreakoutRoomsStore = defineStore('breakoutRooms', {
 		 */
 		addBreakoutRoom(token: string, breakoutRoom: BreakoutRoom) {
 			if (!this.rooms[token]) {
-				Vue.set(this.rooms, token, {})
+				this.rooms[token] = {}
 			}
-			Vue.set(this.rooms[token], breakoutRoom.token, breakoutRoom)
+			this.rooms[token][breakoutRoom.token] = breakoutRoom
 		},
 
 		/**
diff --git a/src/stores/chatExtras.js b/src/stores/chatExtras.js
index 9bf2dfbf3888..836873810dc7 100644
--- a/src/stores/chatExtras.js
+++ b/src/stores/chatExtras.js
@@ -4,7 +4,6 @@
  */
 
 import { defineStore } from 'pinia'
-import Vue from 'vue'
 
 import BrowserStorage from '../services/BrowserStorage.js'
 import { EventBus } from '../services/EventBus.js'
@@ -78,11 +77,11 @@ export const useChatExtrasStore = defineStore('chatExtras', {
 		async getUserAbsence({ token, userId }) {
 			try {
 				const response = await getUserAbsence(userId)
-				Vue.set(this.absence, token, response.data.ocs.data)
+				this.absence[token] = response.data.ocs.data
 				return this.absence[token]
 			} catch (error) {
 				if (error?.response?.status === 404) {
-					Vue.set(this.absence, token, null)
+					this.absence[token] = null
 					return null
 				}
 				console.error(error)
@@ -97,7 +96,7 @@ export const useChatExtrasStore = defineStore('chatExtras', {
 		 */
 		removeUserAbsence(token) {
 			if (this.absence[token]) {
-				Vue.delete(this.absence, token)
+				delete this.absence[token]
 			}
 		},
 
@@ -109,7 +108,7 @@ export const useChatExtrasStore = defineStore('chatExtras', {
 		 * @param {number} payload.id The id of message
 		 */
 		setParentIdToReply({ token, id }) {
-			Vue.set(this.parentToReply, token, id)
+			this.parentToReply[token] = id
 		},
 
 		/**
@@ -119,7 +118,7 @@ export const useChatExtrasStore = defineStore('chatExtras', {
 		 * @param {string} token The conversation token
 		 */
 		removeParentIdToReply(token) {
-			Vue.delete(this.parentToReply, token)
+			delete this.parentToReply[token]
 		},
 
 		/**
@@ -130,7 +129,7 @@ export const useChatExtrasStore = defineStore('chatExtras', {
 		restoreChatInput(token) {
 			const chatInput = BrowserStorage.getItem('chatInput_' + token)
 			if (chatInput) {
-				Vue.set(this.chatInput, token, chatInput)
+				this.chatInput[token] = chatInput
 			}
 		},
 
@@ -144,7 +143,7 @@ export const useChatExtrasStore = defineStore('chatExtras', {
 		setChatInput({ token, text }) {
 			const parsedText = parseSpecialSymbols(text)
 			BrowserStorage.setItem('chatInput_' + token, parsedText)
-			Vue.set(this.chatInput, token, parsedText)
+			this.chatInput[token] = parsedText
 		},
 
 		/**
@@ -162,7 +161,7 @@ export const useChatExtrasStore = defineStore('chatExtras', {
 			parsedText = parseMentions(parsedText, parameters)
 			parsedText = parseSpecialSymbols(parsedText)
 
-			Vue.set(this.chatEditInput, token, parsedText)
+			this.chatEditInput[token] = parsedText
 		},
 
 		/**
@@ -172,7 +171,7 @@ export const useChatExtrasStore = defineStore('chatExtras', {
 		 * @param {number} id The id of message
 		 */
 		setMessageIdToEdit(token, id) {
-			Vue.set(this.messageIdToEdit, token, id)
+			this.messageIdToEdit[token] = id
 		},
 
 		/**
@@ -181,8 +180,8 @@ export const useChatExtrasStore = defineStore('chatExtras', {
 		 * @param {string} token The conversation token
 		 */
 		removeMessageIdToEdit(token) {
-			Vue.delete(this.chatEditInput, token)
-			Vue.delete(this.messageIdToEdit, token)
+			delete this.chatEditInput[token]
+			delete this.messageIdToEdit[token]
 		},
 
 		/**
@@ -192,7 +191,7 @@ export const useChatExtrasStore = defineStore('chatExtras', {
 		 */
 		removeChatInput(token) {
 			BrowserStorage.removeItem('chatInput_' + token)
-			Vue.delete(this.chatInput, token)
+			delete this.chatInput[token]
 		},
 
 		initiateEditingMessage({ token, id, message, messageParameters }) {
diff --git a/src/stores/federation.ts b/src/stores/federation.ts
index cdaca99c27a8..b3d5cc03d6bf 100644
--- a/src/stores/federation.ts
+++ b/src/stores/federation.ts
@@ -4,7 +4,6 @@
  */
 
 import { defineStore } from 'pinia'
-import Vue from 'vue'
 
 // eslint-disable-next-line
 // import { showError } from '@nextcloud/dialogs'
@@ -33,9 +32,9 @@ export const useFederationStore = defineStore('federation', {
 				const response = await getShares()
 				response.data.ocs.data.forEach(item => {
 					if (item.state === FEDERATION.STATE.ACCEPTED) {
-						Vue.set(this.acceptedShares, item.id, item)
+						this.acceptedShares[item.id] = item
 					} else {
-						Vue.set(this.pendingShares, item.id, item)
+						this.pendingShares[item.id] = item
 					}
 				})
 			} catch (error) {
@@ -67,7 +66,7 @@ export const useFederationStore = defineStore('federation', {
 				inviterCloudId: id + '@' + remoteServerUrl,
 				inviterDisplayName: name,
 			}
-			Vue.set(this.pendingShares, invitation.id, invitation)
+			this.pendingShares[invitation.id] = invitation
 		},
 
 		/**
@@ -80,13 +79,13 @@ export const useFederationStore = defineStore('federation', {
 			if (!this.pendingShares[id]) {
 				return
 			}
-			Vue.delete(this.pendingShares[id], 'loading')
-			Vue.set(this.acceptedShares, id, {
+			delete this.pendingShares[id].loading
+			this.acceptedShares[id] = {
 				...this.pendingShares[id],
 				localToken: conversation.token,
 				state: FEDERATION.STATE.ACCEPTED,
-			})
-			Vue.delete(this.pendingShares, id)
+			}
+			delete this.pendingShares[id]
 		},
 
 		/**
@@ -99,7 +98,7 @@ export const useFederationStore = defineStore('federation', {
 				return
 			}
 			try {
-				Vue.set(this.pendingShares[id], 'loading', 'accept')
+				this.pendingShares[id].loading = 'accept'
 				const response = await acceptShare(id)
 				this.markInvitationAccepted(id, response.data.ocs.data)
 				return response.data.ocs.data
@@ -119,9 +118,9 @@ export const useFederationStore = defineStore('federation', {
 				return
 			}
 			try {
-				Vue.set(this.pendingShares[id], 'loading', 'reject')
+				this.pendingShares[id].loading = 'reject'
 				await rejectShare(id)
-				Vue.delete(this.pendingShares, id)
+				delete this.pendingShares[id]
 			} catch (error) {
 				console.error(error)
 				window.OCP.Toast.error(t('spreed', 'An error occurred while rejecting an invitation'))
diff --git a/src/stores/guestName.js b/src/stores/guestName.js
index 6a1b1feff363..45268293e04a 100644
--- a/src/stores/guestName.js
+++ b/src/stores/guestName.js
@@ -3,7 +3,6 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 import { defineStore } from 'pinia'
-import Vue from 'vue'
 
 import { emit } from '@nextcloud/event-bus'
 
@@ -57,17 +56,17 @@ export const useGuestNameStore = defineStore('guestName', {
 		 */
 		addGuestName({ token, actorId, actorDisplayName }, { noUpdate }) {
 			if (!this.guestNames[token]) {
-				Vue.set(this.guestNames, token, {})
+				this.guestNames[token] = {}
 
 			}
 			if (!this.guestNames[token][actorId] || actorDisplayName === '') {
-				Vue.set(this.guestNames[token], actorId, t('spreed', 'Guest'))
+				this.guestNames[token][actorId] = t('spreed', 'Guest')
 			} else if (noUpdate) {
 				return
 			}
 
 			if (actorDisplayName) {
-				Vue.set(this.guestNames[token], actorId, actorDisplayName)
+				this.guestNames[token][actorId] = actorDisplayName
 			}
 		},
 
diff --git a/src/stores/reactions.js b/src/stores/reactions.js
index 40defa420a8c..5785949b6c22 100644
--- a/src/stores/reactions.js
+++ b/src/stores/reactions.js
@@ -4,7 +4,6 @@
  */
 
 import { defineStore } from 'pinia'
-import Vue from 'vue'
 
 // eslint-disable-next-line
 // import { showError } from '@nextcloud/dialogs'
@@ -60,16 +59,16 @@ export const useReactionsStore = defineStore('reactions', {
 		 *
 		 */
 		purgeReactionsStore(token) {
-			Vue.delete(this.reactions, token)
+			delete this.reactions[token]
 		},
 
 		checkForExistence(token, messageId) {
 			if (!this.reactions[token]) {
-				Vue.set(this.reactions, token, {})
+				this.reactions[token] = {}
 			}
 
 			if (!this.reactions[token][messageId]) {
-				Vue.set(this.reactions[token], messageId, {})
+				this.reactions[token][messageId] = {}
 			}
 		},
 
@@ -84,7 +83,7 @@ export const useReactionsStore = defineStore('reactions', {
 		 *
 		 */
 		addReaction({ token, messageId, reaction, actors }) {
-			Vue.set(this.reactions[token][messageId], reaction, actors)
+			this.reactions[token][messageId][reaction] = actors
 		},
 
 		/**
@@ -97,7 +96,7 @@ export const useReactionsStore = defineStore('reactions', {
 		 *
 		 */
 		removeReaction({ token, messageId, reaction }) {
-			Vue.delete(this.reactions[token][messageId], reaction)
+			delete this.reactions[token][messageId][reaction]
 		},
 
 		/**
@@ -120,7 +119,7 @@ export const useReactionsStore = defineStore('reactions', {
 				return
 			}
 			actors.push(actor)
-			Vue.set(this.reactions[token][messageId], reaction, actors)
+			this.reactions[token][messageId][reaction] = actors
 		},
 
 		/**
@@ -134,7 +133,7 @@ export const useReactionsStore = defineStore('reactions', {
 			if (!this.reactions[token]?.[messageId]) {
 				return
 			}
-			Vue.delete(this.reactions[token], messageId)
+			delete this.reactions[token][messageId]
 		},
 
 		/**
@@ -157,7 +156,7 @@ export const useReactionsStore = defineStore('reactions', {
 			const storedReactions = this.reactions[token][messageId]
 
 			if (Object.keys(storedReactions).length === 0) {
-				Vue.set(this.reactions[token], messageId, reactionsDetails)
+				this.reactions[token][messageId] = reactionsDetails
 				return
 			}
 
diff --git a/src/stores/settings.js b/src/stores/settings.js
index bfbfa416f201..c7b151b390e3 100644
--- a/src/stores/settings.js
+++ b/src/stores/settings.js
@@ -4,7 +4,6 @@
  */
 
 import { defineStore } from 'pinia'
-import Vue from 'vue'
 
 import { loadState } from '@nextcloud/initial-state'
 
@@ -49,21 +48,20 @@ export const useSettingsStore = defineStore('settings', {
 			const storedValue = BrowserStorage.getItem('showMediaSettings_' + token)
 
 			switch (storedValue) {
-			case 'true': {
-				Vue.set(state.showMediaSettings, token, true)
+			case 'true':
+				state.showMediaSettings[token] = true
 				return true
-			}
-			case 'false': {
-				Vue.set(state.showMediaSettings, token, false)
+
+			case 'false':
+				state.showMediaSettings[token] = false
 				return false
-			}
+
 			case null:
-			default: {
+			default:
 				BrowserStorage.setItem('showMediaSettings_' + token, 'true')
-				Vue.set(state.showMediaSettings, token, true)
+				state.showMediaSettings[token] = true
 				return true
 			}
-			}
 		},
 	},
 
@@ -94,7 +92,7 @@ export const useSettingsStore = defineStore('settings', {
 			} else {
 				BrowserStorage.setItem('showMediaSettings_' + token, 'false')
 			}
-			Vue.set(this.showMediaSettings, token, value)
+			this.showMediaSettings[token] = value
 		},
 	},
 })
diff --git a/src/stores/sharedItems.js b/src/stores/sharedItems.js
index 6338b1ffb689..06760ea0fc8c 100644
--- a/src/stores/sharedItems.js
+++ b/src/stores/sharedItems.js
@@ -4,7 +4,6 @@
  */
 
 import { defineStore } from 'pinia'
-import Vue from 'vue'
 
 import { getSharedItemsOverview, getSharedItems } from '../services/sharedItemsService.js'
 import { getItemTypeFromMessage } from '../utils/getItemTypeFromMessage.ts'
@@ -46,7 +45,7 @@ export const useSharedItemsStore = defineStore('sharedItems', {
 	getters: {
 		sharedItems: (state) => (token) => {
 			if (!state.sharedItemsPool[token]) {
-				Vue.set(state.sharedItemsPool, token, {})
+				state.sharedItemsPool[token] = {}
 			}
 
 			return state.sharedItemsPool[token]
@@ -56,10 +55,10 @@ export const useSharedItemsStore = defineStore('sharedItems', {
 	actions: {
 		checkForExistence(token, type) {
 			if (token && !this.sharedItemsPool[token]) {
-				Vue.set(this.sharedItemsPool, token, {})
+				this.sharedItemsPool[token] = {}
 			}
 			if (type && !this.sharedItemsPool[token][type]) {
-				Vue.set(this.sharedItemsPool[token], type, {})
+				this.sharedItemsPool[token][type] = {}
 			}
 		},
 
@@ -73,13 +72,13 @@ export const useSharedItemsStore = defineStore('sharedItems', {
 					this.checkForExistence(token, type)
 					for (const message of data[type]) {
 						if (!this.sharedItemsPool[token][type][message.id]) {
-							Vue.set(this.sharedItemsPool[token][type], message.id, message)
+							this.sharedItemsPool[token][type][message.id] = message
 						}
 					}
 				}
 			}
 
-			Vue.set(this.overviewLoaded, token, true)
+			this.overviewLoaded[token] = true
 		},
 
 		/**
@@ -91,7 +90,7 @@ export const useSharedItemsStore = defineStore('sharedItems', {
 			this.checkForExistence(token, type)
 
 			if (!this.sharedItemsPool[token][type][message.id]) {
-				Vue.set(this.sharedItemsPool[token][type], message.id, message)
+				this.sharedItemsPool[token][type][message.id] = message
 			}
 		},
 
@@ -105,7 +104,7 @@ export const useSharedItemsStore = defineStore('sharedItems', {
 
 			messages.forEach(message => {
 				if (!this.sharedItemsPool[token][type][message.id]) {
-					Vue.set(this.sharedItemsPool[token][type], message.id, message)
+					this.sharedItemsPool[token][type][message.id] = message
 				}
 			})
 		},