chore: add prettier frontent linter

frontend/src/components/prompts/Rename.vue

@@ -1,89 +1,107 @@
 <template>
   <div class="card floating">
     <div class="card-title">
-      <h2>{{ $t('prompts.rename') }}</h2>
+      <h2>{{ $t("prompts.rename") }}</h2>
     </div>
 
     <div class="card-content">
-      <p>{{ $t('prompts.renameMessage') }} <code>{{ oldName() }}</code>:</p>
-      <input class="input input--block" v-focus type="text" @keyup.enter="submit" v-model.trim="name">
+      <p>
+        {{ $t("prompts.renameMessage") }} <code>{{ oldName() }}</code
+        >:
+      </p>
+      <input
+        class="input input--block"
+        v-focus
+        type="text"
+        @keyup.enter="submit"
+        v-model.trim="name"
+      />
     </div>
 
     <div class="card-action">
-      <button class="button button--flat button--grey"
+      <button
+        class="button button--flat button--grey"
         @click="$store.commit('closeHovers')"
         :aria-label="$t('buttons.cancel')"
-        :title="$t('buttons.cancel')">{{ $t('buttons.cancel') }}</button>
-      <button @click="submit"
+        :title="$t('buttons.cancel')"
+      >
+        {{ $t("buttons.cancel") }}
+      </button>
+      <button
+        @click="submit"
         class="button button--flat"
         type="submit"
         :aria-label="$t('buttons.rename')"
-        :title="$t('buttons.rename')">{{ $t('buttons.rename') }}</button>
+        :title="$t('buttons.rename')"
+      >
+        {{ $t("buttons.rename") }}
+      </button>
     </div>
   </div>
 </template>
 
 <script>
-import { mapState, mapGetters } from 'vuex'
-import url from '@/utils/url'
-import { files as api } from '@/api'
+import { mapState, mapGetters } from "vuex";
+import url from "@/utils/url";
+import { files as api } from "@/api";
 
 export default {
-  name: 'rename',
+  name: "rename",
   data: function () {
     return {
-      name: ''
-    }
+      name: "",
+    };
   },
-  created () {
-    this.name = this.oldName()
+  created() {
+    this.name = this.oldName();
   },
   computed: {
-    ...mapState(['req', 'selected', 'selectedCount']),
-    ...mapGetters(['isListing'])
+    ...mapState(["req", "selected", "selectedCount"]),
+    ...mapGetters(["isListing"]),
   },
   methods: {
     cancel: function () {
-      this.$store.commit('closeHovers')
+      this.$store.commit("closeHovers");
     },
     oldName: function () {
       if (!this.isListing) {
-        return this.req.name
+        return this.req.name;
       }
 
       if (this.selectedCount === 0 || this.selectedCount > 1) {
         // This shouldn't happen.
-        return
+        return;
       }
 
-      return this.req.items[this.selected[0]].name
+      return this.req.items[this.selected[0]].name;
     },
     submit: async function () {
-      let oldLink = ''
-      let newLink = ''
+      let oldLink = "";
+      let newLink = "";
 
       if (!this.isListing) {
-        oldLink = this.req.url
+        oldLink = this.req.url;
       } else {
-        oldLink = this.req.items[this.selected[0]].url
+        oldLink = this.req.items[this.selected[0]].url;
       }
 
-      newLink = url.removeLastDir(oldLink) + '/' + encodeURIComponent(this.name)
+      newLink =
+        url.removeLastDir(oldLink) + "/" + encodeURIComponent(this.name);
 
       try {
-        await api.move([{ from: oldLink, to: newLink }])
+        await api.move([{ from: oldLink, to: newLink }]);
         if (!this.isListing) {
-          this.$router.push({ path: newLink })
-          return
+          this.$router.push({ path: newLink });
+          return;
         }
 
-        this.$store.commit('setReload', true)
+        this.$store.commit("setReload", true);
       } catch (e) {
-        this.$showError(e)
+        this.$showError(e);
       }
 
-      this.$store.commit('closeHovers')
-    }
-  }
-}
+      this.$store.commit("closeHovers");
+    },
+  },
+};
 </script>