From 2387abfc9fb5349b8bb9d8faadd4c011e0e5b212 Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Sun, 3 Mar 2019 23:53:05 +0100
Subject: [PATCH] Created a temporary function that will replace thumb to lg in
 the url, giving us raw image in fullscreen mode.

---
 src/components/Popover.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Popover.vue b/src/components/Popover.vue
index 7a8ec35..309da67 100644
--- a/src/components/Popover.vue
+++ b/src/components/Popover.vue
@@ -2,7 +2,7 @@
   <div class="popover">
     <div class="popover-content" @click="hidePopover" v-touch:swipe.left="backwards" v-touch:swipe.right="forwards">
       <div class="image-container">
-        <img :src="album[index].url" />
+        <img :src="tempUrl" />
       
         <div class="other-elements">
           <p>There is something here</p>
@@ -26,16 +26,18 @@ export default {
   computed: {
     album: () => store.getters.popoverAlbum,
     index: () => store.getters.popoverAlbumIndex,
+
+    tempUrl: () => album[index].url.replace('thumb', 'lg')
   },
   created() {
     window.addEventListener('keyup', this.arrowNavigation)
   },
-  mounted() {
+  beforeMount() {
     document.ontouchmove = function (e) {
       e.preventDefault();
     }
   },
-  beforeDestroy() {
+  destroyed() {
     window.removeEventListener('keyup')
     document.ontouchmove = function (e) {
       return true;