title: Vuejs Dropzone - How to include "+" icon when there are already some images in the dropzone
body: <p>I've just used Vue-dropzone to create a simple file uploader component. However, I would like to customise it by including an icon or a button called "Add more images" when there are already some images in the dropzone so that user can understand that they can upload multiple photos. How can I achieve this? Below are my code and a screenshot of what I want to achieve</p>
  
  <p><strong>Update</strong> I am still trying to implement this feature, any help will be greatly appreciated</p>
  
  <p><strong>Update2</strong>  I am still stuck with this, is anyone nice enough to guide me through?</p>
  
  <pre><code>   &lt;template&gt;
    &lt;vue-dropzone
      id="drop1"
      :options="dropOptions"
      :useCustomSlot="true"
      @vdropzone-complete="afterComplete"
    &gt;
      &lt;div class="dropzone-custom-content"&gt;
        &lt;i class="fas fa-cloud-upload-alt fa-3x"&gt;&lt;/i&gt;
        &lt;h4 class="dropzone-custom-title mb-0 mt-3"&gt;Drag &amp; Drop&lt;/h4&gt;
        &lt;div class="subtitle"&gt;or click to add your image&lt;/div&gt;
      &lt;/div&gt;
    &lt;/vue-dropzone&gt;
  &lt;/template&gt;
  
  
  import vueDropzone from "vue2-dropzone";
  
  export default {
    data() {
      return {     
        dropOptions: {   
          url: "https://httpbin.org/post",
          acceptedFiles: "image/*",
          addRemoveLinks: true,
          thumbnailWidth: 160, // px
          thumbnailHeight: 160
        }       
      };
    },
    components: {
      vueDropzone
    }
  };
  </code></pre>
  
  <p>What I would like to achieve
  <a href="https://i.stack.imgur.com/PRJQF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PRJQF.png" alt="enter image description here"></a></p>