quasar/src/mixins/ratio.js

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

export default {
  props: {
    ratio: [ String, Number ]
  },

  computed: {
    ratioStyle () {
      const ratio = this.ratio || this.naturalRatio

      if (ratio !== void 0) {
        return { paddingBottom: `${100 / ratio}%` }
      }
    }
  }
}