chore: add prettier frontent linter

frontend/src/views/settings/Shares.vue

@@ -3,37 +3,51 @@
     <div class="column">
       <div class="card">
         <div class="card-title">
-          <h2>{{ $t('settings.shareManagement') }}</h2>
+          <h2>{{ $t("settings.shareManagement") }}</h2>
         </div>
 
         <div class="card-content full">
           <table>
             <tr>
-              <th>{{ $t('settings.path') }}</th>
-              <th>{{ $t('settings.shareDuration') }}</th>
-              <th v-if="user.perm.admin">{{ $t('settings.username') }}</th>
+              <th>{{ $t("settings.path") }}</th>
+              <th>{{ $t("settings.shareDuration") }}</th>
+              <th v-if="user.perm.admin">{{ $t("settings.username") }}</th>
               <th></th>
               <th></th>
             </tr>
 
             <tr v-for="link in links" :key="link.hash">
-              <td><a :href="buildLink(link.hash)" target="_blank">{{ link.path }}</a></td>
               <td>
-                <template v-if="link.expire !== 0">{{ humanTime(link.expire) }}</template>
-                <template v-else>{{ $t('permanent') }}</template>
+                <a :href="buildLink(link.hash)" target="_blank">{{
+                  link.path
+                }}</a>
+              </td>
+              <td>
+                <template v-if="link.expire !== 0">{{
+                  humanTime(link.expire)
+                }}</template>
+                <template v-else>{{ $t("permanent") }}</template>
               </td>
               <td v-if="user.perm.admin">{{ link.username }}</td>
               <td class="small">
-                <button class="action"
-                        @click="deleteLink($event, link)"
-                        :aria-label="$t('buttons.delete')"
-                        :title="$t('buttons.delete')"><i class="material-icons">delete</i></button>
+                <button
+                  class="action"
+                  @click="deleteLink($event, link)"
+                  :aria-label="$t('buttons.delete')"
+                  :title="$t('buttons.delete')"
+                >
+                  <i class="material-icons">delete</i>
+                </button>
               </td>
               <td class="small">
-                <button class="action copy-clipboard"
-                        :data-clipboard-text="buildLink(link.hash)"
-                        :aria-label="$t('buttons.copyToClipboard')"
-                        :title="$t('buttons.copyToClipboard')"><i class="material-icons">content_paste</i></button>
+                <button
+                  class="action copy-clipboard"
+                  :data-clipboard-text="buildLink(link.hash)"
+                  :aria-label="$t('buttons.copyToClipboard')"
+                  :title="$t('buttons.copyToClipboard')"
+                >
+                  <i class="material-icons">content_paste</i>
+                </button>
               </td>
             </tr>
           </table>
@@ -44,63 +58,67 @@
 </template>
 
 <script>
-import { share as api, users } from '@/api'
-import moment from 'moment'
-import {baseURL} from "@/utils/constants"
-import Clipboard from 'clipboard'
-import {mapState} from "vuex";
+import { share as api, users } from "@/api";
+import moment from "moment";
+import { baseURL } from "@/utils/constants";
+import Clipboard from "clipboard";
+import { mapState } from "vuex";
 
 export default {
-  name: 'shares',
-  computed: mapState([ 'user' ]),
+  name: "shares",
+  computed: mapState(["user"]),
   data: function () {
     return {
       links: [],
-      clip: null
-    }
+      clip: null,
+    };
   },
-  async created () {
+  async created() {
     try {
-      let links = await api.list()
+      let links = await api.list();
       if (this.user.perm.admin) {
-        let userMap = new Map()
-        for (let user of await users.getAll()) userMap.set(user.id, user.username)
-        for (let link of links) link.username = userMap.has(link.userID) ? userMap.get(link.userID) : ''
+        let userMap = new Map();
+        for (let user of await users.getAll())
+          userMap.set(user.id, user.username);
+        for (let link of links)
+          link.username = userMap.has(link.userID)
+            ? userMap.get(link.userID)
+            : "";
       }
-      this.links = links
+      this.links = links;
     } catch (e) {
-      this.$showError(e)
+      this.$showError(e);
     }
   },
   mounted() {
-    this.clip = new Clipboard('.copy-clipboard')
-    this.clip.on('success', () => {
-      this.$showSuccess(this.$t('success.linkCopied'))
-    })
+    this.clip = new Clipboard(".copy-clipboard");
+    this.clip.on("success", () => {
+      this.$showSuccess(this.$t("success.linkCopied"));
+    });
   },
-  beforeDestroy () {
-    this.clip.destroy()
+  beforeDestroy() {
+    this.clip.destroy();
   },
   methods: {
     deleteLink: async function (event, link) {
-      event.preventDefault()
+      event.preventDefault();
 
-      this.$store.commit('showHover', {
-        prompt: 'share-delete',
+      this.$store.commit("showHover", {
+        prompt: "share-delete",
         confirm: () => {
-          this.$store.commit('closeHovers')
+          this.$store.commit("closeHovers");
 
-          api.remove(link.hash)
-          this.links = this.links.filter(item => item.hash !== link.hash)
-        }
-      })
+          api.remove(link.hash);
+          this.links = this.links.filter((item) => item.hash !== link.hash);
+        },
+      });
     },
-    humanTime (time) {
-      return moment(time * 1000).fromNow()
+    humanTime(time) {
+      return moment(time * 1000).fromNow();
     },
-    buildLink (hash) {
-      return `${window.location.origin}${baseURL}/share/${hash}`
-    }
-  }
-}
+    buildLink(hash) {
+      return `${window.location.origin}${baseURL}/share/${hash}`;
+    },
+  },
+};
 </script>