<template>
  <div class="q-pa-md" style="max-width: 300px">
    <div class="q-gutter-md">
      <q-input
        filled
        v-model.number="price"
        label="Price with 2 decimals"
        mask="#.##"
        fill-mask="0"
        reverse-fill-mask
        hint="Mask: #.##"
        input-class="text-right"
      />
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      price: null
    }
  }
}
</script>

<template>
  <div class="q-pa-md" style="max-width: 300px">
    <div class="q-gutter-md">
      <q-input
        filled
        v-model="price"
        label="Price with 2 decimals"
        mask="#.##"
        fill-mask="0"
        reverse-fill-mask
        hint="Mask: #.##"
        input-class="text-right"
      />
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      price: null
    }
  }
}
</script>

Revert "feat(docs): Improve number mask example on QInput page"
Revert "feat(docs): Improve number mask example on QInput page"

This reverts commit 4e1c7edb52332f3657fc4bf1a484e8837bb348b2.
