full text search subtask, files fixy

app/src/plugins/tm@_components/z-files-upload.vue

@@ -8,16 +8,16 @@
 			<v-icon class="mx-1" icon="mdi-cloud-upload-outline"></v-icon>NAHRAŤ
 		</v-btn>
 
-		<div v-if="files.length" class="m-2 d-flex align-center flex-wrap">
+		<div v-if="uploadedFiles" class="m-2 d-flex align-center flex-wrap">
 			<div
-				v-for="file in files"
+				v-for="file in uploadedFiles"
 				:key="file.name"
 				class="mx-2"
 			>
 				<v-chip class="mt-2">
 					{{ file.name }}
 					<v-icon class="mx-1" icon="mdi-paperclip"></v-icon>
-					<v-icon size="small" icon="mdi-close" @click.stop="remove(files.indexOf(file))"></v-icon>
+					<v-icon size="small" icon="mdi-close" @click.stop="remove(uploadedFiles.indexOf(file))"></v-icon>
 				</v-chip>
 			</div>
 		</div>
@@ -28,20 +28,32 @@
 export default {
 	emit: ['files-uploaded'],
 
-    data() {
-        return {
-            files: [],
-        }
-    },
+    props: {
+		files: {
+			type: Array,
+			default: () => []
+		}
+	},
+
+	data() {
+		return {
+			uploadedFiles: []
+		}
+	},
+
+	created() {
+		this.uploadedFiles = this.files
+		console.log(this.uploadedFiles)
+	},
 
     methods: {
         onChange() {
-            this.files = [...this.files, ...this.$refs.fileUpload.files]
-			this.$emit('files-uploaded', this.files)
+            this.uploadedFiles = [...this.uploadedFiles, ...this.$refs.fileUpload.files]
+			this.$emit('files-uploaded', this.uploadedFiles)
         },
 
 		remove(index) {
-			this.files.splice(index, 1)
+			this.uploadedFiles.splice(index, 1)
 		},
     },
 }