如何从我的nuxt js组件的node_modules文件夹中动态加载svg图标？

<template>
  <span class="icon" v-html="icon"></span>
</template>

<script>
import fs from 'fs'

export default {
  props: {
    name: {
      type: String,
      required: true
    }
  },
  computed: {
    icon() {
      return fs.readFileSync(`~/assets/icons/${this.name}.svg`, 'utf8')
    }
  }
}
</script>

<style scoped>
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: middle;
}
</style>

<template>
  <div>
    <Icon name="example-icon" />
  </div>
</template>

<script>
import Icon from '@/components/Icon.vue'

export default {
  components: {
    Icon
  }
}
</script>