Vue: Dynamic Import de um SVG as Component

[danilovaz]

Pessoal, tenho uma lib de componentes my-lib-components Vue que expõe um component que é um arquivo SVG (faço uso usando vue-svg-loader), esse arquivo SVG vem de outra lib my-lib-svgs. Ao utilizar esse componente no Storybook para Vue, por exemplo, funciona tranquilo.

Porém, ao importar essa lib de componentes pra um projeto Nuxt (SSR) e tentar fazer uso desse component SVG, tomo o seguinte erro:

A implementação básica desse componente na minha my-components-lib é essa aqui:

<template>
  <div
    class="my-component"
  >
    <component 
      :is="customSVG"
      :sign="sign"
      @="$listeners"/>
  </div>
</template>

<script>
export default {
  name: "Sign",
  props: {
    sign: {
      type: String,
      required: true
    },
},
computed: {
    customSVG() {
      if (this.sign) {
        return async () => await import(`my-lib-svgs/dist/${this.sign}.svg`);
      }
    }
  },
};
</script>

e o uso dela no projeto nuxt:

<template>
    <ZSign
      sign="google"
    />
</template>

<script>
import { Sign } from "my-lib-components";

export default {
  components: {
    Sign,
  }
}
</script>