fix(#51): prevent wsod if axios error

druxt-contrib · Sep 8, 2023 · 38d717b · 38d717b
1 parent 8ce7089
commit 38d717b
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/components/DruxtFieldLayoutParagraphs.vue b/src/components/DruxtFieldLayoutParagraphs.vue
@@ -27,7 +27,7 @@ export default {
   mixins: [DruxtFieldMixin],
 
   data: () => ({
-    paragraphs: undefined,
+    paragraphs: [],
   }),
 
   async fetch() {
@@ -38,8 +38,12 @@ export default {
       href = href.replace(this.$druxt.settings.baseUrl, '')
     }
 
-    const { data } = await this.$druxt.axios.get(href)
-    this.paragraphs = data.data
+    try {
+      const { data } = await this.$druxt.axios.get(href)
+      this.paragraphs = data.data
+    } catch(err) {
+      console.error(err.message, href)
+    }
   },
 
   computed: {
@@ -48,7 +52,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: {