chore: add prettier frontent linter

frontend/src/views/Login.vue

@@ -1,97 +1,127 @@
 <template>
   <div id="login" :class="{ recaptcha: recaptcha }">
     <form @submit="submit">
-      <img :src="logoURL" alt="File Browser">
+      <img :src="logoURL" alt="File Browser" />
       <h1>{{ name }}</h1>
       <div v-if="error !== ''" class="wrong">{{ error }}</div>
 
-      <input class="input input--block" type="text" v-model="username" :placeholder="$t('login.username')">
-      <input class="input input--block" type="password" v-model="password" :placeholder="$t('login.password')">
-      <input class="input input--block" v-if="createMode" type="password" v-model="passwordConfirm" :placeholder="$t('login.passwordConfirm')" />
+      <input
+        class="input input--block"
+        type="text"
+        v-model="username"
+        :placeholder="$t('login.username')"
+      />
+      <input
+        class="input input--block"
+        type="password"
+        v-model="password"
+        :placeholder="$t('login.password')"
+      />
+      <input
+        class="input input--block"
+        v-if="createMode"
+        type="password"
+        v-model="passwordConfirm"
+        :placeholder="$t('login.passwordConfirm')"
+      />
 
       <div v-if="recaptcha" id="recaptcha"></div>
-      <input class="button button--block" type="submit" :value="createMode ? $t('login.signup') : $t('login.submit')">
+      <input
+        class="button button--block"
+        type="submit"
+        :value="createMode ? $t('login.signup') : $t('login.submit')"
+      />
 
-      <p @click="toggleMode" v-if="signup">{{ createMode ? $t('login.loginInstead') : $t('login.createAnAccount') }}</p>
+      <p @click="toggleMode" v-if="signup">
+        {{
+          createMode ? $t("login.loginInstead") : $t("login.createAnAccount")
+        }}
+      </p>
     </form>
   </div>
 </template>
 
 <script>
-import * as auth from '@/utils/auth'
-import { name, logoURL, recaptcha, recaptchaKey, signup } from '@/utils/constants'
+import * as auth from "@/utils/auth";
+import {
+  name,
+  logoURL,
+  recaptcha,
+  recaptchaKey,
+  signup,
+} from "@/utils/constants";
 
 export default {
-  name: 'login',
+  name: "login",
   computed: {
     signup: () => signup,
     name: () => name,
-    logoURL: () => logoURL
+    logoURL: () => logoURL,
   },
   data: function () {
     return {
       createMode: false,
-      error: '',
-      username: '',
-      password: '',
+      error: "",
+      username: "",
+      password: "",
       recaptcha: recaptcha,
-      passwordConfirm: ''
-    }
+      passwordConfirm: "",
+    };
   },
-  mounted () {
-    if (!recaptcha) return
+  mounted() {
+    if (!recaptcha) return;
 
     window.grecaptcha.ready(function () {
-      window.grecaptcha.render('recaptcha', {
-        sitekey: recaptchaKey
-      })
-    })
+      window.grecaptcha.render("recaptcha", {
+        sitekey: recaptchaKey,
+      });
+    });
   },
   methods: {
-    toggleMode () {
-      this.createMode = !this.createMode
+    toggleMode() {
+      this.createMode = !this.createMode;
     },
-    async submit (event) {
-      event.preventDefault()
-      event.stopPropagation()
+    async submit(event) {
+      event.preventDefault();
+      event.stopPropagation();
 
-      let redirect = this.$route.query.redirect
-      if (redirect === '' || redirect === undefined || redirect === null) {
-        redirect = '/files/'
+      let redirect = this.$route.query.redirect;
+      if (redirect === "" || redirect === undefined || redirect === null) {
+        redirect = "/files/";
       }
 
-      let captcha = ''
+      let captcha = "";
       if (recaptcha) {
-        captcha = window.grecaptcha.getResponse()
+        captcha = window.grecaptcha.getResponse();
 
-        if (captcha === '') {
-          this.error = this.$t('login.wrongCredentials')
-          return
+        if (captcha === "") {
+          this.error = this.$t("login.wrongCredentials");
+          return;
         }
       }
 
       if (this.createMode) {
         if (this.password !== this.passwordConfirm) {
-          this.error = this.$t('login.passwordsDontMatch')
-          return
+          this.error = this.$t("login.passwordsDontMatch");
+          return;
         }
       }
 
       try {
         if (this.createMode) {
-          await auth.signup(this.username, this.password)
+          await auth.signup(this.username, this.password);
         }
 
-        await auth.login(this.username, this.password, captcha)
-        this.$router.push({ path: redirect })
+        await auth.login(this.username, this.password, captcha);
+        this.$router.push({ path: redirect });
       } catch (e) {
         if (e.message == 409) {
-          this.error = this.$t('login.usernameTaken')
+          this.error = this.$t("login.usernameTaken");
         } else {
-          this.error = this.$t('login.wrongCredentials')
+          this.error = this.$t("login.wrongCredentials");
         }
       }
-    }
-  }
-}
+    },
+  },
+};
 </script>