quasar-framework/src/mixins/align.js

Build responsive SPA, SSR, PWA, Hybrid Mobile Apps and Electron apps, all simultaneously using the same codebase

const
  alignMap = {
    left: 'start',
    center: 'center',
    right: 'end',
    between: 'between',
    around: 'around'
  },
  alignValues = Object.keys(alignMap)

export default {
  props: {
    align: {
      type: String,
      default: 'center',
      validator: v => alignValues.includes(v)
    }
  },
  computed: {
    alignClass () {
      return `justify-${alignMap[this.align]}`
    }
  }
}