title: vue-filepond, remove all files in vue3 composition API
body: <p>i use 'Vue-Filepond' to upload simple file.</p>
  <p>to remove all files after file upload,
  i want access the Filepond object and use 'removeFiles' method.</p>
  <p>but cant access filepond object
  (using ref)</p>
  <p>Other examples say to use</p>
  <pre><code>this.$ref.pond.removeFiles()
  </code></pre>
  <p>but cannot use 'this.$ref' When using 'script setup'</p>
  <p>How should I acess it?</p>
  <p>attach a part of the source code.</p>
  <pre><code>&lt;FilePond
  ref=&quot;pond&quot;
  instant-upload=&quot;false&quot;
  label-idle=&quot;Drop files here...&quot;
  :allow-multiple=&quot;false&quot;
  :credits=&quot;'false'&quot;
  allow-revert=&quot;false&quot;
  accepted-file-types=&quot;.java&quot;
  @addfile=&quot;addFile&quot;
  @error=&quot;onFilesError&quot;
  /&gt;
  
  
  &lt;script setup lang=&quot;ts&quot;&gt; 
     const FilePond = vueFilePond(FilePondPluginFileValidateType); 
     const pond = ref&lt;HTMLDivElement | null&gt;(null); 
     const remove = () =&gt; { 
        pond.value.pond.removeFiles() // can't access filepond object
     } 
  &lt;/script&gt;
  </code></pre>