Fix individual image viewing

src/components/ImageItem.vue

@@ -16,9 +16,12 @@
     >
       X
     </div>
-    <a @click.ctrl.shift.prevent :href="`/${hash}`">
+    <router-link
+      @click.ctrl.shift.native.prevent
+      :to="{ name: 'ImageView', params: { hash: hash } }"
+    >
       <img :src="`/api/image/${hash}/file`" />
-    </a>
+    </router-link>
   </div>
 </template>
 

src/views/ImageView.vue

 <template>
   <div>
     <div id="image-container">
-      <img :src="`/api/image` + hash + `/file`" alt="" />
+      <img :src="`/api/image/` + hash + `/file`" alt="" />
     </div>
   </div>
 </template>
@@ -10,7 +10,7 @@
 export default {
   computed: {
     hash: () => {
-      return window.location.pathname;
+      return window.location.pathname.split("/")[2];
     },
   },
 };