tabs

frontend/src/components/Upload.vue

@@ -5,37 +5,36 @@ import { api } from '@/http-api';
 const target = ref<HTMLInputElement>();
 
 function submitFile() {
-  if (target.value !== null && target.value !== undefined && target.value.files !== null) {
-    const file = target.value.files[0];
-    if (file === undefined)
-      return;
-    let formData = new FormData();
-    formData.append("file", file);
-    api.createImage(formData).then(() => {
-      if (target.value !== undefined)
-        target.value.value = '';
-    }).catch(e => {
-      console.log(e.message);
-    });
-  }
+	if (target.value !== null && target.value !== undefined && target.value.files !== null) {
+		const file = target.value.files[0];
+		if (file === undefined)
+			return;
+		let formData = new FormData();
+		formData.append("file", file);
+		api.createImage(formData).then(() => {
+			if (target.value !== undefined)
+				target.value.value = '';
+		}).catch(e => {
+			console.log(e.message);
+		});
+	}
 }
 
 function handleFileUpload(event: Event) {
-  target.value = (event.target as HTMLInputElement);
+	target.value = (event.target as HTMLInputElement);
 }
 </script>
 
 <template>
-  <div>
-    <h3>Upload an image</h3>
-    <div>
-      <input type="file" id="file" ref="file" @change="handleFileUpload" />
-    </div>
-    <div>
-      <button @click="submitFile">Submit</button>
-    </div>
-  </div>
+	<div>
+		<h3>Upload an image</h3>
+		<div>
+			<input type="file" id="file" ref="file" @change="handleFileUpload" />
+		</div>
+		<div>
+			<button @click="submitFile">Submit</button>
+		</div>
+	</div>
 </template>
 
-<style scoped>
-</style>
+<style scoped></style>