viewer: Isolated the Directory and Image views in their own components

1 files changed, 17 insertions, 0 deletions

diff --git a/viewer/src/views/GalleryImage.vue b/viewer/src/views/GalleryImage.vue
new file mode 100644
index 0000000..daaa504
--- /dev/null
+++ b/viewer/src/views/GalleryImage.vue
@@ -0,0 +1,17 @@
+<template>
+  <div>
+    <strong>Image: {{image.path}}</strong>
+  </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from "vue-property-decorator";
+
+@Component
+export default class GalleryDirectory extends Vue {
+  @Prop({ required: true }) readonly image!: Gallery.Image;
+}
+</script>
+
+<style lang="scss">
+</style>