CODEWITHSUNDEEP
nuxt.jsvue-componentnuxt3.jsheroicons
Joaquin Leimeter
Joaquin Leimeter

Reputation: 81

How could I render a list of different custom elements using the component tag

So, I am trying to build a memory game using Nuxt3. My plan is to use HeroIcons icons for the images, my idea is to have an array with 8, 10, etc random icon names and display them in a grid using:

<component v-for="icon in icon" :is="icon" />

Where the "icons" array is a list with the names of the components. I have installed Nuxt hero Icons and the auto import works very well.

The issue is that when I use the component tag, the rendered HTML is a component with that name instead of the the actual auto-imported element.

Code

HTML

I am using:

Upvotes: 0

Views: 278

Answers (0)

Related Questions