<template>
  <img
    :src="normalImg"
    :srcset= "normalImg + ' 1x,' + img2x + ' 2x,' + img3x + ' 3x'"
    alt=""
  />

</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
declare module 'vue/types/vue' {
  interface Vue {
    imgName: string
    subPath: string
  }
}

@Component({
  name: 'RImg',
  components: {},
  props: ['imgName', 'subPath']
})
export default class extends Vue {
  get srcset() {
    let result = ''
    result += 're'
    return result
  }

  get normalImg() {
    return require(`@/assets/${this.subPath}/${this.imgName}.png`)
  }

  get img2x() {
    return require(`@/assets/${this.subPath}/${this.imgName}@2x.png`)
  }

  get img3x() {
    return require(`@/assets/${this.subPath}/${this.imgName}@3x.png`)
  }
}
</script>

<style lang="scss" scoped>

</style>
