chore: add prettier frontent linter

frontend/src/components/Breadcrumbs.vue

@@ -1,11 +1,18 @@
 <template>
   <div class="breadcrumbs">
-    <component :is="element"  :to="base || ''" :aria-label="$t('files.home')" :title="$t('files.home')">
+    <component
+      :is="element"
+      :to="base || ''"
+      :aria-label="$t('files.home')"
+      :title="$t('files.home')"
+    >
       <i class="material-icons">home</i>
     </component>
 
     <span v-for="(link, index) in items" :key="index">
-      <span class="chevron"><i class="material-icons">keyboard_arrow_right</i></span>
+      <span class="chevron"
+        ><i class="material-icons">keyboard_arrow_right</i></span
+      >
       <component :is="element" :to="link.url">{{ link.name }}</component>
     </span>
   </div>
@@ -13,55 +20,56 @@
 
 <script>
 export default {
-  name: 'breadcrumbs',
-  props: [
-    'base',
-    'noLink'
-  ],
+  name: "breadcrumbs",
+  props: ["base", "noLink"],
   computed: {
-    items () {
-      const relativePath = this.$route.path.replace(this.base, '')
-      let parts = relativePath.split('/')
+    items() {
+      const relativePath = this.$route.path.replace(this.base, "");
+      let parts = relativePath.split("/");
 
-      if (parts[0] === '') {
-        parts.shift()
+      if (parts[0] === "") {
+        parts.shift();
       }
 
-      if (parts[parts.length - 1] === '') {
-        parts.pop()
+      if (parts[parts.length - 1] === "") {
+        parts.pop();
       }
 
-      let breadcrumbs = []
+      let breadcrumbs = [];
 
       for (let i = 0; i < parts.length; i++) {
         if (i === 0) {
-          breadcrumbs.push({ name: decodeURIComponent(parts[i]), url: this.base + '/' + parts[i] + '/' })
-        } else  {
-          breadcrumbs.push({ name: decodeURIComponent(parts[i]), url: breadcrumbs[i - 1].url + parts[i] + '/' })
+          breadcrumbs.push({
+            name: decodeURIComponent(parts[i]),
+            url: this.base + "/" + parts[i] + "/",
+          });
+        } else {
+          breadcrumbs.push({
+            name: decodeURIComponent(parts[i]),
+            url: breadcrumbs[i - 1].url + parts[i] + "/",
+          });
         }
       }
 
       if (breadcrumbs.length > 3) {
         while (breadcrumbs.length !== 4) {
-          breadcrumbs.shift()
+          breadcrumbs.shift();
         }
 
-        breadcrumbs[0].name = '...'
+        breadcrumbs[0].name = "...";
       }
 
-      return breadcrumbs
+      return breadcrumbs;
     },
-    element () {
+    element() {
       if (this.noLink !== undefined) {
-        return 'span'
+        return "span";
       }
 
-      return 'router-link'
-    }
-  }
-}
+      return "router-link";
+    },
+  },
+};
 </script>
 
-<style>
-
-</style>
+<style></style>