diglabby / doika

resources/js/widget/mixins/form.js

import axios from 'axios'

This code seems to be duplicated in your project.

export default {
  props: ['id'],
  data() {
    return {
      validation: {},
      pending: false
    }
  },
  computed: {
    isNew() {
      return this.id === undefined
    }
  },
  methods: {
    async fetchData() {
      if (!this.isNew) {
        let { data } = await axios.get(
          this.$app.route(`admin.${this.resourceRoute}.show`, {
            [this.modelName]: this.id
          })
        )

        Object.keys(data).forEach(key => {
          if (key in this.model) {
            this.model[key] = data[key]
          }
        })
        this.onModelChanged()
      }
    },
    onModelChanged() {},
    feedback(name) {
      if (this.state(name)) {

There is no return statement if this.state(name) is false. Are you sure this is correct? If so, consider adding return; explicitly.

        return this.validation.errors[name][0]
      }
    },
    state(name) {
      return this.validation.errors !== undefined &&
        this.validation.errors.hasOwnProperty(name)
        ? 'invalid'
        : null
    },
    async onSubmit() {
      this.pending = true
      let router = this.$router
      let action = this.isNew
        ? this.$app.route(`admin.${this.resourceRoute}.store`)
        : this.$app.route(`admin.${this.resourceRoute}.update`, {
            [this.modelName]: this.id
          })

      let formData = this.$app.objectToFormData(this.model)

      if (!this.isNew) {
        formData.append('_method', 'PATCH')
      }

      try {
        let { data } = await axios.post(action, formData)
        this.pending = false

        this.$app.noty[data.status](data.message)
        if (this.listPath) {
          router.push(this.listPath)
        }
      } catch (e) {
        this.pending = false

        // Validation errors
        if (e.response.status === 422) {
          this.validation = e.response.data
          return
        }

        this.$app.error(e)
      }
    }
  },
  created() {
    this.fetchData()
  }
}