Reusable Forms - Model

Comment.js

import { Model } from "@vuex-orm/core";
import { required, maxLength, minLength } from "vuelidate/lib/validators";

export default class Comment extends Model {
  static fields() {
    return {
      id: this.attr(null),
      text: this.string(""),
    };
  }
  // Keep validations within the model
  static get validations() {
    return {
      form: {
        text: { required, maxLength: maxLength(24), minLength: minLength(6) },
      }
    };
  }
  // Call to send new POST request
  toCreatePayload() {
    return {
      text: this.text,
    };
  }
  // Call to send new PUT request
  toUpdatePayload() {
    return {
      ...this.toCreatePayload(),
      id: this.$id
    };
  }
}
Comment.entity = "comments";