fix: apply pending code

I made a comparison between the branch main and stable32 and identified
those diferences

Signed-off-by: Vitor Mattos <[email protected]>

Author: vitormattos

src/Components/Signers/Signers.vue

@@ -70,7 +70,7 @@ export default {
 	},
 	computed: {
 		signers() {
-			return this.filesStore.getFile()?.signers ?? []
+			return this.filesStore.getFile().signers
 		},
 		sortableSigners: {
 			get() {

src/store/files.js

@@ -32,6 +32,7 @@ const slugfy = (val) =>
 		.replace(/-+$/, '')
 
 export const useFilesStore = function(...args) {
+	const emptyFile = { signers: [] }
 	const store = defineStore('files', {
 		state: () => {
 			return {
@@ -68,7 +69,7 @@ export const useFilesStore = function(...args) {
 				if (typeof file === 'object') {
 					return file
 				}
-				return this.files[this.selectedNodeId] ?? {}
+				return this.files[this.selectedNodeId] || emptyFile
 			},
 			async flushSelectedFile() {
 				const files = await this.getAllFiles({
@@ -222,6 +223,9 @@ export const useFilesStore = function(...args) {
 					}
 				}
 				this.getFile().signers.push(signer)
+				const selected = this.selectedNodeId
+				this.selectFile(-1) // to force reactivity
+				this.selectFile(selected) // to force reactivity
 			},
 			async deleteSigner(signer) {
 				if (!isNaN(signer.signRequestId)) {