From ecf0a874d0bd080490f73a363150aa95df56b259 Mon Sep 17 00:00:00 2001
From: Dan-Ashdown-FFT <dan.ashdown@fullfatthings.com>
Date: Fri, 3 Feb 2023 17:53:43 +0000
Subject: [PATCH 1/2] Templates for
 https://www.drupal.org/project/lupus_decoupled/issues/3338911

---
 .../layouts/layout-builder-block-preview.vue  | 27 +++++++++++++++++++
 scaffold/pages/node/_node/layout/_uuid/_.vue  | 20 ++++++++++++++
 2 files changed, 47 insertions(+)
 create mode 100644 scaffold/layouts/layout-builder-block-preview.vue
 create mode 100644 scaffold/pages/node/_node/layout/_uuid/_.vue

diff --git a/scaffold/layouts/layout-builder-block-preview.vue b/scaffold/layouts/layout-builder-block-preview.vue
new file mode 100644
index 0000000..7791e46
--- /dev/null
+++ b/scaffold/layouts/layout-builder-block-preview.vue
@@ -0,0 +1,27 @@
+<template>
+  <div>
+    <Nuxt />
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      isIframeResizer: false
+    }
+  },
+  head () {
+    return {
+      script: [
+        {
+          hid: 'iframeResizer',
+          src: 'https://cdn.jsdelivr.net/npm/iframe-resizer@4.3.3/js/iframeResizer.contentWindow.min.js',
+          defer: true,
+          callback: () => { this.isIframeResizer = true }
+        }
+      ]
+    }
+  }
+}
+</script>
diff --git a/scaffold/pages/node/_node/layout/_uuid/_.vue b/scaffold/pages/node/_node/layout/_uuid/_.vue
new file mode 100644
index 0000000..197c110
--- /dev/null
+++ b/scaffold/pages/node/_node/layout/_uuid/_.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <component :is="$drupal.contentComponent(page.content)" />
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+
+export default {
+  async asyncData ({ route, $drupal }) {
+    // Fill the drupal-ce store with data, but do not return the data here to avoid hydrating data twice.
+    await $drupal.fetchPage(route.path, { params: route.query })
+  },
+  computed: {
+    ...mapState('drupalCe', ['page'])
+  },
+  layout: 'layout-builder-block-preview',
+}
+</script>

From 333688840a1201f1315a1b0160e1c55533793fad Mon Sep 17 00:00:00 2001
From: Dan-Ashdown-FFT <dan.ashdown@fullfatthings.com>
Date: Mon, 6 Feb 2023 09:42:06 +0000
Subject: [PATCH 2/2] Code formatting

---
 scaffold/pages/node/_node/layout/_uuid/_.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/scaffold/pages/node/_node/layout/_uuid/_.vue b/scaffold/pages/node/_node/layout/_uuid/_.vue
index 197c110..011bda0 100644
--- a/scaffold/pages/node/_node/layout/_uuid/_.vue
+++ b/scaffold/pages/node/_node/layout/_uuid/_.vue
@@ -8,13 +8,13 @@
 import { mapState } from 'vuex'
 
 export default {
+  layout: 'layout-builder-block-preview',
   async asyncData ({ route, $drupal }) {
     // Fill the drupal-ce store with data, but do not return the data here to avoid hydrating data twice.
     await $drupal.fetchPage(route.path, { params: route.query })
   },
   computed: {
     ...mapState('drupalCe', ['page'])
-  },
-  layout: 'layout-builder-block-preview',
+  }
 }
 </script>