first upload

index.svelte

@@ -0,0 +1,36 @@
+<script>
+  import { onMount } from "svelte";
+  export let dropzoneEvents = {};
+  export let options = { previewTemplate: "<div/>" };
+  export let dropZoneClass = "dropzone";
+  export let hooveringClass = "dropzone-hoovering";
+  export let id = "dropId";
+  export let autoDiscover = false;
+
+  let DROPZONESSR;
+
+  onMount(async () => {
+    const dropzone = await import("./dropzone.svelte");
+    DROPZONESSR = dropzone.default;
+  });
+</script>
+
+<style>
+  p.dropzoneDefaultSentence {
+    font-size: 30px;
+  }
+</style>
+
+<svelte:component
+  this={DROPZONESSR}
+  {dropzoneEvents}
+  {options}
+  {dropZoneClass}
+  {hooveringClass}
+  {id}>
+  <slot>
+    <p class="dropzoneDefaultSentence">
+      drop your file(s) here or click to add file
+    </p>
+  </slot>
+</svelte:component>