Skip to content

docs(VAppBar): document that v-app-bar must be inside v-app#22950

Open
sridhar-3009 wants to merge 2 commits into
vuetifyjs:masterfrom
sridhar-3009:docs/app-bar-requires-v-app-22855
Open

docs(VAppBar): document that v-app-bar must be inside v-app#22950
sridhar-3009 wants to merge 2 commits into
vuetifyjs:masterfrom
sridhar-3009:docs/app-bar-requires-v-app-22855

Conversation

@sridhar-3009

Copy link
Copy Markdown
Contributor

Summary

  • Adds a ::: warning callout to the App bars documentation page, placed directly after the Usage example
  • Explains that v-app-bar depends on Vuetify's layout injection system and must be a descendant of v-app
  • Reproduces the cryptic injection "Symbol(vuetify:layout)" not found error message users encounter so it is easy to search for
  • Provides a minimal correct HTML structure (<v-app><v-app-bar>…</v-app-bar><v-main>…</v-main></v-app>) as a copy-paste guide

Closes #22855

Test plan

  • Open the docs page /components/app-bars/ locally (pnpm dev in packages/docs) and confirm the warning callout renders correctly after the Usage example
  • Verify the fenced code blocks inside the callout display as expected

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Documentation] v-app-bar doesn't mention anything about being required to be inside v-app

1 participant