DocStore bundle: create a vue component for uploading document

src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/_components/AddAsyncUpload.vue

@@ -0,0 +1,58 @@
+<template>
+   <a class="btn btn-create" :title="$t(buttonTitle)" @click="openModal">
+      <span>{{ $t(buttonTitle) }}</span>
+   </a>
+
+   <teleport to="body">
+      <div>
+         <modal v-if="modal.showModal"
+            :modalDialogClass="modal.modalDialogClass"
+            @close="modal.showModal = false">
+
+            <template v-slot:header>
+               modal-header
+            </template>
+
+            <template v-slot:body>
+               modal body
+            </template>
+
+            <template v-slot:footer>
+                modal-footer
+            </template>
+
+         </modal>
+      </div>
+   </teleport>
+</template>
+
+<script>
+import Modal from 'ChillMainAssets/vuejs/_components/Modal';
+
+export default {
+   name: "AddAsyncUpload",
+   components: {
+      Modal
+   },
+   props: [
+     'buttonTitle',
+   ],
+   data() {
+      return {
+         modal: {
+            showModal: false,
+            modalDialogClass: "modal-dialog-centered modal-md"
+         },
+      }
+   },
+   computed: {
+   },
+   methods: {
+      openModal() {
+         this.modal.showModal = true;
+      },
+   }
+}
+</script>
+
+