From 57f2d17cdab33ef44ccc42c79a56c2c227cbce8a Mon Sep 17 00:00:00 2001
From: MiniDigger <admin@minidigger.me>
Date: Sun, 6 Jun 2021 11:04:26 +0200
Subject: [PATCH] make stylelint happy

Signed-off-by: MiniDigger <admin@minidigger.me>
---
 frontend/components/chart/Chart.vue           |  2 +-
 .../components/donation/DonationModal.vue     | 22 +++++---
 .../components/donation/DonationResult.vue    |  2 +-
 frontend/components/layouts/Dropdown.vue      |  8 ++-
 frontend/components/layouts/Header.vue        | 20 ++++---
 frontend/components/layouts/Sponsor.vue       |  2 +-
 frontend/components/modals/ChannelModal.vue   | 14 +++--
 frontend/components/modals/DiffModal.vue      |  6 ++-
 frontend/components/modals/HangarModal.vue    |  4 +-
 frontend/components/modals/MarkdownModal.vue  |  6 ++-
 frontend/components/modals/TextareaModal.vue  |  8 ++-
 .../modals/VisibilityChangerModal.vue         |  2 +-
 .../modals/pages/DeletePageModal.vue          |  8 ++-
 .../components/modals/pages/NewPageModal.vue  |  8 ++-
 .../modals/versions/DependencyEditModal.vue   | 10 ++--
 .../modals/versions/DependencyTable.vue       |  6 ++-
 .../versions/PlatformVersionEditModal.vue     | 10 ++--
 frontend/components/projects/AdminList.vue    |  2 +-
 .../components/projects/DownloadButton.vue    |  6 ++-
 frontend/components/projects/MemberList.vue   | 10 ++--
 .../components/projects/ProjectPageList.vue   |  2 +-
 .../steppers/StepperStepContent.vue           | 10 ++--
 frontend/components/users/Prompt.vue          |  2 +-
 frontend/layouts/error.vue                    |  2 +-
 frontend/pages/_author/_slug.vue              | 23 +++++---
 frontend/pages/_author/_slug/channels.vue     | 18 +++----
 frontend/pages/_author/_slug/discuss.vue      |  2 +-
 frontend/pages/_author/_slug/flags.vue        | 24 ++++++---
 frontend/pages/_author/_slug/index.vue        |  8 +--
 frontend/pages/_author/_slug/notes.vue        | 14 +++--
 frontend/pages/_author/_slug/settings.vue     | 36 +++++++++----
 frontend/pages/_author/_slug/stars.vue        |  2 +-
 .../pages/_author/_slug/versions/_version.vue |  2 +-
 .../versions/_version/_platform/index.vue     | 40 ++++++++------
 .../versions/_version/_platform/reviews.vue   | 30 ++++++-----
 .../pages/_author/_slug/versions/index.vue    | 12 +++--
 frontend/pages/_author/_slug/versions/new.vue | 24 ++++++---
 frontend/pages/_author/_slug/watchers.vue     |  2 +-
 frontend/pages/_user.vue                      | 14 ++---
 frontend/pages/_user/settings/api-keys.vue    | 34 ++++++++----
 frontend/pages/admin/activities/_user.vue     |  6 ++-
 frontend/pages/admin/approval/versions.vue    |  8 +--
 frontend/pages/admin/flags.vue                | 14 ++---
 frontend/pages/admin/health.vue               | 24 ++++++---
 frontend/pages/admin/log.vue                  | 16 ++++--
 frontend/pages/admin/stats.vue                |  6 +--
 frontend/pages/admin/user/_user.vue           | 28 +++++++---
 frontend/pages/admin/versions.vue             | 16 ++++--
 frontend/pages/api.vue                        |  2 +-
 frontend/pages/authors.vue                    |  4 +-
 frontend/pages/index.vue                      | 14 ++---
 frontend/pages/linkout.vue                    |  8 ++-
 frontend/pages/new.vue                        | 52 +++++++++++--------
 frontend/pages/notifications.vue              |  6 ++-
 frontend/pages/organizations/new.vue          |  2 +-
 frontend/pages/staff.vue                      |  4 +-
 frontend/pages/tools/bbcode.vue               |  4 +-
 57 files changed, 437 insertions(+), 234 deletions(-)

diff --git a/frontend/components/chart/Chart.vue b/frontend/components/chart/Chart.vue
index 231baaad2..3c31df700 100644
--- a/frontend/components/chart/Chart.vue
+++ b/frontend/components/chart/Chart.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :id="id" class="ct-chart"></div>
+    <div :id="id" class="ct-chart" />
 </template>
 
 <script lang="ts">
diff --git a/frontend/components/donation/DonationModal.vue b/frontend/components/donation/DonationModal.vue
index c5425f5c3..dc2971ed3 100644
--- a/frontend/components/donation/DonationModal.vue
+++ b/frontend/components/donation/DonationModal.vue
@@ -6,14 +6,20 @@
         <v-card>
             <v-card-title>
                 <h4>{{ $t('donate.title', [donationTarget]) }}</h4>
-                <v-btn icon @click="show = false"><v-icon>mdi-close</v-icon></v-btn>
+                <v-btn icon @click="show = false">
+                    <v-icon>mdi-close</v-icon>
+                </v-btn>
             </v-card-title>
             <v-card-text>
                 <v-row>
                     <v-col cols="12">
                         <v-btn-toggle v-model="monthly" mandatory>
-                            <v-btn :value="true">{{ $t('donate.monthly') }}</v-btn>
-                            <v-btn :value="false">{{ $t('donate.oneTime') }}</v-btn>
+                            <v-btn :value="true">
+                                {{ $t('donate.monthly') }}
+                            </v-btn>
+                            <v-btn :value="false">
+                                {{ $t('donate.oneTime') }}
+                            </v-btn>
                         </v-btn-toggle>
                     </v-col>
                 </v-row>
@@ -74,12 +80,16 @@
                     <v-row>
                         <v-col cols="12">
                             <div class="input-group mb-3">
-                                <v-text-field v-model.number="amount" label="Amount" type="number" prefix="$"></v-text-field>
+                                <v-text-field v-model.number="amount" label="Amount" type="number" prefix="$" />
                             </div>
                             <small class="form-text">{{ $t('donate.legal', [donationTarget]) }}</small>
                             <div>
-                                <v-btn type="submit" color="primary">{{ $t('donate.submit', [monthly ? $t('donate.monthly') : $t('donate.oneTime')]) }}</v-btn>
-                                <v-btn @click="show = false">{{ $t('general.close') }}</v-btn>
+                                <v-btn type="submit" color="primary">
+                                    {{ $t('donate.submit', [monthly ? $t('donate.monthly') : $t('donate.oneTime')]) }}
+                                </v-btn>
+                                <v-btn @click="show = false">
+                                    {{ $t('general.close') }}
+                                </v-btn>
                                 <img alt="" width="1" height="1" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" />
                             </div>
                         </v-col>
diff --git a/frontend/components/donation/DonationResult.vue b/frontend/components/donation/DonationResult.vue
index 6d3991988..2bd089c13 100644
--- a/frontend/components/donation/DonationResult.vue
+++ b/frontend/components/donation/DonationResult.vue
@@ -1,7 +1,7 @@
 <template>
     <div v-if="qs['donation']" class="row">
         <div class="col-12">
-            <Announcement :announcement="announcement"></Announcement>
+            <Announcement :announcement="announcement" />
         </div>
     </div>
 </template>
diff --git a/frontend/components/layouts/Dropdown.vue b/frontend/components/layouts/Dropdown.vue
index 4db8ad796..a85806f8f 100644
--- a/frontend/components/layouts/Dropdown.vue
+++ b/frontend/components/layouts/Dropdown.vue
@@ -14,9 +14,13 @@
             >
                 <v-list-item-icon>
                     <v-badge v-if="control.badge" offset-y="7" offset-x="7" left :content="control.badgeContent" :value="control.badgeContent">
-                        <v-icon color="white">{{ control.icon }}</v-icon>
+                        <v-icon color="white">
+                            {{ control.icon }}
+                        </v-icon>
                     </v-badge>
-                    <v-icon v-else color="white">{{ control.icon }}</v-icon>
+                    <v-icon v-else color="white">
+                        {{ control.icon }}
+                    </v-icon>
                 </v-list-item-icon>
                 <v-list-item-content>
                     <v-list-item-title>{{ control.title }}</v-list-item-title>
diff --git a/frontend/components/layouts/Header.vue b/frontend/components/layouts/Header.vue
index 09b116de7..6753f3346 100644
--- a/frontend/components/layouts/Header.vue
+++ b/frontend/components/layouts/Header.vue
@@ -13,13 +13,13 @@
             <Dropdown :controls="dropdown" />
         </v-menu>
 
-        <v-spacer></v-spacer>
+        <v-spacer />
 
         <v-menu v-if="isLoggedIn" bottom offset-y transition="slide-y-transition" open-on-hover>
             <template #activator="{ on, attrs }">
                 <v-btn v-bind="attrs" color="primary" class="mr-1" v-on="on">
                     {{ $t('nav.createNew') }}
-                    <v-icon right>mdi-chevron-down</v-icon>
+                    <v-icon right> mdi-chevron-down </v-icon>
                 </v-btn>
             </template>
             <Dropdown :controls="newControls" />
@@ -27,13 +27,17 @@
 
         <v-tooltip bottom>
             <template #activator="{ on }">
-                <v-btn icon to="/authors" nuxt class="mr-1" v-on="on"><v-icon>mdi-account-group</v-icon></v-btn>
+                <v-btn icon to="/authors" nuxt class="mr-1" v-on="on">
+                    <v-icon>mdi-account-group</v-icon>
+                </v-btn>
             </template>
             <span>{{ $t('pages.authorsTitle') }}</span>
         </v-tooltip>
         <v-tooltip bottom>
             <template #activator="{ on }">
-                <v-btn icon to="/staff" nuxt class="mr-1" v-on="on"><v-icon>mdi-account-tie</v-icon></v-btn>
+                <v-btn icon to="/staff" nuxt class="mr-1" v-on="on">
+                    <v-icon>mdi-account-tie</v-icon>
+                </v-btn>
             </template>
             <span>{{ $t('pages.staffTitle') }}</span>
         </v-tooltip>
@@ -56,8 +60,12 @@
             <Dropdown :controls="userControls" />
         </v-menu>
         <template v-else>
-            <v-btn href="/signup" class="mr-2" color="primary">{{ $t('nav.signup') }}</v-btn>
-            <v-btn color="secondary" @click="$auth.login($route.fullPath)">{{ $t('nav.login') }}</v-btn>
+            <v-btn href="/signup" class="mr-2" color="primary">
+                {{ $t('nav.signup') }}
+            </v-btn>
+            <v-btn color="secondary" @click="$auth.login($route.fullPath)">
+                {{ $t('nav.login') }}
+            </v-btn>
         </template>
     </v-app-bar>
 </template>
diff --git a/frontend/components/layouts/Sponsor.vue b/frontend/components/layouts/Sponsor.vue
index 2e37a584b..e113c367d 100644
--- a/frontend/components/layouts/Sponsor.vue
+++ b/frontend/components/layouts/Sponsor.vue
@@ -1,6 +1,6 @@
 <template>
     <v-card>
-        <v-card-subtitle v-text="$t('hangar.sponsoredBy')"></v-card-subtitle>
+        <v-card-subtitle v-text="$t('hangar.sponsoredBy')" />
         <v-card-text v-if="sponsor">
             <a :href="sponsor.link">
                 <v-img :src="sponsor.image" :alt="sponsor.name" :title="sponsor.name" :height="50" contain />
diff --git a/frontend/components/modals/ChannelModal.vue b/frontend/components/modals/ChannelModal.vue
index 78951caac..306b5693b 100644
--- a/frontend/components/modals/ChannelModal.vue
+++ b/frontend/components/modals/ChannelModal.vue
@@ -19,7 +19,9 @@
                             $util.$vc.maxLength(validations.project.channels.max),
                         ]"
                     />
-                    <v-card-subtitle class="pa-0 text-center">{{ $t('channel.modal.color') }}</v-card-subtitle>
+                    <v-card-subtitle class="pa-0 text-center">
+                        {{ $t('channel.modal.color') }}
+                    </v-card-subtitle>
                     <v-item-group v-model="form.color">
                         <v-container>
                             <v-row v-for="(arr, arrIndex) in swatches" :key="arrIndex" justify="center">
@@ -35,7 +37,7 @@
                                             @click="toggle"
                                         >
                                             <v-fade-transition>
-                                                <v-icon v-show="active" small class="ma-auto">mdi-checkbox-marked-circle</v-icon>
+                                                <v-icon v-show="active" small class="ma-auto"> mdi-checkbox-marked-circle </v-icon>
                                             </v-fade-transition>
                                         </v-card>
                                     </v-item>
@@ -55,8 +57,12 @@
                 </v-form>
             </v-card-text>
             <v-card-actions class="justify-end">
