How to implement dynamic import of mdi icons?

Question

Vue.js

Hello, I need to dynamically import mdi icons into a component. I have the following code:

async fetch() {
  const name = 'mdiTg'

  this.testIcon = await this.getIcon(name)
},

methods: {
  async getIcon(name) {
    return ({ [name]: name } = await import('@mdi/js'))
  }
}

I'm not smart enough to implement correctly. Any ideas?