viewer: prettier formatting based on eslint-prettier plugin

13 files changed, 33 insertions, 40 deletions

diff --git a/viewer/src/components/LdBreadcrumb.vue b/viewer/src/components/LdBreadcrumb.vue
index a8d8dcb..618b15a 100644
--- a/viewer/src/components/LdBreadcrumb.vue
+++ b/viewer/src/components/LdBreadcrumb.vue
@@ -29,11 +29,11 @@
   >
     <div v-show="overflowMask" class="ld-breadcrumb-overflow-mask"></div>
     <ul class="ld-breadcrumb">
-      <li v-for="(item,idx) in currentItemPath" :key="item.path">
+      <li v-for="(item, idx) in currentItemPath" :key="item.path">
         <fa-icon v-if="idx > 0" icon="angle-right" class="disabled" />
         <router-link :to="item.path" class="link">
           <fa-icon :icon="getIcon(item)" size="lg" />
-          {{item.title}}
+          {{ item.title }}
         </router-link>
       </li>
       <li v-if="searchMode">
diff --git a/viewer/src/components/LdCommand.vue b/viewer/src/components/LdCommand.vue
index 49d86bb..d3705de 100644
--- a/viewer/src/components/LdCommand.vue
+++ b/viewer/src/components/LdCommand.vue
@@ -24,14 +24,14 @@
       <fa-icon :icon="commandToggleSearchPanelIcon" size="lg" />
     </a>
     <a
-      :class="{'disabled': isEntryPoint}"
+      :class="{ disabled: isEntryPoint }"
       class="link command-secondary"
       :title="$t('command.back')"
       @click="isEntryPoint || $router.back()"
     >
       <fa-icon icon="arrow-left" size="lg" />
     </a>
-    <router-link :class="{'disabled': isRoot}" :title="$t('command.parent')" :to="parent">
+    <router-link :class="{ disabled: isRoot }" :title="$t('command.parent')" :to="parent">
       <fa-icon icon="folder" size="xs" />
       <fa-icon icon="level-up-alt" size="lg" />
     </router-link>
diff --git a/viewer/src/components/LdCommandSearch.vue b/viewer/src/components/LdCommandSearch.vue
index ef158ff..33ab804 100644
--- a/viewer/src/components/LdCommandSearch.vue
+++ b/viewer/src/components/LdCommandSearch.vue
@@ -21,11 +21,11 @@
   <div class="flex webkit-flex-shrink-fix">
     <b-button @click="clear">
       <fa-icon icon="eraser" />
-      <span>{{$t('command.search.clear')}}</span>
+      <span>{{ $t("command.search.clear") }}</span>
     </b-button>
     <b-button expanded @click="search">
       <fa-icon icon="search" />
-      <span>{{$t('command.search.search')}}</span>
+      <span>{{ $t("command.search.search") }}</span>
     </b-button>
   </div>
 </template>
diff --git a/viewer/src/components/LdError.vue b/viewer/src/components/LdError.vue
index a53942d..c71e2ad 100644
--- a/viewer/src/components/LdError.vue
+++ b/viewer/src/components/LdError.vue
@@ -30,7 +30,8 @@
 <script lang="ts">
 import { Component, Prop, Vue } from "vue-property-decorator";
 
