Merge branch 'release/0.4.1'

.nvmrc

@@ -1 +1 @@
-v16.20.1
+16.20.2

CHANGELOG.md

@@ -1,5 +1,11 @@
 # druxt-layout-paragraphs
 
+## 0.4.1
+
+### Patch Changes
+
+- fix(#51): prevent error if backend data unavailable
+
 ## 0.4.0
 
 ### Minor Changes

package.json

@@ -1,6 +1,6 @@
 {
   "name": "druxt-layout-paragraphs",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "keywords": [
     "druxt",
     "drupal",
@@ -30,15 +30,15 @@
     "test:watch": "jest --watch"
   },
   "devDependencies": {
-    "@babel/core": "7.22.9",
-    "@babel/preset-env": "7.22.9",
+    "@babel/core": "7.22.15",
+    "@babel/preset-env": "7.22.15",
     "@changesets/cli": "2.26.2",
     "@vue/test-utils": "1.3.6",
     "babel-core": "7.0.0-bridge.0",
-    "druxt": "0.22",
+    "druxt": "0.23",
     "druxt-entity": "0.28",
     "esbuild-jest": "0.5.0",
-    "eslint": "8.45.0",
+    "eslint": "8.48.0",
     "eslint-plugin-nuxt": "3.2.0",
     "jest": "27.5.1",
     "jest-junit": "^16.0.0",

src/components/DruxtFieldLayoutParagraphs.vue

@@ -7,7 +7,10 @@
       :uuid="paragraph.id"
       v-bind="{ ...$attrs }"
     >
-      <template v-if="isLayout(paragraph)" #default="{ entity }">
+      <template
+        v-if="isLayout(paragraph)"
+        #default="{ entity }"
+      >
         <DruxtLayoutParagraph
           :entity="entity"
           :children="getChildren(entity)"
@@ -27,7 +30,7 @@ export default {
   mixins: [DruxtFieldMixin],
 
   data: () => ({
-    paragraphs: undefined,
+    paragraphs: [],
   }),
 
   async fetch() {
@@ -48,7 +51,7 @@ export default {
      *
      * @return {object[]}
      */
-    rootParagraphs: ({ paragraphs, isLayout }) => paragraphs.filter((o) => isLayout(o) || (!isLayout(o) && !(o.attributes.behavior_settings.layout_paragraphs || {}).parent_uuid)),
+    rootParagraphs: ({ paragraphs, isLayout }) => (paragraphs || []).filter((o) => isLayout(o) || (!isLayout(o) && !(o.attributes.behavior_settings.layout_paragraphs || {}).parent_uuid)),
   },
 
   methods: {