From 3c4f5d1ed828ad558151ed5b978374fe44aa9370 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Mon, 23 Oct 2023 17:23:28 +0300
Subject: [PATCH] FileUpload upload file Nuxt updates

---
 doc/fileupload/AdvancedDoc.vue | 2 +-
 doc/fileupload/AutoDoc.vue     | 2 +-
 doc/fileupload/BasicDoc.vue    | 2 +-
 public/upload.php              | 1 -
 server/api/upload.js           | 7 +++++++
 5 files changed, 10 insertions(+), 4 deletions(-)
 delete mode 100644 public/upload.php
 create mode 100644 server/api/upload.js

diff --git a/doc/fileupload/AdvancedDoc.vue b/doc/fileupload/AdvancedDoc.vue
index 95a46750b..68d2c48c2 100644
--- a/doc/fileupload/AdvancedDoc.vue
+++ b/doc/fileupload/AdvancedDoc.vue
@@ -3,7 +3,7 @@
         <p>FileUpload is an advanced uploader with dragdrop support, multi file uploads, auto uploading, progress tracking and validations.</p>
     </DocSectionText>
     <div class="card">
-        <FileUpload name="demo[]" url="./upload.php" @upload="onAdvancedUpload($event)" :multiple="true" accept="image/*" :maxFileSize="1000000">
+        <FileUpload name="demo[]" url="/api/upload" @upload="onAdvancedUpload($event)" :multiple="true" accept="image/*" :maxFileSize="1000000">
             <template #empty>
                 <p>Drag and drop files to here to upload.</p>
             </template>
diff --git a/doc/fileupload/AutoDoc.vue b/doc/fileupload/AutoDoc.vue
index 6c83588f4..322e9e435 100644
--- a/doc/fileupload/AutoDoc.vue
+++ b/doc/fileupload/AutoDoc.vue
@@ -3,7 +3,7 @@
         <p>When <i>auto</i> property is enabled, a file gets uploaded instantly after selection.</p>
     </DocSectionText>
     <div class="card flex justify-content-center">
-        <FileUpload mode="basic" name="demo[]" url="./upload.php" accept="image/*" :maxFileSize="1000000" @upload="onUpload" :auto="true" chooseLabel="Browse" />
+        <FileUpload mode="basic" name="demo[]" url="/api/upload" accept="image/*" :maxFileSize="1000000" @upload="onUpload" :auto="true" chooseLabel="Browse" />
     </div>
     <DocSectionCode :code="code" />
 </template>
diff --git a/doc/fileupload/BasicDoc.vue b/doc/fileupload/BasicDoc.vue
index 31ad586fe..230847943 100644
--- a/doc/fileupload/BasicDoc.vue
+++ b/doc/fileupload/BasicDoc.vue
@@ -3,7 +3,7 @@
         <p>FileUpload basic <i>mode</i> provides a simpler UI as an alternative to default advanced mode.</p>
     </DocSectionText>
     <div class="card flex justify-content-center">
-        <FileUpload mode="basic" name="demo[]" url="./upload.php" accept="image/*" :maxFileSize="1000000" @upload="onUpload" />
+        <FileUpload mode="basic" name="demo[]" url="/api/upload" accept="image/*" :maxFileSize="1000000" @upload="onUpload" />
     </div>
     <DocSectionCode :code="code" />
 </template>
diff --git a/public/upload.php b/public/upload.php
deleted file mode 100644
index c3d453155..000000000
--- a/public/upload.php
+++ /dev/null
@@ -1 +0,0 @@
-<?php echo '<p>Fake Upload Process</p>'; ?> 
\ No newline at end of file
diff --git a/server/api/upload.js b/server/api/upload.js
new file mode 100644
index 000000000..e048fb1a9
--- /dev/null
+++ b/server/api/upload.js
@@ -0,0 +1,7 @@
+export default defineEventHandler((event) => {
+    return {
+        headers: { 'Access-Control-Allow-Origin': '*' },
+        statusCode: 200,
+        statusMessage: 'Fake Upload Process'
+    };
+});