diff --git a/src/components/card/AttachmentList.vue b/src/components/card/AttachmentList.vue
index 394320b68..e10811b4e 100644
--- a/src/components/card/AttachmentList.vue
+++ b/src/components/card/AttachmentList.vue
@@ -94,10 +94,12 @@ import relativeDate from '../../mixins/relativeDate.js'
 import { formatFileSize } from '@nextcloud/files'
 import { getCurrentUser } from '@nextcloud/auth'
 import { generateUrl, generateOcsUrl, generateRemoteUrl } from '@nextcloud/router'
-import { mapState, mapActions } from 'vuex'
+import { mapState as mapStateVuex } from 'vuex'
+import { mapState, mapActions } from 'pinia'
 import { loadState } from '@nextcloud/initial-state'
 import attachmentUpload from '../../mixins/attachmentUpload.js'
 import { getFilePickerBuilder } from '@nextcloud/dialogs'
+import { useAttachmentStore } from '../../stores/attachment.js'
 const maxUploadSizeState = loadState('deck', 'maxUploadSize', -1)
 
 const picker = getFilePickerBuilder(t('deck', 'File to share'))
@@ -147,7 +149,7 @@ export default {
 		},
 		attachments() {
 			// FIXME sort propertly by last modified / deleted at
-			return [...this.$store.getters.attachmentsByCard(this.cardId)].filter(attachment => attachment.deletedAt >= 0).sort((a, b) => b.id - a.id)
+			return [...this.attachmentsByCard(this.cardId)].filter(attachment => attachment.deletedAt >= 0).sort((a, b) => b.id - a.id)
 		},
 		mimetypeForAttachment() {
 			return (attachment) => {
@@ -176,9 +178,12 @@ export default {
 		formattedFileSize() {
 			return (filesize) => formatFileSize(filesize)
 		},
-		...mapState({
+		...mapStateVuex({
 			currentBoard: state => state.currentBoard,
 		}),
+		...mapState(useAttachmentStore, [
+			'attachmentsByCard',
+		]),
 		isReadOnly() {
 			return !this.$store.getters.canEdit
 		},
@@ -210,8 +215,9 @@ export default {
 		},
 	},
 	methods: {
-		...mapActions([
+		...mapActions(useAttachmentStore, [
 			'fetchAttachments',
+			'unshareAttachment',
 		]),
 		handleUploadFile(event) {
 			const files = event.target.files ?? []
@@ -240,9 +246,6 @@ export default {
 					})
 				})
 		},
-		unshareAttachment(attachment) {
-			this.$store.dispatch('unshareAttachment', attachment)
-		},
 		clickAddNewAttachmment() {
 			this.$refs.localAttachments.click()
 		},
diff --git a/src/components/card/CardSidebarTabAttachments.vue b/src/components/card/CardSidebarTabAttachments.vue
index e57e76290..1bbf6e52b 100644
--- a/src/components/card/CardSidebarTabAttachments.vue
+++ b/src/components/card/CardSidebarTabAttachments.vue
@@ -11,7 +11,9 @@
 </template>
 
 <script>
+import { mapActions } from 'pinia'
 import AttachmentList from './AttachmentList.vue'
+import { useAttachmentStore } from '../../stores/attachment.js'
 export default {
 	name: 'CardSidebarTabAttachments',
 	components: {
@@ -24,12 +26,10 @@ export default {
 		},
 	},
 	methods: {
-		deleteAttachment(attachment) {
-			this.$store.dispatch('deleteAttachment', attachment)
-		},
-		restoreAttachment(attachment) {
-			this.$store.dispatch('restoreAttachment', attachment)
-		},
+		...mapActions(useAttachmentStore, [
+			'deleteAttachment',
+			'restoreAttachment',
+		]),
 	},
 }
 </script>
diff --git a/src/components/cards/CardCover.vue b/src/components/cards/CardCover.vue
index b7d0d0e78..75df0256a 100644
--- a/src/components/cards/CardCover.vue
+++ b/src/components/cards/CardCover.vue
@@ -12,8 +12,9 @@
 	</div>
 </template>
 <script>
-import { mapActions } from 'vuex'
+import { mapActions } from 'pinia'
 import { generateUrl } from '@nextcloud/router'
+import { useAttachmentStore } from '../../stores/attachment.js'
 export default {
 	name: 'CardCover',
 	props: {
@@ -61,7 +62,7 @@ export default {
 		},
 	},
 	methods: {
-		...mapActions([
+		...mapActions(useAttachmentStore, [
 			'fetchAttachments',
 		]),
 	},
diff --git a/src/mixins/attachmentUpload.js b/src/mixins/attachmentUpload.js
index b566a2669..6a5e86753 100644
--- a/src/mixins/attachmentUpload.js
+++ b/src/mixins/attachmentUpload.js
@@ -6,6 +6,8 @@ import { showError } from '@nextcloud/dialogs'
 import { formatFileSize } from '@nextcloud/files'
 // eslint-disable-next-line import/no-unresolved
 import PQueue from 'p-queue'
+import { mapActions } from 'pinia'
+import { useAttachmentStore } from '../stores/attachment.js'
 
 const queue = new PQueue({ concurrency: 2 })
 
@@ -33,7 +35,7 @@ export default {
 			bodyFormData.append('file', file)
 			await queue.add(async () => {
 				try {
-					await this.$store.dispatch('createAttachment', {
+					await this.createAttachment({
 						cardId: this.cardId,
 						formData: bodyFormData,
 						onUploadProgress: (e) => {
@@ -54,13 +56,17 @@ export default {
 			})
 
 		},
+		...mapActions(useAttachmentStore, [
+			'createAttachment',
+			'updateAttachment',
+		]),
 
 		overrideAttachment() {
 			const bodyFormData = new FormData()
 			bodyFormData.append('cardId', this.cardId)
 			bodyFormData.append('type', 'deck_file')
 			bodyFormData.append('file', this.file)
-			this.$store.dispatch('updateAttachment', {
+			this.updateAttachment({
 				cardId: this.cardId,
 				attachment: this.overwriteAttachment,
 				formData: bodyFormData,
diff --git a/src/store/attachment.js b/src/store/attachment.js
deleted file mode 100644
index 5d5e382c6..000000000
--- a/src/store/attachment.js
+++ /dev/null
@@ -1,109 +0,0 @@
-/**
- * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors
- * SPDX-License-Identifier: AGPL-3.0-or-later
- */
-
-import { AttachmentApi } from './../services/AttachmentApi.js'
-import Vue from 'vue'
-
-const apiClient = new AttachmentApi()
-
-export default {
-	state: {
-		attachments: {},
-	},
-	getters: {
-		attachmentsByCard: state => (cardId) => {
-			if (typeof state.attachments[cardId] === 'undefined') {
-				return []
-			}
-			return state.attachments[cardId]
-		},
-
-	},
-	mutations: {
-		createAttachment(state, { cardId, attachment }) {
-			if (typeof state.attachments[cardId] === 'undefined') {
-				Vue.set(state.attachments, cardId, [attachment])
-			} else {
-				state.attachments[cardId].push(attachment)
-			}
-		},
-
-		createAttachments(state, { cardId, attachments }) {
-			Vue.set(state.attachments, cardId, attachments)
-		},
-
-		updateAttachment(state, { cardId, attachment }) {
-			const existingIndex = state.attachments[attachment.cardId].findIndex(a => a.id === attachment.id && a.type === attachment.type)
-			if (existingIndex !== -1) {
-				Vue.set(state.attachments[cardId], existingIndex, attachment)
-			}
-		},
-
-		deleteAttachment(state, deletedAttachment) {
-			const existingIndex = state.attachments[deletedAttachment.cardId].findIndex(a => a.id === deletedAttachment.id && a.type === deletedAttachment.type)
-			if (existingIndex !== -1) {
-				state.attachments[deletedAttachment.cardId][existingIndex].deletedAt = Date.now() / 1000 | 0
-			}
-		},
-
-		unshareAttachment(state, deletedAttachment) {
-			const existingIndex = state.attachments[deletedAttachment.cardId].findIndex(a => a.id === deletedAttachment.id && a.type === deletedAttachment.type)
-			if (existingIndex !== -1) {
-				state.attachments[deletedAttachment.cardId][existingIndex].deletedAt = -1
-			}
-		},
-
-		restoreAttachment(state, restoredAttachment) {
-			const existingIndex = state.attachments[restoredAttachment.cardId].findIndex(a => a.id === restoredAttachment.id && a.type === restoredAttachment.type)
-			if (existingIndex !== -1) {
-				state.attachments[restoredAttachment.cardId][existingIndex].deletedAt = 0
-			}
-		},
-
-	},
-	actions: {
-		async fetchAttachments({ commit, rootState }, cardId) {
-			const boardId = rootState.currentBoard.id
-			const attachments = await apiClient.fetchAttachments(cardId, boardId)
-			commit('createAttachments', { cardId, attachments })
-			commit('cardSetAttachmentCount', { cardId, count: attachments.length })
-		},
-
-		async createAttachment({ commit, rootState }, { cardId, formData, onUploadProgress }) {
-			const boardId = rootState.currentBoard.id
-			const attachment = await apiClient.createAttachment({ cardId, formData, onUploadProgress, boardId })
-			commit('createAttachment', { cardId, attachment })
-			commit('cardIncreaseAttachmentCount', cardId)
-		},
-
-		async updateAttachment({ commit, rootState }, { cardId, attachment, formData }) {
-			const boardId = rootState.currentBoard.id
-			const result = await apiClient.updateAttachment({ cardId, attachment, formData, boardId })
-			commit('updateAttachment', { cardId, attachment: result })
-		},
-
-		async deleteAttachment({ commit, rootState }, attachment) {
-			const boardId = rootState.currentBoard.id
-			await apiClient.deleteAttachment(attachment, boardId)
-			commit('deleteAttachment', attachment)
-			commit('cardDecreaseAttachmentCount', attachment.cardId)
-		},
-
-		async unshareAttachment({ commit, rootState }, attachment) {
-			const boardId = rootState.currentBoard.id
-			await apiClient.deleteAttachment(attachment, boardId)
-			commit('unshareAttachment', attachment)
-			commit('cardDecreaseAttachmentCount', attachment.cardId)
-		},
-
-		async restoreAttachment({ commit, rootState }, attachment) {
-			const boardId = rootState.currentBoard.id
-			const restoredAttachment = await apiClient.restoreAttachment(attachment, boardId)
-			commit('restoreAttachment', restoredAttachment)
-			commit('cardIncreaseAttachmentCount', attachment.cardId)
-		},
-
-	},
-}
diff --git a/src/store/main.js b/src/store/main.js
index cef814b9c..8a735e160 100644
--- a/src/store/main.js
+++ b/src/store/main.js
@@ -13,7 +13,6 @@ import { generateOcsUrl, generateUrl } from '@nextcloud/router'
 import { BoardApi } from '../services/BoardApi.js'
 import stackModuleFactory from './stack.js'
 import cardModuleFactory from './card.js'
-import attachment from './attachment.js'
 Vue.use(Vuex)
 
 const apiClient = new BoardApi()
@@ -33,7 +32,6 @@ export default function storeFactory() {
 		modules: {
 			stack: stackModuleFactory(),
 			card: cardModuleFactory(),
-			attachment,
 		},
 		strict: debug,
 		state: {
diff --git a/src/stores/attachment.js b/src/stores/attachment.js
new file mode 100644
index 000000000..9177c8037
--- /dev/null
+++ b/src/stores/attachment.js
@@ -0,0 +1,78 @@
+/**
+ * SPDX-FileCopyrightText: 2026 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import { defineStore } from 'pinia'
+import Vue from 'vue'
+import { AttachmentApi } from '../services/AttachmentApi.js'
+
+const apiClient = new AttachmentApi()
+
+export const useAttachmentStore = defineStore('attachment', {
+	state: () => ({
+		attachments: {},
+	}),
+	getters: {
+		attachmentsByCard: (state) => (cardId) => {
+			if (typeof state.attachments[cardId] === 'undefined') {
+				return []
+			}
+			return state.attachments[cardId]
+		},
+	},
+	actions: {
+		async createAttachment({ cardId, formData, onUploadProgress }) {
+			const boardId = this.$vuex.state.currentBoard.id
+			const attachment = await apiClient.createAttachment({ cardId, formData, onUploadProgress, boardId })
+			if (typeof this.attachments[cardId] === 'undefined') {
+				Vue.set(this.attachments, cardId, [attachment])
+			} else {
+				this.attachments[cardId].push(attachment)
+			}
+			this.$vuex.commit('cardSetAttachmentCount', { cardId })
+		},
+		async fetchAttachments(cardId) {
+			const boardId = this.$vuex.state.currentBoard.id
+			const attachments = await apiClient.fetchAttachments(cardId, boardId)
+			Vue.set(this.attachments, cardId, attachments)
+			this.$vuex.commit('cardSetAttachmentCount', { cardId, count: attachments.length })
+		},
+		async updateAttachment({ cardId, attachment, formData }) {
+			const boardId = this.$vuex.state.currentBoard.id
+			const result = await apiClient.updateAttachment({ cardId, attachment, formData, boardId })
+			const existingIndex = this.attachments[attachment.cardId].findIndex(a => a.id === attachment.id && a.type === attachment.type)
+			if (existingIndex !== -1) {
+				Vue.set(this.attachments[cardId], existingIndex, result)
+			}
+		},
+		async deleteAttachment(attachment) {
+			const boardId = this.$vuex.state.currentBoard.id
+			await apiClient.deleteAttachment(attachment, boardId)
+			const existingIndex = this.attachments[attachment.cardId].findIndex(a => a.id === attachment.id && a.type === attachment.type)
+			if (existingIndex !== -1) {
+				Vue.set(this.attachments[attachment.cardId][existingIndex], 'deletedAt', Date.now() / 1000 | 0)
+			}
+			this.$vuex.commit('cardDecreaseAttachmentCount', { cardId: attachment.cardId })
+		},
+		async unshareAttachment(attachment) {
+			const boardId = this.$vuex.state.currentBoard.id
+			await apiClient.deleteAttachment(attachment, boardId)
+			const existingIndex = this.attachments[attachment.cardId].findIndex(a => a.id === attachment.id && a.type === attachment.type)
+			if (existingIndex !== -1) {
+				Vue.set(this.attachments[attachment.cardId][existingIndex], 'deletedAt', -1)
+			}
+			this.$vuex.commit('cardDecreaseAttachmentCount', { cardId: attachment.cardId })
+		},
+		async restoreAttachment(attachment) {
+			const boardId = this.$vuex.state.currentBoard.id
+			const restoredAttachment = await apiClient.restoreAttachment(attachment, boardId)
+			const existingIndex = this.attachments[restoredAttachment.cardId].findIndex(a => a.id === restoredAttachment.id && a.type === restoredAttachment.type)
+			if (existingIndex !== -1) {
+				Vue.set(this.attachments[restoredAttachment.cardId][existingIndex], 'deletedAt', 0)
+			}
+			this.$vuex.commit('cardIncreaseAttachmentCount', attachment.cardId)
+		},
+	},
+
+})