-                <v-btn color="error" text @click="dialog = false">{{ $t('general.close') }}</v-btn>
-                <v-btn color="success" :disabled="!isValid" @click="create">{{ edit ? $t('general.save') : $t('general.create') }}</v-btn>
+                <v-btn color="error" text @click="dialog = false">
+                    {{ $t('general.close') }}
+                </v-btn>
+                <v-btn color="success" :disabled="!isValid" @click="create">
+                    {{ edit ? $t('general.save') : $t('general.create') }}
+                </v-btn>
             </v-card-actions>
         </v-card>
     </v-dialog>
diff --git a/frontend/components/modals/DiffModal.vue b/frontend/components/modals/DiffModal.vue
index ed41f1fb7..e18d759de 100644
--- a/frontend/components/modals/DiffModal.vue
+++ b/frontend/components/modals/DiffModal.vue
@@ -6,9 +6,11 @@
         <v-card>
             <v-card-title>{{ title }}</v-card-title>
             <!-- eslint-disable-next-line vue/no-v-html -->
-            <v-card-text v-html="prettyDiff"> </v-card-text>
+            <v-card-text v-html="prettyDiff" />
             <v-card-actions class="justify-end">
-                <v-btn text color="warning" @click="dialog = false">{{ $t('general.close') }}</v-btn>
+                <v-btn text color="warning" @click="dialog = false">
+                    {{ $t('general.close') }}
+                </v-btn>
             </v-card-actions>
         </v-card>
     </v-dialog>
diff --git a/frontend/components/modals/HangarModal.vue b/frontend/components/modals/HangarModal.vue
index efa559adc..f785dbccc 100644
--- a/frontend/components/modals/HangarModal.vue
+++ b/frontend/components/modals/HangarModal.vue
@@ -12,7 +12,9 @@
                 <slot v-else />
             </v-card-text>
             <v-card-actions class="justify-end">
-                <v-btn text :color="closeColor" @click.stop="close">{{ closeLabel || $t('general.close') }}</v-btn>
+                <v-btn text :color="closeColor" @click.stop="close">
+                    {{ closeLabel || $t('general.close') }}
+                </v-btn>
                 <slot name="other-btns" />
                 <v-btn :color="submitColor" :disabled="(!noForm && !validForm) || submitDisabled" :loading="loading" @click.stop="submit0">
                     {{ submitLabel || $t('general.submit') }}
diff --git a/frontend/components/modals/MarkdownModal.vue b/frontend/components/modals/MarkdownModal.vue
index b6ad79fd8..6f0a46a90 100644
--- a/frontend/components/modals/MarkdownModal.vue
+++ b/frontend/components/modals/MarkdownModal.vue
@@ -6,10 +6,12 @@
         <v-card>
             <v-card-title>{{ title }}</v-card-title>
             <v-card-text>
-                <Markdown :raw="markdown"></Markdown>
+                <Markdown :raw="markdown" />
             </v-card-text>
             <v-card-actions class="justify-end">
-                <v-btn text color="warning" @click="dialog = false">{{ $t('general.close') }}</v-btn>
+                <v-btn text color="warning" @click="dialog = false">
+                    {{ $t('general.close') }}
+                </v-btn>
             </v-card-actions>
         </v-card>
     </v-dialog>
diff --git a/frontend/components/modals/TextareaModal.vue b/frontend/components/modals/TextareaModal.vue
index 0514aa21b..8f39910f1 100644
--- a/frontend/components/modals/TextareaModal.vue
+++ b/frontend/components/modals/TextareaModal.vue
@@ -20,8 +20,12 @@
                 </v-form>
             </v-card-text>
             <v-card-actions class="justify-end">
-                <v-btn text color="warning" @click="dialog = false">{{ $t('general.close') }}</v-btn>
-                <v-btn color="success" :disabled="!validForm" :loading="loading" @click="submit0">{{ $t('general.submit') }}</v-btn>
+                <v-btn text color="warning" @click="dialog = false">
+                    {{ $t('general.close') }}
+                </v-btn>
+                <v-btn color="success" :disabled="!validForm" :loading="loading" @click="submit0">
+                    {{ $t('general.submit') }}
+                </v-btn>
             </v-card-actions>
         </v-card>
     </v-dialog>
diff --git a/frontend/components/modals/VisibilityChangerModal.vue b/frontend/components/modals/VisibilityChangerModal.vue
index 75c60cec9..bab4aeeea 100644
--- a/frontend/components/modals/VisibilityChangerModal.vue
+++ b/frontend/components/modals/VisibilityChangerModal.vue
@@ -2,7 +2,7 @@
     <HangarModal :title="$t('visibility.modal.title', [type])" :submit="submit" no-form :submit-disabled="disableSubmit">
         <template #activator="{ on, attrs }">
             <v-btn :small="smallBtn" v-bind="attrs" color="warning" class="mr-1" :class="activatorClass" v-on="on">
-                <v-icon :small="smallBtn" left>mdi-eye</v-icon>
+                <v-icon :small="smallBtn" left> mdi-eye </v-icon>
                 {{ $t('visibility.modal.activatorBtn') }}
             </v-btn>
         </template>
diff --git a/frontend/components/modals/pages/DeletePageModal.vue b/frontend/components/modals/pages/DeletePageModal.vue
index 27f8f085b..562873d20 100644
--- a/frontend/components/modals/pages/DeletePageModal.vue
+++ b/frontend/components/modals/pages/DeletePageModal.vue
@@ -7,8 +7,12 @@
             <v-card-title>{{ $t('page.delete.title') }}</v-card-title>
             <v-card-text>{{ $t('page.delete.text') }}</v-card-text>
             <v-card-actions class="justify-end">
-                <v-btn text color="error" @click="dialog = false">{{ $t('general.close') }}</v-btn>
-                <v-btn color="warning" @click="$emit('delete')">{{ $t('general.delete') }}</v-btn>
+                <v-btn text color="error" @click="dialog = false">
+                    {{ $t('general.close') }}
+                </v-btn>
+                <v-btn color="warning" @click="$emit('delete')">
+                    {{ $t('general.delete') }}
+                </v-btn>
             </v-card-actions>
         </v-card>
     </v-dialog>
diff --git a/frontend/components/modals/pages/NewPageModal.vue b/frontend/components/modals/pages/NewPageModal.vue
index 39e41671e..8bc18221d 100644
--- a/frontend/components/modals/pages/NewPageModal.vue
+++ b/frontend/components/modals/pages/NewPageModal.vue
@@ -35,8 +35,12 @@
                 </v-form>
             </v-card-text>
             <v-card-actions class="justify-end">
-                <v-btn color="error" text @click="dialog = false">{{ $t('general.close') }}</v-btn>
-                <v-btn color="success" :disabled="!validForm" :loading="loading" @click="createPage">{{ $t('general.create') }}</v-btn>
+                <v-btn color="error" text @click="dialog = false">
+                    {{ $t('general.close') }}
+                </v-btn>
+                <v-btn color="success" :disabled="!validForm" :loading="loading" @click="createPage">
+                    {{ $t('general.create') }}
+                </v-btn>
             </v-card-actions>
         </v-card>
     </v-dialog>
diff --git a/frontend/components/modals/versions/DependencyEditModal.vue b/frontend/components/modals/versions/DependencyEditModal.vue
index 566028217..5a436185b 100644
--- a/frontend/components/modals/versions/DependencyEditModal.vue
+++ b/frontend/components/modals/versions/DependencyEditModal.vue
@@ -4,7 +4,7 @@
             <v-tooltip bottom>
                 <template #activator="{ on: tooltipOn }">
                     <v-btn small icon color="warning" :class="activatorClass" v-bind="attrs" v-on="{ ...dialogOn, ...tooltipOn }">
-                        <v-icon small>mdi-pencil</v-icon>
+                        <v-icon small> mdi-pencil </v-icon>
                     </v-btn>
                 </template>
                 <span>{{ $t('general.edit') }}</span>
@@ -18,8 +18,12 @@
                 </v-form>
             </v-card-text>
             <v-card-actions class="justify-end">
-                <v-btn text color="warning" @click.stop="dialog = false">{{ $t('general.close') }}</v-btn>
-                <v-btn color="success" :disabled="!validForm || !edited" :loading="loading" @click.stop="submit">{{ $t('general.save') }}</v-btn>
+                <v-btn text color="warning" @click.stop="dialog = false">
+                    {{ $t('general.close') }}
+                </v-btn>
+                <v-btn color="success" :disabled="!validForm || !edited" :loading="loading" @click.stop="submit">
+                    {{ $t('general.save') }}
+                </v-btn>
             </v-card-actions>
         </v-card>
     </v-dialog>
diff --git a/frontend/components/modals/versions/DependencyTable.vue b/frontend/components/modals/versions/DependencyTable.vue
index 04c76f9a3..a0af2828c 100644
--- a/frontend/components/modals/versions/DependencyTable.vue
+++ b/frontend/components/modals/versions/DependencyTable.vue
@@ -6,7 +6,9 @@
                     <th>{{ $t('general.name') }}</th>
                     <th>{{ $t('general.required') }}</th>
                     <th>{{ $t('general.link') }}</th>
-                    <th v-if="!noEditing">{{ $t('general.delete') }}</th>
+                    <th v-if="!noEditing">
+                        {{ $t('general.delete') }}
+                    </th>
                 </tr>
             </thead>
             <tbody>
@@ -109,7 +111,7 @@
         </v-simple-table>
         <div v-if="!noEditing" class="ma-2">
             <v-btn color="primary" block @click="addNewDep">
-                <v-icon left>mdi-plus</v-icon>
+                <v-icon left> mdi-plus </v-icon>
                 {{ $t('general.add') }}
             </v-btn>
         </div>
diff --git a/frontend/components/modals/versions/PlatformVersionEditModal.vue b/frontend/components/modals/versions/PlatformVersionEditModal.vue
index 677fa2837..b5fc55719 100644
--- a/frontend/components/modals/versions/PlatformVersionEditModal.vue
+++ b/frontend/components/modals/versions/PlatformVersionEditModal.vue
@@ -4,7 +4,7 @@
             <v-tooltip bottom>
                 <template #activator="{ on: tooltipOn }">
                     <v-btn small icon color="warning" :class="activatorClass" v-bind="attrs" v-on="{ ...dialogOn, ...tooltipOn }">
-                        <v-icon small>mdi-pencil</v-icon>
+                        <v-icon small> mdi-pencil </v-icon>
                     </v-btn>
                 </template>
                 <span>{{ $t('general.edit') }}</span>
@@ -28,8 +28,12 @@
                 </v-form>
             </v-card-text>
             <v-card-actions class="justify-end">
-                <v-btn text color="warning" @click.stop="dialog = false">{{ $t('general.close') }}</v-btn>
-                <v-btn color="success" :disabled="!validForm || !edited" :loading="loading" @click.stop="submit">{{ $t('general.save') }}</v-btn>
+                <v-btn text color="warning" @click.stop="dialog = false">
+                    {{ $t('general.close') }}
+                </v-btn>
+                <v-btn color="success" :disabled="!validForm || !edited" :loading="loading" @click.stop="submit">
+                    {{ $t('general.save') }}
+                </v-btn>
             </v-card-actions>
         </v-card>
     </v-dialog>
diff --git a/frontend/components/projects/AdminList.vue b/frontend/components/projects/AdminList.vue
index b0e9a18ce..dd3fab4f0 100644
--- a/frontend/components/projects/AdminList.vue
+++ b/frontend/components/projects/AdminList.vue
@@ -9,7 +9,7 @@
                             <v-list-item-subtitle>
                                 {{ $t('projectApproval.description', [project.changeRequester, `${project.namespace.owner}/${project.namespace.slug}`]) }}
                                 <v-btn small icon color="primary" :to="`/${project.namespace.owner}/${project.namespace.slug}`" nuxt target="_blank">
-                                    <v-icon small>mdi-open-in-new</v-icon>
+                                    <v-icon small> mdi-open-in-new </v-icon>
                                 </v-btn>
                             </v-list-item-subtitle>
                         </v-col>
diff --git a/frontend/components/projects/DownloadButton.vue b/frontend/components/projects/DownloadButton.vue
index 61e23a0fb..a9543677f 100644
--- a/frontend/components/projects/DownloadButton.vue
+++ b/frontend/components/projects/DownloadButton.vue
@@ -10,7 +10,7 @@
                 <v-list-item-group v-model="selectedPlatform" color="primary" mandatory>
                     <v-list-item v-for="(platform, i) in Object.keys(project.recommendedVersions)" :key="i" :value="platform">
                         <v-list-item-icon>
-                            <v-icon v-text="`$vuetify.icons.${platform.toLowerCase()}`"></v-icon>
+                            <v-icon v-text="`$vuetify.icons.${platform.toLowerCase()}`" />
                         </v-list-item-icon>
                         <v-list-item-content>
                             {{ $store.state.platforms.get(platform).name }}
@@ -32,7 +32,9 @@
             :title="$t('version.page.confirmation.title', [project.name, version ? version.name : '', project.owner.name])"
             :submit="download"
         >
