title: VUE.JS + Bootstrap - How to capitalize first letter in the same input
body: <p>I would like get in input capitalize first letter when I'm starting write.</p>
  <pre class="lang-js prettyprint-override"><code>&lt;b-form-input v-model=&quot;formSurname&quot; id=&quot;Surname&quot; name=&quot;Surname&quot; placeholder=&quot;Surname&quot; type=&quot;text&quot; maxlength=&quot;50&quot; required&gt; &lt;/b-form-input&gt;
  </code></pre>
  <p>I have also filter for this. But <code>v-model=&quot;formSurname | capitalize&quot;</code> doesn't work I tried <code>:value=&quot;formSurname | capitalize&quot;</code> but it doesn't work too</p>
  <pre class="lang-js prettyprint-override"><code>Vue.filter(&quot;capitalize&quot;, function (value) {
      if (!value) 
          return '';
      value = value.toString();
      return value.charAt(0).toUpperCase() + value.slice(1);
  });
  </code></pre>
  <p>How to make an input to change my first letter in real time?</p>