<div id="app">
  <v-app id="inspire">
    <v-form>
      <v-container>
        <v-row>
  
          <v-col cols="12" sm="6">
            <v-text-field
              v-model="number"
              type="number"
              :rules="[rules.required, rules.counter]"
              label="Title"
              counter
            ></v-text-field>
          </v-col>
  
  
        </v-row>
      </v-container>
    </v-form>
  </v-app>
</div>
new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  data () {
    return {
      number: 2,
      rules: {
        required: value => !!value || 'Required.',
        counter: value => value > 1 || 'Min 1.01',
      },
    }
  },
})
View Compiled

External CSS

  1. https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900
  2. https://cdn.jsdelivr.net/npm/@mdi/font@4.x/css/materialdesignicons.min.css
  3. https://fonts.googleapis.com/css?family=Material+Icons
  4. https://cdn.jsdelivr.net/npm/vuetify@2.1.11/dist/vuetify.min.css

External JavaScript

  1. https://cdn.jsdelivr.net/npm/babel-polyfill/dist/polyfill.min.js
  2. https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js
  3. https://cdn.jsdelivr.net/npm/vuetify@2.1.11/dist/vuetify.min.js