blob: 1dda027847b838d983e3f5f43f9904b4e0f63cf0 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
<template>
<div>
<strong>Directory: {{directory.path}}</strong>
<div class="flex-thumbnails">
<div v-for="(item) in directory.properties.items" :key="item.path">
<router-link :to="item.path">
<gallery-thumbnail :item="item" />
</router-link>
</div>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue, Prop } from "vue-property-decorator";
import GalleryThumbnail from "./GalleryThumbnail.vue";
@Component({
components: { GalleryThumbnail },
})
export default class GalleryDirectory extends Vue {
@Prop({ required: true }) readonly directory!: Gallery.Directory;
}
</script>
<style lang="scss">
.flex-thumbnails {
display: flex;
}
</style>
|