Add source set for different sizes to uploadcare images

This commit is contained in:
Lorenz Padberg 2024-04-25 15:26:11 +02:00
parent 74820f52b6
commit f3f00f472f
1 changed files with 14 additions and 1 deletions

View File

@ -1,7 +1,7 @@
<template>
<img
:src="value.url"
alt=""
:srcset="srcset"
class="image-block"
@click="openFullscreen"
/>
@ -10,6 +10,19 @@
<script>
export default {
props: ['value'],
computed: {
srcset() {
if (this.value.url.includes('ucarecdn')) {
return (
this.value.url +
'-/resize/300/ 300w,' +
this.value.url +
'-/resize/800/ 800w,'
);
}
return '';
},
},
methods: {
openFullscreen() {
this.$store.dispatch('showFullscreenImage', this.value.url);