chore: add prettier frontent linter

frontend/src/views/settings/User.vue

@@ -3,8 +3,8 @@
     <div class="column">
       <form v-if="loaded" @submit="save" class="card">
         <div class="card-title">
-          <h2 v-if="user.id === 0">{{ $t('settings.newUser') }}</h2>
-          <h2 v-else>{{ $t('settings.user') }} {{ user.username }}</h2>
+          <h2 v-if="user.id === 0">{{ $t("settings.newUser") }}</h2>
+          <h2 v-else>{{ $t("settings.user") }} {{ user.username }}</h2>
         </div>
 
         <div class="card-content">
@@ -18,11 +18,15 @@
             type="button"
             class="button button--flat button--red"
             :aria-label="$t('buttons.delete')"
-            :title="$t('buttons.delete')">{{ $t('buttons.delete') }}</button>
+            :title="$t('buttons.delete')"
+          >
+            {{ $t("buttons.delete") }}
+          </button>
           <input
             class="button button--flat"
             type="submit"
-            :value="$t('buttons.save')">
+            :value="$t('buttons.save')"
+          />
         </div>
       </form>
     </div>
@@ -33,16 +37,17 @@
       </div>
 
       <div class="card-action">
-        <button class="button button--flat button--grey"
+        <button
+          class="button button--flat button--grey"
           @click="closeHovers"
           v-focus
           :aria-label="$t('buttons.cancel')"
-          :title="$t('buttons.cancel')">
-          {{ $t('buttons.cancel') }}
+          :title="$t('buttons.cancel')"
+        >
+          {{ $t("buttons.cancel") }}
         </button>
-        <button class="button button--flat"
-          @click="deleteUser">
-          {{ $t('buttons.delete') }}
+        <button class="button button--flat" @click="deleteUser">
+          {{ $t("buttons.delete") }}
         </button>
       </div>
     </div>
@@ -50,101 +55,103 @@
 </template>
 
 <script>
-import { mapMutations } from 'vuex'
-import { users as api, settings } from '@/api'
-import UserForm from '@/components/settings/UserForm'
-import deepClone from 'lodash.clonedeep'
+import { mapMutations } from "vuex";
+import { users as api, settings } from "@/api";
+import UserForm from "@/components/settings/UserForm";
+import deepClone from "lodash.clonedeep";
 
 export default {
-  name: 'user',
+  name: "user",
   components: {
-    UserForm
+    UserForm,
   },
   data: () => {
     return {
       originalUser: null,
       user: {},
-      loaded: false
-    }
+      loaded: false,
+    };
   },
-  created () {
-    this.fetchData()
+  created() {
+    this.fetchData();
   },
   computed: {
-    isNew () {
-      return this.$route.path === '/settings/users/new'
-    }
+    isNew() {
+      return this.$route.path === "/settings/users/new";
+    },
   },
   watch: {
-    '$route': 'fetchData',
-    'user.perm.admin': function () {
-      if (!this.user.perm.admin) return
-      this.user.lockPassword = false
-    }
+    $route: "fetchData",
+    "user.perm.admin": function () {
+      if (!this.user.perm.admin) return;
+      this.user.lockPassword = false;
+    },
   },
   methods: {
-    ...mapMutations([ 'closeHovers', 'showHover', 'setUser' ]),
-    async fetchData () {
+    ...mapMutations(["closeHovers", "showHover", "setUser"]),
+    async fetchData() {
       try {
         if (this.isNew) {
-          let { defaults } = await settings.get()
+          let { defaults } = await settings.get();
           this.user = {
             ...defaults,
-            username: '',
-            passsword: '',
+            username: "",
+            passsword: "",
             rules: [],
             lockPassword: false,
-            id: 0
-          }
+            id: 0,
+          };
         } else {
-          const id = this.$route.params.pathMatch
-          this.user = { ...await api.get(id) }
+          const id = this.$route.params.pathMatch;
+          this.user = { ...(await api.get(id)) };
         }
 
-        this.loaded = true
+        this.loaded = true;
       } catch (e) {
-        this.$router.push({ path: '/settings/users/new' })
+        this.$router.push({ path: "/settings/users/new" });
       }
     },
-    deletePrompt () {
-      this.showHover('deleteUser')
+    deletePrompt() {
+      this.showHover("deleteUser");
     },
-    async deleteUser (event) {
-      event.preventDefault()
+    async deleteUser(event) {
+      event.preventDefault();
 
       try {
-        await api.remove(this.user.id)
-        this.$router.push({ path: '/settings/users' })
-        this.$showSuccess(this.$t('settings.userDeleted'))
+        await api.remove(this.user.id);
+        this.$router.push({ path: "/settings/users" });
+        this.$showSuccess(this.$t("settings.userDeleted"));
       } catch (e) {
-         (e.message === "403") ? this.$showError(this.$t("errors.forbidden"), false) : this.$showError(e)
+        e.message === "403"
+          ? this.$showError(this.$t("errors.forbidden"), false)
+          : this.$showError(e);
       }
     },
-    async save (event) {
-      event.preventDefault()
+    async save(event) {
+      event.preventDefault();
       let user = {
         ...this.originalUser,
-        ...this.user
-      }
+        ...this.user,
+      };
 
       try {
         if (this.isNew) {
-          const loc = await api.create(user)
-          this.$router.push({ path: loc })
-          this.$showSuccess(this.$t('settings.userCreated'))
+          const loc = await api.create(user);
+          this.$router.push({ path: loc });
+          this.$showSuccess(this.$t("settings.userCreated"));
         } else {
-          await api.update(user)
+          await api.update(user);
 
           if (user.id === this.$store.state.user.id) {
-            this.setUser({ ...deepClone(user) })
+            this.setUser({ ...deepClone(user) });
           }
 
-          this.$showSuccess(this.$t('settings.userUpdated'))
+          this.$showSuccess(this.$t("settings.userUpdated"));
         }
       } catch (e) {
-        this.$showError(e)
+        this.$showError(e);
       }
-    }
-  }
-}
+    },
+  },
+};
 </script>