Release 2.2.0

README.md

@@ -183,12 +183,13 @@ Create a file upload dropzone using the `UploadDropzone` component:
 <script>
 import { Uploader } from "uploader";
 import { UploadDropzone } from "@upload-io/vue-uploader";
+import type { UploaderOptions, UploaderResult } from "uploader";
 
 // One instance per app.
 const uploader = Uploader({ apiKey: "free" });
 
 // See "customization" below.
-const options = {
+const options: UploaderOptions = {
   multi: true
 };
 
@@ -204,12 +205,11 @@ export default {
     };
   },
   methods: {
-    onFileUploaded: (files) => {
+    onFileUploaded: (files: UploaderResult[]) => {
       if (files.length === 0) {
-        console.log("No files selected.");
+        alert("No files selected.");
       } else {
-        console.log("Files uploaded:");
-        console.log(files.map(f => f.fileUrl));
+        alert(files.map(f => f.fileUrl).join("\n"));
       }
     }
   }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@upload-io/vue-uploader",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "author": "Upload <hello@upload.io> (https://upload.io)",
   "description": "Vue File Upload UI Widget — Lightweight & supports: drag and drop, multiple uploads, image cropping, customization & more 🚀 Comes with Cloud Storage 🌐",
   "license": "MIT",
@@ -75,7 +75,7 @@
     "vue": ">=3.0.0"
   },
   "dependencies": {
-    "uploader": "^2.6.0"
+    "uploader": "^2.7.0"
   },
   "devDependencies": {
     "@babel/cli": "7.17.6",

src/UploadDropzone.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     ref="container"
-    :style="{ position: 'relative', width: '100%', maxWidth: widthOrDefault, height: heightOrDefault }"
+    :style="{ position: 'relative', width: '100%', minWidth: '280px', maxWidth: widthOrDefault, height: heightOrDefault }"
   ></div>
 </template>