druxt-breadcrumb - npm Package Compare versions

Comparing version 0.5.0 to 0.6.0

dist/druxt-breadcrumb.esm.js

@@ -5,8 +5,68 @@ import { resolve } from 'path';
 
+/**
+ * The Nuxt.js module function.
+ *
+ * - Adds the Vue.js components to the Nuxt.js frontend.
+ *
+ * The module function should not be used directly, but rather installed via yout Nuxt.js configuration file.
+ *
+ * Options are set on the root level `druxt` Nuxt.js config object.
+ *
+* @example <caption>nuxt.config.js</caption> @lang js
+ * module.exports = {
+ *   modules: [
+ *     'druxt-breadcrumb'
+ *   ],
+ *   druxt: {
+ *     baseUrl: 'https://example.com'
+ *   }
+ * }
+ *
+ * @param {object} moduleOptions - Nuxt.js module options object.
+ */
+var DruxtBreadcrumbModule = function (moduleOptions) {
+
+  // Use root level Druxt options.
+  if (typeof this.options === 'undefined' || !this.options.druxt) {
+    throw new TypeError('Druxt settings missing.')
+  }
+  var options = this.options.druxt;
+
+  options.breadcrumb = Object.assign({}, {home: true},
+
+    options.breadcrumb);
+
+  // Add plugin.
+  this.addPlugin({
+    src: resolve(__dirname, '../nuxt/plugin.js'),
+    fileName: 'druxt-breadcrumb.js',
+    options: options
+  });
+};
+
 //
 
