fix: Allow naming keys with /

playground/app.vue

@@ -1,5 +1,5 @@
 <template>
-  <img :src="url">
+  <img :src="url" width="300">
 
   <form @submit.prevent="(e) => handleChange(e.target?.file.files)">
     <input type="file" name="file" />
@@ -18,7 +18,8 @@ const url = ref(
 
 async function handleChange(files: File[]) {
   url.value = await upload(files[0], {
-    url: url.value
+    url: url.value,
+    key: "my_folder/my_file"
   });
 }
 </script>

src/module.ts

@@ -68,23 +68,23 @@ export default defineNuxtModule<ModuleOptions>({
 
     // Get object
     addServerHandler({
-      route: "/api/s3/query/:key",
+      route: "/api/s3/query/**",
       method: "get",
-      handler: resolve(runtimeDir, "server/api/query/[key]/read"),
+      handler: resolve(runtimeDir, "server/api/query/read"),
     });
 
     // Create object
     addServerHandler({
-      route: "/api/s3/mutation/:key",
+      route: "/api/s3/mutation/**",
       method: "post",
-      handler: resolve(runtimeDir, "server/api/mutation/[key]/create"),
+      handler: resolve(runtimeDir, "server/api/mutation/create"),
     });
 
     // Delete object
     addServerHandler({
-      route: "/api/s3/mutation/:key",
+      route: "/api/s3/mutation/**",
       method: "delete",
-      handler: resolve(runtimeDir, "server/api/mutation/[key]/delete"),
+      handler: resolve(runtimeDir, "server/api/mutation/delete"),
     });
   },
 });

src/runtime/server/api/mutation/[key]/create.ts → src/runtime/server/api/mutation/create.ts

@@ -3,7 +3,7 @@ import { putObject } from "#s3";
 import { readMultipartFormData, createError } from "h3";
 
 export default defineEventHandler(async (event) => {
-  const key = event.context.params?.key;
+  const key = event.path.split("/s3/mutation/")[1];
 
   const multipartFormData = await readMultipartFormData(event);
 

src/runtime/server/api/mutation/[key]/delete.ts → src/runtime/server/api/mutation/delete.ts

@@ -2,7 +2,7 @@ import { defineEventHandler } from "#imports";
 import { deleteObject } from "#s3";
 
 export default defineEventHandler(async (event) => {
-  const key = event.context.params?.key;
+  const key = event.path.split("/s3/mutation/")[1];
 
   await deleteObject(key);
 

src/runtime/server/api/query/read.ts

@@ -0,0 +1,9 @@
+import { defineEventHandler } from "#imports";
+import { getObject } from "#s3";
+import type { H3Event } from "h3";
+
+export default defineEventHandler(async (event: H3Event) => {
+  const key = event.path.split("/s3/query/")[1];
+
+  return getObject(event, key);
+});