diff --git a/package-lock.json b/package-lock.json
index 8e31c42eb..33b6efbdb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,7 @@
         "@nextcloud/axios": "^2.5.1",
         "@nextcloud/dialogs": "^5.3.7",
         "@nextcloud/event-bus": "^3.3.1",
-        "@nextcloud/files": "^3.9.0",
+        "@nextcloud/files": "^3.10.0",
         "@nextcloud/initial-state": "^2.2.0",
         "@nextcloud/l10n": "^3.1.0",
         "@nextcloud/logger": "^3.0.2",
@@ -1812,9 +1812,9 @@
       }
     },
     "node_modules/@nextcloud/files": {
-      "version": "3.9.1",
-      "resolved": "https://registry.npmjs.org/@nextcloud/files/-/files-3.9.1.tgz",
-      "integrity": "sha512-eureE0Hi13QhC7detUUlp5B7NjLLu1JnVLDF0yuNv/My5ETbe3SuWjulAXQ2KH3lvqVjhjgbNoEjH5wHemIG+g==",
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/@nextcloud/files/-/files-3.10.0.tgz",
+      "integrity": "sha512-VvucXNM+Ci/Ej1nK1UAboliiPpAY8az6cDDMoBWxgtfKRL7Q9I0aN2/nl4V9j2JaCm6E4TVWnKXlYDySMPNQKQ==",
       "license": "AGPL-3.0-or-later",
       "dependencies": {
         "@nextcloud/auth": "^2.4.0",
diff --git a/package.json b/package.json
index 188f96073..d7dc06973 100644
--- a/package.json
+++ b/package.json
@@ -46,7 +46,7 @@
     "@nextcloud/axios": "^2.5.1",
     "@nextcloud/dialogs": "^5.3.7",
     "@nextcloud/event-bus": "^3.3.1",
-    "@nextcloud/files": "^3.9.0",
+    "@nextcloud/files": "^3.10.0",
     "@nextcloud/initial-state": "^2.2.0",
     "@nextcloud/l10n": "^3.1.0",
     "@nextcloud/logger": "^3.0.2",
diff --git a/src/views/Viewer.vue b/src/views/Viewer.vue
index ada71c361..c0cd65b05 100644
--- a/src/views/Viewer.vue
+++ b/src/views/Viewer.vue
@@ -175,11 +175,11 @@
 
 <script>
 import '@nextcloud/dialogs/style.css'
-import Vue from 'vue'
+import Vue, { defineComponent } from 'vue'
 
 import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'
 import { loadState } from '@nextcloud/initial-state'
-import { Node, davRemoteURL, davRootPath } from '@nextcloud/files'
+import { File as NcFile, Node, davRemoteURL, davRootPath } from '@nextcloud/files'
 import { showError } from '@nextcloud/dialogs'
 import axios from '@nextcloud/axios'
 
@@ -202,13 +202,14 @@ import Download from 'vue-material-design-icons/Download.vue'
 import Fullscreen from 'vue-material-design-icons/Fullscreen.vue'
 import FullscreenExit from 'vue-material-design-icons/FullscreenExit.vue'
 import Pencil from 'vue-material-design-icons/Pencil.vue'
+import { davGetRootPath } from '@nextcloud/files'
 
 // Dynamic loading
 const NcModal = () => import('@nextcloud/vue/dist/Components/NcModal.js')
 const NcActionLink = () => import('@nextcloud/vue/dist/Components/NcActionLink.js')
 const NcActionButton = () => import('@nextcloud/vue/dist/Components/NcActionButton.js')
 
-export default {
+export default defineComponent({
 	name: 'Viewer',
 
 	components: {
@@ -931,7 +932,7 @@ export default {
 				event.preventDefault()
 				if (this.canDownload) {
 					const a = document.createElement('a')
-					a.href = this.currentFile.davPath
+					a.href = this.currentFile.source ?? this.currentFile.davPath
 					a.download = this.currentFile.basename
 					document.body.appendChild(a)
 					a.click()
@@ -1084,16 +1085,25 @@ export default {
 		async onDelete() {
 			try {
 				const fileid = this.currentFile.fileid
-				const url = this.source ?? this.currentFile.davPath
+				const url = this.currentFile.source ?? this.currentFile.davPath
+
+				// Fake node to emit the event until Viewer is migrated to the new Node API.
+				const node = new NcFile({
+					source: url,
+					fileid,
+					mime: this.currentFile.mime,
+					owner: this.currentFile.ownerId,
+					root: url.includes('remote.php/dav') ? davGetRootPath() : undefined,
+				})
 
 				await axios.delete(url)
-				emit('files:node:deleted', { fileid })
+				emit('files:node:deleted', node)
 
-				// fileid is not unique, basename is not unqiue, filename is
+				// fileid is not unique, basename is not unique, filename is
 				const currentIndex = this.fileList.findIndex(file => file.filename === this.currentFile.filename)
 				if (this.hasPrevious || this.hasNext) {
 					// Checking the previous or next file
-					this.hasPrevious ? this.previous() : this.next()
+					this.hasNext ? this.next() : this.previous()
 
 					this.fileList.splice(currentIndex, 1)
 				} else {
@@ -1162,7 +1172,7 @@ export default {
 		},
 
 	},
-}
+})
 </script>
 
 <style lang="scss" scoped>