-            <v-alert type="error">{{ $t('version.page.confirmation.alert') }}</v-alert>
+            <v-alert type="error">
+                {{ $t('version.page.confirmation.alert') }}
+            </v-alert>
             <em>{{ $t('version.page.confirmation.disclaimer') }}</em> </HangarModal
         ><v-tooltip v-if="copyButton" v-model="copySuccessful" bottom>
             <template #activator="{ attrs }">
diff --git a/frontend/components/projects/MemberList.vue b/frontend/components/projects/MemberList.vue
index 15ca0dd37..db45f09f4 100644
--- a/frontend/components/projects/MemberList.vue
+++ b/frontend/components/projects/MemberList.vue
@@ -24,7 +24,7 @@
                 :disabled="!isEdited"
                 @click="save"
             >
-                <v-icon left>mdi-check</v-icon>
+                <v-icon left> mdi-check </v-icon>
                 {{ $t('general.save') }}
             </v-btn>
         </v-card-title>
@@ -36,14 +36,18 @@
                     :class="{ 'to-delete': member.toDelete, editing: member.editing, new: member.new }"
                 >
                     <UserAvatar :username="member.name" :avatar-url="$util.avatarUrl(member.name)" clazz="user-avatar-xs" />
-                    <NuxtLink v-if="!isEditing" :to="'/' + member.name">{{ member.name }}</NuxtLink>
+                    <NuxtLink v-if="!isEditing" :to="'/' + member.name">
+                        {{ member.name }}
+                    </NuxtLink>
                     <span v-else>{{ member.name }}</span>
 
                     <template v-if="isEditing && (!member.editing || member.new) && member.roleAssignable">
                         <v-btn v-if="!member.toDelete" icon x-small color="error" class="ml-1" @click="removeMember(member)">
                             <v-icon>mdi-delete</v-icon>
                         </v-btn>
-                        <v-btn v-else icon x-small color="error" class="ml-1" @click="member.toDelete = false"><v-icon>mdi-undo</v-icon></v-btn>
+                        <v-btn v-else icon x-small color="error" class="ml-1" @click="member.toDelete = false">
+                            <v-icon>mdi-undo</v-icon>
+                        </v-btn>
                     </template>
 
                     <span v-if="!member.editing" class="flex-right">
diff --git a/frontend/components/projects/ProjectPageList.vue b/frontend/components/projects/ProjectPageList.vue
index 386c2052f..178f1ac1a 100644
--- a/frontend/components/projects/ProjectPageList.vue
+++ b/frontend/components/projects/ProjectPageList.vue
@@ -19,7 +19,7 @@
                         {{ props.item.name }}
                     </v-btn>
                     <v-btn v-else nuxt :to="`/${$route.params.author}/${$route.params.slug}`" color="info" text exact class="text-transform-unset">
-                        <v-icon left>mdi-home</v-icon>
+                        <v-icon left> mdi-home </v-icon>
                         {{ props.item.name }}
                     </v-btn>
                 </template>
diff --git a/frontend/components/steppers/StepperStepContent.vue b/frontend/components/steppers/StepperStepContent.vue
index 183feb922..423a21c23 100644
--- a/frontend/components/steppers/StepperStepContent.vue
+++ b/frontend/components/steppers/StepperStepContent.vue
@@ -1,10 +1,12 @@
 <template>
     <v-stepper-content :step="step">
         <slot />
-        <v-btn v-if="!hideButtons" :disabled="!allowContinue" color="primary" class="mt-3" @click="$emit('continue')">{{
-            $t('project.new.step' + step + '.continue')
-        }}</v-btn>
-        <v-btn v-if="!hideButtons" text color="warning" class="mt-3" @click="$emit('back')">{{ $t('project.new.step' + step + '.back') }}</v-btn>
+        <v-btn v-if="!hideButtons" :disabled="!allowContinue" color="primary" class="mt-3" @click="$emit('continue')">
+            {{ $t('project.new.step' + step + '.continue') }}
+        </v-btn>
+        <v-btn v-if="!hideButtons" text color="warning" class="mt-3" @click="$emit('back')">
+            {{ $t('project.new.step' + step + '.back') }}
+        </v-btn>
     </v-stepper-content>
 </template>
 
diff --git a/frontend/components/users/Prompt.vue b/frontend/components/users/Prompt.vue
index 0145556ad..c9c1e0fdc 100644
--- a/frontend/components/users/Prompt.vue
+++ b/frontend/components/users/Prompt.vue
@@ -8,7 +8,7 @@
             <v-card-text>{{ $t(promptInfo.messageKey) }}</v-card-text>
             <v-card-actions>
                 <v-btn small :loading="loading" @click.stop="markAsRead">
-                    <v-icon color="success" left>mdi-check-circle</v-icon>
+                    <v-icon color="success" left> mdi-check-circle </v-icon>
                     {{ $t('prompts.confirm') }}
                 </v-btn>
             </v-card-actions>
diff --git a/frontend/layouts/error.vue b/frontend/layouts/error.vue
index 8acd32f71..6ee0a356a 100644
--- a/frontend/layouts/error.vue
+++ b/frontend/layouts/error.vue
@@ -4,7 +4,7 @@
         <v-card-text v-text="text" />
         <v-card-actions class="text-center">
             <v-btn nuxt to="/" color="secondary">
-                <v-icon left>mdi-home</v-icon>
+                <v-icon left> mdi-home </v-icon>
                 {{ $t('general.home') }}
             </v-btn>
         </v-card-actions>
diff --git a/frontend/pages/_author/_slug.vue b/frontend/pages/_author/_slug.vue
index 31415a56d..f6eccf344 100644
--- a/frontend/pages/_author/_slug.vue
+++ b/frontend/pages/_author/_slug.vue
@@ -33,8 +33,13 @@
             </v-col>
             <v-col cols="auto">
                 <h1 class="d-inline">
-                    <NuxtLink :to="'/' + project.namespace.owner">{{ project.namespace.owner }}</NuxtLink> /
-                    <NuxtLink :to="slug">{{ project.name }}</NuxtLink>
+                    <NuxtLink :to="'/' + project.namespace.owner">
+                        {{ project.namespace.owner }}
+                    </NuxtLink>
+                    /
+                    <NuxtLink :to="slug">
+                        {{ project.name }}
+                    </NuxtLink>
                 </h1>
                 <div>
                     <v-subheader>{{ project.description }}</v-subheader>
@@ -46,8 +51,8 @@
                     <v-tooltip v-if="!$util.isCurrentUser(project.owner.id)" bottom>
                         <template #activator="{ on }">
                             <v-btn icon @click="toggleStar" v-on="on">
-                                <v-icon v-if="project.userActions.starred" color="amber">mdi-star</v-icon>
-                                <v-icon v-else color="amber">mdi-star-outline</v-icon>
+                                <v-icon v-if="project.userActions.starred" color="amber"> mdi-star </v-icon>
+                                <v-icon v-else color="amber"> mdi-star-outline </v-icon>
                             </v-btn>
                         </template>
                         <span v-if="project.userActions.starred">{{ $t('project.actions.unstar') }}</span>
@@ -57,8 +62,8 @@
                     <v-tooltip v-if="!$util.isCurrentUser(project.owner.id)" bottom>
                         <template #activator="{ on }">
                             <v-btn icon @click="toggleWatch" v-on="on">
-                                <v-icon v-if="project.userActions.watching">mdi-eye-off</v-icon>
-                                <v-icon v-else>mdi-eye</v-icon>
+                                <v-icon v-if="project.userActions.watching"> mdi-eye-off </v-icon>
+                                <v-icon v-else> mdi-eye </v-icon>
                             </v-btn>
                         </template>
                         <span v-if="project.userActions.watching">{{ $t('project.actions.unwatch') }}</span>
@@ -101,9 +106,11 @@
         <v-row>
             <v-tabs>
                 <v-tab v-for="tab in tabs" :key="tab.title" :exact="!!tab.exact" :to="tab.external ? '/linkout?remoteUrl=' + tab.link : tab.link" nuxt>
-                    <v-icon left>{{ tab.icon }}</v-icon>
+                    <v-icon left>
+                        {{ tab.icon }}
+                    </v-icon>
                     {{ tab.title }}
-                    <v-icon v-if="tab.external" small class="mb-1 ml-1" color="primary">mdi-open-in-new</v-icon>
+                    <v-icon v-if="tab.external" small class="mb-1 ml-1" color="primary"> mdi-open-in-new </v-icon>
                 </v-tab>
             </v-tabs>
         </v-row>
diff --git a/frontend/pages/_author/_slug/channels.vue b/frontend/pages/_author/_slug/channels.vue
index 8ae8d1636..799d46289 100644
--- a/frontend/pages/_author/_slug/channels.vue
+++ b/frontend/pages/_author/_slug/channels.vue
@@ -7,20 +7,20 @@
                 <v-simple-table>
                     <thead>
                         <tr>
-                            <th><v-icon small left>mdi-tag</v-icon>{{ $t('channel.manage.channelName') }}</th>
-                            <th><v-icon small left>mdi-format-list-numbered</v-icon>{{ $t('channel.manage.versionCount') }}</th>
-                            <th><v-icon small left>mdi-file-find</v-icon>{{ $t('channel.manage.reviewed') }}</th>
-                            <th><v-icon small left>mdi-pencil</v-icon>{{ $t('channel.manage.edit') }}</th>
-                            <th v-if="channels.length !== 1"><v-icon small left>mdi-delete</v-icon>{{ $t('channel.manage.trash') }}</th>
+                            <th><v-icon small left> mdi-tag </v-icon>{{ $t('channel.manage.channelName') }}</th>
+                            <th><v-icon small left> mdi-format-list-numbered </v-icon>{{ $t('channel.manage.versionCount') }}</th>
+                            <th><v-icon small left> mdi-file-find </v-icon>{{ $t('channel.manage.reviewed') }}</th>
+                            <th><v-icon small left> mdi-pencil </v-icon>{{ $t('channel.manage.edit') }}</th>
+                            <th v-if="channels.length !== 1"><v-icon small left> mdi-delete </v-icon>{{ $t('channel.manage.trash') }}</th>
                         </tr>
                     </thead>
                     <tbody>
                         <tr v-for="channel in channels" :key="channel.name">
-                            <td><Tag :name="channel.name" :color="{ background: channel.color }"></Tag></td>
+                            <td><Tag :name="channel.name" :color="{ background: channel.color }" /></td>
                             <td>{{ channel.versionCount }}</td>
                             <td>
-                                <v-icon v-if="channel.nonReviewed">mdi-checkbox-blank-circle-outline</v-icon>
-                                <v-icon v-else>mdi-check-circle</v-icon>
+                                <v-icon v-if="channel.nonReviewed"> mdi-checkbox-blank-circle-outline </v-icon>
+                                <v-icon v-else> mdi-check-circle </v-icon>
                             </td>
                             <td>
                                 <ChannelModal :project-id="project.id" edit :channel="channel" @create="editChannel">
@@ -51,7 +51,7 @@
                             v-bind="attrs"
                             v-on="on"
                         >
-                            <v-icon left>mdi-plus</v-icon>
+                            <v-icon left> mdi-plus </v-icon>
                             {{ $t('channel.manage.add') }}
                         </v-btn>
                     </template>
diff --git a/frontend/pages/_author/_slug/discuss.vue b/frontend/pages/_author/_slug/discuss.vue
index 911fd9ab9..27ce2ca2a 100644
--- a/frontend/pages/_author/_slug/discuss.vue
+++ b/frontend/pages/_author/_slug/discuss.vue
@@ -11,7 +11,7 @@
                 ></iframe>
             </div>
             <div v-if="isLoggedIn">
-                <MarkdownEditor ref="editor" saveable editing :cancellable="false" :deletable="false" @save="postReply"></MarkdownEditor>
+                <MarkdownEditor ref="editor" saveable editing :cancellable="false" :deletable="false" @save="postReply" />
             </div>
             <div v-else>
                 <a @click="$auth.login($route.fullPath)">{{ $t('project.discuss.login') }}</a>
diff --git a/frontend/pages/_author/_slug/flags.vue b/frontend/pages/_author/_slug/flags.vue
index 7481028fb..6a6a6792a 100644
--- a/frontend/pages/_author/_slug/flags.vue
+++ b/frontend/pages/_author/_slug/flags.vue
@@ -1,20 +1,30 @@
 <template>
     <v-card>
         <v-card-title>
-            <span v-text="$t('flags.header')"></span>&nbsp;
-            <NuxtLink :to="'/' + project.namespace.owner + '/' + project.namespace.slug">{{ project.namespace.owner + '/' + project.namespace.slug }}</NuxtLink>
+            <span v-text="$t('flags.header')" />&nbsp;
+            <NuxtLink :to="'/' + project.namespace.owner + '/' + project.namespace.slug">
+                {{ project.namespace.owner + '/' + project.namespace.slug }}
+            </NuxtLink>
         </v-card-title>
         <v-card-text>
             <v-data-table :loading="$fetchState.pending" :headers="headers" :items="flags" disable-filtering disable-sort hide-default-footer>
                 <template #no-data>
