chore(deps): cleanup unused deps and audit

Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>

1 files changed, 12 insertions, 13 deletions

diff --git a/apps/files/src/components/FileEntry.vue b/apps/files/src/components/FileEntry.vue
index 65fdf4b4c38..d507fe6945c 100644
--- a/apps/files/src/components/FileEntry.vue
+++ b/apps/files/src/components/FileEntry.vue
@@ -20,24 +20,25 @@
   -
   -->
 <script lang='ts'>
+import { debounce } from 'debounce'
 import { Folder, File } from '@nextcloud/files'
 import { Fragment } from 'vue-fragment'
 import { join } from 'path'
+import { loadState } from '@nextcloud/initial-state'
 import { translate } from '@nextcloud/l10n'
 import FileIcon from 'vue-material-design-icons/File.vue'
 import FolderIcon from 'vue-material-design-icons/Folder.vue'
-import TrashCan from 'vue-material-design-icons/TrashCan.vue'
-import Pencil from 'vue-material-design-icons/Pencil.vue'
 import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
 import NcActions from '@nextcloud/vue/dist/Components/NcActions.js'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
+import Pencil from 'vue-material-design-icons/Pencil.vue'
+import TrashCan from 'vue-material-design-icons/TrashCan.vue'
 import Vue from 'vue'
 
-import logger from '../logger.js'
-import { useSelectionStore } from '../store/selection'
 import { useFilesStore } from '../store/files'
-import { loadState } from '@nextcloud/initial-state'
-import { debounce } from 'debounce'
+import { useSelectionStore } from '../store/selection'
+import CustomElementRender from './CustomElementRender.vue'
+import logger from '../logger.js'
 
 // TODO: move to store
 // TODO: watch 'files:config:updated' event
@@ -50,6 +51,7 @@ export default Vue.extend({
 	name: 'FileEntry',
 
 	components: {
+		CustomElementRender,
 		FileIcon,
 		FolderIcon,
 		Fragment,
@@ -322,22 +324,19 @@ export default Vue.extend({
 
 		// Columns
 		const columns = this.columns.map(column => {
-			const td = document.createElement('td')
-			column.render(td, this.source)
 			return createElement('td', {
 				class: {
 					[`files-list__row-${this.currentView?.id}-${column.id}`]: true,
 					'files-list__row-column--custom': true,
 				},
 				key: column.id,
-				domProps: {
-					innerHTML: td.innerHTML,
+			}, [createElement('CustomElementRender', {
+				props: {
+					element: column.render(this.source),
 				},
-			}, '123')
+			})])
 		})
 
-		console.debug(columns, this.displayName)
-
 		return createElement('Fragment', [
 			checkbox,
 			icon,