<script setup>
  import { shallowRef } from 'vue'

  const props = defineProps({
    src: {
      type: Object,
      required: true
    },
    color: {
      type: Object,
      required: false
    }
  })

  let svgComponent = shallowRef(null)

  props.src
    .then((module) => {
      svgComponent.value = module.default
    })
</script>

<template>
  <component :is="svgComponent" fill-class-name="blue" />
</template>
