ToastMixin.ts

import { ComponentOptionsMixin } from 'vue-demi'

const ToastMixin: ComponentOptionsMixin = {
  props: {
    /**
     * The id of the toast
     */
    id: {
      type: String,
      required: true,
    },
    /**
     * The index of the toast in the current queue
     */
    index: {
      type: Number,
      required: true,
    },
    /**
     * Whether the width of the window is smaller than the specified width or not.
     */
    full: {
      type: Boolean,
      required: true,
    },
    /**
     * The type of the toast
     * Accepts: "base", "warning", "error", "success"
     */
    type: {
      type: String,
      required: false,
      default: 'base',
      validator: (x: string) =>
        ['base', 'warning', 'error', 'success'].includes(x),
    },
    /**
     * The current position from the parent plugin options
     * Accepts: "bottom-right", "bottom-left", "top-right", "top-left", "top-middle", "bottom-middle"
     */
    position: {
      type: String,
      required: false,
      default: 'bottom-right',
      validator: (x: string) =>
        [
          'bottom-right',
          'bottom-left',
          'top-right',
          'top-left',
          'top-middle',
          'bottom-middle',
        ].includes(x),
    },
    /**
     * The message to show on the toast
     */
    message: {
      type: String,
      required: true,
    },
  },
}

export default ToastMixin