-                    <v-alert type="info" class="mt-2">{{ $t('flags.noFlags') }}</v-alert>
+                    <v-alert type="info" class="mt-2">
+                        {{ $t('flags.noFlags') }}
+                    </v-alert>
+                </template>
+                <template #item.user="{ item }">
+                    {{ item.reportedByName }}
+                </template>
+                <template #item.reason="{ item }">
+                    {{ $t(item.reason) }}
+                </template>
+                <template #item.createdAt="{ item }">
+                    {{ $util.prettyDateTime(item.createdAt) }}
                 </template>
-                <template #item.user="{ item }">{{ item.reportedByName }}</template>
-                <template #item.reason="{ item }">{{ $t(item.reason) }}</template>
-                <template #item.createdAt="{ item }">{{ $util.prettyDateTime(item.createdAt) }}</template>
                 <template #item.resolved="{ item }">
                     <span v-if="item.resolved">{{ $t('flags.resolved', [item.resolvedByName, $util.prettyDate(item.resolvedAt)]) }}</span>
-                    <span v-else v-text="$t('flags.notResolved')"></span>
+                    <span v-else v-text="$t('flags.notResolved')" />
                 </template>
             </v-data-table>
         </v-card-text>
diff --git a/frontend/pages/_author/_slug/index.vue b/frontend/pages/_author/_slug/index.vue
index c6d995e82..feddf6921 100644
--- a/frontend/pages/_author/_slug/index.vue
+++ b/frontend/pages/_author/_slug/index.vue
@@ -18,7 +18,7 @@
             <v-row>
                 <v-col cols="12">
                     <v-card>
-                        <v-card-title v-text="$t('project.info.title')"></v-card-title>
+                        <v-card-title v-text="$t('project.info.title')" />
                         <v-card-text>
                             <DownloadButton
                                 v-if="project.recommendedVersions && Object.keys(project.recommendedVersions).length > 0"
@@ -39,7 +39,7 @@
                                 >
                                     <template #activator="{ on, attrs }">
                                         <v-btn v-bind="attrs" v-on="on">
-                                            <v-icon left>mdi-currency-usd</v-icon>
+                                            <v-icon left> mdi-currency-usd </v-icon>
                                             {{ $t('general.donate') }}
                                         </v-btn>
                                     </template>
@@ -73,7 +73,7 @@
                 </v-col>
                 <v-col cols="12">
                     <v-card>
-                        <v-card-title v-text="$t('project.promotedVersions')"></v-card-title>
+                        <v-card-title v-text="$t('project.promotedVersions')" />
                         <v-card-text>
                             <v-list>
                                 <v-list-item
@@ -85,7 +85,7 @@
                                     }"
                                 >
                                     {{ version.version }}
-                                    <Tag v-for="(tag, idx) in version.tags" :key="idx" :color="tag.color" :data="tag.displayData" :name="tag.name"></Tag>
+                                    <Tag v-for="(tag, idx) in version.tags" :key="idx" :color="tag.color" :data="tag.displayData" :name="tag.name" />
                                 </v-list-item>
                             </v-list>
                         </v-card-text>
diff --git a/frontend/pages/_author/_slug/notes.vue b/frontend/pages/_author/_slug/notes.vue
index 0c0244bbe..7430614f2 100644
--- a/frontend/pages/_author/_slug/notes.vue
+++ b/frontend/pages/_author/_slug/notes.vue
@@ -1,7 +1,7 @@
 <template>
     <v-card>
         <v-card-title>
-            <span v-text="$t('notes.header')"></span>&nbsp;
+            <span v-text="$t('notes.header')" />&nbsp;
             <NuxtLink :to="'/' + project.namespace.owner + '/' + project.namespace.slug">
                 {{ project.namespace.owner + '/' + project.namespace.slug }}
             </NuxtLink>
@@ -9,10 +9,14 @@
         <v-card-text>
             <v-text-field v-model.trim="text" filled :placeholder="$t('notes.placeholder')" dense hide-details @keyup.enter="addNote">
                 <template #append-outer>
-                    <v-btn class="input-append-btn" color="primary" :disabled="!text" :loading="loading" @click="addNote">{{ $t('notes.addNote') }}</v-btn>
+                    <v-btn class="input-append-btn" color="primary" :disabled="!text" :loading="loading" @click="addNote">
+                        {{ $t('notes.addNote') }}
+                    </v-btn>
                 </template>
             </v-text-field>
-            <h2 class="mt-2">{{ $t('notes.notes') }}</h2>
+            <h2 class="mt-2">
+                {{ $t('notes.notes') }}
+            </h2>
             <v-data-table
                 v-if="notes && notes.length > 0"
                 :headers="headers"
@@ -22,7 +26,9 @@
                 disable-sort
                 hide-default-footer
             >
-                <template #item.createdAt="{ item }">{{ $util.prettyDate(item.createdAt) }}</template>
+                <template #item.createdAt="{ item }">
+                    {{ $util.prettyDate(item.createdAt) }}
+                </template>
             </v-data-table>
             <v-alert v-else type="info" prominent v-text="$t('notes.noNotes')" />
         </v-card-text>
diff --git a/frontend/pages/_author/_slug/settings.vue b/frontend/pages/_author/_slug/settings.vue
index e0f288980..a92fd4ac5 100644
--- a/frontend/pages/_author/_slug/settings.vue
+++ b/frontend/pages/_author/_slug/settings.vue
@@ -19,16 +19,24 @@
                         :disabled="!validForm.settings || settingsEqual"
                         @click="save"
                     >
-                        <v-icon left>mdi-check</v-icon>
+                        <v-icon left> mdi-check </v-icon>
                         {{ $t('project.settings.save') }}
                     </v-btn>
                 </v-card-title>
                 <v-card-text>
                     <v-tabs v-model="selectedTab" vertical>
-                        <v-tab href="#general">{{ $t('project.settings.tabs.general') }}</v-tab>
-                        <v-tab href="#optional">{{ $t('project.settings.tabs.optional') }}</v-tab>
-                        <v-tab href="#management">{{ $t('project.settings.tabs.management') }}</v-tab>
-                        <v-tab href="#donation">{{ $t('project.settings.tabs.donation') }}</v-tab>
+                        <v-tab href="#general">
+                            {{ $t('project.settings.tabs.general') }}
+                        </v-tab>
+                        <v-tab href="#optional">
+                            {{ $t('project.settings.tabs.optional') }}
+                        </v-tab>
+                        <v-tab href="#management">
+                            {{ $t('project.settings.tabs.management') }}
+                        </v-tab>
+                        <v-tab href="#donation">
+                            {{ $t('project.settings.tabs.donation') }}
+                        </v-tab>
 
                         <v-tab-item id="general">
                             <v-form v-model="validForm.settings">
@@ -92,11 +100,11 @@
                                             @change="onFileChange"
                                         />
                                         <v-btn color="info" :disabled="!projectIcon" :loading="loading.uploadIcon" @click="uploadIcon">
-                                            <v-icon left>mdi-upload</v-icon>
+                                            <v-icon left> mdi-upload </v-icon>
                                             {{ $t('project.settings.iconUpload') }}
                                         </v-btn>
                                         <v-btn color="warning" :loading="loading.resetIcon" @click="resetIcon">
-                                            <v-icon left>mdi-upload</v-icon>
+                                            <v-icon left> mdi-upload </v-icon>
                                             {{ $t('project.settings.iconReset') }}
                                         </v-btn>
                                     </v-col>
@@ -245,7 +253,9 @@
                                         <p>{{ $t('project.settings.apiKeySub') }}</p>
                                         <v-text-field v-model.trim="apiKey" dense hide-details filled>
                                             <template #append-outer>
-                                                <v-btn class="input-append-btn" @click="generateApiKey">{{ $t('project.settings.apiKeyGenerate') }}</v-btn>
+                                                <v-btn class="input-append-btn" @click="generateApiKey">
+                                                    {{ $t('project.settings.apiKeyGenerate') }}
+                                                </v-btn>
                                             </template>
                                         </v-text-field>
                                     </v-col>
@@ -267,7 +277,7 @@
                                                         :loading="loading.rename"
                                                         @click="rename"
                                                     >
-                                                        <v-icon left>mdi-rename-box</v-icon>
+                                                        <v-icon left> mdi-rename-box </v-icon>
                                                         {{ $t('project.settings.rename') }}
                                                     </v-btn>
                                                 </template>
@@ -286,7 +296,9 @@
                                     <v-col class="flex-grow-0">
                                         <TextareaModal :title="$t('project.settings.delete')" :label="$t('general.comment')" :submit="softDelete">
                                             <template #activator="{ on, attrs }">
-                                                <v-btn color="error" v-bind="attrs" v-on="on">{{ $t('project.settings.delete') }}</v-btn>
+                                                <v-btn color="error" v-bind="attrs" v-on="on">
+                                                    {{ $t('project.settings.delete') }}
+                                                </v-btn>
                                             </template>
                                         </TextareaModal>
                                     </v-col>
@@ -303,7 +315,9 @@
                                     <v-col cols="12" md="4">
                                         <TextareaModal :title="$t('project.settings.hardDelete')" :label="$t('general.comment')" :submit="hardDelete">
                                             <template #activator="{ on, attrs }">
-                                                <v-btn color="error" v-bind="attrs" v-on="on">{{ $t('project.settings.hardDelete') }}</v-btn>
+                                                <v-btn color="error" v-bind="attrs" v-on="on">
+                                                    {{ $t('project.settings.hardDelete') }}
+                                                </v-btn>
                                             </template>
                                         </TextareaModal>
                                     </v-col>
diff --git a/frontend/pages/_author/_slug/stars.vue b/frontend/pages/_author/_slug/stars.vue
index aaa4a6446..61f5971a1 100644
--- a/frontend/pages/_author/_slug/stars.vue
+++ b/frontend/pages/_author/_slug/stars.vue
@@ -6,7 +6,7 @@
         <v-card-text>
             <v-row v-if="stargazers.result && stargazers.result.length > 0">
                 <v-col v-for="stargazer in stargazers.result" :key="stargazer.name" md="4">
-                    <UserAvatar clazz="user-avatar-xs" :username="stargazer.name" :avatar-url="$util.avatarUrl(stargazer.name)"></UserAvatar>
+                    <UserAvatar clazz="user-avatar-xs" :username="stargazer.name" :avatar-url="$util.avatarUrl(stargazer.name)" />
                     {{ stargazer.name }}
                 </v-col>
             </v-row>
diff --git a/frontend/pages/_author/_slug/versions/_version.vue b/frontend/pages/_author/_slug/versions/_version.vue
index a94bfc2d8..18d86e685 100644
--- a/frontend/pages/_author/_slug/versions/_version.vue
+++ b/frontend/pages/_author/_slug/versions/_version.vue
@@ -7,7 +7,7 @@
                 nuxt
                 :to="{ name: `author-slug-versions-version-platform`, params: { ...$route.params, platform: version.toLowerCase() } }"
             >
-                <v-icon left v-text="`$vuetify.icons.${version.toLowerCase()}`"></v-icon>
+                <v-icon left v-text="`$vuetify.icons.${version.toLowerCase()}`" />
                 {{ version }}
             </v-tab>
         </v-tabs>
diff --git a/frontend/pages/_author/_slug/versions/_version/_platform/index.vue b/frontend/pages/_author/_slug/versions/_version/_platform/index.vue
index 93cb00150..c6b2af1a3 100644
--- a/frontend/pages/_author/_slug/versions/_version/_platform/index.vue
+++ b/frontend/pages/_author/_slug/versions/_version/_platform/index.vue
@@ -11,23 +11,23 @@
                     <i v-if="$perms.isReviewer && projectVersion.approvedBy" class="mr-1">{{
                         $t('version.page.adminMsg', [projectVersion.approvedBy, $util.prettyDate(projectVersion.createdAt)])
                     }}</i>
-                    <v-icon v-if="projectVersion.recommended.includes(platform.enumName)" color="info" :title="$t('version.page.recommended')"
-                        >mdi-diamond-stone</v-icon
-                    >
-                    <v-icon v-if="isReviewStateChecked" :title="approvalTooltip" color="success">mdi-check-circle-outline</v-icon>
+                    <v-icon v-if="projectVersion.recommended.includes(platform.enumName)" color="info" :title="$t('version.page.recommended')">
+                        mdi-diamond-stone
+                    </v-icon>
+                    <v-icon v-if="isReviewStateChecked" :title="approvalTooltip" color="success"> mdi-check-circle-outline </v-icon>
                 </v-subheader>
 
                 <template v-if="$perms.isReviewer">
                     <v-btn v-if="isReviewStateChecked" small color="success" :to="$route.path + '/reviews'" nuxt>
-                        <v-icon left>mdi-list-status</v-icon>
+                        <v-icon left> mdi-list-status </v-icon>
                         {{ $t('version.page.reviewLogs') }}
                     </v-btn>
                     <v-btn v-else-if="isUnderReview" small color="info" :to="$route.path + '/reviews'" nuxt>