-@Component export default class LdError extends Vue {
+@Component
+export default class LdError extends Vue {
   @Prop({ required: true, type: String }) readonly icon!: string;
   @Prop({ required: true, type: String }) readonly message!: string;
 }
diff --git a/viewer/src/components/LdProposition.vue b/viewer/src/components/LdProposition.vue
index 1490689..97f47da 100644
--- a/viewer/src/components/LdProposition.vue
+++ b/viewer/src/components/LdProposition.vue
@@ -20,7 +20,7 @@
 
 <template>
   <div class="proposition">
-    <h2 v-if="showCategory && proposedTags.length" class="subtitle category">{{title}}</h2>
+    <h2 v-if="showCategory && proposedTags.length" class="subtitle category">{{ title }}</h2>
     <div v-for="proposed in proposedTags" :key="proposed.rawTag">
       <a
         class="operation-btns link"
@@ -42,9 +42,10 @@
         class="operation-tag link"
         :title="$t('tag-propositions.intersection')"
         @click="add(Operation.INTERSECTION, proposed.rawTag)"
-      >{{proposed.rawTag}}</a>
+        >{{ proposed.rawTag }}</a
+      >
 
-      <div class="disabled" :title="$t('tag-propositions.item-count')">{{proposed.count}}</div>
+      <div class="disabled" :title="$t('tag-propositions.item-count')">{{ proposed.count }}</div>
     </div>
   </div>
 </template>
diff --git a/viewer/src/components/LdTagInput.vue b/viewer/src/components/LdTagInput.vue
index 6b6e749..ce83ba8 100644
--- a/viewer/src/components/LdTagInput.vue
+++ b/viewer/src/components/LdTagInput.vue
@@ -34,8 +34,8 @@
     @remove="clearCurrentFilter"
     @keydown.enter.native="onKeyEnter"
   >
-    <template slot-scope="props">{{displayOption(props.option)}}</template>
-    <template slot="empty">{{$t('tagInput.nomatch')}}</template>
+    <template slot-scope="props">{{ displayOption(props.option) }}</template>
+    <template slot="empty">{{ $t("tagInput.nomatch") }}</template>
   </b-taginput>
 </template>
 
diff --git a/viewer/src/components/LdThumbnail.vue b/viewer/src/components/LdThumbnail.vue
index 0ddeb6b..5b1bc82 100644
--- a/viewer/src/components/LdThumbnail.vue
+++ b/viewer/src/components/LdThumbnail.vue
@@ -18,20 +18,20 @@
 -->
 
 <template>
-  <div :class="{'preload': loading}">
+  <div :class="{ preload: loading }">
     <v-lazy-image
       v-if="item.thumbnail"
       :src="pictureSrc(item.thumbnail.resource)"
       :style="pictureStyle"
       :title="item.title"
-      @intersect="loading=true"
-      @load="loading=false"
+      @intersect="loading = true"
+      @load="loading = false"
     />
     <div v-else class="thumbnail-other flex-column flex-center">
       <div>
         <fa-icon :icon="icon" size="4x" />
       </div>
-      {{item.title}}
+      {{ item.title }}
     </div>
   </div>
 </template>
diff --git a/viewer/src/components/index.ts b/viewer/src/components/index.ts
index 043087d..f34eea1 100644
--- a/viewer/src/components/index.ts
+++ b/viewer/src/components/index.ts
@@ -17,18 +17,21 @@
 -- along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
 
-import Vue from "vue"
+import Vue from "vue";
 
 const requireComponent = require.context(
   "@/components",
   true, // Whether or not to look in subfolders
   // The regular expression used to match base component filenames
   /Ld[A-Z]\w+\.vue$/
-)
+);
 
 requireComponent.keys().forEach(fileName => {
-  const componentConfig = requireComponent(fileName)
-  const componentName = fileName.split("/").pop()!.replace(/\.vue$/, "");
+  const componentConfig = requireComponent(fileName);
+  const componentName = fileName
+    .split("/")
+    .pop()!
+    .replace(/\.vue$/, "");
 
   // Register component globally
   Vue.component(
@@ -37,5 +40,5 @@ requireComponent.keys().forEach(fileName => {
     // exist if the component was exported with `export default`,
     // otherwise fall back to module's root.
     componentConfig.default ?? componentConfig
-  )
-})
+  );
+});
diff --git a/viewer/src/components/item_handlers/LdAudioViewer.vue b/viewer/src/components/item_handlers/LdAudioViewer.vue
index 8c8ce2b..2e0f8dc 100644
--- a/viewer/src/components/item_handlers/LdAudioViewer.vue
+++ b/viewer/src/components/item_handlers/LdAudioViewer.vue
@@ -22,10 +22,7 @@
   <div class="flex-column container-vh-centering">