Code-splitting (dynamic import) an image on Vue.

Icon.vue

<template>
  <img :src="image" :alt="icon" :title="'Ícone ' + icon" />
</template>

<script>
export default {
  data () {
    return {
      image: ''
    };
  },
  props: {
    icon: {
      type: String,
      required: true
    }
  },
  watch: {
    icon: {
      immediate: true,
      async handler (icon) {
        this.image = await import('@/assets/icons/' + icon + '.svg');
      }
    }
  }
};
</script>