title: How to add password matching validation in vuetify?
body: <p>I am trying to create a profile form which have two fields
  <code>password</code> and <code>rePassword</code>. basically, Both of them should be the same.</p>
  <p>I tried using different codes found on the web and different approaches.  Some of them worked but. It did'nt actually fit in with the code.</p>
  <p>Here is the piece of code:</p>
  <p>Profile.vue:</p>
  <pre><code>&lt;v-layout&gt;
          &lt;v-flex xs12 sm6&gt;
            &lt;v-text-field                        
              v-model=&quot;password&quot;
              :append-icon=&quot;show ? 'visibility' : 'visibility_off'&quot;
              :rules=&quot;[rules.required, rules.min]&quot;
              :type=&quot;show ? 'text' : 'password'&quot;
              name=&quot;password&quot;
              label=&quot;Enter Password&quot;
              hint=&quot;At least 8 characters&quot;
              counter
              @click:append=&quot;show = !show&quot;
            &gt;&lt;/v-text-field&gt;
          &lt;/v-flex&gt;
  
            &lt;v-flex xs12 sm6&gt;
              &lt;v-text-field            
                v-model=&quot;rePassword&quot;
                :append-icon=&quot;show1 ? 'visibility' : 'visibility_off'&quot;
                :rules=&quot;[rules.required, rules.min]&quot;
                :type=&quot;show1 ? 'text' : 'password'&quot;
                name=&quot;input-10-1&quot;
                label=&quot;Re-enter Password&quot;
                hint=&quot;At least 8 characters&quot;
                counter
                @click:append=&quot;show1 = !show1&quot;
              &gt;&lt;/v-text-field&gt;
            &lt;/v-flex&gt;
            &lt;/v-layout&gt;
  </code></pre>
  <p>This is how the script looks like:</p>
  <p>Profile.vue (script):</p>
  <pre><code>data() {
        return {
          show: false,
          show1: false,
          password: 'Password',
          rePassword: 'Password',
          rules: {
            required: value =&gt; !!value || 'Required.',
            min: v =&gt; v.length &gt;= 8 || 'Min 8 characters',
            emailMatch: () =&gt; ('The email and password you entered don\'t match')
          },
          emailRules: [
            v =&gt; !!v || 'E-mail is required',
            v =&gt; /.+@.+/.test(v) || 'E-mail must be valid'
          ],
          date: new Date().toISOString().substr(0, 10),
          menu: false,
          items: ['male', 'female'],
          address: '',
          title: &quot;Image Upload&quot;,
          dialog: false,
          imageName: '',
          imageUrl: '',
          imageFile: ''
        }
      },
      methods: {
        pickFile() {
          this.$refs.image.click()
        },            
            onFilePicked(e) {
          const files = e.target.files
          if(files[0] !== undefined) {
            this.imageName = files[0].name
            if(this.imageName.lastIndexOf('.') &lt;= 0) {
              return
            }
            const fr = new FileReader ()
            fr.readAsDataURL(files[0])
            fr.addEventListener('load', () =&gt; {
              this.imageUrl = fr.result
              this.imageFile = files[0] // this is an image file that can be sent to server...
            })
          } else {
            this.imageName = ''
            this.imageFile = ''
            this.imageUrl = ''
          }
          },
      }
        ,
        validate() {
          if (this.$refs.form.validate()) {
            this.snackbar = true
          }
        },
        reset() {
          this.$refs.form.reset()
        }
  </code></pre>
  <p>How do I add a password matching feature in the validation using vuetify.
  Thanks</p>