title: How do I go about creating an always capitalized input in vue.js?
body: <p>I'm creating a form using vue.js and I need to create inputs in vue that is always capitalized. I know I could use the css property </p>
  
  <p><code>text-transform: uppercase;</code></p>
  
  <p>and then transform the data before sending using</p>
  
  <p><code>data.someData.toUpperCase()</code></p>
  
  <p>But I wonder if there is a more intelligent way of doing that in vue.js. In react we can create controlled inputs and easily do it. Is there anything like that in Vue.js?</p>
  
  <p>I managed to do it using computed fields, however, I would have to create computed getter and setter for each input in the form. Is there a better way of doing it?</p>