Nuxt•3y ago

Dynamic component import

Hi there!

Can anyone tell me why this code works:

<game-notepad-buildings-generic :building="buildingOnSelectedTile" />

<game-notepad-buildings-generic :building="buildingOnSelectedTile" />

<game-notepad-buildings-generic :building="buildingOnSelectedTile" />

<game-notepad-buildings-generic :building="buildingOnSelectedTile" />

But not this one:

<component is="game-notepad-buildings-generic"
           :building="buildingOnSelectedTile"
/>

<component is="game-notepad-buildings-generic"
           :building="buildingOnSelectedTile"
/>

<component is="game-notepad-buildings-generic"
           :building="buildingOnSelectedTile"
/>

<component is="game-notepad-buildings-generic"
           :building="buildingOnSelectedTile"
/>

According to the documentation, I should use resolveComponent but this code snippet doesn't work either:

<component :is="resolveComponent('game-notepad-buildings-generic')"
           :building="buildingOnSelectedTile"
/>

<component :is="resolveComponent('game-notepad-buildings-generic')"
           :building="buildingOnSelectedTile"
/>

<component :is="resolveComponent('game-notepad-buildings-generic')"
           :building="buildingOnSelectedTile"
/>

<component :is="resolveComponent('game-notepad-buildings-generic')"
           :building="buildingOnSelectedTile"
/>

And same is true for a camelCase formatted component name.