viewer: code update (no functional change)

Types { [x: T]: R } updated to Record<T, R>
Methods in template updated to getters (computed in VueJS), which are reactive and cached
Code formatting

1 files changed, 2 insertions, 2 deletions

diff --git a/viewer/src/views/GalleryDirectory.vue b/viewer/src/views/GalleryDirectory.vue
index 30f651c..bfe484e 100644
--- a/viewer/src/views/GalleryDirectory.vue
+++ b/viewer/src/views/GalleryDirectory.vue
@@ -18,7 +18,7 @@
 -->
 
 <template>
-  <ld-gallery :items="orderedItems()" :noresult="$t('directory.no-results')" />
+  <ld-gallery :items="orderedItems" :noresult="$t('directory.no-results')" />
 </template>
 
 <script lang="ts">
@@ -33,7 +33,7 @@ export default class GalleryDirectory extends Vue {
     this.$uiStore.toggleFullscreen(false);
   }
 
-  orderedItems() {
+  get orderedItems() {
     return Navigation.directoriesFirst(this.directory.properties.items);
   }
 }