diff options
Diffstat (limited to 'viewer/src/views/GalleryImage.vue')
-rw-r--r-- | viewer/src/views/GalleryImage.vue | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/viewer/src/views/GalleryImage.vue b/viewer/src/views/GalleryImage.vue index daaa504..07f8cc8 100644 --- a/viewer/src/views/GalleryImage.vue +++ b/viewer/src/views/GalleryImage.vue | |||
@@ -1,6 +1,7 @@ | |||
1 | <template> | 1 | <template> |
2 | <div> | 2 | <div> |
3 | <strong>Image: {{image.path}}</strong> | 3 | <strong>Image: {{image.path}}</strong> |
4 | <img :src="imageSrc" /> | ||
4 | </div> | 5 | </div> |
5 | </template> | 6 | </template> |
6 | 7 | ||
@@ -8,8 +9,12 @@ | |||
8 | import { Component, Vue, Prop } from "vue-property-decorator"; | 9 | import { Component, Vue, Prop } from "vue-property-decorator"; |
9 | 10 | ||
10 | @Component | 11 | @Component |
11 | export default class GalleryDirectory extends Vue { | 12 | export default class GalleryImage extends Vue { |
12 | @Prop({ required: true }) readonly image!: Gallery.Image; | 13 | @Prop({ required: true }) readonly image!: Gallery.Image; |
14 | |||
15 | get imageSrc() { | ||
16 | return `/gallery${this.image.path}`; | ||
17 | } | ||
13 | } | 18 | } |
14 | </script> | 19 | </script> |
15 | 20 | ||