chore: configurations to fix the button and try to save the state

Signed-off-by: Crisciany Souza <criscianysilva1997@gmail.com>

Author: Any97Cris

src/store/userconfig.js

@@ -5,32 +5,45 @@
 
 import { defineStore } from 'pinia'
 import { set } from 'vue'
-import axios from 'axios'
+import { generateUrl } from '@nextcloud/router'
+import axios from '@nextcloud/axios'
+import { emit, subscribe } from '@nextcloud/event-bus'
 
 export const useUserConfigStore = defineStore('userconfig', {
 	state: () => ({
-		grid_view: true,
+		grid_view: true, // valor inicial, mas será sobrescrito pelo servidor
 	}),
 	actions: {
+		onUpdate(key, value) {
+			set(this, key, value)
+		},
+
 		async update(key, value) {
 			const oldValue = this[key]
-
-			set(this, key, value)
+			this.onUpdate(key, value)
 
 			try {
 				const response = await axios.put(
-					`/apps/files/api/v1/config/${key}`,
-					{ value }
+					generateUrl('/apps/files/api/v1/config/{key}', { key }),
+					{ value },
 				)
 
 				if (response?.data?.value !== undefined) {
-					set(this, key, response.data.value)
+					this.onUpdate(key, response.data.value)
 				}
+
+				emit('files:config:updated', { key, value })
 			} catch (error) {
 				console.error('Erro ao salvar configuração:', error)
-
-				set(this, key, oldValue)
+				this.onUpdate(key, oldValue)
 			}
 		},
+
+		initListeners() {
+			console.log('Initializing user config listeners...')
+			subscribe('files:config:updated', ({ key, value }) => {
+				this.onUpdate(key, value)
+			})
+		},
 	},
 })

src/views/FilesList/FilesList.vue

@@ -154,6 +154,8 @@ export default {
 			this.filesStore.updateAllFiles()
 		},
 		toggleGridView() {
+			console.log('Toggling grid view')
+			console.log(this.userConfigStore)
 			this.userConfigStore.update('grid_view', !this.userConfigStore.grid_view)
 		},
 		closeSidebar() {