---------------------- To support image importing through props in Nuxt 3, you need to use a different approach compared to the static `src` attribute. The `~/assets/` syntax is not automatically resolved when passed as a prop. Here's how you can handle this: 1. Import the image in the parent component: ```vue ``` 2. In the child component, use the imported image as the `src`: ```vue ``` Alternatively, you can use the `useImage` composable provided by Nuxt Image module to handle dynamic image imports: ```vue ``` This approach allows you to pass the image path as a prop and still benefit from Nuxt's image optimization features. For more information on using images in Nuxt 3, you can refer to the following resources: [Nuxt 3 Assets Documentation]() [Nuxt Image Usage Documentation]() Remember to install and configure the Nuxt Image module if you haven't already: ```bash npx nuxi@latest module add image ``` This will enable advanced image handling capabilities in your Nuxt 3 project. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

Img src through props.

Img src through props.

Continue the conversation

Nuxt

Continue the conversation

Nuxt

Similar Threads