-                        <v-icon left>mdi-list-status</v-icon>
+                        <v-icon left> mdi-list-status </v-icon>
                         {{ $t('version.page.reviewLogs') }}
                     </v-btn>
                     <v-btn v-else color="success" small :to="$route.path + '/reviews'" nuxt>
-                        <v-icon left>mdi-play</v-icon>
+                        <v-icon left> mdi-play </v-icon>
                         {{ $t('version.page.reviewStart') }}
                     </v-btn>
                 </template>
@@ -38,7 +38,7 @@
                 >
                     <template #activator="{ on }">
                         <v-btn color="info" small :loading="loading.recommend" @click.stop="setRecommended" v-on="on">
-                            <v-icon left>mdi-diamond</v-icon>
+                            <v-icon left> mdi-diamond </v-icon>
                             {{ $t('version.page.setRecommended') }}
                         </v-btn>
                     </template>
@@ -48,19 +48,19 @@
                 <TextareaModal :title="$t('version.page.delete')" :label="$t('general.comment')" :submit="deleteVersion">
                     <template #activator="{ on, attrs }">
                         <!--TODO this button doesn't seem to show up when the version is restored, you have to reload the page. Unsure why-->
-                        <v-btn v-if="$perms.canDeleteVersion && projectVersion.visibility !== 'softDelete'" small color="error" v-bind="attrs" v-on="on">{{
-                            $t('version.page.delete')
-                        }}</v-btn>
+                        <v-btn v-if="$perms.canDeleteVersion && projectVersion.visibility !== 'softDelete'" small color="error" v-bind="attrs" v-on="on">
+                            {{ $t('version.page.delete') }}
+                        </v-btn>
                     </template>
                 </TextareaModal>
 
-                <DownloadButton :small="true" :version="projectVersion" :project="project" :platform="platform"></DownloadButton>
+                <DownloadButton :small="true" :version="projectVersion" :project="project" :platform="platform" />
 
                 <v-menu v-if="$perms.canViewLogs || ($perms.isReviewer && projectVersion.visibility === 'softDelete') || $perms.canHardDeleteVersion" offset-y>
                     <template #activator="{ on, attrs }">
                         <v-btn v-ripple="false" small plain v-bind="attrs" v-on="on">
                             {{ $t('version.page.adminActions') }}
-                            <v-icon right>mdi-chevron-down</v-icon>
+                            <v-icon right> mdi-chevron-down </v-icon>
                         </v-btn>
                     </template>
                     <v-list>
@@ -71,12 +71,16 @@
                             </v-list-item-title>
                         </v-list-item>
                         <v-list-item v-if="$perms.isReviewer && projectVersion.visibility === 'softDelete'" @click.stop="restoreVersion">
-                            <v-list-item-title class="success--text">{{ $t('version.page.restore') }}</v-list-item-title>
+                            <v-list-item-title class="success--text">
+                                {{ $t('version.page.restore') }}
+                            </v-list-item-title>
                         </v-list-item>
                         <TextareaModal :title="$t('version.page.hardDelete')" :submit="hardDeleteVersion" :label="$t('general.comment')">
                             <template #activator="{ on, attrs }">
                                 <v-list-item v-if="$perms.canHardDeleteVersion" v-bind="attrs" v-on="on">
-                                    <v-list-item-title class="error--text">{{ $t('version.page.hardDelete') }}</v-list-item-title>
+                                    <v-list-item-title class="error--text">
+                                        {{ $t('version.page.hardDelete') }}
+                                    </v-list-item-title>
                                 </v-list-item>
                             </template>
                         </TextareaModal>
@@ -86,7 +90,9 @@
         </v-row>
         <v-row>
             <v-col cols="12" md="8">
-                <v-alert v-if="requiresConfirmation" type="info" class="mb-8">{{ $t('version.page.unsafeWarning') }}</v-alert>
+                <v-alert v-if="requiresConfirmation" type="info" class="mb-8">
+                    {{ $t('version.page.unsafeWarning') }}
+                </v-alert>
                 <MarkdownEditor
                     v-if="$perms.canEditVersion"
                     ref="editor"
@@ -101,7 +107,7 @@
                 <v-card>
                     <v-card-subtitle>{{ $t('version.page.platform') }}<PlatformVersionEditModal :project="project" :versions="versions" /></v-card-subtitle>
                     <v-card-text>
-                        <v-icon v-text="`$vuetify.icons.${platform.name.toLowerCase()}`"></v-icon>
+                        <v-icon v-text="`$vuetify.icons.${platform.name.toLowerCase()}`" />
                         {{ $store.state.platforms.get($route.params.platform.toUpperCase()).name }}:
                         {{ platformTag.data }}
                     </v-card-text>
diff --git a/frontend/pages/_author/_slug/versions/_version/_platform/reviews.vue b/frontend/pages/_author/_slug/versions/_version/_platform/reviews.vue
index cf819b66b..7ad766ad1 100644
--- a/frontend/pages/_author/_slug/versions/_version/_platform/reviews.vue
+++ b/frontend/pages/_author/_slug/versions/_version/_platform/reviews.vue
@@ -6,7 +6,7 @@
         <div class="float-right">
             <template v-if="!isReviewStateChecked">
                 <v-btn x-small color="info" :to="{ name: 'author-slug', params: $route.params }" nuxt exact>
-                    <v-icon left>mdi-home</v-icon>
+                    <v-icon left> mdi-home </v-icon>
                     {{ $t('reviews.projectPage') }}
                 </v-btn>
                 <v-btn
@@ -16,25 +16,27 @@
                     nuxt
                     class="mr-4"
                 >
-                    <v-icon left>mdi-download</v-icon>
+                    <v-icon left> mdi-download </v-icon>
                     {{ $t('reviews.downloadFile') }}
                 </v-btn>
             </template>
         </div>
-        <div style="clear: both" class="mb-4"></div>
+        <div style="clear: both" class="mb-4" />
         <v-divider />
 
-        <h2 class="mt-3">{{ $t('reviews.title') }}</h2>
+        <h2 class="mt-3">
+            {{ $t('reviews.title') }}
+        </h2>
         <v-row class="my-1" dense>
             <v-col class="flex-grow-0">
                 <v-btn class="primary" @click="$fetch">
-                    <v-icon left>mdi-refresh</v-icon>
+                    <v-icon left> mdi-refresh </v-icon>
                     {{ $t('general.refresh') }}
                 </v-btn>
             </v-col>
             <v-col v-if="!currentUserReview" class="flex-grow-0">
                 <v-btn color="success" :loading="loadingValues.start" @click="startReview">
-                    <v-icon left>mdi-play</v-icon>
+                    <v-icon left> mdi-play </v-icon>
                     {{ $t('reviews.startReview') }}
                 </v-btn>
             </v-col>
@@ -61,18 +63,18 @@
                                 <TextareaModal :title="$t('reviews.stopReview')" :label="$t('general.message')" :submit="stopReview">
                                     <template #activator="props">
                                         <v-btn x-small color="error" v-bind="props.attrs" v-on="props.on">
-                                            <v-icon left>mdi-stop</v-icon>
+                                            <v-icon left> mdi-stop </v-icon>
                                             {{ $t('reviews.stopReview') }}
                                         </v-btn>
                                     </template>
                                 </TextareaModal>
 
                                 <v-btn x-small color="success lighten-1" :loading="loadingValues.approvePartial" @click.stop="approvePartial">
-                                    <v-icon left>mdi-check-decagram-outline</v-icon>
+                                    <v-icon left> mdi-check-decagram-outline </v-icon>
                                     {{ $t('reviews.approvePartial') }}
                                 </v-btn>
                                 <v-btn x-small color="success" :loading="loadingValues.approve" @click.stop="approve">
-                                    <v-icon left>mdi-check-decagram</v-icon>
+                                    <v-icon left> mdi-check-decagram </v-icon>
                                     {{ $t('reviews.approve') }}
                                 </v-btn>
                             </v-col>
@@ -84,7 +86,7 @@
                                     x-small
                                     @click.stop="reopenReview"
                                 >
-                                    <v-icon left>mdi-refresh</v-icon>
+                                    <v-icon left> mdi-refresh </v-icon>
                                     {{ $t('reviews.reopenReview') }}
                                 </v-btn>
                                 <v-btn
@@ -94,7 +96,7 @@
                                     :loading="loadingValues.undoApproval"
                                     @click.stop="undoApproval"
                                 >
-                                    <v-icon left>mdi-undo</v-icon>
+                                    <v-icon left> mdi-undo </v-icon>
                                     {{ $t('reviews.undoApproval') }}
                                 </v-btn>
                             </v-col>
@@ -124,14 +126,16 @@
                             @keydown.enter.prevent=""
                         />
                         <v-btn block color="primary" :loading="loadingValues.send" class="mt-2" :disabled="!validForm" @click="sendMessage">
-                            <v-icon left>mdi-send</v-icon>
+                            <v-icon left> mdi-send </v-icon>
                             {{ $t('general.send') }}
                         </v-btn>
                     </v-form>
                 </v-list-item>
             </v-list-group>
         </v-list>
-        <v-alert v-if="!reviews.length" type="info" class="mt-2">{{ $t('reviews.notUnderReview') }}</v-alert>
+        <v-alert v-if="!reviews.length" type="info" class="mt-2">
+            {{ $t('reviews.notUnderReview') }}
+        </v-alert>
     </div>
 </template>
 
diff --git a/frontend/pages/_author/_slug/versions/index.vue b/frontend/pages/_author/_slug/versions/index.vue
index f3387f871..eaffff94b 100644
--- a/frontend/pages/_author/_slug/versions/index.vue
+++ b/frontend/pages/_author/_slug/versions/index.vue
@@ -13,7 +13,9 @@
                             <v-row>
                                 <v-col cols="4" md="2" lg="2">
                                     <v-row>
-                                        <v-col cols="12">{{ version.name }}</v-col>
+                                        <v-col cols="12">
+                                            {{ version.name }}
+                                        </v-col>
                                         <Tag :tag="getChannelTag(version)" />
                                     </v-row>
                                 </v-col>
@@ -39,7 +41,9 @@
                                     <v-row>
                                         <v-col cols="12">
                                             <v-icon>mdi-account-arrow-right</v-icon>
-                                            <NuxtLink :to="'/' + version.author">{{ version.author }}</NuxtLink>
+                                            <NuxtLink :to="'/' + version.author">
+                                                {{ version.author }}
+                                            </NuxtLink>
                                         </v-col>
                                         <v-col cols="12">
                                             <v-icon>mdi-download</v-icon>
@@ -75,7 +79,7 @@
                                         nuxt
                                         v-on="on"
                                     >
-                                        <v-icon small>mdi-pencil</v-icon>
+                                        <v-icon small> mdi-pencil </v-icon>
                                     </v-btn>
                                 </template>
                                 {{ $t('version.editChannels') }}
@@ -102,7 +106,7 @@
                             <v-list dense>
                                 <v-list-item v-for="platform in platforms" :key="platform.name">
                                     <v-checkbox v-model="filter.platforms" dense hide-details :value="platform.enumName" @change="updatePlatformCheckAll" />
-                                    <Tag :name="platform.name" :color="platform.tagColor"></Tag>
+                                    <Tag :name="platform.name" :color="platform.tagColor" />
                                 </v-list-item>
                             </v-list>
                         </v-card-text>
diff --git a/frontend/pages/_author/_slug/versions/new.vue b/frontend/pages/_author/_slug/versions/new.vue
index be01dc21f..587012272 100644
--- a/frontend/pages/_author/_slug/versions/new.vue
+++ b/frontend/pages/_author/_slug/versions/new.vue
@@ -18,7 +18,9 @@
             <v-form ref="newVersionForm" v-model="validForm">
                 <v-row justify="space-around">
                     <v-col cols="12">
-                        <v-btn color="warning" block @click="reset">{{ $t('general.reset') }}</v-btn>
+                        <v-btn color="warning" block @click="reset">
+                            {{ $t('general.reset') }}
+                        </v-btn>
                     </v-col>
                     <v-col :md="isFile ? 4 : 6" sm="6" cols="12">
                         <!-- TODO validate version string against existing versions. complex because they only have to be unique per-platform -->
@@ -69,7 +71,7 @@
                             class="channel-select"
                         >
                             <template #prepend-inner>
-                                <v-icon :color="currentChannel.color">mdi-square-rounded</v-icon>
+                                <v-icon :color="currentChannel.color"> mdi-square-rounded </v-icon>
                             </template>
                         </v-select>
                     </v-col>
@@ -78,7 +80,7 @@
                             <template #activator="{ on, attrs }">
                                 <v-btn v-if="channels.length < validations.project.maxChannelCount" color="info" v-bind="attrs" v-on="on">
                                     {{ $t('version.new.form.addChannel') }}
-                                    <v-icon right>mdi-plus</v-icon>
+                                    <v-icon right> mdi-plus </v-icon>
                                 </v-btn>
                             </template>
                         </ChannelModal>
