Skip to content

Allow injecting pages without inheriting from app.vue #29365

@romhml

Description

@romhml

Describe the feature

Hello!

I'm currently working on implementing devtools for Nuxt UI (PR: #2196). As part of this, I need to inject a page within the user's app that allows our devtools to render components based on the user's Nuxt UI configuration.

The challenge I'm encountering is that I could not find a way to inject this page without inheriting from the user's app.vue (using extendPages) , which could cause unintended side effects.

To address this, I thought we could introduce a way to inject pages without inheriting from app.vue, similar to what’s done in for the test utils, by rendering the nuxt page directly if it matches a specific condition.

Additional information

  • Would you be willing to help implement this feature?
  • Could this feature be implemented as a module?

Final checks

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Status

    Later

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions