title: How to change file input text with Vue?
body: <p>In this project I'm using composition API.
  I'm trying to hide 'No file chosen' text.
  There is a array with stored files:</p>
  <pre><code>const form = useForm({
    text: null,
    files: [],
    id_key: props.reporting.id_key,
  });
  
  
  </code></pre>
  <p>And there is input:</p>
  <pre><code> &lt;JetInput
         id=&quot;files&quot;
         type=&quot;file&quot;
         class=&quot;block file:border-none 
         :class=&quot;form.files.length == 0 ? 'text-[rgba(0,0,0,0)]':'text-black' &quot;
         multiple
         @input=&quot;form.files = $event.target.files&quot;
        /&gt;
  </code></pre>
  <p>And the problem is: if array of files is empty, input text is hide correctly. If I chose file to upload, I will see correct style (text is black) but the text content is 'No file chosen'. If I try to chose file again, text content will be ok. So why am I getting this text content 'no file chosen' even though file is there, and I only change styling with :class. Any idea how to solve this problem?</p>