Fix Vue warning

[ahmedkandel]

When visiting forgot-password page there is a console [Vue warn]: Extraneous non-props attributes (errors, auth) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
The reason is Attribute Inheritance on Multiple Root Nodes

Inertia shares errors as a prop by default and Breeze shares auth as a prop by default. If those props are not explicitly defined on each page component a Vue runtime warning will be issued.

We can wrap all the root nodes of the page component in a <div> to create a single root component and get rid of the warning, But those props will be inherited as Non-Prop Attributes resulting in <div errors="[object Object]" auth="[object Object]">

Suggested solution : explicitly define errors and auth as props on each page component.

[reinink]

Yeah this solution is good, although it kind of sucks if you add additional top-level shared props.

But maybe that's the point...you probably shouldn't be constantly adding top-level shared props. Have auth, and errors, and try to stick to that, and be aware that any time you add additional top-level shared props, they will need to be explicitly set this way as well.

[reinink]

So, I think I figured out the right away to fix this issue. 🙌

See here: inertiajs/inertia#681

[ahmedkandel]

@reinink you are right disabling inheritance by default is much cleaner.