Render a breadcrumb trail in Nuxt from the Drupal decoupled router, with the DruxtBreadcrumb component and its theming options.
DruxtBreadcrumb builds a breadcrumb trail for the current route. It walks the route's parent paths through the decoupled router, so the trail follows your Drupal path hierarchy with no manual configuration, and it themes like every other Druxt component.

Features
- Vue.js components:
- DruxtBreadcrumb: Render Drupal breadcrumbs by route
Installation
-
Install the package:
npm i druxt-breadcrumb -
Add the module to
nuxt.config.js:export default { modules: ['druxt-breadcrumb'], };
Vue.js components
DruxtBreadcrumb
Renders a list of breadcrumbs based on the active route.
<DruxtBreadcrumb />
- For more details, refer to the DruxtBreadcrumb API documentation.
Options
Base Druxt options
These options are available to all Druxt modules, in the nuxt.config.js file.
| Option | Type | Required | Default | Description |
|---|---|---|---|---|
druxt.axios | object | No | {} | Axios instance settings. |
druxt.baseUrl | string | Yes | null | Base URL for the Drupal installation. |
Note: The contents of this file were automatically generated from the packages/breadcrumb/README.md.