<span tal:define="name name|field.name;
                  css_class css_class|field.widget.css_class;
                  oid oid|field.oid;
                  field_name field_name|field.name;
                  mask mask|field.widget.mask;
                  mask_placeholder mask_placeholder|field.widget.mask_placeholder;
                  style style|field.widget.style;
                  autocomplete autocomplete|field.widget.autocomplete|'off';"
      tal:omit-tag="">

  <div tal:define="vmodel vmodel|'field_model_' + field_name;">
    <!-- TODO: need to handle mask somehow? -->
    <b-input name="${field_name}"
             id="${oid}"
             v-model="${vmodel}">
    </b-input>
  </div>
</span>
