<template>
  <modal
    :hide-header="true"
    :fullscreen="true"
    class="fullscreen-image"
  >
    <img
      :src="imageUrl"
      class="fullscreen-image__image"
    />
  </modal>
</template>

<script>
import Modal from '@/components/Modal.vue';

export default {
  components: {
    Modal,
  },

  computed: {
    imageUrl() {
      return this.$store.state.imageUrl;
    },
  },
};
</script>

<style scoped lang="scss">
.fullscreen-image {
  &__image {
    max-width: 100%;
    width: 100%;
    vertical-align: bottom;
  }
}
</style>
