From 2a92202ccb44f667887fe34dfc3598a4ede3744b Mon Sep 17 00:00:00 2001
From: Trirst <abeces968@gmail.com>
Date: Fri, 1 Oct 2021 01:49:25 +0700
Subject: [PATCH] Fix broken paths
---
src/router/index.js | 2 +-
src/views/ImageView.vue | 12 ++++++++----
2 files changed, 9 insertions(+), 5 deletions(-)
diff --git a/src/router/index.js b/src/router/index.js
index 731793b..2b1cc39 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -23,7 +23,7 @@ const routes = [
component: Home,
},
{
- path: "/image/:hash",
+ path: "/image/:flake",
name: "ImageView",
component: ImageView,
},
diff --git a/src/views/ImageView.vue b/src/views/ImageView.vue
index 71b2ec1..8a4c953 100644
--- a/src/views/ImageView.vue
+++ b/src/views/ImageView.vue
@@ -8,9 +8,11 @@
</span>
</div>
</section>
- <div id="image-container">
- <img :src="`/api/image/${flake}/file`" alt="" />
- </div>
+ <img
+ :src="`/api/image/${this.$route.params.flake}/file`"
+ alt=""
+ class="max-w-4xl ml-16"
+ />
</div>
</template>
@@ -28,7 +30,9 @@ export default {
},
methods: {
async getImageTags() {
- const response = await fetch(`/api/image/${this.flake}/tag`);
+ const response = await fetch(
+ `/api/image/${this.$route.params.flake}/tag`
+ );
const imageTags = await response.json();
return imageTags;
},
--
GitLab