druxt-blocks 0.16.3 → 0.17.0

package/dist/components/DruxtBlock.vue

@@ -213,14 +213,15 @@ export default {
       // Debug data.
       /* @slot Debug information */
       scopedSlots.default = () => {
-        let summary = `Placeholder for the '${((this.block || {}).attributes || {}).drupal_internal__id}' block.`
-        let description = [
-          h('p', 'DruxtBlocks knows that a block can be rendered, and has information provided by Drupal, but not enough to automatically determine the behaviour of the block.'),
-          h('p', 'To render this block manually, create a Nuxt component with one of the following component options.'),
-        ]
+        let summary, description
 
+        if ((this.block || {}).attributes) {
+          summary = `Missing Vue template for the '${this.block.attributes.drupal_internal__id}' block`
+          description = [
+            h('p', `Create a Druxt theme component to render the "${this.block.attributes.settings.label}" block.`),
+          ]
         // Ensure an ID or UUID.
-        if (!this.id && !this.uuid) {
+        } else if (!this.id && !this.uuid) {
           summary = "Missing required 'id' or 'uuid' prop."
           description = [h('p', "The DruxtBlock component requires either the 'id' or 'uuid' prop to be set.")]
         }
@@ -229,14 +230,25 @@ export default {
           { props: { summary } },
           [
             h('div', description),
-            !!this.component.options.length && h('label', ['Component options:', h('ul', this.component.options.map((s) => h('li', [s])))]),
-            ((this.block || {}).attributes || {}).settings && h('label', ['Block settings:', h('pre', [JSON.stringify(this.block.attributes.settings, null, '  ')])])
+            !!this.component.options.length && h('DruxtDevelTemplate', { props: { options: this.component.options }}),
+            !!this.block && h('details', [h('summary', 'JSON:API resource'), h('pre', [h('code', [JSON.stringify(this.block, null, '  ')])])])
           ]
         )
       }
 
       return scopedSlots
     },
+
+    /**
+     * Druxt development template tool configuration.
+     */
+    template: {
+      debug: 'block',
+      mixins: {
+        'DruxtBlocksBlockMixin': 'druxt-blocks'
+      },
+      slots: false
+    }
   },
 }
 

package/dist/components/DruxtBlockRegion.vue

@@ -232,7 +232,17 @@ export default {
 
       return scopedSlots
     },
-  },
+
+    /**
+     * Druxt development template tool configuration.
+     */
+    template: {
+      debug: '{ blocks, name, theme }',
+      mixins: {
+        'DruxtBlocksRegionMixin': 'druxt-blocks'
+      }
+    }
+  }
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "druxt-blocks",
-  "version": "0.16.3",
+  "version": "0.17.0",
   "description": "Drupal Block and Block Region Druxt components.",
   "keywords": [
     "block",
@@ -43,13 +43,13 @@
   ],
   "dependencies": {
     "axios": "^0.27.2",
-    "drupal-jsonapi-params": "^2.0.0",
-    "druxt": "^0.20.0",
-    "druxt-entity": "^0.26.0",
-    "druxt-router": "^0.28.0"
+    "drupal-jsonapi-params": "^2.1.0",
+    "druxt": "^0.21.0",
+    "druxt-entity": "^0.27.0",
+    "druxt-router": "^0.29.0"
   },
   "optionalDependencies": {
-    "vue": "^2.6.14",
+    "vue": "^2.7.10",
     "vuex": "^3.6.2"
   },
   "publishConfig": {