+/**
+ * The `<druxt-breadcrumb />` Vue.js component.
+ *
+ * @example @lang vue
+ * <druxt-breadcrumb />
+ */
 var script = {
   name: 'DruxtBreadcrumb',
 
+  /**
+   * Vue.js Properties.
+   *
+   * @see {@link https://vuejs.org/v2/guide/components-props.html}
+   */
   props: {
+    /**
+     * The breadcrumb render component.
+     *
+     * @type {string}
+     * @default div
+     * @example @lang vue
+     * <druxt-breadcrumb component="b-breadcrumb" />
+     */
     component: {
@@ -17,2 +77,10 @@ type: String,
 
+    /**
+     * Show home crumb?
+     *
+     * @type {boolean}
+     * @default false
+     * @example @lang vue
+     * <druxt-breacrumb :home="false" />
+     */
     home: {
@@ -24,18 +92,26 @@ type: Boolean,
 
+  /**
+   * Nuxt.js fetch method.
+   */
+  fetch: async function fetch() {
+    await this.fetch();
+  },
+
+  /**
+   * Vue.js Data object.
+   *
+   * @property {objects[]} crumbs - The Breadcrumbs.
+   */
+
   data: function () { return ({
-    loading: 0,
-    items: {},
+    crumbs: [],
   }); },
 
-  computed: Object.assign({}, {crumbs: function crumbs() {
-      var this$1 = this;
-
-      if (!!this.loading) { return [] }
-
-      return Object.keys(this.items).sort(function (a, b) { return a.length - b.length; }).map(function (key) {
-        return this$1.items[key]
-      })
-    },
-
-    settings: function settings() {
+  /**
+   * Vue.js Computed properties.
+   *
+   * @vue-computed {object} route The current Route.
+   * @vue-computed {object} routes All available routes.
+   */
+  computed: Object.assign({}, {settings: function settings() {
       var settings = {
@@ -68,63 +144,73 @@ component: null,
 
+  /**
+   * Nuxt.js watch property.
+   */
   watch: {
-    '$route': 'getItems'
+    /**
+     * Updates crumbs on Route change.
+     */
+    $route: async function() {
+      await this.fetch();
+    }
   },
 
   created: function created() {
-    this.getItems();
+    // Workaround for Vuepress docs.
+    if (!this.$fetch) {
+      this.fetch();
+    }
   },
 
-  methods: Object.assign({}, {getItems: function getItems() {
-      var this$1 = this;
-
-      // Reset items.
-      this.items = {};
-
+  methods: Object.assign({}, {fetch: async function fetch() {
       // If there is no route, stop here.
       if (!this.route || !Object.keys(this.route).length) { return }
 
-      // Home crumb.
-      if (this.settings.home) {
-        this.items['/'] = {
-          to: '/',
-          text: 'Home'
-        };
-      }
+      // If we are at the root and don't want a home crumb, stop here.
+      if (this.$route.path === '/' && !this.settings.home) { return }
 
-      // If we are at the root of the site, stop here.
-      if (this.$route.path === '/') { return }
-
       // Current route crumb.
-      this.items[this.$route.path] = {
+      var crumbs = [{
         text: this.route.label
-      };
+      }];
 
+      // If we are at the root of the site, stop here.
+      if (this.$route.path === '/') {
+        this.crumbs = crumbs;
+        return
+      }
+
       // Add crumbs for route parents.
       var paths = this.$route.path.split('/').filter(String);
       paths.pop();
-      var loop = function () {
-        this$1.loading++;
+      while (paths.length > 0) {
         var to = '/' + paths.join('/');
-        this$1.items[to] = {};
 
-        this$1.getRoute(to).then(function (route) {
-          this$1.loading--;
+        var route = (void 0);
+        try {
+          route = await this.getRoute(to);
+        } catch(err) {
+          route = false;
+        }
 
-          delete this$1.items[to];
-          if (route.label) {
-            this$1.items[to] = { to: to, text: route.label };
-          }
+        if (route.label) {
+          crumbs.push({ to: to, text: route.label });
+        }
 
-          this$1.$forceUpdate();
-        }).catch(function (error) {
-          this$1.loading--;
-          delete this$1.items[to];
+        paths.pop();
+      }
+
+      // Home crumb.
+      if (this.settings.home) {
+        crumbs.push({
+          to: '/',
+          text: 'Home'
         });
+      }
 
-        paths.pop();
-      };
-
-      while (paths.length > 0) loop();
+      this.crumbs = crumbs.reverse();
     }},
 
+    /**
+     * Maps `druxtRouter/getRoute` Vuex action to `this.getRoute`.
+     */
     mapActions({
@@ -214,3 +300,3 @@ getRoute: 'druxtRouter/getRoute'
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.crumbs.length)?_c(_vm.settings.component,{tag:"component",attrs:{"items":_vm.crumbs}}):_vm._e()};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.crumbs.length > 0)?_c('div',[_c(_vm.settings.component,{tag:"component",attrs:{"items":_vm.crumbs}})],1):_vm._e()};
 var __vue_staticRenderFns__ = [];
@@ -249,5 +335,25 @@
 
+/**
+ * System Breadcrumb block.
+ *
+ * _This component is intended to be rendered by the `<druxt-block />` component._
+ *
+ * - Renders the `<druxt-breadcrumb />` component.
+ *
+ * @example @lang vue
+ * <druxt-block
+ *   uuid="59121e44-e21b-4f53-b009-5225cd630145"
+ * />
+ *
+ * @see {@link https://blocks.druxtjs.org/api/components/DruxtBlock.html|DruxtBlock}
+ * @see {@link ../DruxtBreadcrumb|DruxtBreadcrumb}
+ */
 var script$1 = {
   name: 'DruxtBlockSystemBreadcrumbBlock',
 
+  /**
+   * Vue.js Mixins.
+   *
+   * @see {@link https://blocks.druxtjs.org/api/mixins/block.html|DruxtBlocksBlockMixin}
+   */
   mixins: [DruxtBlocksBlockMixin],
@@ -300,23 +406,3 @@ };
 
-function index$1 (moduleOptions) {
-
-  // Use root level Druxt options.
-  if (typeof this.options === 'undefined' || !this.options.druxt) {
-    throw new TypeError('Druxt settings missing.')
-  }
-  var options = this.options.druxt;
-
-  options.breadcrumb = Object.assign({}, {home: true},
-
-    options.breadcrumb);
-
-  // Add plugin.
-  this.addPlugin({
-    src: resolve(__dirname, '../nuxt/plugin.js'),
-    fileName: 'druxt-breadcrumb.js',
-    options: options
-  });
-}
-
-export default index$1;
+export default DruxtBreadcrumbModule;
 export { __vue_component__$1 as DruxtBlockSystemBreadcrumbBlock, __vue_component__ as DruxtBreadcrumb, index as DruxtBreadcrumbComponents };

dist/druxt-breadcrumb.min.js

@@ -1,1 +0,1 @@
-var DruxtBreadcrumb=function(t,e,r,n){"use strict";function o(t,e,r,n,o,i,s,u,a,c){"boolean"!=typeof s&&(a=u,u=s,s=!1);var d,h="function"==typeof r?r.options:r;if(t&&t.render&&(h.render=t.render,h.staticRenderFns=t.staticRenderFns,h._compiled=!0,o&&(h.functional=!0)),n&&(h._scopeId=n),i?(d=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,a(t)),t&&t._registeredComponents&&t._registeredComponents.add(i)},h._ssrRegister=d):e&&(d=s?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,u(t))}),d)if(h.functional){var l=h.render;h.render=function(t,e){return d.call(e),l(t,e)}}else{var m=h.beforeCreate;h.beforeCreate=m?[].concat(m,d):[d]}return r}var i=o({render:function(){var t=this.$createElement,e=this._self._c||t;return this.crumbs.length?e(this.settings.component,{tag:"component",attrs:{items:this.crumbs}}):this._e()},staticRenderFns:[]},void 0,{name:"DruxtBreadcrumb",props:{component:{type:String,default:"div"},home:{type:Boolean,default:!0}},data:function(){return{loading:0,items:{}}},computed:Object.assign({},{crumbs:function(){var t=this;return this.loading?[]:Object.keys(this.items).sort((function(t,e){return t.length-e.length})).map((function(e){return t.items[e]}))},settings:function(){var t={component:null,home:null};for(var e in t)void 0===this.$options.propsData[e]?void 0===this.$druxtBreadcrumb.options[e]?t[e]=this[e]:t[e]=this.$druxtBreadcrumb.options[e]:t[e]=this[e];return t}},r.mapState({route:function(t){return t.druxtRouter.route},routes:function(t){return t.druxtRouter.routes}})),watch:{$route:"getItems"},created:function(){this.getItems()},methods:Object.assign({},{getItems:function(){var t=this;if(this.items={},this.route&&Object.keys(this.route).length&&(this.settings.home&&(this.items["/"]={to:"/",text:"Home"}),"/"!==this.$route.path)){this.items[this.$route.path]={text:this.route.label};var e=this.$route.path.split("/").filter(String);e.pop();for(var r=function(){t.loading++;var r="/"+e.join("/");t.items[r]={},t.getRoute(r).then((function(e){t.loading--,delete t.items[r],e.label&&(t.items[r]={to:r,text:e.label}),t.$forceUpdate()})).catch((function(e){t.loading--,delete t.items[r]})),e.pop()};e.length>0;)r()}}},r.mapActions({getRoute:"druxtRouter/getRoute"}))},void 0,!1,void 0,!1,void 0,void 0,void 0),s=o({render:function(){var t=this.$createElement;return(this._self._c||t)("druxt-breadcrumb")},staticRenderFns:[]},void 0,{name:"DruxtBlockSystemBreadcrumbBlock",mixins:[n.DruxtBlocksBlockMixin]},void 0,!1,void 0,!1,void 0,void 0,void 0),u=Object.freeze({__proto__:null,DruxtBreadcrumb:i,DruxtBlockSystemBreadcrumbBlock:s});return t.DruxtBlockSystemBreadcrumbBlock=s,t.DruxtBreadcrumb=i,t.DruxtBreadcrumbComponents=u,t.default=function(t){if(void 0===this.options||!this.options.druxt)throw new TypeError("Druxt settings missing.");var r=this.options.druxt;r.breadcrumb=Object.assign({},{home:!0},r.breadcrumb),this.addPlugin({src:e.resolve(__dirname,"../nuxt/plugin.js"),fileName:"druxt-breadcrumb.js",options:r})},t}({},path,vuex,druxtBlocks);
+var DruxtBreadcrumb=function(t,e,r,n){"use strict";function o(t,e,r,n,o,i,s,u,a,c){"boolean"!=typeof s&&(a=u,u=s,s=!1);var d,h="function"==typeof r?r.options:r;if(t&&t.render&&(h.render=t.render,h.staticRenderFns=t.staticRenderFns,h._compiled=!0,o&&(h.functional=!0)),n&&(h._scopeId=n),i?(d=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,a(t)),t&&t._registeredComponents&&t._registeredComponents.add(i)},h._ssrRegister=d):e&&(d=s?function(t){e.call(this,c(t,this.$root.$options.shadowRoot))}:function(t){e.call(this,u(t))}),d)if(h.functional){var f=h.render;h.render=function(t,e){return d.call(e),f(t,e)}}else{var l=h.beforeCreate;h.beforeCreate=l?[].concat(l,d):[d]}return r}var i=o({render:function(){var t=this,e=t.$createElement,r=t._self._c||e;return t.crumbs.length>0?r("div",[r(t.settings.component,{tag:"component",attrs:{items:t.crumbs}})],1):t._e()},staticRenderFns:[]},undefined,{name:"DruxtBreadcrumb",props:{component:{type:String,default:"div"},home:{type:Boolean,default:!0}},fetch:async function(){await this.fetch()},data:function(){return{crumbs:[]}},computed:Object.assign({},{settings:function(){var t={component:null,home:null};for(var e in t)void 0===this.$options.propsData[e]?void 0===this.$druxtBreadcrumb.options[e]?t[e]=this[e]:t[e]=this.$druxtBreadcrumb.options[e]:t[e]=this[e];return t}},r.mapState({route:function(t){return t.druxtRouter.route},routes:function(t){return t.druxtRouter.routes}})),watch:{$route:async function(){await this.fetch()}},created:function(){this.$fetch||this.fetch()},methods:Object.assign({},{fetch:async function(){if(this.route&&Object.keys(this.route).length&&("/"!==this.$route.path||this.settings.home)){var t=[{text:this.route.label}];if("/"!==this.$route.path){var e=this.$route.path.split("/").filter(String);for(e.pop();e.length>0;){var r="/"+e.join("/"),n=void 0;try{n=await this.getRoute(r)}catch(t){n=!1}n.label&&t.push({to:r,text:n.label}),e.pop()}this.settings.home&&t.push({to:"/",text:"Home"}),this.crumbs=t.reverse()}else this.crumbs=t}}},r.mapActions({getRoute:"druxtRouter/getRoute"}))},undefined,false,undefined,!1,void 0,void 0,void 0),s=o({render:function(){var t=this.$createElement;return(this._self._c||t)("druxt-breadcrumb")},staticRenderFns:[]},undefined,{name:"DruxtBlockSystemBreadcrumbBlock",mixins:[n.DruxtBlocksBlockMixin]},undefined,false,undefined,!1,void 0,void 0,void 0),u=Object.freeze({__proto__:null,DruxtBreadcrumb:i,DruxtBlockSystemBreadcrumbBlock:s});return t.DruxtBlockSystemBreadcrumbBlock=s,t.DruxtBreadcrumb=i,t.DruxtBreadcrumbComponents=u,t.default=function(t){if(void 0===this.options||!this.options.druxt)throw new TypeError("Druxt settings missing.");var r=this.options.druxt;r.breadcrumb=Object.assign({},{home:!0},r.breadcrumb),this.addPlugin({src:e.resolve(__dirname,"../nuxt/plugin.js"),fileName:"druxt-breadcrumb.js",options:r})},t}({},path,vuex,druxtBlocks);

dist/druxt-breadcrumb.ssr.js

@@ -1,7 +0,65 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var path=require('path'),vuex=require('vuex'),druxtBlocks=require('druxt-blocks');//
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var path=require('path'),vuex=require('vuex'),druxtBlocks=require('druxt-blocks');/**
+ * The Nuxt.js module function.
+ *
+ * - Adds the Vue.js components to the Nuxt.js frontend.
+ *
+ * The module function should not be used directly, but rather installed via yout Nuxt.js configuration file.
+ *
+ * Options are set on the root level `druxt` Nuxt.js config object.
+ *
+* @example <caption>nuxt.config.js</caption> @lang js
+ * module.exports = {
+ *   modules: [
+ *     'druxt-breadcrumb'
+ *   ],
+ *   druxt: {
+ *     baseUrl: 'https://example.com'
+ *   }
+ * }
+ *
+ * @param {object} moduleOptions - Nuxt.js module options object.
+ */
+var DruxtBreadcrumbModule = function (moduleOptions) {
 
+  // Use root level Druxt options.
+  if (typeof this.options === 'undefined' || !this.options.druxt) {
+    throw new TypeError('Druxt settings missing.')
+  }
+  var options = this.options.druxt;
+
+  options.breadcrumb = Object.assign({}, {home: true},
+
+    options.breadcrumb);
+
+  // Add plugin.
+  this.addPlugin({
+    src: path.resolve(__dirname, '../nuxt/plugin.js'),
+    fileName: 'druxt-breadcrumb.js',
+    options: options
+  });
+};//
+
+/**
+ * The `<druxt-breadcrumb />` Vue.js component.
+ *
+ * @example @lang vue
+ * <druxt-breadcrumb />
+ */
 var script = {
   name: 'DruxtBreadcrumb',
 
+  /**
+   * Vue.js Properties.
+   *
+   * @see {@link https://vuejs.org/v2/guide/components-props.html}
+   */
   props: {
+    /**
+     * The breadcrumb render component.
+     *
+     * @type {string}
+     * @default div
+     * @example @lang vue
+     * <druxt-breadcrumb component="b-breadcrumb" />
+     */
     component: {
@@ -12,2 +70,10 @@ type: String,
 
+    /**
+     * Show home crumb?
+     *
+     * @type {boolean}
+     * @default false
+     * @example @lang vue
+     * <druxt-breacrumb :home="false" />
+     */
     home: {
@@ -19,18 +85,26 @@ type: Boolean,
 
+  /**
+   * Nuxt.js fetch method.
+   */
+  fetch: async function fetch() {
+    await this.fetch();
+  },
+
+  /**
+   * Vue.js Data object.
+   *
+   * @property {objects[]} crumbs - The Breadcrumbs.
+   */
+
   data: function () { return ({
-    loading: 0,
-    items: {},
+    crumbs: [],
   }); },
 
-  computed: Object.assign({}, {crumbs: function crumbs() {
-      var this$1 = this;
-
-      if (!!this.loading) { return [] }
-
-      return Object.keys(this.items).sort(function (a, b) { return a.length - b.length; }).map(function (key) {
-        return this$1.items[key]
-      })
-    },
-
-    settings: function settings() {
+  /**
+   * Vue.js Computed properties.
+   *
+   * @vue-computed {object} route The current Route.
+   * @vue-computed {object} routes All available routes.
+   */
+  computed: Object.assign({}, {settings: function settings() {
       var settings = {
@@ -63,63 +137,73 @@ component: null,
 
+  /**
+   * Nuxt.js watch property.
+   */
   watch: {
-    '$route': 'getItems'
+    /**
+     * Updates crumbs on Route change.
+     */
+    $route: async function() {
+      await this.fetch();
+    }
   },
 
   created: function created() {
-    this.getItems();
+    // Workaround for Vuepress docs.
+    if (!this.$fetch) {
+      this.fetch();
+    }
   },
 
-  methods: Object.assign({}, {getItems: function getItems() {
-      var this$1 = this;
-
-      // Reset items.
-      this.items = {};
-
+  methods: Object.assign({}, {fetch: async function fetch() {
       // If there is no route, stop here.
       if (!this.route || !Object.keys(this.route).length) { return }
 
-      // Home crumb.
-      if (this.settings.home) {
-        this.items['/'] = {
-          to: '/',
-          text: 'Home'
-        };
-      }
+      // If we are at the root and don't want a home crumb, stop here.
+      if (this.$route.path === '/' && !this.settings.home) { return }
 
-      // If we are at the root of the site, stop here.
-      if (this.$route.path === '/') { return }
-
       // Current route crumb.
-      this.items[this.$route.path] = {
+      var crumbs = [{
         text: this.route.label
-      };
+      }];
 
+      // If we are at the root of the site, stop here.
+      if (this.$route.path === '/') {
+        this.crumbs = crumbs;
+        return
+      }
+
       // Add crumbs for route parents.
       var paths = this.$route.path.split('/').filter(String);
       paths.pop();
-      var loop = function () {
-        this$1.loading++;
+      while (paths.length > 0) {
         var to = '/' + paths.join('/');
-        this$1.items[to] = {};
 
-        this$1.getRoute(to).then(function (route) {
-          this$1.loading--;
+        var route = (void 0);
+        try {
+          route = await this.getRoute(to);
+        } catch(err) {
+          route = false;
+        }
 
-          delete this$1.items[to];
-          if (route.label) {
-            this$1.items[to] = { to: to, text: route.label };
-          }
+        if (route.label) {
+          crumbs.push({ to: to, text: route.label });
+        }
 
-          this$1.$forceUpdate();
-        }).catch(function (error) {
-          this$1.loading--;
-          delete this$1.items[to];
+        paths.pop();
+      }
+
+      // Home crumb.
+      if (this.settings.home) {
+        crumbs.push({
+          to: '/',
+          text: 'Home'
         });
+      }
 
-        paths.pop();
-      };
-
-      while (paths.length > 0) loop();
+      this.crumbs = crumbs.reverse();
     }},
 
+    /**
+     * Maps `druxtRouter/getRoute` Vuex action to `this.getRoute`.
+     */
     vuex.mapActions({
@@ -205,3 +289,3 @@ getRoute: 'druxtRouter/getRoute'
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.crumbs.length)?_c(_vm.settings.component,{tag:"component",attrs:{"items":_vm.crumbs}}):_vm._e()};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.crumbs.length > 0)?_c('div',[_c(_vm.settings.component,{tag:"component",attrs:{"items":_vm.crumbs}})],1):_vm._e()};
 var __vue_staticRenderFns__ = [];
@@ -214,3 +298,3 @@
   /* module identifier */
-  var __vue_module_identifier__ = "data-v-013bec76";
+  var __vue_module_identifier__ = "data-v-c3a2621c";
   /* functional template */
@@ -239,5 +323,25 @@ var __vue_is_functional_template__ = false;
 
+/**
+ * System Breadcrumb block.
+ *
+ * _This component is intended to be rendered by the `<druxt-block />` component._
+ *
+ * - Renders the `<druxt-breadcrumb />` component.
+ *
+ * @example @lang vue
+ * <druxt-block
+ *   uuid="59121e44-e21b-4f53-b009-5225cd630145"
+ * />
+ *
+ * @see {@link https://blocks.druxtjs.org/api/components/DruxtBlock.html|DruxtBlock}
+ * @see {@link ../DruxtBreadcrumb|DruxtBreadcrumb}
+ */
 var script$1 = {
   name: 'DruxtBlockSystemBreadcrumbBlock',
 
+  /**
+   * Vue.js Mixins.
+   *
+   * @see {@link https://blocks.druxtjs.org/api/mixins/block.html|DruxtBlocksBlockMixin}
+   */
   mixins: [druxtBlocks.DruxtBlocksBlockMixin],
@@ -256,3 +360,3 @@ };/* script */
   /* module identifier */
-  var __vue_module_identifier__$1 = "data-v-3c9da916";
+  var __vue_module_identifier__$1 = "data-v-760cf7ba";
   /* functional template */
@@ -279,20 +383,2 @@ var __vue_is_functional_template__$1 = false;
     undefined
-  );var index=/*#__PURE__*/Object.freeze({__proto__:null,DruxtBreadcrumb: __vue_component__,DruxtBlockSystemBreadcrumbBlock: __vue_component__$1});function index$1 (moduleOptions) {
-
-  // Use root level Druxt options.
-  if (typeof this.options === 'undefined' || !this.options.druxt) {
-    throw new TypeError('Druxt settings missing.')
-  }
-  var options = this.options.druxt;
-
-  options.breadcrumb = Object.assign({}, {home: true},
-
-    options.breadcrumb);
-
-  // Add plugin.
-  this.addPlugin({
-    src: path.resolve(__dirname, '../nuxt/plugin.js'),
-    fileName: 'druxt-breadcrumb.js',
-    options: options
-  });
-}exports.DruxtBlockSystemBreadcrumbBlock=__vue_component__$1;exports.DruxtBreadcrumb=__vue_component__;exports.DruxtBreadcrumbComponents=index;exports.default=index$1;
+  );var index=/*#__PURE__*/Object.freeze({__proto__:null,DruxtBreadcrumb: __vue_component__,DruxtBlockSystemBreadcrumbBlock: __vue_component__$1});exports.DruxtBlockSystemBreadcrumbBlock=__vue_component__$1;exports.DruxtBreadcrumb=__vue_component__;exports.DruxtBreadcrumbComponents=index;exports.default=DruxtBreadcrumbModule;

package.json

 {
   "name": "druxt-breadcrumb",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Provides a Breadcrumb Vue component to be used within a Druxt (DRUpal nuXT) project.",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/Realityloop/druxt-breadcrumb"
+    "url": "git+https://github.com/druxt/druxt-breadcrumb"
   },
@@ -19,5 +19,5 @@ "keywords": [
   "bugs": {
-    "url": "https://github.com/Realityloop/druxt-breadcrumb/issues"
+    "url": "https://github.com/druxt/druxt-breadcrumb/issues"
   },
-  "homepage": "https://github.com/Realityloop/druxt-breadcrumb#readme",
+  "homepage": "https://github.com/druxt/druxt-breadcrumb#readme",
   "main": "dist/druxt-breadcrumb.ssr.js",
@@ -36,2 +36,4 @@ "module": "dist/druxt-breadcrumb.esm.js",
     "dev": "nodemon --ext js,vue --exec 'npm run lint && npm run build && npm run test'",
+    "docs:dev": "druxt-docgen dev",
+    "docs:build": "druxt-docgen build",
     "lint": "eslint --ext .js,.vue src",
@@ -47,23 +49,22 @@ "start": "npm run dev",
   "dependencies": {
-    "codecov": "^3.7.0",
+    "codecov": "^3.7.2",
+    "druxt-blocks": "^0.5.0",
+    "druxt-router": "^0.16.0",
     "vuex": "^3.5.1"
   },
-  "peerDependencies": {
-    "druxt-router": "^0.11.0"
-  },
   "devDependencies": {
-    "@babel/plugin-transform-runtime": "^7.10.4",
-    "@babel/preset-env": "^7.10.4",
+    "@babel/plugin-transform-runtime": "^7.11.5",
+    "@babel/preset-env": "^7.11.5",
     "@rollup/plugin-alias": "^2.2.0",
     "@rollup/plugin-buble": "^0.20.0",
     "@rollup/plugin-replace": "^2.3.3",
-    "@vue/test-utils": "^1.0.3",
+    "@vue/test-utils": "^1.0.5",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^10.1.0",
     "cross-env": "^6.0.3",
-    "druxt-blocks": "^0.3.0",
-    "druxt-router": "^0.8.0",
+    "druxt-docgen": "^0.2.7",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.2.2",
     "jest": "^25.5.4",
+    "jest-junit": "^11.1.0",
     "minimist": "^1.2.0",
@@ -73,7 +74,7 @@ "nodemon": "^2.0.4",
     "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-terser": "^5.1.2",
+    "rollup-plugin-terser": "^7.0.1",
     "rollup-plugin-vue": "^5.1.9",
-    "vue": "^2.6.10",
+    "vue": "^2.6.12",
     "vue-jest": "^3.0.6",
-    "vue-template-compiler": "^2.6.11",
+    "vue-template-compiler": "^2.6.12",
     "vue-test-utils": "^1.0.0-beta.11"
@@ -80,0 +81,0 @@ },

README.md

@@ -1,9 +0,14 @@
-# \<druxt-breadcrumb />
+# Druxt.js Breadcrumb
 
-[![CircleCI](https://circleci.com/gh/Realityloop/druxt-breadcrumb.svg?style=svg)](https://circleci.com/gh/Realityloop/druxt-breadcrumb)
-[![Known Vulnerabilities](https://snyk.io/test/github/Realityloop/druxt-breadcrumb/badge.svg?targetFile=package.json)](https://snyk.io/test/github/Realityloop/druxt-breadcrumb?targetFile=package.json)
-[![codecov](https://codecov.io/gh/Realityloop/druxt-breadcrumb/branch/develop/graph/badge.svg)](https://codecov.io/gh/Realityloop/druxt-breadcrumb)
+[![CircleCI](https://circleci.com/gh/druxt/druxt-breadcrumb.svg?style=svg)](https://circleci.com/gh/druxt/druxt-breadcrumb)
+[![Known Vulnerabilities](https://snyk.io/test/github/druxt/druxt-breadcrumb/badge.svg?targetFile=package.json)](https://snyk.io/test/github/druxt/druxt-breadcrumb?targetFile=package.json)
+[![codecov](https://codecov.io/gh/druxt/druxt-breadcrumb/branch/develop/graph/badge.svg)](https://codecov.io/gh/druxt/druxt-breadcrumb)
 
-Provides a Breadcrumb Vue component to be used within a Druxt (DRUpal nuXT) project.
+Provides a Breadcrumb Vue.js component to be used within a Druxt (DRUpal nuXT) project.
 
+## Links
+
+- Druxt.js: https://druxtjs.org
+- Documentation: https://breadcrumb.druxtjs.org/
+
 ## Install
@@ -20,8 +25,5 @@
   modules: [
-    ...
     'druxt-breadcrumb',
-    'druxt-entity'
   ],
 
-
   druxt: {
@@ -28,0 +30,0 @@ baseUrl: 'https://example.com',

New alerts

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

28947

increased by15.39%

Lines of code

692

increased by34.63%

Number of lines in readme file

56

increased by3.7%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dependency count

4

increased by33.33%

Dependency changes

• + Addeddruxt-blocks@^0.5.0

• + Addeddruxt-router@^0.16.0

• + Addedaxios@0.21.4(transitive)

• + Addedcall-bind@1.0.7(transitive)

• + Addedconsola@2.15.3(transitive)

• + Addeddefine-data-property@1.1.4(transitive)

• + Addeddrupal-jsonapi-params@1.2.3(transitive)

• + Addeddruxt-blocks@0.5.0(transitive)

• + Addeddruxt-entity@0.6.3(transitive)

• + Addeddruxt-router@0.16.1(transitive)

• + Addeddruxt-schema@0.6.2(transitive)

• + Addedes-define-property@1.0.0(transitive)

• + Addedes-errors@1.3.0(transitive)

• + Addedfollow-redirects@1.15.6(transitive)

• + Addedfunction-bind@1.1.2(transitive)

• + Addedget-intrinsic@1.2.4(transitive)

• + Addedgopd@1.0.1(transitive)

• + Addedhas-property-descriptors@1.0.2(transitive)

• + Addedhas-proto@1.0.3(transitive)

• + Addedhas-symbols@1.0.3(transitive)

• + Addedhasown@2.0.2(transitive)

• + Addedobject-inspect@1.13.2(transitive)

• + Addedqs@6.12.1(transitive)

• + Addedquerystring@0.2.1(transitive)

• + Addedset-function-length@1.2.2(transitive)

• + Addedside-channel@1.0.6(transitive)

• - Removeddruxt-router@0.11.1(transitive)

• Updatedcodecov@^3.7.2