@@ -98,7 +100,9 @@
                     </v-row>
                 </v-sheet>
                 <v-card color="accent darken-1" elevation="1" class="mt-6">
-                    <v-card-title class="pb-0">{{ $t('version.new.form.platforms') }}</v-card-title>
+                    <v-card-title class="pb-0">
+                        {{ $t('version.new.form.platforms') }}
+                    </v-card-title>
                     <v-card-text>
                         <v-row justify="space-around">
                             <v-select
@@ -129,9 +133,13 @@
                     </v-card-text>
                 </v-card>
                 <v-card v-if="platformsForPluginDeps.length" color="accent darken-1" elevation="1" class="mt-2 pb-1">
-                    <v-card-title class="pb-0">{{ $t('version.new.form.dependencies') }}</v-card-title>
+                    <v-card-title class="pb-0">
+                        {{ $t('version.new.form.dependencies') }}
+                    </v-card-title>
                     <template v-for="platform in platformsForPluginDeps">
-                        <v-card-subtitle :key="`${platform}-deps`" class="mt-3 pb-0">{{ $store.state.platforms.get(platform).name }}</v-card-subtitle>
+                        <v-card-subtitle :key="`${platform}-deps`" class="mt-3 pb-0">
+                            {{ $store.state.platforms.get(platform).name }}
+                        </v-card-subtitle>
                         <DependencyTable
                             :key="`${platform}-deps-table`"
                             :platform="platform"
@@ -165,7 +173,9 @@
             <v-btn v-if="!pendingVersion" color="primary" :disabled="!canCreate" :loading="loading.create" @click="createPendingVersion">
                 {{ $t('general.continue') }}
             </v-btn>
-            <v-btn v-else color="primary" :disabled="!validForm" :loading="loading.submit" @click="createVersion">{{ $t('general.create') }}</v-btn>
+            <v-btn v-else color="primary" :disabled="!validForm" :loading="loading.submit" @click="createVersion">
+                {{ $t('general.create') }}
+            </v-btn>
         </v-card-actions>
     </v-card>
 </template>
diff --git a/frontend/pages/_author/_slug/watchers.vue b/frontend/pages/_author/_slug/watchers.vue
index e1c4635ca..817e18e74 100644
--- a/frontend/pages/_author/_slug/watchers.vue
+++ b/frontend/pages/_author/_slug/watchers.vue
@@ -6,7 +6,7 @@
         <v-card-text>
             <v-row v-if="watchers.result && watchers.result.length > 0">
                 <v-col v-for="watcher in watchers.result" :key="watcher.name" md="4">
-                    <UserAvatar clazz="user-avatar-xs" :username="watcher.name" :avatar-url="$util.avatarUrl(watcher.name)"></UserAvatar>
+                    <UserAvatar clazz="user-avatar-xs" :username="watcher.name" :avatar-url="$util.avatarUrl(watcher.name)" />
                     {{ watcher.name }}
                 </v-col>
             </v-row>
diff --git a/frontend/pages/_user.vue b/frontend/pages/_user.vue
index 8c6cd44f6..1d0140bb4 100644
--- a/frontend/pages/_user.vue
+++ b/frontend/pages/_user.vue
@@ -25,7 +25,7 @@
                     <v-tooltip v-if="!user.isOrganization" bottom>
                         <template #activator="{ on }">
                             <v-btn icon small color="info" class="ml-n2" :href="$util.forumUrl(user.name)" v-on="on">
-                                <v-icon small>mdi-open-in-new</v-icon>
+                                <v-icon small> mdi-open-in-new </v-icon>
                             </v-btn>
                         </template>
                         <span>{{ $t('author.viewOnForums') }}</span>
@@ -45,7 +45,7 @@
                     >
                         <template #activator="{ on, attrs }">
                             <v-btn icon small color="warning" v-bind="attrs" v-on="on">
-                                <v-icon small>mdi-pencil</v-icon>
+                                <v-icon small> mdi-pencil </v-icon>
                             </v-btn>
                         </template>
                         <v-text-field
@@ -64,7 +64,9 @@
                 <v-tooltip v-for="btn in buttons" :key="btn.name" bottom>
                     <template #activator="{ on }">
                         <v-btn icon small :href="btn.external ? btn.url : undefined" :to="btn.external ? undefined : btn.url" :nuxt="!btn.external" v-on="on">
-                            <v-icon small>{{ btn.icon }}</v-icon>
+                            <v-icon small>
+                                {{ btn.icon }}
+                            </v-icon>
                         </v-btn>
                     </template>
                     <span>{{ $t(`author.tooltips.${btn.name}`) }}</span>
@@ -79,9 +81,9 @@
                         <v-tooltip bottom>
                             <template #activator="{ on: onTooltip }">
                                 <v-btn icon small v-bind="attrs" v-on="{ ...onModal, ...onTooltip }">
-                                    <v-icon small :color="user.locked ? 'success' : 'error'">{{
-                                        user.locked ? 'mdi-lock-open-outline' : 'mdi-lock-outline'
-                                    }}</v-icon>
+                                    <v-icon small :color="user.locked ? 'success' : 'error'">
+                                        {{ user.locked ? 'mdi-lock-open-outline' : 'mdi-lock-outline' }}
+                                    </v-icon>
                                 </v-btn>
                             </template>
                             <span>{{ $t(`author.tooltips.${user.locked ? 'unlock' : 'lock'}`) }}</span>
diff --git a/frontend/pages/_user/settings/api-keys.vue b/frontend/pages/_user/settings/api-keys.vue
index 251ae3ee9..b231d5c56 100644
--- a/frontend/pages/_user/settings/api-keys.vue
+++ b/frontend/pages/_user/settings/api-keys.vue
@@ -1,7 +1,9 @@
 <template>
     <v-row>
         <v-col cols="12" md="5">
-            <div class="text-h4 mb-4">{{ $t('apiKeys.createNew') }}</div>
+            <div class="text-h4 mb-4">
+                {{ $t('apiKeys.createNew') }}
+            </div>
             <v-form ref="modalForm" v-model="validForm">
                 <v-text-field
                     v-model="name"
@@ -14,9 +16,9 @@
                     :rules="[$util.$vc.require($t('apiKeys.name')), $util.$vc.maxLength(255), $util.$vc.minLength(5)]"
                 >
                     <template #append-outer>
-                        <v-btn color="success" class="input-append-btn" :disabled="!validForm" :loading="loading" @click="create">{{
-                            $t('apiKeys.createKey')
-                        }}</v-btn>
+                        <v-btn color="success" class="input-append-btn" :disabled="!validForm" :loading="loading" @click="create">
+                            {{ $t('apiKeys.createKey') }}
+                        </v-btn>
                     </template>
                 </v-text-field>
                 <v-row no-gutters>
@@ -52,11 +54,21 @@
             <v-simple-table>
                 <thead>
                     <tr>
-                        <th class="text-left">{{ $t('apiKeys.name') }}</th>
-                        <th class="text-left">{{ $t('apiKeys.key') }}</th>
-                        <th class="text-left">{{ $t('apiKeys.keyIdentifier') }}</th>
-                        <th class="text-left">{{ $t('apiKeys.permissions') }}</th>
-                        <th class="text-left">{{ $t('apiKeys.delete') }}</th>
+                        <th class="text-left">
+                            {{ $t('apiKeys.name') }}
+                        </th>
+                        <th class="text-left">
+                            {{ $t('apiKeys.key') }}
+                        </th>
+                        <th class="text-left">
+                            {{ $t('apiKeys.keyIdentifier') }}
+                        </th>
+                        <th class="text-left">
+                            {{ $t('apiKeys.permissions') }}
+                        </th>
+                        <th class="text-left">
+                            {{ $t('apiKeys.delete') }}
+                        </th>
                     </tr>
                 </thead>
                 <tbody>
@@ -78,7 +90,9 @@
                     </tr>
                     <tr v-if="apiKeys.length === 0">
                         <td colspan="5">
-                            <v-alert type="info" width="100%" class="mt-4">{{ $t('apiKeys.noKeys') }}</v-alert>
+                            <v-alert type="info" width="100%" class="mt-4">
+                                {{ $t('apiKeys.noKeys') }}
+                            </v-alert>
                         </td>
                     </tr>
                 </tbody>
diff --git a/frontend/pages/admin/activities/_user.vue b/frontend/pages/admin/activities/_user.vue
index 7b560ecf3..8f270ee3f 100644
--- a/frontend/pages/admin/activities/_user.vue
+++ b/frontend/pages/admin/activities/_user.vue
@@ -1,6 +1,8 @@
 <template>
     <div>
-        <div class="text-h4 my-2">{{ $t('userActivity.title', [$route.params.user]) }}</div>
+        <div class="text-h4 my-2">
+            {{ $t('userActivity.title', [$route.params.user]) }}
+        </div>
         <v-row>
             <v-col>
                 <v-card>
@@ -27,7 +29,7 @@
                                             }"
                                             nuxt
                                         >
-                                            <v-icon left>mdi-list-status</v-icon>
+                                            <v-icon left> mdi-list-status </v-icon>
                                             {{ $t('version.page.reviewLogs') }}
                                         </v-btn>
                                     </td>
diff --git a/frontend/pages/admin/approval/versions.vue b/frontend/pages/admin/approval/versions.vue
index 5bd9d926d..8362cb8bc 100644
--- a/frontend/pages/admin/approval/versions.vue
+++ b/frontend/pages/admin/approval/versions.vue
@@ -5,7 +5,9 @@
             <v-card-text>
                 <v-data-table :headers="notStartedHeaders" :items="notStarted" :custom-sort="sorter" disable-pagination disable-filtering hide-default-footer>
                     <template #item.project="{ item }">
-                        <NuxtLink :to="`/${item.namespace.owner}/${item.namespace.slug}`">{{ `${item.namespace.owner}/${item.namespace.slug}` }}</NuxtLink>
+                        <NuxtLink :to="`/${item.namespace.owner}/${item.namespace.slug}`">
+                            {{ `${item.namespace.owner}/${item.namespace.slug}` }}
+                        </NuxtLink>
                     </template>
                     <template #item.date="{ item }">
                         <span class="start-date">{{ $util.prettyDateTime(item.versionCreatedAt) }}</span>
@@ -22,7 +24,7 @@
                     </template>
                     <template #item.startBtn="{ item }">
                         <v-btn color="primary" :to="{ name: 'author-slug-versions-version-platform-reviews', params: getRouteParams(item) }" nuxt>
-                            <v-icon left>mdi-play</v-icon>
+                            <v-icon left> mdi-play </v-icon>
                             {{ $t('version.page.reviewStart') }}
                         </v-btn>
                     </template>
@@ -78,7 +80,7 @@
                             nuxt
                             @click.stop=""
                         >
-                            <v-icon left>mdi-list-status</v-icon>
+                            <v-icon left> mdi-list-status </v-icon>
                             {{ $t('version.page.reviewLogs') }}
                         </v-btn>
                     </template>
diff --git a/frontend/pages/admin/flags.vue b/frontend/pages/admin/flags.vue
index 95fd64c0d..805203d91 100644
--- a/frontend/pages/admin/flags.vue
+++ b/frontend/pages/admin/flags.vue
@@ -5,7 +5,7 @@
             <v-list v-if="flags.length > 0">
                 <v-list-item v-for="flag in flags" :key="flag.id">
                     <v-list-item-avatar>
-                        <UserAvatar :username="flag.reportedByName" clazz="user-avatar-xs"></UserAvatar>
+                        <UserAvatar :username="flag.reportedByName" clazz="user-avatar-xs" />
                     </v-list-item-avatar>
                     <v-list-item-content>
                         <v-list-item-title>
@@ -17,7 +17,7 @@
                                 ])
                             }}
                             <v-btn small icon color="primary" :to="`/${flag.projectNamespace.owner}/${flag.projectNamespace.slug}`" nuxt target="_blank">
-                                <v-icon small>mdi-open-in-new</v-icon>
+                                <v-icon small> mdi-open-in-new </v-icon>
                             </v-btn>
                         </v-list-item-title>
                         <v-list-item-subtitle>{{ $t('flagReview.line2', [$t(flag.reason)]) }}</v-list-item-subtitle>
@@ -25,11 +25,11 @@
                     </v-list-item-content>
                     <v-list-item-action>
                         <v-btn small :href="$util.forumUrl(flag.reportedByName)" class="mr-1">
-                            <v-icon small left>mdi-reply</v-icon>
+                            <v-icon small left> mdi-reply </v-icon>
                             {{ $t('flagReview.msgUser') }}
                         </v-btn>
                         <v-btn small :href="$util.forumUrl(flag.projectNamespace.owner)" class="mr-1">
-                            <v-icon small left>mdi-reply</v-icon>
+                            <v-icon small left> mdi-reply </v-icon>
                             {{ $t('flagReview.msgProjectOwner') }}
                         </v-btn>
                         <VisibilityChangerModal
@@ -39,13 +39,15 @@
                             small-btn
                         />
                         <v-btn small color="success" :loading="loading[flag.id]" @click="resolve(flag)">
