Skip to content

Comments

feat(0): add createBreadcrumbs composable#135

Closed
johnleider wants to merge 1 commit intomasterfrom
feat/create-breadcrumbs
Closed

feat(0): add createBreadcrumbs composable#135
johnleider wants to merge 1 commit intomasterfrom
feat/create-breadcrumbs

Conversation

@johnleider
Copy link
Member

Summary

Lightweight breadcrumb navigation composable following the same patterns as createPagination.

Features

  • Path manipulation: push, pop, select, replace
  • Navigation: first(), prev() for going back
  • Automatic collapse: Long paths collapse middle items with ellipsis
  • v-model support: Pass a shallowRef for two-way binding
  • Trinity pattern: createBreadcrumbsContext for dependency injection

API

const breadcrumbs = createBreadcrumbs({
  path: [{ id: 'home', text: 'Home' }],
  visible: 4,
  ellipsis: '…',
})

breadcrumbs.push({ text: 'Products' })
breadcrumbs.items.value
// → [{ type: 'crumb', ... }, { type: 'ellipsis', ... }, { type: 'crumb', ... }]

Includes

  • Composable implementation
  • Documentation page
  • 37 tests (all passing)

@pkg-pr-new
Copy link

pkg-pr-new bot commented Feb 4, 2026

Open in StackBlitz

commit: ea79297

@johnleider johnleider force-pushed the feat/create-breadcrumbs branch 4 times, most recently from 9cd3b2d to f9c0e89 Compare February 4, 2026 19:12
Lightweight breadcrumb navigation composable with:
- Path manipulation (push, pop, select, replace)
- Navigation methods (first, prev)
- Automatic collapse with ellipsis for long paths
- v-model support via ref passthrough
- Trinity pattern for dependency injection

Includes documentation page and 37 tests.
@johnleider johnleider force-pushed the feat/create-breadcrumbs branch from f9c0e89 to ea79297 Compare February 4, 2026 19:37
@johnleider johnleider closed this Feb 8, 2026
@johnleider johnleider deleted the feat/create-breadcrumbs branch February 12, 2026 02:39
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.

1 participant