quasar/src/mixins/size.js

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

export const sizes = {
  xs: 18,
  sm: 24,
  md: 32,
  lg: 38,
  xl: 46
}

export function getSizeMixin (sizes) {
  return {
    props: {
      size: String
    },

    computed: {
      sizeStyle () {
        if (this.size !== void 0) {
          return { fontSize: this.size in sizes ? `${sizes[this.size]}px` : this.size }
        }
      }
    }
  }
}

export default getSizeMixin(sizes)