druxt-router 0.31.0 → 0.31.1-dev.20260920043715

package/README.md

@@ -1,58 +1,124 @@
-# DruxtJS Router
+<img src="./banner.svg" alt="DruxtRouter provides Drupal routing for Nuxt, via Decoupled Router">
 
-[![CircleCI](https://circleci.com/gh/druxt/druxt-router.svg?style=svg)](https://circleci.com/gh/druxt/druxt-router)
-[![Known Vulnerabilities](https://snyk.io//test/github/druxt/druxt-router/badge.svg?targetFile=package.json)](https://snyk.io//test/github/druxt/druxt-router?targetFile=package.json)
-[![codecov](https://codecov.io/gh/druxt/druxt-router/branch/develop/graph/badge.svg)](https://codecov.io/gh/druxt/druxt-router)
+# DruxtRouter
+
+[![CI](https://github.com/druxt/druxt.js/actions/workflows/ci.yml/badge.svg)](https://github.com/druxt/druxt.js/actions/workflows/ci.yml)
+[![Known Vulnerabilities](https://snyk.io/test/github/druxt/druxt.js/badge.svg?targetFile=package.json)](https://snyk.io/test/github/druxt/druxt.js?targetFile=package.json)
+[![codecov](https://codecov.io/gh/druxt/druxt.js/branch/develop/graph/badge.svg)](https://codecov.io/gh/druxt/druxt.js)
 
 > Drupal router for Nuxt, powered by the Drupal Decoupled Router module.
 
-## Links
-
-- DruxtJS: https://druxtjs.org
-- Documentation: https://druxtjs.org/modules/router
-- Community Discord server: https://discord.druxtjs.org
+DruxtRouter connects Nuxt routing to Drupal routing. A wildcard route catches
+requests, resolves them through Drupal's
+[Decoupled Router](https://www.drupal.org/project/decoupled_router) with path
+aliases and redirects included, and renders the matching Druxt component for
+the resolved entity or view. Your Nuxt `pages/` directory keeps working
+alongside it, so a custom page can take over any route.
 
 ## Features
 
-- Nuxt.js module with out of the box page routing: `druxt-router`
-- Vuex store: `druxtRouter`
-- Vue component: `<DruxtRouter />`
-- Vue mixin: `DruxtRouterEntityMixin`
+- Vue.js components:
+  - **DruxtRouter** renders a Druxt component for the resolved Decoupled route
+- Route providers:
+  - **Content entity** routes resolve **DruxtEntity** components
+  - **Drupal Views** page routes resolve **DruxtView** components
+
+---
+
+## Installation
+
+> Included with [`druxt-site`](https://druxtjs.org/modules/site). Install it separately only when composing modules yourself.
+
+1. Install the package:
+
+   ```sh
+   npm i druxt-router
+   ```
+
+2. Add the module to `nuxt.config.js`:
+
+   ```js
+   export default {
+     modules: ['druxt-router/nuxt'],
+   };
+   ```
+
+### Options
+
+- `druxt.router.middleware`
+
+  Type: `boolean`  
+  Default: `true`
+
+  Controls whether to execute the Route page middleware and process redirects.
+
+- `druxt.router.pages`
 
-## Install
+  Type: `boolean`  
+  Default: `true` if **pages/** directory exists, else `false`
 
-`$ npm install druxt-router`
+  Controls whether the Nuxt **pages/** directory is used to generate routes.
 
-## Usage
+- `druxt.router.wildcard`
 
-Add module to `nuxt.config.js`
+  Type: `boolean`  
+  Default: `true`
 
-```js
-module.exports = {
-  modules: ['druxt-router/nuxt'],
-  druxt: {
-    baseUrl: 'https://demo-api.druxtjs.org'
-  }
-}
+  Controls whether the wildcard route should be installed into the Nuxt/Vue router.
+
+---
+
+## Vue.js components
+
+### DruxtRouter
+
+Renders a Druxt module router component based on the resolved route provided by the Drupal Decoupled Router module.
+
+```vue
+<DruxtRouter path="/" />
 ```
 
+If no Path is provided, the component will default to the Vue router fullpath.
+
+- For more details, refer to the [DruxtRouter API documentation](https://druxtjs.org/api/packages/router/components/DruxtRouter).
+
+---
+
+## Deprecations
+
+Retired `DruxtRouter` client pass-through methods and `druxtRouter` store
+resource members, with their replacements, are listed on the
+[deprecations page](https://druxtjs.org/modules/router/deprecations).
+
+- For the routing API itself, see the
+  [DruxtRouter API documentation](https://druxtjs.org/api/packages/router/router).
+
+---
+
 ## Options
 
 ### Druxt Router options
 
 These options are specific to this module.
 
-| Option | Type | Required | Default | Description |
-| --- | --- | --- | --- | --- |
-| `router.pages` | `boolean` | No | `true` | Whether to parse the Nuxt `pages/` directory. |
-| `router.wildcard` | `boolean` | No | `true` | Whether to install the wildcard route. |
+| Option              | Type      | Required | Default                     | Description                                             |
+| ------------------- | --------- | -------- | --------------------------- | ------------------------------------------------------- |
+| `router.middleware` | `boolean` | No       | `true`                      | Whether to run the Route page middleware and redirects. |
+| `router.pages`      | `boolean` | No       | `true` if **pages/** exists | Whether to parse the Nuxt `pages/` directory.           |
+| `router.wildcard`   | `boolean` | No       | `true`                      | Whether to install the wildcard route.                  |
 
 ### Base Druxt options
 
 These options are available to all DruxtJS modules.
 
-| Option | Type | Required | Default | Description |
-| --- | --- | --- | --- | --- |
-| `axios` | `object` | No | `{}` | [Axios instance settings](https://github.com/axios/axios#axioscreateconfig). |
-| `baseUrl` | `string` | Yes | `null` | Base URL for the Drupal installation. |
-| `endpoint` | `string` | No | `/jsonapi` | JSON:API Endpoint of the Drupal installation. |
+| Option     | Type     | Required | Default    | Description                                                                  |
+| ---------- | -------- | -------- | ---------- | ---------------------------------------------------------------------------- |
+| `axios`    | `object` | No       | `{}`       | [Axios instance settings](https://github.com/axios/axios#axioscreateconfig). |
+| `baseUrl`  | `string` | Yes      | `null`     | Base URL for the Drupal installation.                                        |
+| `endpoint` | `string` | No       | `/jsonapi` | JSON:API Endpoint of the Drupal installation.                                |
+
+## Links
+
+- DruxtJS: https://druxtjs.org
+- Documentation: https://druxtjs.org/modules/router
+- Community Discord server: https://discord.druxtjs.org

package/banner.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 320" width="1280" height="320" role="img" aria-label="druxt-router: Drupal routing for Nuxt, via Decoupled Router."><defs><linearGradient id="g" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#1f2937"/><stop offset="0.7" stop-color="#2f495e"/><stop offset="1" stop-color="#36566e"/></linearGradient></defs><rect width="1280" height="320" rx="16" fill="url(#g)"/><rect x="250" y="85" width="150" height="150" rx="32" fill="rgba(229,236,241,0.07)"/><g transform="translate(277,112) scale(4)" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3.5 18.25a2.25 2.25 0 1 0 4.5 0a2.25 2.25 0 1 0 -4.5 0" stroke="#7cc5f1"/><path d="M7.4 16.6c3.2-2.6 1.4-6.1 4.4-8.1 1.3-.87 2.5-.95 4.1-1.05" stroke="#7cc5f1"/><path d="M16 5.75a2.25 2.25 0 1 0 4.5 0a2.25 2.25 0 1 0 -4.5 0" stroke="#68cb9f"/></g><text x="440" y="150" style="font-family:ui-sans-serif,system-ui,sans-serif" font-size="64" font-weight="700" letter-spacing="-1" fill="#eef2f6">Router</text><text x="688" y="150" style="font-family:ui-monospace,Menlo,Consolas,monospace" font-size="26" fill="#7cc5f1">druxt-router</text><text x="440" y="196" style="font-family:ui-sans-serif,system-ui,sans-serif" font-size="25" fill="rgba(229,236,241,0.75)">Drupal routing for Nuxt, via Decoupled Router.</text><g transform="translate(440,236) scale(0.0994)"><path d="M139 330l-1-2c-2-4-2-8-1-13H29L189 31l67 121 22-16-67-121c-1-2-9-14-22-14-6 0-15 2-22 15L5 303c-1 3-8 16-2 27 4 6 10 12 24 12h136c-14 0-21-6-24-12z" fill="#3498DB"/><path d="M447 304L317 70c-2-2-9-15-22-15-6 0-15 3-22 15l-17 28v54l39-67 129 230h-49a23 23 0 0 1-2 14l-1 1c-6 11-21 12-23 12h76c3 0 17-1 24-12 3-5 5-14-2-26z" fill="#108775"/><path d="M376 330v-1l1-2c1-4 2-8 1-12l-4-12-102-178-15-27h-1l-15 27-102 178-4 12a24 24 0 0 0 2 15c4 6 10 12 24 12h190c3 0 18-1 25-12zM256 152l93 163H163l93-163z" fill="#E5ECF1"/></g><text x="492" y="260" style="font-family:ui-sans-serif,system-ui,sans-serif" font-size="17" font-weight="600" fill="rgba(229,236,241,0.85)">druxtjs.org</text></svg>

package/dist/components/DruxtRouter.vue

@@ -6,9 +6,9 @@ import DruxtModule from 'druxt/dist/components/DruxtModule.vue'
  * The DruxtRouter component renders a Drupal decoupled route, or path, using
  * the appropriate Druxt component.
  *
- * For instance, using the path `/node/1` would render a DruxtEntity component.
+ * The path `/node/1` renders a DruxtEntity component.
  *
- * The Vue router path will be used if not path is defined.
+ * The Vue router path is used if no path is given.
  *
  * @example <caption>Render using the Vue router path</caption> @lang vue
  * <DruxtRouter />
@@ -30,7 +30,7 @@ import DruxtModule from 'druxt/dist/components/DruxtModule.vue'
  *   mixins: [DruxtRouterMixin]
  * }
  *
- * @example <caption>DruxtRouter with template injection</caption> @lang vue
+ * @example <caption>DruxtRouter default slot (template injection)</caption> @lang vue
  * <DruxtRouter>
  *   <template #default="{ route }">
  *     <!-- Do whatever you want here -->
@@ -49,6 +49,12 @@ export default {
    * This can be disabled by setting the `druxt.router.middleware` option to
    * `false` in `nuxt.config.js`
    *
+   * @param {object} context - The Nuxt context.
+   * @param {object} context.$druxt - The Druxt Nuxt context plugin instance.
+   * @param {Function} context.error - The Nuxt error method.
+   * @param {Function} context.redirect - The Nuxt redirect method.
+   * @param {object} context.route - The current route.
+   * @param {object} context.store - The Vuex store.
    * @example @lang js
    * export default {
    *   druxt: {
@@ -58,7 +64,7 @@ export default {
    *   }
    * }
    */
-  async middleware ({ $druxt, redirect, route, store }) {
+  async middleware ({ $druxt, error, redirect, route, store }) {
     // Ensure Router middleware is enabled.
     if (typeof ($druxt.settings.router || {}).middleware !== 'undefined' && !$druxt.settings.router.middleware) {
       return
@@ -67,6 +73,11 @@ export default {
     // Get and set the current route and redirect information.
     const result = await store.dispatch('druxtRouter/get', route.fullPath)
 
+    // Render the Nuxt error page for route errors, e.g. 403 and 404.
+    if (result.error) {
+      return error(result.error)
+    }
+
     // Process redirect.
     if (result.redirect) {
       redirect(result.redirect)
@@ -105,7 +116,9 @@ export default {
   },
 
   /**
-   * @property {object} model - The model object.
+   * @param {object} vm - The component ViewModel.
+   * @param {object} [vm.value] - The Router object, used to bypass the JSON:API.
+   * @property {object|undefined} model - The route model, from the optional value prop.
    */
   data: ({ value }) => ({
     debug: {
@@ -196,6 +209,8 @@ export default {
      * Provides the available component naming options for the Druxt Wrapper.
      *
      * @param {object} context - The module component ViewModel.
+     * @param {string|false} context.module - The route module, or false where the route has none.
+     * @param {object} context.route - The route object.
      * @returns {ComponentOptions}
      */
     componentOptions: ({ module, route }) => [
@@ -233,6 +248,9 @@ export default {
      * Provides propsData for the DruxtWrapper.
      *
      * @param {object} context - The module component ViewModel.
+     * @param {object} context.$route - The current Vue Router route object.
+     * @param {string} [context.path] - The Decoupled router path.
+     * @param {object|undefined} context.model - The route model, from the optional value prop.
      * @returns {PropsData}
      */
     propsData: ({ $route, path, model }) => ({
@@ -254,12 +272,13 @@ export default {
      *   </div>
      * </template>
      *
+     * @param {Function} h - The Vue createElement function.
      * @return {ScopedSlots} The Scoped slots object.
      */
     slots(h) {
       const scopedSlots = {}
 
-      // Provide defualt error message.
+      // Provide default error message.
       if (this.model.error) {
         scopedSlots.default = () => h('div', [
           h('h1', [`Error ${this.model.error.statusCode}`]),
@@ -283,7 +302,7 @@ export default {
 }
 
 /**
- * Provides the available naming options for the Wrapper component.
+ * Provides the available naming options for the wrapper component.
  *
  * @typedef {array[]} ComponentOptions
  *
@@ -309,7 +328,7 @@ export default {
  */
 
 /**
- * Provides property data for use in the Wrapper component.
+ * Provides property data for use in the wrapper component.
  *
  * @typedef {object} PropsData
  * @param {string} path - The route path.
@@ -319,7 +338,7 @@ export default {
  * {
  *   path: '/',
  *   route: {
- *     canonical: 'https://demo-api.druxtjs.org/en/node',
+ *     canonical: 'https://api.umami.demo.druxtjs.org/en/node',
  *     component: 'druxt-view',
  *     error: false,
  *     isHomePath: true,
@@ -334,7 +353,7 @@ export default {
  */
 
 /**
- * Provides scoped slots for use in the Wrapper component.
+ * Provides scoped slots for use in the wrapper component.
  *
  * @typedef {object} ScopedSlots
  * @param {function} debug - A Debug component with a Path override field.

package/dist/components/index.mjs

@@ -4,9 +4,9 @@
  * @type {object}
  * @exports DruxtRouterComponent
  * @name DruxtRouterComponent
- * @see {@link ./components/DruxtRouter|DruxtRouterComponent}
+ * @see {@link ./DruxtRouter|DruxtRouterComponent}
  *
- * @example
+ * @example @lang js
  * <script>
  * import { DruxtRouterComponent } from 'druxt-router/dist/components'
  *

package/dist/druxt-router.esm.js

@@ -34,7 +34,7 @@ class DruxtRouter {
       ],
       ...options
     };
-    this.druxt = new DruxtClient(baseUrl, this.options);
+    this.druxt = options.druxtClient || new DruxtClient(baseUrl, this.options);
     this.axios = this.druxt.axios;
   }
   addHeaders(headers) {
@@ -70,7 +70,7 @@ class DruxtRouter {
     const url = Url(path);
     if (route.isHomePath) {
       const homePath = prefix ? `/${prefix}` : "/";
-      if (!(url.pathname === homePath || url.pathname === `${homePath}/`)) {
+      if (!["/", homePath, `${homePath}/`].includes(url.pathname)) {
         return homePath;
       }
       return false;
@@ -183,7 +183,7 @@ const DruxtRouterStore = ({ store }) => {
     }),
     mutations: {
       addEntity(state, entity) {
-        console.warn("[druxt-router] `druxtRouter/addEntity` is deprecated. See http://druxtjs.org/api/stores/druxt.");
+        console.warn("[druxt-router] `druxtRouter/addEntity` is deprecated. See https://druxtjs.org/api/packages/druxt/stores/druxt");
         if (!entity || typeof entity.id === "undefined") {
           return;
         }
@@ -208,8 +208,8 @@ const DruxtRouterStore = ({ store }) => {
     actions: {
       async get({ commit, dispatch }, path) {
         const route = await dispatch("getRoute", path);
-        if (route.error && typeof route.error.statusCode !== "undefined" && ((this.app || {}).context || {}).error) {
-          return this.app.context.error(route.error);
+        if (route.error && typeof route.error.statusCode !== "undefined") {
+          return { error: route.error, route };
         }
         commit("setRoute", path);
         const redirect = this.$druxtRouter().getRedirect(path, route);
@@ -217,7 +217,7 @@ const DruxtRouterStore = ({ store }) => {
         return { redirect, route };
       },
       async getEntity({ commit, state }, query) {
-        console.warn("[druxt-router] `druxtRouter/getEntity` is deprecated. See http://druxtjs.org/api/stores/druxt.");
+        console.warn("[druxt-router] `druxtRouter/getEntity` is deprecated. See https://druxtjs.org/api/packages/druxt/stores/druxt");
         if (typeof state.entities[query.id] !== "undefined") {
           return state.entities[query.id];
         }
@@ -226,7 +226,7 @@ const DruxtRouterStore = ({ store }) => {
         return entity.data;
       },
       async getResources(app, { resource, query }) {
-        console.warn("[druxt-router] `druxtRouter/getResources` is deprecated. See http://druxtjs.org/api/stores/druxt.");
+        console.warn("[druxt-router] `druxtRouter/getResources` is deprecated. See https://druxtjs.org/api/packages/druxt/stores/druxt");
         const collection = await this.app.store.dispatch("druxt/getCollection", { type: resource, query });
         return collection.data || false;
       },
@@ -238,7 +238,9 @@ const DruxtRouterStore = ({ store }) => {
         try {
           route = await this.$druxtRouter().getRoute(path);
         } catch (err) {
-          route = { error: { statusCode: err.response.status, message: err.response.data.message } };
+          const statusCode = (err.response || {}).status || 500;
+          const message = ((err.response || {}).data || {}).message || err.message;
+          route = { error: { statusCode, message } };
         }
         commit("addRoute", { path, route });
         return route;

package/dist/druxt-router.ssr.js

@@ -43,7 +43,7 @@ class DruxtRouter {
       ],
       ...options
     };
-    this.druxt = new druxt.DruxtClient(baseUrl, this.options);
+    this.druxt = options.druxtClient || new druxt.DruxtClient(baseUrl, this.options);
     this.axios = this.druxt.axios;
   }
   addHeaders(headers) {
@@ -79,7 +79,7 @@ class DruxtRouter {
     const url = Url__default["default"](path);
     if (route.isHomePath) {
       const homePath = prefix ? `/${prefix}` : "/";
-      if (!(url.pathname === homePath || url.pathname === `${homePath}/`)) {
+      if (!["/", homePath, `${homePath}/`].includes(url.pathname)) {
         return homePath;
       }
       return false;
@@ -192,7 +192,7 @@ const DruxtRouterStore = ({ store }) => {
     }),
     mutations: {
       addEntity(state, entity) {
-        console.warn("[druxt-router] `druxtRouter/addEntity` is deprecated. See http://druxtjs.org/api/stores/druxt.");
+        console.warn("[druxt-router] `druxtRouter/addEntity` is deprecated. See https://druxtjs.org/api/packages/druxt/stores/druxt");
         if (!entity || typeof entity.id === "undefined") {
           return;
         }
@@ -217,8 +217,8 @@ const DruxtRouterStore = ({ store }) => {
     actions: {
       async get({ commit, dispatch }, path) {
         const route = await dispatch("getRoute", path);
-        if (route.error && typeof route.error.statusCode !== "undefined" && ((this.app || {}).context || {}).error) {
-          return this.app.context.error(route.error);
+        if (route.error && typeof route.error.statusCode !== "undefined") {
+          return { error: route.error, route };
         }
         commit("setRoute", path);
         const redirect = this.$druxtRouter().getRedirect(path, route);
@@ -226,7 +226,7 @@ const DruxtRouterStore = ({ store }) => {
         return { redirect, route };
       },
       async getEntity({ commit, state }, query) {
-        console.warn("[druxt-router] `druxtRouter/getEntity` is deprecated. See http://druxtjs.org/api/stores/druxt.");
+        console.warn("[druxt-router] `druxtRouter/getEntity` is deprecated. See https://druxtjs.org/api/packages/druxt/stores/druxt");
         if (typeof state.entities[query.id] !== "undefined") {
           return state.entities[query.id];
         }
@@ -235,7 +235,7 @@ const DruxtRouterStore = ({ store }) => {
         return entity.data;
       },
       async getResources(app, { resource, query }) {
-        console.warn("[druxt-router] `druxtRouter/getResources` is deprecated. See http://druxtjs.org/api/stores/druxt.");
+        console.warn("[druxt-router] `druxtRouter/getResources` is deprecated. See https://druxtjs.org/api/packages/druxt/stores/druxt");
         const collection = await this.app.store.dispatch("druxt/getCollection", { type: resource, query });
         return collection.data || false;
       },
@@ -247,7 +247,9 @@ const DruxtRouterStore = ({ store }) => {
         try {
           route = await this.$druxtRouter().getRoute(path);
         } catch (err) {
-          route = { error: { statusCode: err.response.status, message: err.response.data.message } };
+          const statusCode = (err.response || {}).status || 500;
+          const message = ((err.response || {}).data || {}).message || err.message;
+          route = { error: { statusCode, message } };
         }
         commit("addRoute", { path, route });
         return route;

package/icon.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <circle stroke="#036397" cx="5.75" cy="18.25" r="2.25" />
+  <path stroke="#036397" d="M7.4 16.6c3.2-2.6 1.4-6.1 4.4-8.1 1.3-.87 2.5-.95 4.1-1.05" />
+  <circle stroke="#3b8070" cx="18.25" cy="5.75" r="2.25" />
+</svg>

package/nuxt/index.d.ts

@@ -9,20 +9,30 @@
  *
  * Options are set on the root level `druxt` Nuxt config object.
  *
+ * A Nuxt module configures the Nuxt application, and is unrelated to a Drupal module.
+ *
+ * @see https://druxtjs.org/modules/router
+ * @see https://druxtjs.org/explanation/nuxt-for-drupal-developers
+ *
  * @example @lang js
  * // `nuxt.config.js`
  * module.exports = {
  *   buildModules: ['druxt-router/nuxt'],
  *   druxt: {
- *     baseUrl: 'https://demi-api.druxtjs.org'
+ *     baseUrl: 'https://api.umami.demo.druxtjs.org'
  *   }
  * }
  *
+ * @param {object} moduleOptions - The Nuxt.js module options.
  * @property {object} options.druxt - Druxt root level options.
- * @property {string} options.druxt.baseUrl - Base URL of Drupal JSON:API backend.
- * @property {string} options.druxt.router.component - File to custom Router component.
+ * @property {string} options.druxt.baseUrl - Base URL of the Drupal JSON:API backend.
+ * @property {string} [options.druxt.endpoint=/jsonapi] - The Drupal JSON:API endpoint path.
+ * @property {object} [options.druxt.axios] - Axios settings for the DruxtRouter client.
+ * @property {boolean} [options.druxt.proxy.api] - Proxy JSON:API requests on the client side.
+ * @property {string} [options.druxt.router.render] - Name of the component used to render the
+ *   resolved route.
  */
-declare function DruxtRouterNuxtModule(moduleOptions?: {}): Promise<void>;
+declare function DruxtRouterNuxtModule(moduleOptions?: object): Promise<void>;
 declare namespace DruxtRouterNuxtModule {
     const meta: any;
 }

package/nuxt/index.js

@@ -7,6 +7,7 @@ const path = require('path');
 const drupalJsonapiParams = require('drupal-jsonapi-params');
 const druxt = require('druxt');
 
+const extendComponent = (component) => ({ ...component, isAsync: false });
 const DruxtRouterNuxtModule = async function(moduleOptions = {}) {
   const options = {
     baseUrl: moduleOptions.baseUrl,
@@ -20,7 +21,7 @@ const DruxtRouterNuxtModule = async function(moduleOptions = {}) {
   };
   await this.addModule(["druxt", options]);
   this.nuxt.hook("components:dirs", (dirs) => {
-    dirs.push({ path: path.join(__dirname, "../dist/components") });
+    dirs.push({ path: path.join(__dirname, "../dist/components"), extendComponent });
   });
   if (options.router.wildcard) {
     if (!options.router.pages) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "druxt-router",
-  "version": "0.31.0",
+  "version": "0.31.1-dev.20260920043715",
   "description": "Drupal router for Nuxt, powered by the Drupal Decoupled Router module.",
   "keywords": [
     "cms",
@@ -26,6 +26,7 @@
     "url": "git+https://github.com/druxt/druxt.js"
   },
   "license": "MIT",
+  "author": "Stuart Clark <stuart@druxtjs.org>",
   "exports": {
     ".": {
       "require": "./dist/druxt-router.ssr.js",
@@ -39,20 +40,23 @@
   "files": [
     "dist",
     "nuxt",
-    "templates"
+    "templates",
+    "icon.svg",
+    "banner.svg"
   ],
   "dependencies": {
-    "druxt": "^0.24.0",
+    "druxt": "0.24.1-dev.20260920043715",
     "url-parse": "^1.5.10"
   },
   "devDependencies": {
+    "axios": "0.33.0",
     "vue-router": "^3.6.5"
   },
   "peerDependencies": {
     "drupal-jsonapi-params": "*"
   },
   "optionalDependencies": {
-    "vue": "^2.7.14",
+    "vue": "^2.7.16",
     "vuex": "^3.6.2"
   },
   "publishConfig": {

package/templates/plugin.js

@@ -29,6 +29,11 @@ export default ({ app }, inject) => {
   options.axios = app.$axios
   <% } %>
 
+  // Reuse the druxt module client if available.
+  if (app.$druxt) {
+    options.druxtClient = app.$druxt
+  }
+
   const router = new DruxtRouter(baseUrl, options)
   inject('druxtRouter', () => router)
 }