title: Creating custom textfield input masks within Vuetify
body: <p>I'm looking to creating a custom mask within the Vuetify material framework. The example given is as this:</p>
  
  <pre><code>&lt;template&gt;
    &lt;v-card&gt;
      &lt;v-card-text&gt;
        &lt;v-text-field v-model="mask" label="Mask"&gt;&lt;/v-text-field&gt;
      &lt;/v-card-text&gt;
      &lt;v-card-text&gt;
        &lt;v-text-field :mask="mask" v-model="value" label="Value"&gt;&lt;/v-text-field&gt;
      &lt;/v-card-text&gt;
    &lt;/v-card&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    export default {
      data: () =&gt; ({
        mask: 'credit-card',
      })
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>So, somewhere the <code>'credit-card'</code> mask is defined. However, let's say I want to replace this with a custom made mask...to match on very niche regular expression...</p>
  
  <p>My custom expression would also contain values that must not change, e.g., I need the letter "X" followed by any alphabetical letter (capital only), followed by "-AW-" followed by any 6 numerical digits...so following something like this <em>Veutified</em> masking pattern:</p>
  
  <pre><code>"X" A -"AW"- ######
  </code></pre>
  
  <p>Where:</p>
  
  <pre><code>A   Any capital letter
  #   Any digit
  </code></pre>
  
  <p>Does anyone know how this could theoretically be done?</p>