Vuetify + NuxtIcon: Vue warn Slot "default" invoked outside of the render function:
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 1.2k
- Forks
- 96
- Avg merge
- 8h 12m
- Merged PRs (30d)
- 2
Description
I'm using nuxt-icon and vuetify, got this warnings when using the nuxt-icon inside the vTabs and vMenu of vuetify. The warnings are produced when the icons are hidden then display like in vTabs and vMenu.
Here is the link to reproduce what I encounter:
https://stackblitz.com/edit/nuxt-starter-fnzdtw?file=app.vue
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
The report points to app.vue in a StackBlitz reproduction and involves nuxt-icon rendered inside Vuetify vTabs and vMenu. Start by running that reproduction and checking when the icons are hidden and shown. Done means the Vue "default" slot warning no longer appears during those visibility changes.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nuxtjs
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 30/100