@api-platform/client-generator/templates/vue-common/mixins/NotificationMixin.js

Generate apps built with Next, Nuxt, Quasar, React, React Native, Vue or Vuetify for any API documented using Hydra or OpenAPI

import { mapFields } from 'vuex-map-fields';

export default {
  computed: {
    ...mapFields('notifications', ['color', 'show', 'subText', 'text', 'timeout'])
  },

  methods: {
    cleanState() {
      setTimeout(() => {
        this.show = false;
      }, this.timeout);
    },

    showError(error) {
      this.showMessage(error, 'danger');
    },

    showMessage(message, color = 'success') {
      this.show = true;
      this.color = color;

      if (typeof message === 'string') {
        this.text = message;
        this.cleanState();

        return;
      }

      this.text = message.message;

      if (message.response) this.subText = message.response.data.message;

      this.cleanState();
    }
  }
};