title: Vuetify custom validation for confirm password
body: <p>I am working on Vue.js template and on the sign up page, I need to compare password while user signup so, I added custom validation rule like the following code:</p>
  
  <pre><code>&lt;v-text-field 
      label="Password" 
      v-model="password" 
      :rules="passwordRules" 
      type="password" 
      required
  &gt;&lt;/v-text-field&gt;
  &lt;v-text-field 
      label="Confirm Password" 
      v-model="confirmPassword" 
      :rules="[confirmPasswordRules,passwordConfirmationRule]"
      type="password" 
      required
  &gt;&lt;/v-text-field&gt;
  </code></pre>
  
  <p>script:</p>
  
  <pre><code>data() {
      return {
          password: "",
          confirmPassword: "",
          passwordRules: [v =&gt; !!v || "Password is required"],
          confirmPasswordRules: [v =&gt; !!v || "Password is required"],
      };
  },
  </code></pre>
  
  <p>Compare password method in computed:</p>
  
  <pre><code>computed: {
      passwordConfirmationRule() {
          return () =&gt; (this.password === this.confirmPassword) || 'Password must match'
      },
  }
  </code></pre>
  
  <p>I use the computed method for confirm password its working fine and compare the password perfectly but it shows error in console <code>[Vuetify] Rules should return a string or boolean, received 'object' instead</code>  so how can I solve this ??</p>