ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Use WagtailImage in Image content block

This commit is contained in:
Lorenz Padberg 2024-04-09 14:20:38 +02:00
parent 9645aed5f2
commit 6d920c2358
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/components/content-blocks/ImageBlock.vue
View File

@ -1,15 +1,18 @@
<template> <template>
<img <wagtail-image
:src="value.path" :src="value.path"
alt="" alt=""
class="image-block" class="image-block"
@click="openFullscreen" @click="openFullscreen"
/> ></wagtail-image>
</template> </template>
<script> <script>
import WagtailImage from '@/components/ui/WagtailImage.vue';
export default { export default {
props: ['value'], props: ['value'],
components: { WagtailImage },
methods: { methods: {
openFullscreen() { openFullscreen() {
this.$store.dispatch('showFullscreenImage', this.value.path); this.$store.dispatch('showFullscreenImage', this.value.path);