From 6d920c2358b49d51a3b5eff8e6d1b84184449c07 Mon Sep 17 00:00:00 2001
From: Lorenz Padberg <lorenz.padberg@iterativ.ch>
Date: Tue, 9 Apr 2024 14:20:38 +0200
Subject: [PATCH] Use WagtailImage in Image content block

---
 client/src/components/content-blocks/ImageBlock.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/client/src/components/content-blocks/ImageBlock.vue b/client/src/components/content-blocks/ImageBlock.vue
index db50038e..5543f3c2 100644
--- a/client/src/components/content-blocks/ImageBlock.vue
+++ b/client/src/components/content-blocks/ImageBlock.vue
@@ -1,15 +1,18 @@
 <template>
-  <img
+  <wagtail-image
     :src="value.path"
     alt=""
     class="image-block"
     @click="openFullscreen"
-  />
+  ></wagtail-image>
 </template>
 
 <script>
+import WagtailImage from '@/components/ui/WagtailImage.vue';
+
 export default {
   props: ['value'],
+  components: { WagtailImage },
   methods: {
     openFullscreen() {
       this.$store.dispatch('showFullscreenImage', this.value.path);