-                            <v-icon small left>mdi-check</v-icon>
+                            <v-icon small left> mdi-check </v-icon>
                             {{ $t('flagReview.markResolved') }}
                         </v-btn>
                     </v-list-item-action>
                 </v-list-item>
             </v-list>
-            <v-alert v-else icon="mdi-thumb-up">{{ $t('flagReview.noFlags') }}</v-alert>
+            <v-alert v-else icon="mdi-thumb-up">
+                {{ $t('flagReview.noFlags') }}
+            </v-alert>
         </v-card-text>
     </v-card>
 </template>
diff --git a/frontend/pages/admin/health.vue b/frontend/pages/admin/health.vue
index 147e8bd41..491442969 100644
--- a/frontend/pages/admin/health.vue
+++ b/frontend/pages/admin/health.vue
@@ -14,7 +14,9 @@
                             </NuxtLink>
                         </v-list-item>
                         <v-list-item v-if="!noTopicProjects || noTopicProjects.length === 0">
-                            <v-alert type="success" width="100%" dense>{{ $t('health.empty') }}</v-alert>
+                            <v-alert type="success" width="100%" dense>
+                                {{ $t('health.empty') }}
+                            </v-alert>
                         </v-list-item>
                     </v-list>
                 </v-card-text>
@@ -29,7 +31,9 @@
                             {{ $t('health.jobText', [job.jobType, job.lastErrorDescriptor, $util.prettyDateTime(job.lastUpdated)]) }}
                         </v-list-item>
                         <v-list-item v-if="!erroredJobs || erroredJobs.length === 0">
-                            <v-alert type="success" width="100%" dense>{{ $t('health.empty') }}</v-alert>
+                            <v-alert type="success" width="100%" dense>
+                                {{ $t('health.empty') }}
+                            </v-alert>
                         </v-list-item>
                     </v-list>
                 </v-card-text>
@@ -46,7 +50,9 @@
                             </NuxtLink>
                         </v-list-item>
                         <v-list-item v-if="!staleProjects || staleProjects.length === 0">
-                            <v-alert type="success" width="100%" dense>{{ $t('health.empty') }}</v-alert>
+                            <v-alert type="success" width="100%" dense>
+                                {{ $t('health.empty') }}
+                            </v-alert>
                         </v-list-item>
                     </v-list>
                 </v-card-text>
@@ -64,7 +70,9 @@
                             </NuxtLink>
                         </v-list-item>
                         <v-list-item v-if="!nonPublicProjects || nonPublicProjects.length === 0">
-                            <v-alert type="success" width="100%" dense>{{ $t('health.empty') }}</v-alert>
+                            <v-alert type="success" width="100%" dense>
+                                {{ $t('health.empty') }}
+                            </v-alert>
                         </v-list-item>
                     </v-list>
                 </v-card-text>
@@ -73,10 +81,10 @@
         <v-col cols="12" md="6">
             <v-card height="100%">
                 <v-card-title>{{ $t('health.noPlatform') }}</v-card-title>
-                <v-card-text></v-card-text>
+                <v-card-text />
                 <v-list dense>
                     <v-list-item>
-                        <v-alert type="warning" width="100%" dense>TODO: Implementation</v-alert>
+                        <v-alert type="warning" width="100%" dense> TODO: Implementation </v-alert>
                     </v-list-item>
                     <!--TODO idek what this is for?-->
                     <!--<v-list-item v-if="!noPlatform || noPlatform.length === 0">{{ $t('health.empty') }}</v-list-item>-->
@@ -94,7 +102,9 @@
                             </NuxtLink>
                         </v-list-item>
                         <v-list-item v-if="!missingFiles || missingFiles.length === 0">
-                            <v-alert type="success" width="100%" dense>{{ $t('health.empty') }}</v-alert>
+                            <v-alert type="success" width="100%" dense>
+                                {{ $t('health.empty') }}
+                            </v-alert>
                         </v-list-item>
                     </v-list>
                 </v-card-text>
diff --git a/frontend/pages/admin/log.vue b/frontend/pages/admin/log.vue
index da8873822..a6df646bd 100644
--- a/frontend/pages/admin/log.vue
+++ b/frontend/pages/admin/log.vue
@@ -13,7 +13,9 @@
                 disable-sort
             >
                 <template #item.user="{ item }">
-                    <NuxtLink :to="'/' + item.userName">{{ item.userName }}</NuxtLink>
+                    <NuxtLink :to="'/' + item.userName">
+                        {{ item.userName }}
+                    </NuxtLink>
                 </template>
                 <template #item.time="{ item }">
                     {{ $util.prettyDateTime(item.createdAt) }}
@@ -43,7 +45,9 @@
                     <template v-if="item.contextType === 'PAGE' && item.oldState">
                         <MarkdownModal :markdown="item.oldState" :title="$t('userActionLog.markdownView')">
                             <template #activator="{ on, attrs }">
-                                <v-btn small color="primary" v-bind="attrs" v-on="on">{{ $t('userActionLog.markdownView') }}</v-btn>
+                                <v-btn small color="primary" v-bind="attrs" v-on="on">
+                                    {{ $t('userActionLog.markdownView') }}
+                                </v-btn>
                             </template>
                         </MarkdownModal>
                     </template>
@@ -59,12 +63,16 @@
                     <template v-if="item.contextType === 'PAGE'">
                         <MarkdownModal :markdown="item.newState" :title="$t('userActionLog.markdownView')">
                             <template #activator="{ on, attrs }">
-                                <v-btn small color="primary" v-bind="attrs" v-on="on">{{ $t('userActionLog.markdownView') }}</v-btn>
+                                <v-btn small color="primary" v-bind="attrs" v-on="on">
+                                    {{ $t('userActionLog.markdownView') }}
+                                </v-btn>
                             </template>
                         </MarkdownModal>
                         <DiffModal :left="item.oldState" :right="item.newState" :title="$t('userActionLog.diffView')">
                             <template #activator="{ on, attrs }">
-                                <v-btn small color="primary" v-bind="attrs" v-on="on">{{ $t('userActionLog.diffView') }}</v-btn>
+                                <v-btn small color="primary" v-bind="attrs" v-on="on">
+                                    {{ $t('userActionLog.diffView') }}
+                                </v-btn>
                             </template>
                         </DiffModal>
                     </template>
diff --git a/frontend/pages/admin/stats.vue b/frontend/pages/admin/stats.vue
index e4734ea5c..ef11dd4a7 100644
--- a/frontend/pages/admin/stats.vue
+++ b/frontend/pages/admin/stats.vue
@@ -12,16 +12,16 @@
             </v-menu>
             <h2>{{ $t('stats.plugins') }}</h2>
             <client-only>
-                <Chart id="stats" :data="pluginData" :options="options" bar-type="Line"></Chart>
+                <Chart id="stats" :data="pluginData" :options="options" bar-type="Line" />
             </client-only>
             <h2>{{ $t('stats.downloads') }}</h2>
             <client-only>
-                <Chart id="downloads" :data="downloadData" :options="options" bar-type="Line"></Chart>
+                <Chart id="downloads" :data="downloadData" :options="options" bar-type="Line" />
             </client-only>
 
             <h2>{{ $t('stats.flags') }}</h2>
             <client-only>
-                <Chart id="flags" :data="flagData" :options="options" bar-type="Line"></Chart>
+                <Chart id="flags" :data="flagData" :options="options" bar-type="Line" />
             </client-only>
         </v-card-text>
     </v-card>
diff --git a/frontend/pages/admin/user/_user.vue b/frontend/pages/admin/user/_user.vue
index cfd865784..52744baca 100644
--- a/frontend/pages/admin/user/_user.vue
+++ b/frontend/pages/admin/user/_user.vue
@@ -2,7 +2,9 @@
     <div>
         <h1>
             {{ $t('userAdmin.title') }}
-            <NuxtLink :to="'/' + $route.params.user">{{ $route.params.user }}</NuxtLink>
+            <NuxtLink :to="'/' + $route.params.user">
+                {{ $route.params.user }}
+            </NuxtLink>
         </h1>
         <v-row>
             <v-col md="8" cols="12">
@@ -11,16 +13,22 @@
                     <v-card-text>
                         <v-data-table :items="orgList" :headers="orgConfig">
                             <template #item.name="{ item }">
-                                <NuxtLink :to="'/' + item.name">{{ item.name }}</NuxtLink>
+                                <NuxtLink :to="'/' + item.name">
+                                    {{ item.name }}
+                                </NuxtLink>
                             </template>
                             <template #item.owner="{ item }">
                                 <!-- todo owner -->
-                                <NuxtLink :to="'/' + item.name.owner">{{ item.name.owner }}</NuxtLink>
+                                <NuxtLink :to="'/' + item.name.owner">
+                                    {{ item.name.owner }}
+                                </NuxtLink>
+                            </template>
+                            <template #item.role="{ item }">
+                                {{ organizations[item.name].role.title }}
                             </template>
-                            <template #item.role="{ item }"> {{ organizations[item.name].role.title }} </template>
                             <template #item.accepted="{ item }">
                                 <!--suppress EqualityComparisonWithCoercionJS dont ask me why this doesnt work without this-->
-                                <v-checkbox :value="organizations[item.name].accepted == true" readonly></v-checkbox>
+                                <v-checkbox :value="organizations[item.name].accepted == true" readonly />
                             </template>
                         </v-data-table>
                     </v-card-text>
@@ -30,17 +38,21 @@
                     <v-card-text>
                         <v-data-table :items="projects.result" :headers="projectsConfig">
                             <template #item.name="{ item }">
-                                <NuxtLink :to="'/' + item.namespace.owner + '/' + item.name">{{ item.name }}</NuxtLink>
+                                <NuxtLink :to="'/' + item.namespace.owner + '/' + item.name">
+                                    {{ item.name }}
+                                </NuxtLink>
                             </template>
                             <template #item.owner="{ item }">
-                                <NuxtLink :to="'/' + item.namespace.owner">{{ item.namespace.owner }}</NuxtLink>
+                                <NuxtLink :to="'/' + item.namespace.owner">
+                                    {{ item.namespace.owner }}
+                                </NuxtLink>
                             </template>
                             <template #item.role="{ item }">
                                 <!-- todo role -->
                                 Role {{ item.name }}
                             </template>
                             <template #item.accepted="{ item }">
-                                <v-checkbox :value="item.visibility === 'public'" readonly></v-checkbox>
+                                <v-checkbox :value="item.visibility === 'public'" readonly />
                             </template>
                         </v-data-table>
                     </v-card-text>
diff --git a/frontend/pages/admin/versions.vue b/frontend/pages/admin/versions.vue
index 18fd35137..33cc393e7 100644
--- a/frontend/pages/admin/versions.vue
+++ b/frontend/pages/admin/versions.vue
@@ -5,8 +5,12 @@
             <v-simple-table>
                 <thead>
                     <tr>
-                        <th class="text-left">{{ $t('platformVersions.platform') }}</th>
-                        <th class="text-left">{{ $t('platformVersions.versions') }}</th>
+                        <th class="text-left">
+                            {{ $t('platformVersions.platform') }}
+                        </th>
+                        <th class="text-left">
+                            {{ $t('platformVersions.versions') }}
+                        </th>
                     </tr>
                 </thead>
                 <tbody>
@@ -30,8 +34,12 @@
             </v-simple-table>
         </v-card-text>
         <v-card-actions class="justify-end">
-            <v-btn text color="info" :disabled="!hasChanged" @click="reset">{{ $t('general.reset') }}</v-btn>
-            <v-btn color="success" :loading="loading" :disabled="!hasChanged" @click="save">{{ $t('platformVersions.saveChanges') }}</v-btn>
+            <v-btn text color="info" :disabled="!hasChanged" @click="reset">
+                {{ $t('general.reset') }}
+            </v-btn>
+            <v-btn color="success" :loading="loading" :disabled="!hasChanged" @click="save">
+                {{ $t('platformVersions.saveChanges') }}
+            </v-btn>
         </v-card-actions>
     </v-card>
 </template>
diff --git a/frontend/pages/api.vue b/frontend/pages/api.vue
index e137ce6a1..28a067b5f 100644
--- a/frontend/pages/api.vue
+++ b/frontend/pages/api.vue
@@ -1,6 +1,6 @@
 <template>
     <v-card color="grey lighten-2">
-        <div id="swagger-ui"></div>
+        <div id="swagger-ui" />
     </v-card>
 </template>
 
diff --git a/frontend/pages/authors.vue b/frontend/pages/authors.vue
index 32a4b8a46..7f4bbe3a9 100644
--- a/frontend/pages/authors.vue
+++ b/frontend/pages/authors.vue
@@ -11,7 +11,9 @@
         class="elevation-1"
     >
         <template #item.username="{ item }">
-            <NuxtLink :to="'/' + item.name">{{ item.name }}</NuxtLink>
+            <NuxtLink :to="'/' + item.name">
+                {{ item.name }}
+            </NuxtLink>
         </template>
         <template #item.pic="{ item }">
             <UserAvatar :username="item.name" :avatar-url="$util.avatarUrl(item.name)" clazz="user-avatar-xs" />
diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index 33a6cdc32..cd928cb5d 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -4,16 +4,16 @@
             <v-col cols="12" sm="8" md="5" offset-md="3">
                 <v-row justify="center" align="center">
                     <h1>Hangar</h1>
-                    <v-subheader v-text="$t('hangar.subtitle')"></v-subheader>
+                    <v-subheader v-text="$t('hangar.subtitle')" />
                 </v-row>
                 <v-row justify="center" align="center">
                     <v-col cols="12">
-                        <v-text-field v-model="projectFilter" :label="$t('hangar.projectSearch.query', [projects.pagination.count])" clearable></v-text-field>
+                        <v-text-field v-model="projectFilter" :label="$t('hangar.projectSearch.query', [projects.pagination.count])" clearable />
                     </v-col>
                 </v-row>
                 <v-row justify="center" align="center">
                     <v-col cols="12">
-                        <ProjectList :projects="projects"></ProjectList>
+                        <ProjectList :projects="projects" />
                     </v-col>
                 </v-row>
             </v-col>
@@ -21,9 +21,9 @@
             <v-col cols="12" sm="2" md="2">
                 <HangarSponsor :sponsor="sponsor" />
 
-                <v-select></v-select>
+                <v-select />
 
-                <v-checkbox :label="$t('hangar.projectSearch.relevanceSort')"></v-checkbox>
+                <v-checkbox :label="$t('hangar.projectSearch.relevanceSort')" />
 
                 <v-list dense>
                     <v-subheader>Categories</v-subheader>
@@ -33,7 +33,7 @@
                                 <v-icon v-text="cat.icon" />
                             </v-list-item-icon>
                             <v-list-item-content>
-                                <v-list-item-title v-text="$t(`project.category.${cat.apiName}`)"></v-list-item-title>
+                                <v-list-item-title v-text="$t(`project.category.${cat.apiName}`)" />
                             </v-list-item-content>
                         </v-list-item>
                     </v-list-item-group>
@@ -47,7 +47,7 @@
                                 <v-icon v-text="`$vuetify.icons.${platform.name.toLowerCase()}`" />
                             </v-list-item-icon>
                             <v-list-item-content>
-                                <v-list-item-title v-text="platform.name"></v-list-item-title>
+                                <v-list-item-title v-text="platform.name" />
                             </v-list-item-content>
                         </v-list-item>
                     </v-list-item-group>
diff --git a/frontend/pages/linkout.vue b/frontend/pages/linkout.vue
index 4b445fbd1..df98325be 100644
--- a/frontend/pages/linkout.vue
+++ b/frontend/pages/linkout.vue
@@ -4,8 +4,12 @@
             <v-card-title>{{ $t('linkout.title') }}</v-card-title>
             <v-card-text v-text="$t('linkout.text', [target])" />
             <v-card-actions>
-                <v-btn @click="$router.back()">{{ $t('linkout.abort') }}</v-btn>
-                <v-btn :href="target">{{ $t('linkout.continue') }}</v-btn>
+                <v-btn @click="$router.back()">
+                    {{ $t('linkout.abort') }}
+                </v-btn>
+                <v-btn :href="target">
+                    {{ $t('linkout.continue') }}
+                </v-btn>
             </v-card-actions>
         </v-card>
     </v-col>
diff --git a/frontend/pages/new.vue b/frontend/pages/new.vue
index 6c75b0c22..d56a82858 100644
--- a/frontend/pages/new.vue
+++ b/frontend/pages/new.vue
@@ -1,21 +1,25 @@
 <template>
     <v-stepper v-model="step">
         <v-stepper-header>
-            <v-stepper-step step="1" :complete="step > 1">{{ $t('project.new.step1.title') }}</v-stepper-step>
+            <v-stepper-step step="1" :complete="step > 1">
+                {{ $t('project.new.step1.title') }}
+            </v-stepper-step>
             <v-divider />
-            <v-stepper-step step="2" :complete="step > 2 && forms.step2" :rules="[() => noBasicSettingsError]"
-                >{{ $t('project.new.step2.title') }}<small v-show="!noBasicSettingsError">Missing Information</small></v-stepper-step
-            >
+            <v-stepper-step step="2" :complete="step > 2 && forms.step2" :rules="[() => noBasicSettingsError]">
+                {{ $t('project.new.step2.title') }}<small v-show="!noBasicSettingsError">Missing Information</small>
+            </v-stepper-step>
             <v-divider />
-            <v-stepper-step step="3" :complete="step > 3"
-                >{{ $t('project.new.step3.title') }}<small>{{ $t('project.new.step3.optional') }}</small></v-stepper-step
-            >
+            <v-stepper-step step="3" :complete="step > 3">
+                {{ $t('project.new.step3.title') }}<small>{{ $t('project.new.step3.optional') }}</small>
+            </v-stepper-step>
             <v-divider />
-            <v-stepper-step step="4" :complete="step > 4"
-                >{{ $t('project.new.step4.title') }}<small>{{ $t('project.new.step4.optional') }}</small></v-stepper-step
-            >
+            <v-stepper-step step="4" :complete="step > 4">
+                {{ $t('project.new.step4.title') }}<small>{{ $t('project.new.step4.optional') }}</small>
+            </v-stepper-step>
             <v-divider />
-            <v-stepper-step step="5" :complete="!projectLoading">{{ $t('project.new.step5.title') }}</v-stepper-step>
+            <v-stepper-step step="5" :complete="!projectLoading">
+                {{ $t('project.new.step5.title') }}
+            </v-stepper-step>
         </v-stepper-header>
         <v-stepper-items>
             <StepperStepContent :step="1" @back="$router.push('/')" @continue="step = 2">
@@ -24,7 +28,7 @@
                         {{ $t('project.new.step1.title') }}
                     </v-card-title>
                     <!-- eslint-disable-next-line vue/no-v-html -->
-                    <v-card-text v-html="$t('project.new.step1.text')"></v-card-text>
+                    <v-card-text v-html="$t('project.new.step1.text')" />
                 </v-card>
             </StepperStepContent>
             <StepperStepContent :step="2" :allow-continue="noBasicSettingsError" @back="step = 1" @continue="step = 3">
@@ -96,7 +100,7 @@
                     </v-card-title>
                     <v-container>
                         <div class="text-h6 pt-1">
-                            <v-icon color="info" large style="transform: rotate(-45deg)" class="mb-1">mdi-link</v-icon>
+                            <v-icon color="info" large style="transform: rotate(-45deg)" class="mb-1"> mdi-link </v-icon>
                             {{ $t('project.new.step3.links') }}
                         </div>
                         <v-divider class="mb-2" />
@@ -147,7 +151,7 @@
                             </v-col>
                         </v-row>
                         <div class="text-h6 pt-5">
-                            <v-icon color="info" large class="mb-1">mdi-license</v-icon>
+                            <v-icon color="info" large class="mb-1"> mdi-license </v-icon>
                             {{ $t('project.new.step3.license') }}
                         </div>
                         <v-divider class="mb-2" />
@@ -178,7 +182,7 @@
                             </v-col>
                         </v-row>
                         <div class="text-h6 pt-5">
-                            <v-icon color="info" large class="mb-1">mdi-cloud-search</v-icon>
+                            <v-icon color="info" large class="mb-1"> mdi-cloud-search </v-icon>
                             {{ $t('project.new.step3.seo') }}
                         </div>
                         <v-divider class="mb-2" />
@@ -221,9 +225,9 @@
                             <v-textarea v-model="converter.bbCode" hide-details dense :rows="6" filled :label="$t('project.new.step4.convertLabels.bbCode')" />
                             <div>
                                 <v-btn block color="primary" class="my-3" :loading="converter.loading" @click="convertBBCode">
-                                    <v-icon left large>mdi-chevron-double-down</v-icon>
+                                    <v-icon left large> mdi-chevron-double-down </v-icon>
                                     {{ $t('project.new.step4.convert') }}
-                                    <v-icon right large>mdi-chevron-double-down</v-icon>
+                                    <v-icon right large> mdi-chevron-double-down </v-icon>
                                 </v-btn>
                             </div>
                             <v-textarea
@@ -239,7 +243,7 @@
                     <v-tab-item>
                         <v-card-text>
                             <v-btn block color="primary" class="my-2" :disabled="form.pageContent === converter.markdown" @click="saveAsHomePage">
-                                <v-icon left>mdi-content-save</v-icon>
+                                <v-icon left> mdi-content-save </v-icon>
                                 {{ $t('project.new.step4.saveAsHomePage') }}
                             </v-btn>
                             <Markdown :raw="converter.markdown" />
@@ -260,11 +264,15 @@
             <StepperStepContent :step="5" hide-buttons>
                 <v-card>
                     <v-card-text class="text-center">
-                        <v-progress-circular v-if="projectLoading" indeterminate color="red" size="50"></v-progress-circular>
-                        <div v-if="!projectError" class="text-h5 mt-2">{{ $t('project.new.step5.text') }}</div>
+                        <v-progress-circular v-if="projectLoading" indeterminate color="red" size="50" />
+                        <div v-if="!projectError" class="text-h5 mt-2">
+                            {{ $t('project.new.step5.text') }}
+                        </div>
                         <template v-else>
-                            <div class="text-h5 mt-2">{{ $t('project.new.error.create') }}</div>
-                            <v-btn @click="retry">Retry</v-btn>
+                            <div class="text-h5 mt-2">
+                                {{ $t('project.new.error.create') }}
+                            </div>
+                            <v-btn @click="retry"> Retry </v-btn>
                         </template>
                     </v-card-text>
                 </v-card>
diff --git a/frontend/pages/notifications.vue b/frontend/pages/notifications.vue
index 3e9ed5a0a..f29a8aad5 100644
--- a/frontend/pages/notifications.vue
+++ b/frontend/pages/notifications.vue
@@ -34,12 +34,14 @@
         <v-divider vertical class="mt-2" />
         <v-col v-if="!$fetchState.pending" cols="12" md="5">
             <h1>{{ $t('notifications.invites') }}</h1>
-            <v-select v-model="filters.invite" dense filled :items="inviteFilter"></v-select>
+            <v-select v-model="filters.invite" dense filled :items="inviteFilter" />
             <v-list v-if="filteredInvites.length">
                 <v-list-item v-for="(invite, index) in filteredInvites" :key="index">
                     <v-list-item-title>
                         {{ $t(!invite.accepted ? 'notifications.invited' : 'notifications.inviteAccepted', [invite.type]) }}:
-                        <NuxtLink :to="invite.url" exact>{{ invite.name }}</NuxtLink>
+                        <NuxtLink :to="invite.url" exact>
+                            {{ invite.name }}
+                        </NuxtLink>
                     </v-list-item-title>
                     <template v-if="!invite.accepted">
                         <v-list-item-action>
diff --git a/frontend/pages/organizations/new.vue b/frontend/pages/organizations/new.vue
index 5a389ffd6..01e1bd689 100644
--- a/frontend/pages/organizations/new.vue
+++ b/frontend/pages/organizations/new.vue
@@ -26,7 +26,7 @@
                 </v-card-text>
                 <v-card-actions class="justify-end">
                     <v-btn color="success" :disabled="!canCreate" :loading="loading" @click="create">
-                        <v-icon left>mdi-check</v-icon>
+                        <v-icon left> mdi-check </v-icon>
                         {{ $t('form.memberList.create') }}
                     </v-btn>
                 </v-card-actions>
diff --git a/frontend/pages/staff.vue b/frontend/pages/staff.vue
index f9e7cf0c0..0d496882c 100644
--- a/frontend/pages/staff.vue
+++ b/frontend/pages/staff.vue
@@ -11,7 +11,9 @@
         class="elevation-1"
     >
         <template #item.username="{ item }">
-            <NuxtLink :to="'/' + item.name">{{ item.name }}</NuxtLink>
+            <NuxtLink :to="'/' + item.name">
+                {{ item.name }}
+            </NuxtLink>
         </template>
         <template #item.pic="{ item }">
             <UserAvatar :username="item.name" :avatar-url="$util.avatarUrl(item.name)" clazz="user-avatar-xs" />
diff --git a/frontend/pages/tools/bbcode.vue b/frontend/pages/tools/bbcode.vue
index dd631af33..0538ab64e 100644
--- a/frontend/pages/tools/bbcode.vue
+++ b/frontend/pages/tools/bbcode.vue
@@ -5,9 +5,9 @@
 
             <div>
                 <v-btn block color="primary" class="my-3" :loading="converter.loading" @click="convertBBCode">
-                    <v-icon left large>mdi-chevron-double-down</v-icon>
+                    <v-icon left large> mdi-chevron-double-down </v-icon>
                     {{ $t('project.new.step4.convert') }}
-                    <v-icon right large>mdi-chevron-double-down</v-icon>
+                    <v-icon right large> mdi-chevron-double-down </v-icon>
                 </v-btn>
             </div>