Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Cannot pass props to NuxtLayout
See original GitHub issueEnvironment
- Operating System:
Darwin - Node Version:
v16.15.1 - Nuxt Version:
3.0.0 - Nitro Version:
1.0.0 - Package Manager:
yarn@1.22.19 - Builder:
vite - User Config:
- - Runtime Modules:
- - Build Modules:
-
Reproduction
https://stackblitz.com/edit/nuxt-starter-dskmfq?file=pages%2Findex.vue
Describe the bug
Passing props to NuxtLayout stopped working after rc-13. Browser shows 2 warnings
-
Extraneous non-props attributes were passed to component but could not be automatically inherited because component renders fragment or text root nodes
-
Missing required prop
Additional context
No response
Logs
No response
Issue Analytics
- State:
- Created 10 months ago
- Reactions:19
- Comments:8 (4 by maintainers)
Top Results From Across the Web
How to pass props to <nuxt /> component pages
According to the thread below it's not possible to pass props to a element: https://github.com/nuxt/nuxt.js/issues/1502.
Read more >Layouts directory - Nuxt
Layouts are a great help when you want to change the look and feel of your Nuxt app. Whether you want to include...
Read more >Can't get the $ref of a child inside a component. Getting ...
Pass props from child component to Vue JS page and use @blur/@focus function to call on the prop inside the parent · Vuejs...
Read more >Creating A Spotify-Powered App Using Nuxt.js
We're going to pass the progress and image props to our <Progress> component. <script> import Progress from './Progress.vue' export ...
Read more >layouts/ · Nuxt Directory Structure
Layouts are used by adding <NuxtLayout> to your app.vue , and either setting a layout property ... or by manually specifying it as...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Please don’t post “+1” or “Same problem”. Instead, upvote issues or comments.
Well it worked until rc.13, and I have couple of projects that use that behavior. So now I have to either stay on rc.12 or change a lot of logic. I would really appreciate if you can roll it back. Thanks!😊