fix(#25): use form element to reset input after files added to vue-tr…

…ansmit (#28)

* chore: npm dependency update

* fix(#25): use form el to reset file input after added-files

BREAKING CHANGE: The hidden file input is now wrapped in a form element (potentially breaking some more custom layouts if the file input was used in a way apart from the default). The `fileInputStyles` data attr is renamed to `formStyles` and placed on the form wrapper element instead of the file input.
- Use a form wrapper element to reliably reset the file input after adding files. This will allow browsers to upload the same file twice, where previously the `change` event would not fire due to the filename not changing.

* feat: enhanced xhr response error

"Error during upload: {{ statusText }} [{{ statusCode }}]"

* chore(docs): add info on using test app

* chore(test): updates to test app

* chore: build

README.md

@@ -214,6 +214,14 @@ interface FilesSlotProps {
 
 ## Usage
 
+If you have PHP installed on your machine, you can clone this repo and open up a working test app by running:
+
+```sh
+npm test
+```
+
+Now navigate to [http://localhost:3030/](http://localhost:3030/).
+
 ```html
 <template>
   <main id="root" class="mt-5">

dist/src/components/VueTransmit.vue.d.ts

@@ -102,8 +102,9 @@ export default class VueTransmit extends Vue {
     thumbnailQueue: any[];
     files: VTransmitFile[];
     defaultHeaders: object;
-    fileInputStyles: object;
+    formStyles: object;
     readonly inputEl: HTMLInputElement;
+    readonly formEl: HTMLFormElement;
     readonly filesToAccept: string;
     readonly multiple: boolean;
     readonly acceptedFiles: VTransmitFile[];