title: Vue - change input width according to content
body: <p>So I can do this <em>(<code>Pug</code> &amp; <code>CoffeeScript</code>)</em>:</p>
  
  <pre><code>input(placeholder="0", v-model.number="order[index]" v-on:change="adjustInput")
  ...
  adjustInput: -&gt;
      event.target.style.width = event.target.value.length + 'ch'
  </code></pre>
  
  <p>... but it <strong>only works if I change the input in the browser, by hand</strong>. The input does not change its width if the <code>v-model</code> changes.</p>
  
  <p>How can I make it so that the input width changes even if the change is due to <code>Vue</code> reactivity?</p>