1 files changed, 8 insertions, 6 deletions
diff --git a/app/assets/javascripts/repository/components/blob_viewers/image_viewer.vue b/app/assets/javascripts/repository/components/blob_viewers/image_viewer.vue
index 83d36209bb3..5027f7877aa 100644
--- a/app/assets/javascripts/repository/components/blob_viewers/image_viewer.vue
+++ b/app/assets/javascripts/repository/components/blob_viewers/image_viewer.vue
@@ -1,15 +1,17 @@
 <script>
 export default {
   props: {
-    url: {
-      type: String,
-      required: true,
-    },
-    alt: {
-      type: String,
+    blob: {
+      type: Object,
       required: true,
     },
   },
+  data() {
+    return {
+      url: this.blob.rawPath,
+      alt: this.blob.name,
+    };
+  },
 };
 </script>
 <template>