chore: add prettier frontent linter

frontend/src/components/prompts/NewFile.vue

@@ -1,12 +1,18 @@
 <template>
   <div class="card floating">
     <div class="card-title">
-      <h2>{{ $t('prompts.newFile') }}</h2>
+      <h2>{{ $t("prompts.newFile") }}</h2>
     </div>
 
     <div class="card-content">
-      <p>{{ $t('prompts.newFileMessage') }}</p>
-      <input class="input input--block" v-focus type="text" @keyup.enter="submit" v-model.trim="name">
+      <p>{{ $t("prompts.newFileMessage") }}</p>
+      <input
+        class="input input--block"
+        v-focus
+        type="text"
+        @keyup.enter="submit"
+        v-model.trim="name"
+      />
     </div>
 
     <div class="card-action">
@@ -15,57 +21,60 @@
         @click="$store.commit('closeHovers')"
         :aria-label="$t('buttons.cancel')"
         :title="$t('buttons.cancel')"
-      >{{ $t('buttons.cancel') }}</button>
+      >
+        {{ $t("buttons.cancel") }}
+      </button>
       <button
         class="button button--flat"
         @click="submit"
         :aria-label="$t('buttons.create')"
         :title="$t('buttons.create')"
-      >{{ $t('buttons.create') }}</button>
+      >
+        {{ $t("buttons.create") }}
+      </button>
     </div>
   </div>
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
-import { files as api } from '@/api'
-import url from '@/utils/url'
+import { mapGetters } from "vuex";
+import { files as api } from "@/api";
+import url from "@/utils/url";
 
 export default {
-  name: 'new-file',
-  data: function() {
+  name: "new-file",
+  data: function () {
     return {
-      name: ''
+      name: "",
     };
   },
   computed: {
-    ...mapGetters([ 'isFiles', 'isListing' ])
+    ...mapGetters(["isFiles", "isListing"]),
   },
   methods: {
-    submit: async function(event) {
-      event.preventDefault()
-      if (this.new === '') return
+    submit: async function (event) {
+      event.preventDefault();
+      if (this.new === "") return;
 
       // Build the path of the new directory.
-      let uri = this.isFiles ? this.$route.path + '/' : '/'
+      let uri = this.isFiles ? this.$route.path + "/" : "/";
 
       if (!this.isListing) {
-        uri = url.removeLastDir(uri) + '/'
+        uri = url.removeLastDir(uri) + "/";
       }
 
-      uri += encodeURIComponent(this.name)
-      uri = uri.replace('//', '/')
+      uri += encodeURIComponent(this.name);
+      uri = uri.replace("//", "/");
 
       try {
-        await api.post(uri)
-        this.$router.push({ path: uri })
+        await api.post(uri);
+        this.$router.push({ path: uri });
       } catch (e) {
-        this.$showError(e)
+        this.$showError(e);
       }
 
-      this.$store.commit('closeHovers')
-    }
-  }
+      this.$store.commit("closeHovers");
+    },
+  },
 };
 </script>
-