fix(app): prevent images from loading twice (gridsome#486)

Fixes gridsome#438

Author: dominiquedutra

gridsome/app/directives/image.js

@@ -67,20 +67,13 @@ function loadImage (el) {
   if (!src || el.src.endsWith(src)) {
     return // src is already switched
   }
-
-  const image = new Image()
-
-  image.onload = function () {
+  
+  el.onload = function() {
     el.classList.remove('g-image--loading')
     el.classList.add('g-image--loaded')
-    
-    el.src = src
-    el.sizes = sizes
-    el.srcset = srcset
   }
-
-  image.src = src
-
-  el.classList.add('g-image--loading')
-  el.classList.remove('g-image--loaded')
+  
+  el.srcset = srcset
+  el.sizes = sizes
+  el.src = src
 }