<template>
  <img
    :src="value.url"
    alt=""
    class="image-block"
    @click="openFullscreen">
</template>

<script>
  export default {
    props: ['value'],
    methods: {
      openFullscreen() {
        this.$store.dispatch('showFullscreenImage', this.value.url);
      }
    }

  };
</script>

<style scoped lang="scss">
  .image-block {
    width: 100%;
    max-width: 100%;
    border-radius: 13px;

    margin-bottom: 30px;
  }
</style>
