From ae6336983fbf70b73f3c1bb098abf3ae3e8d62fd Mon Sep 17 00:00:00 2001
From: Jai A <jaiagr+gpg@pm.me>
Date: Wed, 3 Jul 2024 20:00:19 -0700
Subject: [PATCH] Add GH actions

---
 .github/workflows/ci.yml                      |  45 +-
 Cargo.lock                                    |  18 -
 apps/knossos/src/components/ui/Avatar.vue     |   7 +-
 .../knossos/src/components/ui/Breadcrumbs.vue |   5 +-
 apps/knossos/src/components/ui/Checkbox.vue   |  15 +-
 .../components/ui/CollectionCreateModal.vue   |  18 +-
 .../src/components/ui/ConditionalNuxtLink.vue |   5 +-
 apps/knossos/src/components/ui/CopyCode.vue   |   7 +-
 .../components/ui/EnvironmentIndicator.vue    |  13 +-
 apps/knossos/src/components/ui/FileInput.vue  |   2 +-
 .../src/components/ui/MessageBanner.vue       |   6 +-
 apps/knossos/src/components/ui/Modal.vue      |  15 +-
 .../src/components/ui/ModalConfirm.vue        |  29 +-
 .../src/components/ui/ModalCreation.vue       |  33 +-
 .../src/components/ui/ModerationChecklist.vue | 163 ++----
 .../src/components/ui/NavStackItem.vue        |  21 +-
 .../src/components/ui/NotificationItem.vue    | 193 ++-----
 .../src/components/ui/Notifications.vue       |  15 +-
 .../components/ui/OrganizationCreateModal.vue |  24 +-
 .../ui/OrganizationProjectTransferModal.vue   |  38 +-
 apps/knossos/src/components/ui/Pagination.vue |  10 +-
 .../knossos/src/components/ui/ProjectCard.vue |  53 +-
 .../src/components/ui/ProjectMemberHeader.vue |  32 +-
 .../components/ui/VersionFilterControl.vue    |   2 +-
 .../src/components/ui/charts/Chart.client.vue |   8 +-
 .../src/components/ui/charts/ChartDisplay.vue |  48 +-
 .../ui/charts/CompactChart.client.vue         |   8 +-
 .../src/components/ui/report/ReportInfo.vue   |  90 +--
 .../src/components/ui/report/ReportView.vue   |   7 +-
 .../src/components/ui/report/ReportsList.vue  |  10 +-
 .../src/components/ui/search/SearchFilter.vue |  12 +-
 .../ui/thread/ConversationThread.vue          |  73 +--
 .../components/ui/thread/ThreadMessage.vue    |  24 +-
 .../components/ui/thread/ThreadSummary.vue    |  20 +-
 apps/knossos/src/error.vue                    |   9 +-
 apps/knossos/src/layouts/default.vue          | 319 +++--------
 apps/knossos/src/pages/[type]/[id].vue        | 378 ++++--------
 .../src/pages/[type]/[id]/changelog.vue       |   8 +-
 .../knossos/src/pages/[type]/[id]/gallery.vue |  70 +--
 .../src/pages/[type]/[id]/moderation.vue      |  22 +-
 .../pages/[type]/[id]/settings/analytics.vue  |   3 +-
 .../[type]/[id]/settings/description.vue      |   6 +-
 .../src/pages/[type]/[id]/settings/index.vue  |  27 +-
 .../pages/[type]/[id]/settings/license.vue    |  20 +-
 .../src/pages/[type]/[id]/settings/links.vue  |  15 +-
 .../pages/[type]/[id]/settings/members.vue    | 166 ++----
 .../src/pages/[type]/[id]/settings/tags.vue   |  10 +-
 .../pages/[type]/[id]/version/[version].vue   | 201 ++-----
 .../src/pages/[type]/[id]/versions.vue        |  39 +-
 apps/knossos/src/pages/app.vue                | 538 ++++--------------
 apps/knossos/src/pages/auth/authorize.vue     |  55 +-
 .../knossos/src/pages/auth/reset-password.vue |  32 +-
 apps/knossos/src/pages/auth/sign-in.vue       |  61 +-
 apps/knossos/src/pages/auth/sign-up.vue       |  73 +--
 apps/knossos/src/pages/auth/verify-email.vue  |  29 +-
 apps/knossos/src/pages/auth/welcome.vue       |  15 +-
 apps/knossos/src/pages/collection/[id].vue    | 115 +---
 apps/knossos/src/pages/dashboard.vue          |  37 +-
 .../knossos/src/pages/dashboard/analytics.vue |   5 +-
 .../src/pages/dashboard/collections.vue       |  32 +-
 apps/knossos/src/pages/dashboard/index.vue    |  63 +-
 .../src/pages/dashboard/notifications.vue     |  35 +-
 .../src/pages/dashboard/organizations.vue     |  22 +-
 apps/knossos/src/pages/dashboard/projects.vue |  49 +-
 .../src/pages/dashboard/revenue/index.vue     |  53 +-
 .../src/pages/dashboard/revenue/transfers.vue |  57 +-
 .../src/pages/dashboard/revenue/withdraw.vue  |  79 +--
 apps/knossos/src/pages/flags.vue              |   5 +-
 apps/knossos/src/pages/frog.vue               |   5 +-
 apps/knossos/src/pages/index.vue              | 204 ++-----
 apps/knossos/src/pages/legal.vue              |  45 +-
 apps/knossos/src/pages/legal/ccpa.vue         |  17 +-
 apps/knossos/src/pages/legal/cmp.vue          |  16 +-
 apps/knossos/src/pages/legal/copyright.vue    |   8 +-
 apps/knossos/src/pages/legal/privacy.vue      |  29 +-
 apps/knossos/src/pages/legal/rules.vue        |  40 +-
 apps/knossos/src/pages/legal/security.vue     |   5 +-
 apps/knossos/src/pages/legal/terms.vue        |  28 +-
 apps/knossos/src/pages/moderation.vue         |  15 +-
 apps/knossos/src/pages/moderation/index.vue   |  16 +-
 apps/knossos/src/pages/moderation/reports.vue |   5 +-
 apps/knossos/src/pages/moderation/review.vue  |  65 +--
 apps/knossos/src/pages/organization/[id].vue  | 119 +---
 .../organization/[id]/settings/index.vue      |  19 +-
 .../organization/[id]/settings/members.vue    |  46 +-
 .../organization/[id]/settings/projects.vue   |  75 +--
 apps/knossos/src/pages/report.vue             |  28 +-
 .../src/pages/search/[searchProjectType].vue  |  61 +-
 apps/knossos/src/pages/settings/account.vue   | 156 ++---
 .../src/pages/settings/applications.vue       |  79 +--
 .../src/pages/settings/authorizations.vue     |  19 +-
 apps/knossos/src/pages/settings/index.vue     |  51 +-
 apps/knossos/src/pages/settings/language.vue  |  47 +-
 apps/knossos/src/pages/settings/pats.vue      |  35 +-
 apps/knossos/src/pages/settings/profile.vue   |  39 +-
 apps/knossos/src/pages/settings/sessions.vue  |  16 +-
 apps/knossos/src/pages/user/[id].vue          | 123 +---
 apps/theseus_gui_rs/Cargo.toml                |   2 +-
 apps/theseus_gui_rs/tauri.conf.json           |   5 +-
 99 files changed, 1250 insertions(+), 3885 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 34fd7054b..9e5752ef3 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -1,17 +1,12 @@
 name: CI
-
 on:
   push:
     branches:
-      - main
+      - master
   pull_request:
 
-permissions:
-  actions: read
-  contents: read
-
 jobs:
-  main:
+  master:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
@@ -20,21 +15,31 @@ jobs:
 
       - uses: pnpm/action-setup@v2
         with:
-          version: 8
+          version: 9
 
-      # Connect your workspace on nx.app and uncomment this to enable task distribution.
-      # The "--stop-agents-after" is optional, but allows idle agents to shut down once the "build" targets have been requested
-      # - run: pnpm dlx nx-cloud start-ci-run --distribute-on="5 linux-medium-js" --stop-agents-after="build"
-
-      # Cache node_modules
-      - uses: actions/setup-node@v3
+      - name: Restore cached npm dependencies
+        id: cache-dependencies-restore
+        uses: actions/cache/restore@v3
         with:
-          node-version: 20
-          cache: 'pnpm'
+          path: |
+            node_modules
+          key: npm-dependencies-${{ hashFiles('pnpm-lock.yaml') }}
 
       - run: pnpm install --frozen-lockfile
-      - uses: nrwl/nx-set-shas@v4
 
-      # Prepend any command with "nx-cloud record --" to record its logs to Nx Cloud
-      # - run: pnpm exec nx-cloud record -- echo Hello World
-      - run: pnpm exec nx affected -t lint test build
+      - name: Cache npm dependencies
+        id: cache-dependencies-save
+        uses: actions/cache/save@v3
+        with:
+          path: |
+            node_modules
+          key: ${{ steps.cache-dependencies-restore.outputs.cache-primary-key }}
+
+      - uses: nrwl/nx-set-shas@v3
+
+      # This line is needed for nx affected to work when CI is running on a PR
+      - run: git branch --track master origin/master
+        if: ${{ github.event_name == 'pull_request' }}
+
+      - run: pnpm nx affected -t lint test build --parallel=3
+      - run: pnpm nx affected -t e2e --parallel=1
diff --git a/Cargo.lock b/Cargo.lock
index 27c06604b..803721e16 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -518,9 +518,6 @@ name = "bytes"
 version = "1.6.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "514de17de45fdb8dc022b1a7975556c53c86f9f0aa5f534b98977b171857c2c9"
-dependencies = [
- "serde",
-]
 
 [[package]]
 name = "bzip2"
@@ -2788,12 +2785,6 @@ dependencies = [
  "uuid 1.9.1",
 ]
 
-[[package]]
-name = "minisign-verify"
-version = "0.2.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "933dca44d65cdd53b355d0b73d380a2ff5da71f87f036053188bf1eab6a19881"
-
 [[package]]
 name = "miniz_oxide"
 version = "0.7.4"
@@ -3874,12 +3865,10 @@ dependencies = [
  "system-configuration",
  "tokio",
  "tokio-native-tls",
- "tokio-util",
  "tower-service",
  "url",
  "wasm-bindgen",
  "wasm-bindgen-futures",
- "wasm-streams",
  "web-sys",
  "winreg 0.50.0",
 ]
@@ -4888,8 +4877,6 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "336bc661a3f3250853fa83c6e5245449ed1c26dce5dcb28bdee7efedf6278806"
 dependencies = [
  "anyhow",
- "base64 0.21.7",
- "bytes",
  "cocoa 0.24.1",
  "dirs-next",
  "dunce",
@@ -4904,8 +4891,6 @@ dependencies = [
  "heck 0.5.0",
  "http 0.2.12",
  "ignore",
- "indexmap 1.9.3",
- "minisign-verify",
  "objc",
  "once_cell",
  "open",
@@ -4914,7 +4899,6 @@ dependencies = [
  "rand 0.8.5",
  "raw-window-handle",
  "regex",
- "reqwest 0.11.27",
  "rfd",
  "semver",
  "serde",
@@ -4930,14 +4914,12 @@ dependencies = [
  "tauri-utils",
  "tempfile",
  "thiserror",
- "time",
  "tokio",
  "url",
  "uuid 1.9.1",
  "webkit2gtk",
  "webview2-com",
  "windows 0.39.0",
- "zip",
 ]
 
 [[package]]
diff --git a/apps/knossos/src/components/ui/Avatar.vue b/apps/knossos/src/components/ui/Avatar.vue
index 5f23b3d28..05f6ad515 100644
--- a/apps/knossos/src/components/ui/Avatar.vue
+++ b/apps/knossos/src/components/ui/Avatar.vue
@@ -9,7 +9,7 @@
     :alt="alt"
     :loading="loading"
     @load="updatePixelated"
-  >
+  />
   <svg
     v-else
     :class="`avatar size-${size} ${circle ? 'circle' : ''} ${noShadow ? 'no-shadow' : ''} ${
@@ -24,10 +24,7 @@
     viewBox="0 0 104 104"
     aria-hidden="true"
   >
-    <path
-      fill="none"
-      d="M0 0h103.4v103.4H0z"
-    />
+    <path fill="none" d="M0 0h103.4v103.4H0z" />
     <path
       fill="none"
       stroke="#9a9a9a"
diff --git a/apps/knossos/src/components/ui/Breadcrumbs.vue b/apps/knossos/src/components/ui/Breadcrumbs.vue
index 6e8c6af1a..058227fd1 100644
--- a/apps/knossos/src/components/ui/Breadcrumbs.vue
+++ b/apps/knossos/src/components/ui/Breadcrumbs.vue
@@ -1,9 +1,6 @@
 <template>
   <nav class="breadcrumbs">
-    <template
-      v-for="(link, index) in linkStack"
-      :key="index"
-    >
+    <template v-for="(link, index) in linkStack" :key="index">
       <NuxtLink
         :to="link.href"
         class="breadcrumb goto-link"
diff --git a/apps/knossos/src/components/ui/Checkbox.vue b/apps/knossos/src/components/ui/Checkbox.vue
index f9d9df497..a079b77a7 100644
--- a/apps/knossos/src/components/ui/Checkbox.vue
+++ b/apps/knossos/src/components/ui/Checkbox.vue
@@ -13,20 +13,11 @@
       :aria-label="description ?? label"
       :aria-checked="modelValue"
     >
-      <CheckIcon
-        v-if="modelValue && !collapsingToggleStyle"
-        aria-hidden="true"
-      />
-      <DropdownIcon
-        v-else-if="collapsingToggleStyle"
-        aria-hidden="true"
-      />
+      <CheckIcon v-if="modelValue && !collapsingToggleStyle" aria-hidden="true" />
+      <DropdownIcon v-else-if="collapsingToggleStyle" aria-hidden="true" />
     </button>
     <!-- aria-hidden is set so screenreaders only use the <button>'s aria-label -->
-    <p
-      v-if="label"
-      aria-hidden="true"
-    >
+    <p v-if="label" aria-hidden="true">
       {{ label }}
     </p>
     <slot v-else />
diff --git a/apps/knossos/src/components/ui/CollectionCreateModal.vue b/apps/knossos/src/components/ui/CollectionCreateModal.vue
index 41bce01c9..acd464afc 100644
--- a/apps/knossos/src/components/ui/CollectionCreateModal.vue
+++ b/apps/knossos/src/components/ui/CollectionCreateModal.vue
@@ -1,8 +1,5 @@
 <template>
-  <Modal
-    ref="modal"
-    header="Create a collection"
-  >
+  <Modal ref="modal" header="Create a collection">
     <div class="universal-modal modal-creation universal-labels">
       <div class="markdown-body">
         <p>
@@ -21,27 +18,20 @@
         maxlength="64"
         :placeholder="`Enter collection name...`"
         autocomplete="off"
-      >
+      />
       <label for="additional-information">
         <span class="label__title">Summary<span class="required">*</span></span>
         <span class="label__description">This appears on your collection's page.</span>
       </label>
       <div class="textarea-wrapper">
-        <textarea
-          id="additional-information"
-          v-model="description"
-          maxlength="256"
-        />
+        <textarea id="additional-information" v-model="description" maxlength="256" />
       </div>
       <div class="push-right input-group">
         <Button @click="modal.hide()">
           <CrossIcon />
           Cancel
         </Button>
-        <Button
-          color="primary"
-          @click="create"
-        >
+        <Button color="primary" @click="create">
           <CheckIcon />
           Continue
         </Button>
diff --git a/apps/knossos/src/components/ui/ConditionalNuxtLink.vue b/apps/knossos/src/components/ui/ConditionalNuxtLink.vue
index 1dd3bf057..3aa17b58e 100644
--- a/apps/knossos/src/components/ui/ConditionalNuxtLink.vue
+++ b/apps/knossos/src/components/ui/ConditionalNuxtLink.vue
@@ -1,8 +1,5 @@
 <template>
-  <nuxt-link
-    v-if="isLink"
-    :to="to"
-  >
+  <nuxt-link v-if="isLink" :to="to">
     <slot />
   </nuxt-link>
   <span v-else>
diff --git a/apps/knossos/src/components/ui/CopyCode.vue b/apps/knossos/src/components/ui/CopyCode.vue
index a6452fd45..31e9a9d49 100644
--- a/apps/knossos/src/components/ui/CopyCode.vue
+++ b/apps/knossos/src/components/ui/CopyCode.vue
@@ -1,10 +1,5 @@
 <template>
-  <button
-    class="code"
-    :class="{ copied }"
-    title="Copy code to clipboard"
-    @click="copyText"
-  >
+  <button class="code" :class="{ copied }" title="Copy code to clipboard" @click="copyText">
     <span>{{ text }}</span>
     <CheckIcon v-if="copied" />
     <ClipboardCopyIcon v-else />
diff --git a/apps/knossos/src/components/ui/EnvironmentIndicator.vue b/apps/knossos/src/components/ui/EnvironmentIndicator.vue
index 792e950ab..65d90a17b 100644
--- a/apps/knossos/src/components/ui/EnvironmentIndicator.vue
+++ b/apps/knossos/src/components/ui/EnvironmentIndicator.vue
@@ -1,16 +1,13 @@
 <template>
-  <span
-    v-if="typeOnly"
-    class="environment"
-  >
+  <span v-if="typeOnly" class="environment">
     <InfoIcon aria-hidden="true" />
     A {{ type }}
   </span>
   <span
     v-else-if="
       !['resourcepack', 'shader'].includes(type) &&
-        !(type === 'plugin' && search) &&
-        !categories.some((x) => tags.loaderData.dataPackLoaders.includes(x))
+      !(type === 'plugin' && search) &&
+      !categories.some((x) => tags.loaderData.dataPackLoaders.includes(x))
     "
     class="environment"
   >
@@ -25,7 +22,7 @@
     <template
       v-else-if="
         (clientSide === 'optional' || clientSide === 'required') &&
-          (serverSide === 'optional' || serverSide === 'unsupported')
+        (serverSide === 'optional' || serverSide === 'unsupported')
       "
     >
       <ClientIcon aria-hidden="true" />
@@ -34,7 +31,7 @@
     <template
       v-else-if="
         (serverSide === 'optional' || serverSide === 'required') &&
-          (clientSide === 'optional' || clientSide === 'unsupported')
+        (clientSide === 'optional' || clientSide === 'unsupported')
       "
     >
       <ServerIcon aria-hidden="true" />
diff --git a/apps/knossos/src/components/ui/FileInput.vue b/apps/knossos/src/components/ui/FileInput.vue
index c204137f0..e0722ec84 100644
--- a/apps/knossos/src/components/ui/FileInput.vue
+++ b/apps/knossos/src/components/ui/FileInput.vue
@@ -13,7 +13,7 @@
       :accept="accept"
       :disabled="disabled"
       @change="handleChange"
-    >
+    />
   </label>
 </template>
 
diff --git a/apps/knossos/src/components/ui/MessageBanner.vue b/apps/knossos/src/components/ui/MessageBanner.vue
index bde0945cc..bf131aa9b 100644
--- a/apps/knossos/src/components/ui/MessageBanner.vue
+++ b/apps/knossos/src/components/ui/MessageBanner.vue
@@ -1,10 +1,6 @@
 <template>
   <div class="message-banner">
-    <div
-      class="message-banner__content"
-      :class="cardClassByType"
-      :aria-label="ariaLabelByType"
-    >
+    <div class="message-banner__content" :class="cardClassByType" :aria-label="ariaLabelByType">
       <slot />
     </div>
   </div>
diff --git a/apps/knossos/src/components/ui/Modal.vue b/apps/knossos/src/components/ui/Modal.vue
index a80d676e2..10e29cd94 100644
--- a/apps/knossos/src/components/ui/Modal.vue
+++ b/apps/knossos/src/components/ui/Modal.vue
@@ -8,20 +8,11 @@
       class="modal-overlay"
       @click="hide"
     />
-    <div
-      class="modal-container"
-      :class="{ shown: actuallyShown }"
-    >
+    <div class="modal-container" :class="{ shown: actuallyShown }">
       <div class="modal-body">
-        <div
-          v-if="header"
-          class="header"
-        >
+        <div v-if="header" class="header">
           <strong>{{ header }}</strong>
-          <button
-            class="iconified-button icon-only transparent"
-            @click="hide"
-          >
+          <button class="iconified-button icon-only transparent" @click="hide">
             <CrossIcon />
           </button>
         </div>
diff --git a/apps/knossos/src/components/ui/ModalConfirm.vue b/apps/knossos/src/components/ui/ModalConfirm.vue
index 09ac009f8..68a12deb3 100644
--- a/apps/knossos/src/components/ui/ModalConfirm.vue
+++ b/apps/knossos/src/components/ui/ModalConfirm.vue
@@ -1,18 +1,8 @@
 <template>
-  <Modal
-    ref="modal"
-    :header="title"
-  >
+  <Modal ref="modal" :header="title">
     <div class="modal-delete">
-      <div
-        class="markdown-body"
-        v-html="renderString(description)"
-      />
-      <label
-        v-if="hasToType"
-        for="confirmation"
-        class="confirmation-label"
-      >
+      <div class="markdown-body" v-html="renderString(description)" />
+      <label v-if="hasToType" for="confirmation" class="confirmation-label">
         <span>
           <strong>To verify, type</strong>
           <em class="confirmation-text">{{ confirmationText }}</em>
@@ -27,21 +17,14 @@
           type="text"
           placeholder="Type here..."
           @input="type"
-        >
+        />
       </div>
       <div class="button-group">
-        <button
-          class="iconified-button"
-          @click="cancel"
-        >
+        <button class="iconified-button" @click="cancel">
           <CrossIcon />
           Cancel
         </button>
-        <button
-          class="iconified-button danger-button"
-          :disabled="action_disabled"
-          @click="proceed"
-        >
+        <button class="iconified-button danger-button" :disabled="action_disabled" @click="proceed">
           <TrashIcon />
           {{ proceedLabel }}
         </button>
diff --git a/apps/knossos/src/components/ui/ModalCreation.vue b/apps/knossos/src/components/ui/ModalCreation.vue
index a33fff489..c668d3bae 100644
--- a/apps/knossos/src/components/ui/ModalCreation.vue
+++ b/apps/knossos/src/components/ui/ModalCreation.vue
@@ -1,8 +1,5 @@
 <template>
-  <Modal
-    ref="modal"
-    header="Create a project"
-  >
+  <Modal ref="modal" header="Create a project">
     <div class="modal-creation universal-labels">
       <div class="markdown-body">
         <p>New projects are created as drafts and can be found under your profile page.</p>
@@ -18,14 +15,12 @@
         placeholder="Enter project name..."
         autocomplete="off"
         @input="updatedName()"
-      >
+      />
       <label for="slug">
         <span class="label__title">URL<span class="required">*</span></span>
       </label>
       <div class="text-input-wrapper">
-        <div class="text-input-wrapper__before">
-          https://modrinth.com/project/
-        </div>
+        <div class="text-input-wrapper__before">https://modrinth.com/project/</div>
         <input
           id="slug"
           v-model="slug"
@@ -33,7 +28,7 @@
           maxlength="64"
           autocomplete="off"
           @input="manualSlug = true"
-        >
+        />
       </div>
       <label for="visibility">
         <span class="label__title">Visibility<span class="required">*</span></span>
@@ -56,27 +51,19 @@
       />
       <label for="additional-information">
         <span class="label__title">Summary<span class="required">*</span></span>
-        <span class="label__description">This appears in search and on the sidebar of your project's page.</span>
+        <span class="label__description"
+          >This appears in search and on the sidebar of your project's page.</span
+        >
       </label>
       <div class="textarea-wrapper">
-        <textarea
-          id="additional-information"
-          v-model="description"
-          maxlength="256"
-        />
+        <textarea id="additional-information" v-model="description" maxlength="256" />
       </div>
       <div class="push-right input-group">
-        <button
-          class="iconified-button"
-          @click="cancel"
-        >
+        <button class="iconified-button" @click="cancel">
           <CrossIcon />
           Cancel
         </button>
-        <button
-          class="iconified-button brand-button"
-          @click="createProject"
-        >
+        <button class="iconified-button brand-button" @click="createProject">
           <CheckIcon />
           Continue
         </button>
diff --git a/apps/knossos/src/components/ui/ModerationChecklist.vue b/apps/knossos/src/components/ui/ModerationChecklist.vue
index 86680c282..ec2dee134 100644
--- a/apps/knossos/src/components/ui/ModerationChecklist.vue
+++ b/apps/knossos/src/components/ui/ModerationChecklist.vue
@@ -10,10 +10,7 @@
         questions an author might have!
       </p>
       <div class="markdown-editor-spacing">
-        <MarkdownEditor
-          v-model="message"
-          :placeholder="'Enter moderation message'"
-        />
+        <MarkdownEditor v-model="message" :placeholder="'Enter moderation message'" />
       </div>
     </div>
     <div v-else-if="steps[currentStepIndex].id === 'modpack-permissions'">
@@ -23,19 +20,14 @@
           ({{ modPackIndex + 1 }} / {{ modPackData.length }})
         </template>
       </h2>
-      <div v-if="!modPackData">
-        Loading data...
-      </div>
+      <div v-if="!modPackData">Loading data...</div>
       <div v-else-if="modPackData.length === 0">
         <p>All permissions obtained. You may skip this step!</p>
       </div>
       <div v-else-if="!modPackData[modPackIndex]">
         <p>All permission checks complete!</p>
         <div class="input-group modpack-buttons">
-          <button
-            class="btn"
-            @click="modPackIndex -= 1"
-          >
+          <button class="btn" @click="modPackIndex -= 1">
             <LeftArrowIcon />
             Previous
           </button>
@@ -68,7 +60,7 @@
               type="text"
               autocomplete="off"
               placeholder="Enter proof of status..."
-            >
+            />
             <label for="link">
               <span class="label__title">Link</span>
             </label>
@@ -78,7 +70,7 @@
               type="text"
               autocomplete="off"
               placeholder="Enter link of project..."
-            >
+            />
             <label for="title">
               <span class="label__title">Title</span>
             </label>
@@ -88,7 +80,7 @@
               type="text"
               autocomplete="off"
               placeholder="Enter title of project..."
-            >
+            />
           </template>
         </div>
         <div v-else-if="modPackData[modPackIndex].type === 'flame'">
@@ -97,7 +89,8 @@
               :href="modPackData[modPackIndex].url"
               target="_blank"
               class="text-link"
-            >{{ modPackData[modPackIndex].url }}</a>?
+              >{{ modPackData[modPackIndex].url }}</a
+            >?
           </p>
           <div class="input-group">
             <button
@@ -120,15 +113,18 @@
         >
           <p v-if="modPackData[modPackIndex].status === 'unidentified'">
             Does this project provide identification and permission for
-            <strong>{{ modPackData[modPackIndex].file_name }}</strong>?
+            <strong>{{ modPackData[modPackIndex].file_name }}</strong
+            >?
           </p>
           <p v-else-if="modPackData[modPackIndex].status === 'with-attribution'">
             Does this project provide attribution for
-            <strong>{{ modPackData[modPackIndex].file_name }}</strong>?
+            <strong>{{ modPackData[modPackIndex].file_name }}</strong
+            >?
           </p>
           <p v-else>
             Does this project provide proof of permission for
-            <strong>{{ modPackData[modPackIndex].file_name }}</strong>?
+            <strong>{{ modPackData[modPackIndex].file_name }}</strong
+            >?
           </p>
           <div class="input-group">
             <button
@@ -145,11 +141,7 @@
           </div>
         </div>
         <div class="input-group modpack-buttons">
-          <button
-            class="btn"
-            :disabled="modPackIndex <= 0"
-            @click="modPackIndex -= 1"
-          >
+          <button class="btn" :disabled="modPackIndex <= 0" @click="modPackIndex -= 1">
             <LeftArrowIcon />
             Previous
           </button>
@@ -169,10 +161,7 @@
       <template v-if="steps[currentStepIndex].rules && steps[currentStepIndex].rules.length > 0">
         <strong>Rules guidance:</strong>
         <ul>
-          <li
-            v-for="(rule, index) in steps[currentStepIndex].rules"
-            :key="index"
-          >
+          <li v-for="(rule, index) in steps[currentStepIndex].rules" :key="index">
             {{ rule }}
           </li>
         </ul>
@@ -182,10 +171,7 @@
       >
         <strong>Examples of what to reject:</strong>
         <ul>
-          <li
-            v-for="(example, index) in steps[currentStepIndex].examples"
-            :key="index"
-          >
+          <li v-for="(example, index) in steps[currentStepIndex].examples" :key="index">
             {{ example }}
           </li>
         </ul>
@@ -195,10 +181,7 @@
       >
         <strong>Exceptions:</strong>
         <ul>
-          <li
-            v-for="(exception, index) in steps[currentStepIndex].exceptions"
-            :key="index"
-          >
+          <li v-for="(exception, index) in steps[currentStepIndex].exceptions" :key="index">
             {{ exception }}
           </li>
         </ul>
@@ -206,52 +189,32 @@
       <p v-if="steps[currentStepIndex].id === 'title'">
         <strong>Title:</strong> {{ project.title }}
       </p>
-      <p v-if="steps[currentStepIndex].id === 'slug'">
-        <strong>Slug:</strong> {{ project.slug }}
-      </p>
+      <p v-if="steps[currentStepIndex].id === 'slug'"><strong>Slug:</strong> {{ project.slug }}</p>
       <p v-if="steps[currentStepIndex].id === 'summary'">
         <strong>Summary:</strong> {{ project.description }}
       </p>
       <p v-if="steps[currentStepIndex].id === 'links'">
         <template v-if="project.issues_url">
           <strong>Issues: </strong>
-          <a
-            class="text-link"
-            :href="project.issues_url"
-          >{{ project.issues_url }}</a> <br>
+          <a class="text-link" :href="project.issues_url">{{ project.issues_url }}</a> <br />
         </template>
         <template v-if="project.source_url">
           <strong>Source: </strong>
-          <a
-            class="text-link"
-            :href="project.source_url"
-          >{{ project.source_url }}</a> <br>
+          <a class="text-link" :href="project.source_url">{{ project.source_url }}</a> <br />
         </template>
         <template v-if="project.wiki_url">
           <strong>Wiki: </strong>
-          <a
-            class="text-link"
-            :href="project.wiki_url"
-          >{{ project.wiki_url }}</a> <br>
+          <a class="text-link" :href="project.wiki_url">{{ project.wiki_url }}</a> <br />
         </template>
         <template v-if="project.discord_url">
           <strong>Discord: </strong>
-          <a
-            class="text-link"
-            :href="project.discord_url"
-          >{{ project.discord_url }}</a>
-          <br>
+          <a class="text-link" :href="project.discord_url">{{ project.discord_url }}</a>
+          <br />
         </template>
-        <template
-          v-for="(donation, index) in project.donation_urls"
-          :key="index"
-        >
+        <template v-for="(donation, index) in project.donation_urls" :key="index">
           <strong>{{ donation.platform }}: </strong>
-          <a
-            class="text-link"
-            :href="donation.url"
-          >{{ donation.url }}</a>
-          <br>
+          <a class="text-link" :href="donation.url">{{ donation.url }}</a>
+          <br />
         </template>
       </p>
       <p v-if="steps[currentStepIndex].id === 'categories'">
@@ -263,7 +226,7 @@
         />
       </p>
       <p v-if="steps[currentStepIndex].id === 'side-types'">
-        <strong>Client side:</strong> {{ project.client_side }} <br>
+        <strong>Client side:</strong> {{ project.client_side }} <br />
         <strong>Server side:</strong> {{ project.server_side }}
       </p>
       <div class="options input-group">
@@ -284,7 +247,7 @@
       <div
         v-if="
           selectedOptions[steps[currentStepIndex].id] &&
-            selectedOptions[steps[currentStepIndex].id].length > 0
+          selectedOptions[steps[currentStepIndex].id].length > 0
         "
         class="inputs universal-labels"
       >
@@ -294,58 +257,28 @@
           )"
           :key="index"
         >
-          <div
-            v-for="(filler, idx) in option.fillers"
-            :key="idx"
-          >
+          <div v-for="(filler, idx) in option.fillers" :key="idx">
             <label :for="filler.id">
               <span class="label__title">
                 {{ filler.question }}
-                <span
-                  v-if="filler.required"
-                  class="required"
-                >*</span>
+                <span v-if="filler.required" class="required">*</span>
               </span>
             </label>
-            <div
-              v-if="filler.large"
-              class="markdown-editor-spacing"
-            >
-              <MarkdownEditor
-                v-model="filler.value"
-                :placeholder="'Enter moderation message'"
-              />
+            <div v-if="filler.large" class="markdown-editor-spacing">
+              <MarkdownEditor v-model="filler.value" :placeholder="'Enter moderation message'" />
             </div>
-            <input
-              v-else
-              :id="filler.id"
-              v-model="filler.value"
-              type="text"
-              autocomplete="off"
-            >
+            <input v-else :id="filler.id" v-model="filler.value" type="text" autocomplete="off" />
           </div>
         </div>
       </div>
     </div>
     <div class="input-group modpack-buttons">
-      <button
-        v-if="!done"
-        class="btn skip-btn"
-        @click="goToNextProject"
-      >
+      <button v-if="!done" class="btn skip-btn" @click="goToNextProject">
         <ExitIcon />
-        <template v-if="futureProjects.length > 0">
-          Skip
-        </template>
-        <template v-else>
-          Exit
-        </template>
+        <template v-if="futureProjects.length > 0"> Skip </template>
+        <template v-else> Exit </template>
       </button>
-      <button
-        v-if="currentStepIndex > 0"
-        class="btn"
-        @click="previousPage() && !done"
-      >
+      <button v-if="currentStepIndex > 0" class="btn" @click="previousPage() && !done">
         <LeftArrowIcon /> Previous
       </button>
       <button
@@ -364,17 +297,11 @@
         <UpdatedIcon /> Generate message
       </button>
       <template v-if="generatedMessage && !done">
-        <button
-          class="btn btn-green"
-          @click="sendMessage(project.requested_status ?? 'approved')"
-        >
+        <button class="btn btn-green" @click="sendMessage(project.requested_status ?? 'approved')">
           <CheckIcon /> Approve
         </button>
         <div class="joined-buttons">
-          <button
-            class="btn btn-danger"
-            @click="sendMessage('rejected')"
-          >
+          <button class="btn btn-danger" @click="sendMessage('rejected')">
             <CrossIcon /> Reject
           </button>
           <OverflowMenu
@@ -391,17 +318,11 @@
             ]"
           >
             <DropdownIcon style="rotate: 180deg" />
-            <template #withhold>
-              <EyeOffIcon /> Withhold
-            </template>
+            <template #withhold> <EyeOffIcon /> Withhold </template>
           </OverflowMenu>
         </div>
       </template>
-      <button
-        v-if="done"
-        class="btn btn-primary next-project"
-        @click="goToNextProject"
-      >
+      <button v-if="done" class="btn btn-primary next-project" @click="goToNextProject">
         Next project
       </button>
     </div>
diff --git a/apps/knossos/src/components/ui/NavStackItem.vue b/apps/knossos/src/components/ui/NavStackItem.vue
index 1a01db537..8c6abfe77 100644
--- a/apps/knossos/src/components/ui/NavStackItem.vue
+++ b/apps/knossos/src/components/ui/NavStackItem.vue
@@ -1,20 +1,10 @@
 <template>
-  <NuxtLink
-    v-if="link !== null"
-    class="nav-link button-base"
-    :to="link"
-  >
+  <NuxtLink v-if="link !== null" class="nav-link button-base" :to="link">
     <div class="nav-content">
       <slot />
       <span>{{ label }}</span>
-      <span
-        v-if="beta"
-        class="beta-badge"
-      >BETA</span>
-      <span
-        v-if="chevron"
-        class="chevron"
-      ><ChevronRightIcon /></span>
+      <span v-if="beta" class="beta-badge">BETA</span>
+      <span v-if="chevron" class="chevron"><ChevronRightIcon /></span>
     </div>
   </NuxtLink>
   <button
@@ -26,10 +16,7 @@
     <span class="nav-content">
       <slot />
       <span>{{ label }}</span>
-      <span
-        v-if="beta"
-        class="beta-badge"
-      >BETA</span>
+      <span v-if="beta" class="beta-badge">BETA</span>
     </span>
   </button>
   <span v-else>i forgor 💀</span>
diff --git a/apps/knossos/src/components/ui/NotificationItem.vue b/apps/knossos/src/components/ui/NotificationItem.vue
index e81d3869d..0e377a2dc 100644
--- a/apps/knossos/src/components/ui/NotificationItem.vue
+++ b/apps/knossos/src/components/ui/NotificationItem.vue
@@ -15,63 +15,29 @@
     >
       <NotificationIcon />
     </nuxt-link>
-    <DoubleIcon
-      v-else
-      class="notification__icon"
-    >
+    <DoubleIcon v-else class="notification__icon">
       <template #primary>
-        <nuxt-link
-          v-if="project"
-          :to="getProjectLink(project)"
-          tabindex="-1"
-        >
-          <Avatar
-            size="xs"
-            :src="project.icon_url"
-            :raised="raised"
-            no-shadow
-          />
+        <nuxt-link v-if="project" :to="getProjectLink(project)" tabindex="-1">
+          <Avatar size="xs" :src="project.icon_url" :raised="raised" no-shadow />
         </nuxt-link>
         <nuxt-link
           v-else-if="organization"
           :to="`/organization/${organization.slug}`"
           tabindex="-1"
         >
-          <Avatar
-            size="xs"
-            :src="organization.icon_url"
-            :raised="raised"
-            no-shadow
-          />
+          <Avatar size="xs" :src="organization.icon_url" :raised="raised" no-shadow />
         </nuxt-link>
-        <nuxt-link
-          v-else-if="user"
-          :to="getUserLink(user)"
-          tabindex="-1"
-        >
-          <Avatar
-            size="xs"
-            :src="user.avatar_url"
-            :raised="raised"
-            no-shadow
-          />
+        <nuxt-link v-else-if="user" :to="getUserLink(user)" tabindex="-1">
+          <Avatar size="xs" :src="user.avatar_url" :raised="raised" no-shadow />
         </nuxt-link>
-        <Avatar
-          v-else
-          size="xs"
-          :raised="raised"
-          no-shadow
-        />
+        <Avatar v-else size="xs" :raised="raised" no-shadow />
       </template>
       <template #secondary>
         <ModerationIcon
           v-if="type === 'moderator_message' || type === 'status_change'"
           class="moderation-color"
         />
-        <InvitationIcon
-          v-else-if="type === 'team_invite' && project"
-          class="creator-color"
-        />
+        <InvitationIcon v-else-if="type === 'team_invite' && project" class="creator-color" />
         <InvitationIcon
           v-else-if="type === 'organization_invite' && organization"
           class="creator-color"
@@ -83,66 +49,37 @@
     <div class="notification__title">
       <template v-if="type === 'project_update' && project && version">
         A project you follow,
-        <nuxt-link
-          :to="getProjectLink(project)"
-          class="title-link"
-        >
-          {{ project.title }}
-        </nuxt-link>, has been updated:
+        <nuxt-link :to="getProjectLink(project)" class="title-link"> {{ project.title }} </nuxt-link
+        >, has been updated:
       </template>
       <template v-else-if="type === 'team_invite' && project">
-        <nuxt-link
-          :to="`/user/${invitedBy.username}`"
-          class="iconified-link title-link"
-        >
-          <Avatar
-            :src="invitedBy.avatar_url"
-            circle
-            size="xxs"
-            no-shadow
-            :raised="raised"
-          />
+        <nuxt-link :to="`/user/${invitedBy.username}`" class="iconified-link title-link">
+          <Avatar :src="invitedBy.avatar_url" circle size="xxs" no-shadow :raised="raised" />
           <span class="space">&nbsp;</span>
           <span>{{ invitedBy.username }}</span>
         </nuxt-link>
         <span>
           has invited you to join
-          <nuxt-link
-            :to="getProjectLink(project)"
-            class="title-link"
-          >
-            {{ project.title }} </nuxt-link>.
+          <nuxt-link :to="getProjectLink(project)" class="title-link">
+            {{ project.title }} </nuxt-link
+          >.
         </span>
       </template>
       <template v-else-if="type === 'organization_invite' && organization">
-        <nuxt-link
-          :to="`/user/${invitedBy.username}`"
-          class="iconified-link title-link"
-        >
-          <Avatar
-            :src="invitedBy.avatar_url"
-            circle
-            size="xxs"
-            no-shadow
-            :raised="raised"
-          />
+        <nuxt-link :to="`/user/${invitedBy.username}`" class="iconified-link title-link">
+          <Avatar :src="invitedBy.avatar_url" circle size="xxs" no-shadow :raised="raised" />
           <span class="space">&nbsp;</span>
           <span>{{ invitedBy.username }}</span>
         </nuxt-link>
         <span>
           has invited you to join
-          <nuxt-link
-            :to="`/organization/${organization.slug}`"
-            class="title-link"
-          >
-            {{ organization.name }} </nuxt-link>.
+          <nuxt-link :to="`/organization/${organization.slug}`" class="title-link">
+            {{ organization.name }} </nuxt-link
+          >.
         </span>
       </template>
       <template v-else-if="type === 'status_change' && project">
-        <nuxt-link
-          :to="getProjectLink(project)"
-          class="title-link"
-        >
+        <nuxt-link :to="getProjectLink(project)" class="title-link">
           {{ project.title }}
         </nuxt-link>
         <template v-if="tags.rejectedStatuses.includes(notification.body.new_status)">
@@ -158,60 +95,34 @@
       </template>
       <template v-else-if="type === 'moderator_message' && thread && project && !report">
         Your project,
-        <nuxt-link
-          :to="getProjectLink(project)"
-          class="title-link"
-        >
-          {{ project.title }}
-        </nuxt-link>, has received
-        <template v-if="notification.grouped_notifs">
-          messages
-        </template>
-        <template v-else>
-          a message
-        </template>
+        <nuxt-link :to="getProjectLink(project)" class="title-link"> {{ project.title }} </nuxt-link
+        >, has received
+        <template v-if="notification.grouped_notifs"> messages </template>
+        <template v-else> a message </template>
         from the moderators.
       </template>
       <template v-else-if="type === 'moderator_message' && thread && report">
         A moderator replied to your report of
         <template v-if="version">
           version
-          <nuxt-link
-            :to="getVersionLink(project, version)"
-            class="title-link"
-          >
+          <nuxt-link :to="getVersionLink(project, version)" class="title-link">
             {{ version.name }}
           </nuxt-link>
           of project
         </template>
-        <nuxt-link
-          v-if="project"
-          :to="getProjectLink(project)"
-          class="title-link"
-        >
+        <nuxt-link v-if="project" :to="getProjectLink(project)" class="title-link">
           {{ project.title }}
         </nuxt-link>
-        <nuxt-link
-          v-else-if="user"
-          :to="getUserLink(user)"
-          class="title-link"
-        >
-          {{ user.username }}
-        </nuxt-link>.
+        <nuxt-link v-else-if="user" :to="getUserLink(user)" class="title-link">
+          {{ user.username }} </nuxt-link
+        >.
       </template>
-      <nuxt-link
-        v-else
-        :to="notification.link"
-        class="title-link"
-      >
+      <nuxt-link v-else :to="notification.link" class="title-link">
         <span v-html="renderString(notification.title)" />
       </nuxt-link>
       <!--      <span v-else class="known-errors">Error reading notification.</span>-->
     </div>
-    <div
-      v-if="hasBody"
-      class="notification__body"
-    >
+    <div v-if="hasBody" class="notification__body">
       <ThreadSummary
         v-if="type === 'moderator_message' && thread"
         :thread="thread"
@@ -221,10 +132,7 @@
         class="thread-summary"
         :auth="auth"
       />
-      <div
-        v-else-if="type === 'project_update'"
-        class="version-list"
-      >
+      <div v-else-if="type === 'project_update'" class="version-list">
         <div
           v-for="notif in (notification.grouped_notifs
             ? [notification, ...notification.grouped_notifs]
@@ -264,18 +172,12 @@
       </template>
     </div>
     <span class="notification__date">
-      <span
-        v-if="notification.read"
-        class="read-badge"
-      > <ReadIcon /> Read </span>
+      <span v-if="notification.read" class="read-badge"> <ReadIcon /> Read </span>
       <span v-tooltip="$dayjs(notification.created).format('MMMM D, YYYY [at] h:mm A')">
         <CalendarIcon /> Received {{ fromNow(notification.created) }}
       </span>
     </span>
-    <div
-      v-if="compact"
-      class="notification__actions"
-    >
+    <div v-if="compact" class="notification__actions">
       <template v-if="type === 'team_invite' || type === 'organization_invite'">
         <button
           v-tooltip="`Accept`"
@@ -311,14 +213,8 @@
         <CrossIcon />
       </button>
     </div>
-    <div
-      v-else
-      class="notification__actions"
-    >
-      <div
-        v-if="type !== null"
-        class="input-group"
-      >
+    <div v-else class="notification__actions">
+      <div v-if="type !== null" class="input-group">
         <template
           v-if="(type === 'team_invite' || type === 'organization_invite') && !notification.read"
         >
@@ -353,15 +249,9 @@
         >
           <CheckIcon /> Mark as read
         </button>
-        <CopyCode
-          v-if="flags.developerMode"
-          :text="notification.id"
-        />
+        <CopyCode v-if="flags.developerMode" :text="notification.id" />
       </div>
-      <div
-        v-else
-        class="input-group"
-      >
+      <div v-else class="input-group">
         <nuxt-link
           v-if="notification.link && notification.link !== '#'"
           class="iconified-button"
@@ -391,10 +281,7 @@
         >
           <CheckIcon /> Mark as read
         </button>
-        <CopyCode
-          v-if="flags.developerMode"
-          :text="notification.id"
-        />
+        <CopyCode v-if="flags.developerMode" :text="notification.id" />
       </div>
     </div>
   </div>
diff --git a/apps/knossos/src/components/ui/Notifications.vue b/apps/knossos/src/components/ui/Notifications.vue
index 33d8f81a3..28ef01ed2 100644
--- a/apps/knossos/src/components/ui/Notifications.vue
+++ b/apps/knossos/src/components/ui/Notifications.vue
@@ -9,18 +9,9 @@
         @mouseenter="stopTimer(item)"
         @mouseleave="setNotificationTimer(item)"
       >
-        <div
-          class="vue-notification-template vue-notification"
-          :class="{ [item.type]: true }"
-        >
-          <div
-            class="notification-title"
-            v-html="item.title"
-          />
-          <div
-            class="notification-content"
-            v-html="item.text"
-          />
+        <div class="vue-notification-template vue-notification" :class="{ [item.type]: true }">
+          <div class="notification-title" v-html="item.title" />
+          <div class="notification-content" v-html="item.text" />
         </div>
       </div>
     </transition-group>
diff --git a/apps/knossos/src/components/ui/OrganizationCreateModal.vue b/apps/knossos/src/components/ui/OrganizationCreateModal.vue
index 6e0c74145..df528c397 100644
--- a/apps/knossos/src/components/ui/OrganizationCreateModal.vue
+++ b/apps/knossos/src/components/ui/OrganizationCreateModal.vue
@@ -1,8 +1,5 @@
 <template>
-  <Modal
-    ref="modal"
-    header="Create an organization"
-  >
+  <Modal ref="modal" header="Create an organization">
     <div class="universal-modal modal-creation universal-labels">
       <div class="markdown-body">
         <p>
@@ -21,14 +18,12 @@
         :placeholder="`Enter organization name...`"
         autocomplete="off"
         @input="updateSlug()"
-      >
+      />
       <label for="slug">
         <span class="label__title">URL<span class="required">*</span></span>
       </label>
       <div class="text-input-wrapper">
-        <div class="text-input-wrapper__before">
-          https://modrinth.com/organization/
-        </div>
+        <div class="text-input-wrapper__before">https://modrinth.com/organization/</div>
         <input
           id="slug"
           v-model="slug"
@@ -36,28 +31,21 @@
           maxlength="64"
           autocomplete="off"
           @input="manualSlug = true"
-        >
+        />
       </div>
       <label for="additional-information">
         <span class="label__title">Summary<span class="required">*</span></span>
         <span class="label__description">This will appear on your organization's page.</span>
       </label>
       <div class="textarea-wrapper">
-        <textarea
-          id="additional-information"
-          v-model="description"
-          maxlength="256"
-        />
+        <textarea id="additional-information" v-model="description" maxlength="256" />
       </div>
       <div class="push-right input-group">
         <Button @click="modal.hide()">
           <CrossIcon />
           Cancel
         </Button>
-        <Button
-          color="primary"
-          @click="createProject"
-        >
+        <Button color="primary" @click="createProject">
           <CheckIcon />
           Continue
         </Button>
diff --git a/apps/knossos/src/components/ui/OrganizationProjectTransferModal.vue b/apps/knossos/src/components/ui/OrganizationProjectTransferModal.vue
index d0b71525f..30a29282d 100644
--- a/apps/knossos/src/components/ui/OrganizationProjectTransferModal.vue
+++ b/apps/knossos/src/components/ui/OrganizationProjectTransferModal.vue
@@ -1,9 +1,6 @@
 <template>
   <div>
-    <Modal
-      ref="modalOpen"
-      header="Transfer Projects"
-    >
+    <Modal ref="modalOpen" header="Transfer Projects">
       <div class="universal-modal items">
         <div class="table">
           <div class="table-row table-head">
@@ -13,25 +10,13 @@
                 @update:model-value="toggleSelectedProjects()"
               />
             </div>
-            <div class="table-cell">
-              Icon
-            </div>
-            <div class="table-cell">
-              Name
-            </div>
-            <div class="table-cell">
-              ID
-            </div>
-            <div class="table-cell">
-              Type
-            </div>
+            <div class="table-cell">Icon</div>
+            <div class="table-cell">Name</div>
+            <div class="table-cell">ID</div>
+            <div class="table-cell">Type</div>
             <div class="table-cell" />
           </div>
-          <div
-            v-for="project in props.projects"
-            :key="`project-${project.id}`"
-            class="table-row"
-          >
+          <div v-for="project in props.projects" :key="`project-${project.id}`" class="table-row">
             <div class="table-cell check-cell">
               <Checkbox
                 :disabled="(project.permissions & EDIT_DETAILS) === EDIT_DETAILS"
@@ -44,10 +29,7 @@
               />
             </div>
             <div class="table-cell">
-              <nuxt-link
-                tabindex="-1"
-                :to="`/project/${project.slug ? project.slug : project.id}`"
-              >
+              <nuxt-link tabindex="-1" :to="`/project/${project.slug ? project.slug : project.id}`">
                 <Avatar
                   :src="project.icon_url"
                   aria-hidden="true"
@@ -99,11 +81,7 @@
             <XIcon />
             Cancel
           </Button>
-          <Button
-            :disabled="!selectedProjects?.length"
-            color="primary"
-            @click="onSubmitHandler()"
-          >
+          <Button :disabled="!selectedProjects?.length" color="primary" @click="onSubmitHandler()">
             <TransferIcon />
             <span>
               Transfer
diff --git a/apps/knossos/src/components/ui/Pagination.vue b/apps/knossos/src/components/ui/Pagination.vue
index 9e79e89d9..964427d49 100644
--- a/apps/knossos/src/components/ui/Pagination.vue
+++ b/apps/knossos/src/components/ui/Pagination.vue
@@ -1,8 +1,5 @@
 <template>
-  <div
-    v-if="count > 1"
-    class="columns paginates"
-  >
+  <div v-if="count > 1" class="columns paginates">
     <a
       :class="{ disabled: page === 1 }"
       :tabindex="page === 1 ? -1 : 0"
@@ -22,10 +19,7 @@
       }"
       class="page-number-container"
     >
-      <div
-        v-if="item === '-'"
-        class="has-icon"
-      >
+      <div v-if="item === '-'" class="has-icon">
         <GapIcon />
       </div>
       <a
diff --git a/apps/knossos/src/components/ui/ProjectCard.vue b/apps/knossos/src/components/ui/ProjectCard.vue
index 98eca84d6..76fcf9413 100644
--- a/apps/knossos/src/components/ui/ProjectCard.vue
+++ b/apps/knossos/src/components/ui/ProjectCard.vue
@@ -1,22 +1,12 @@
 <template>
-  <article
-    class="project-card base-card padding-bg"
-    :aria-label="name"
-    role="listitem"
-  >
+  <article class="project-card base-card padding-bg" :aria-label="name" role="listitem">
     <nuxt-link
       :title="name"
       class="icon"
       tabindex="-1"
       :to="`/${$getProjectTypeForUrl(type, categories)}/${id}`"
     >
-      <Avatar
-        :src="iconUrl"
-        :alt="name"
-        size="md"
-        no-shadow
-        loading="lazy"
-      />
+      <Avatar :src="iconUrl" :alt="name" size="md" no-shadow loading="lazy" />
     </nuxt-link>
     <nuxt-link
       class="gallery"
@@ -25,12 +15,7 @@
       :to="`/${$getProjectTypeForUrl(type, categories)}/${id}`"
       :style="color ? `background-color: ${toColor};` : ''"
     >
-      <img
-        v-if="featuredImage"
-        :src="featuredImage"
-        alt="gallery image"
-        loading="lazy"
-      >
+      <img v-if="featuredImage" :src="featuredImage" alt="gallery image" loading="lazy" />
     </nuxt-link>
     <div class="title">
       <nuxt-link :to="`/${$getProjectTypeForUrl(type, categories)}/${id}`">
@@ -38,23 +23,13 @@
           {{ name }}
         </h2>
       </nuxt-link>
-      <p
-        v-if="author"
-        class="author"
-      >
+      <p v-if="author" class="author">
         by
-        <nuxt-link
-          class="title-link"
-          :to="'/user/' + author"
-        >
+        <nuxt-link class="title-link" :to="'/user/' + author">
           {{ author }}
         </nuxt-link>
       </p>
-      <Badge
-        v-if="status && status !== 'approved'"
-        :type="status"
-        class="status"
-      />
+      <Badge v-if="status && status !== 'approved'" :type="status" class="status" />
     </div>
     <p class="description">
       {{ description }}
@@ -77,22 +52,18 @@
       />
     </Categories>
     <div class="stats">
-      <div
-        v-if="downloads"
-        class="stat"
-      >
+      <div v-if="downloads" class="stat">
         <DownloadIcon aria-hidden="true" />
         <p>
-          <strong>{{ $formatNumber(downloads) }}</strong><span class="stat-label"> download<span v-if="downloads !== '1'">s</span></span>
+          <strong>{{ $formatNumber(downloads) }}</strong
+          ><span class="stat-label"> download<span v-if="downloads !== '1'">s</span></span>
         </p>
       </div>
-      <div
-        v-if="follows"
-        class="stat"
-      >
+      <div v-if="follows" class="stat">
         <HeartIcon aria-hidden="true" />
         <p>
-          <strong>{{ $formatNumber(follows) }}</strong><span class="stat-label"> follower<span v-if="follows !== '1'">s</span></span>
+          <strong>{{ $formatNumber(follows) }}</strong
+          ><span class="stat-label"> follower<span v-if="follows !== '1'">s</span></span>
         </p>
       </div>
       <div class="buttons">
diff --git a/apps/knossos/src/components/ui/ProjectMemberHeader.vue b/apps/knossos/src/components/ui/ProjectMemberHeader.vue
index b70ca2f82..f87dc60e3 100644
--- a/apps/knossos/src/components/ui/ProjectMemberHeader.vue
+++ b/apps/knossos/src/components/ui/ProjectMemberHeader.vue
@@ -1,23 +1,14 @@
 <template>
-  <div
-    v-if="showInvitation"
-    class="universal-card information invited"
-  >
+  <div v-if="showInvitation" class="universal-card information invited">
     <h2>Invitation to join project</h2>
     <p>
       You've been invited be a member of this project with the role of '{{ currentMember.role }}'.
     </p>
     <div class="input-group">
-      <button
-        class="iconified-button brand-button"
-        @click="acceptInvite()"
-      >
+      <button class="iconified-button brand-button" @click="acceptInvite()">
         <CheckIcon />Accept
       </button>
-      <button
-        class="iconified-button danger-button"
-        @click="declineInvite()"
-      >
+      <button class="iconified-button danger-button" @click="declineInvite()">
         <CrossIcon />Decline
       </button>
     </div>
@@ -25,8 +16,8 @@
   <div
     v-if="
       currentMember &&
-        nags.filter((x) => x.condition).length > 0 &&
-        (project.status === 'draft' || tags.rejectedStatuses.includes(project.status))
+      nags.filter((x) => x.condition).length > 0 &&
+      (project.status === 'draft' || tags.rejectedStatuses.includes(project.status))
     "
     class="author-actions universal-card"
   >
@@ -62,10 +53,7 @@
         </button>
       </div>
     </div>
-    <div
-      v-if="!collapsed"
-      class="grid-display width-16"
-    >
+    <div v-if="!collapsed" class="grid-display width-16">
       <div
         v-for="nag in nags.filter((x) => x.condition && !x.hide)"
         :key="nag.id"
@@ -89,7 +77,8 @@
             v-tooltip="'Review'"
             aria-label="Review"
             :class="nag.status"
-          />{{ nag.title }}</span>
+          />{{ nag.title }}</span
+        >
         {{ nag.description }}
         <NuxtLink
           v-if="nag.link"
@@ -100,10 +89,7 @@
           }`"
         >
           {{ nag.link.title }}
-          <ChevronRightIcon
-            class="featured-header-chevron"
-            aria-hidden="true"
-          />
+          <ChevronRightIcon class="featured-header-chevron" aria-hidden="true" />
         </NuxtLink>
         <button
           v-else-if="nag.action"
diff --git a/apps/knossos/src/components/ui/VersionFilterControl.vue b/apps/knossos/src/components/ui/VersionFilterControl.vue
index 27ecd2010..22e9dff20 100644
--- a/apps/knossos/src/components/ui/VersionFilterControl.vue
+++ b/apps/knossos/src/components/ui/VersionFilterControl.vue
@@ -56,7 +56,7 @@
     <Checkbox
       v-if="
         gameVersionFilters.length > 1 &&
-          gameVersionFilters.some((v) => v.version_type !== 'release')
+        gameVersionFilters.some((v) => v.version_type !== 'release')
       "
       v-model="includeSnapshots"
       label="Show all versions"
diff --git a/apps/knossos/src/components/ui/charts/Chart.client.vue b/apps/knossos/src/components/ui/charts/Chart.client.vue
index 4225ee445..c8de14a40 100644
--- a/apps/knossos/src/components/ui/charts/Chart.client.vue
+++ b/apps/knossos/src/components/ui/charts/Chart.client.vue
@@ -306,13 +306,7 @@ defineExpose({
 </script>
 
 <template>
-  <VueApexCharts
-    ref="chart"
-    :type="type"
-    :options="chartOptions"
-    :series="data"
-    class="chart"
-  />
+  <VueApexCharts ref="chart" :type="type" :options="chartOptions" :series="data" class="chart" />
 </template>
 
 <style scoped lang="scss">
diff --git a/apps/knossos/src/components/ui/charts/ChartDisplay.vue b/apps/knossos/src/components/ui/charts/ChartDisplay.vue
index a1003b9b0..02eac6594 100644
--- a/apps/knossos/src/components/ui/charts/ChartDisplay.vue
+++ b/apps/knossos/src/components/ui/charts/ChartDisplay.vue
@@ -1,9 +1,6 @@
 <template>
   <div>
-    <div
-      v-if="analytics.error.value"
-      class="universal-card"
-    >
+    <div v-if="analytics.error.value" class="universal-card">
       <h2>
         <span class="label__title">Error</span>
       </h2>
@@ -11,10 +8,7 @@
         {{ analytics.error.value }}
       </div>
     </div>
-    <div
-      v-else
-      class="graphs"
-    >
+    <div v-else class="graphs">
       <div class="graphs__vertical-bar">
         <client-only>
           <CompactChart
@@ -79,25 +73,13 @@
               </span>
             </h2>
             <div class="chart-controls__buttons">
-              <Button
-                v-tooltip="'Toggle project colors'"
-                icon-only
-                @click="onToggleColors"
-              >
+              <Button v-tooltip="'Toggle project colors'" icon-only @click="onToggleColors">
                 <PaletteIcon />
               </Button>
-              <Button
-                v-tooltip="'Download this data as CSV'"
-                icon-only
-                @click="onDownloadSetAsCSV"
-              >
+              <Button v-tooltip="'Download this data as CSV'" icon-only @click="onDownloadSetAsCSV">
                 <DownloadIcon />
               </Button>
-              <Button
-                v-tooltip="'Refresh the chart'"
-                icon-only
-                @click="resetCharts"
-              >
+              <Button v-tooltip="'Refresh the chart'" icon-only @click="resetCharts">
                 <UpdatedIcon />
               </Button>
               <DropdownSelect
@@ -161,10 +143,7 @@
             </div>
             <div class="legend">
               <div class="legend__items">
-                <template
-                  v-for="project in selectedDataSetProjects"
-                  :key="project"
-                >
+                <template v-for="project in selectedDataSetProjects" :key="project">
                   <button
                     v-tooltip="project.title"
                     :class="`legend__item button-base btn-transparent ${
@@ -199,8 +178,8 @@
           <Card
             v-if="
               analytics.formattedData.value?.downloadsByCountry &&
-                selectedChart === 'downloads' &&
-                analytics.formattedData.value.downloadsByCountry.data.length > 0
+              selectedChart === 'downloads' &&
+              analytics.formattedData.value.downloadsByCountry.data.length > 0
             "
             class="country-downloads"
           >
@@ -222,10 +201,11 @@
                     "
                     alt="Hidden country"
                     class="country-flag"
-                  >
+                  />
                 </div>
                 <div class="country-text">
-                  <strong class="country-name"><template v-if="name.toLowerCase() === 'xx' || !name">Hidden</template>
+                  <strong class="country-name"
+                    ><template v-if="name.toLowerCase() === 'xx' || !name">Hidden</template>
                     <template v-else>{{ countryCodeToName(name) }}</template>
                   </strong>
                   <span class="data-point">{{ formatNumber(count) }}</span>
@@ -252,8 +232,8 @@
           <Card
             v-if="
               analytics.formattedData.value?.viewsByCountry &&
-                selectedChart === 'views' &&
-                analytics.formattedData.value.viewsByCountry.data.length > 0
+              selectedChart === 'views' &&
+              analytics.formattedData.value.viewsByCountry.data.length > 0
             "
             class="country-downloads"
           >
@@ -275,7 +255,7 @@
                     "
                     alt="Hidden country"
                     class="country-flag"
-                  >
+                  />
                 </div>
                 <div class="country-text">
                   <strong class="country-name">
diff --git a/apps/knossos/src/components/ui/charts/CompactChart.client.vue b/apps/knossos/src/components/ui/charts/CompactChart.client.vue
index 338a30c4f..c0b5eea13 100644
--- a/apps/knossos/src/components/ui/charts/CompactChart.client.vue
+++ b/apps/knossos/src/components/ui/charts/CompactChart.client.vue
@@ -148,13 +148,7 @@ defineExpose({
       {{ title }}
     </div>
     <div class="chart">
-      <VueApexCharts
-        ref="chart"
-        type="area"
-        :options="chartOptions"
-        :series="data"
-        height="70"
-      />
+      <VueApexCharts ref="chart" type="area" :options="chartOptions" :series="data" height="70" />
     </div>
   </Card>
 </template>
diff --git a/apps/knossos/src/components/ui/report/ReportInfo.vue b/apps/knossos/src/components/ui/report/ReportInfo.vue
index c19254211..a08e79877 100644
--- a/apps/knossos/src/components/ui/report/ReportInfo.vue
+++ b/apps/knossos/src/components/ui/report/ReportInfo.vue
@@ -1,21 +1,13 @@
 <template>
   <div class="report">
-    <div
-      v-if="report.item_type === 'project'"
-      class="item-info"
-    >
+    <div v-if="report.item_type === 'project'" class="item-info">
       <nuxt-link
         :to="`/${$getProjectTypeForUrl(report.project.project_type, report.project.loaders)}/${
           report.project.slug
         }`"
         class="iconified-stacked-link"
       >
-        <Avatar
-          :src="report.project.icon_url"
-          size="xs"
-          no-shadow
-          :raised="raised"
-        />
+        <Avatar :src="report.project.icon_url" size="xs" no-shadow :raised="raised" />
         <div class="stacked">
           <span class="title">{{ report.project.title }}</span>
           <span>{{
@@ -26,54 +18,28 @@
         </div>
       </nuxt-link>
     </div>
-    <div
-      v-else-if="report.item_type === 'user'"
-      class="item-info"
-    >
-      <nuxt-link
-        :to="`/user/${report.user.username}`"
-        class="iconified-stacked-link"
-      >
-        <Avatar
-          :src="report.user.avatar_url"
-          circle
-          size="xs"
-          no-shadow
-          :raised="raised"
-        />
+    <div v-else-if="report.item_type === 'user'" class="item-info">
+      <nuxt-link :to="`/user/${report.user.username}`" class="iconified-stacked-link">
+        <Avatar :src="report.user.avatar_url" circle size="xs" no-shadow :raised="raised" />
         <div class="stacked">
           <span class="title">{{ report.user.username }}</span>
           <span>User</span>
         </div>
       </nuxt-link>
     </div>
-    <div
-      v-else-if="report.item_type === 'version'"
-      class="item-info"
-    >
+    <div v-else-if="report.item_type === 'version'" class="item-info">
       <nuxt-link
         :to="`/project/${report.project.slug}/version/${report.version.id}`"
         class="iconified-link"
       >
-        <div
-          class="backed-svg"
-          :class="{ raised: raised }"
-        >
+        <div class="backed-svg" :class="{ raised: raised }">
           <VersionIcon />
         </div>
         <span class="title">{{ report.version.name }}</span>
       </nuxt-link>
       of
-      <nuxt-link
-        :to="`/project/${report.project.slug}`"
-        class="iconified-stacked-link"
-      >
-        <Avatar
-          :src="report.project.icon_url"
-          size="xs"
-          no-shadow
-          :raised="raised"
-        />
+      <nuxt-link :to="`/project/${report.project.slug}`" class="iconified-stacked-link">
+        <Avatar :src="report.project.icon_url" size="xs" no-shadow :raised="raised" />
         <div class="stacked">
           <span class="title">{{ report.project.title }}</span>
           <span>{{
@@ -84,33 +50,17 @@
         </div>
       </nuxt-link>
     </div>
-    <div
-      v-else
-      class="item-info"
-    >
-      <div
-        class="backed-svg"
-        :class="{ raised: raised }"
-      >
+    <div v-else class="item-info">
+      <div class="backed-svg" :class="{ raised: raised }">
         <UnknownIcon />
       </div>
       <span>Unknown report type</span>
     </div>
     <div class="report-type">
-      <Badge
-        v-if="report.closed"
-        type="closed"
-      />
-      <Badge
-        :type="`Reported for ${report.report_type}`"
-        color="orange"
-      />
+      <Badge v-if="report.closed" type="closed" />
+      <Badge :type="`Reported for ${report.report_type}`" color="orange" />
     </div>
-    <div
-      v-if="showMessage"
-      class="markdown-body"
-      v-html="renderHighlightedString(report.body)"
-    />
+    <div v-if="showMessage" class="markdown-body" v-html="renderHighlightedString(report.body)" />
     <ThreadSummary
       v-if="thread"
       :thread="thread"
@@ -122,11 +72,7 @@
     <div class="reporter-info">
       <ReportIcon class="inline-svg" /> Reported by
       <span v-if="auth.user.id === report.reporterUser.id">you</span>
-      <nuxt-link
-        v-else
-        :to="`/user/${report.reporterUser.username}`"
-        class="iconified-link"
-      >
+      <nuxt-link v-else :to="`/user/${report.reporterUser.username}`" class="iconified-link">
         <Avatar
           :src="report.reporterUser.avatar_url"
           circle
@@ -140,11 +86,7 @@
       <span v-tooltip="$dayjs(report.created).format('MMMM D, YYYY [at] h:mm A')">{{
         fromNow(report.created)
       }}</span>
-      <CopyCode
-        v-if="flags.developerMode"
-        :text="report.id"
-        class="report-id"
-      />
+      <CopyCode v-if="flags.developerMode" :text="report.id" class="report-id" />
     </div>
   </div>
 </template>
diff --git a/apps/knossos/src/components/ui/report/ReportView.vue b/apps/knossos/src/components/ui/report/ReportView.vue
index abab2ff80..b1e7fda47 100644
--- a/apps/knossos/src/components/ui/report/ReportView.vue
+++ b/apps/knossos/src/components/ui/report/ReportView.vue
@@ -7,12 +7,7 @@
         :link-stack="breadcrumbsStack"
       />
       <h2>Report details</h2>
-      <ReportInfo
-        :report="report"
-        :show-thread="false"
-        :show-message="false"
-        :auth="auth"
-      />
+      <ReportInfo :report="report" :show-thread="false" :show-message="false" :auth="auth" />
     </section>
     <section class="universal-card">
       <h2>Messages</h2>
diff --git a/apps/knossos/src/components/ui/report/ReportsList.vue b/apps/knossos/src/components/ui/report/ReportsList.vue
index 95d059fc6..5007b59f6 100644
--- a/apps/knossos/src/components/ui/report/ReportsList.vue
+++ b/apps/knossos/src/components/ui/report/ReportsList.vue
@@ -1,9 +1,5 @@
 <template>
-  <Chips
-    v-if="false"
-    v-model="viewMode"
-    :items="['open', 'archived']"
-  />
+  <Chips v-if="false" v-model="viewMode" :items="['open', 'archived']" />
   <ReportInfo
     v-for="report in reports.filter(
       (x) =>
@@ -18,9 +14,7 @@
     :auth="auth"
     class="universal-card recessed"
   />
-  <p v-if="reports.length === 0">
-    You don't have any active reports.
-  </p>
+  <p v-if="reports.length === 0">You don't have any active reports.</p>
 </template>
 <script setup>
 import Chips from '~/components/ui/Chips.vue'
diff --git a/apps/knossos/src/components/ui/search/SearchFilter.vue b/apps/knossos/src/components/ui/search/SearchFilter.vue
index 93786fc1c..e3f2c98aa 100644
--- a/apps/knossos/src/components/ui/search/SearchFilter.vue
+++ b/apps/knossos/src/components/ui/search/SearchFilter.vue
@@ -6,16 +6,8 @@
     @update:model-value="toggle()"
   >
     <div class="filter-text">
-      <div
-        v-if="icon"
-        aria-hidden="true"
-        class="icon"
-        v-html="icon"
-      />
-      <div
-        v-else
-        class="icon"
-      >
+      <div v-if="icon" aria-hidden="true" class="icon" v-html="icon" />
+      <div v-else class="icon">
         <slot />
       </div>
       <span aria-hidden="true"> {{ displayName }}</span>
diff --git a/apps/knossos/src/components/ui/thread/ConversationThread.vue b/apps/knossos/src/components/ui/thread/ConversationThread.vue
index be7efaf39..620eb1951 100644
--- a/apps/knossos/src/components/ui/thread/ConversationThread.vue
+++ b/apps/knossos/src/components/ui/thread/ConversationThread.vue
@@ -33,16 +33,10 @@
         </div>
       </div>
     </Modal>
-    <div
-      v-if="flags.developerMode"
-      class="thread-id"
-    >
+    <div v-if="flags.developerMode" class="thread-id">
       Thread ID: <CopyCode :text="thread.id" />
     </div>
-    <div
-      v-if="sortedMessages.length > 0"
-      class="messages universal-card recessed"
-    >
+    <div v-if="sortedMessages.length > 0" class="messages universal-card recessed">
       <ThreadMessage
         v-for="message in sortedMessages"
         :key="'message-' + message.id"
@@ -57,11 +51,7 @@
     </div>
     <template v-if="report && report.closed">
       <p>This thread is closed and new messages cannot be sent to it.</p>
-      <button
-        v-if="isStaff(auth.user)"
-        class="iconified-button"
-        @click="reopenReport()"
-      >
+      <button v-if="isStaff(auth.user)" class="iconified-button" @click="reopenReport()">
         <CloseIcon /> Reopen thread
       </button>
     </template>
@@ -82,12 +72,7 @@
         >
           <ReplyIcon /> Reply
         </button>
-        <button
-          v-else
-          class="btn btn-primary"
-          :disabled="!replyBody"
-          @click="sendReply()"
-        >
+        <button v-else class="btn btn-primary" :disabled="!replyBody" @click="sendReply()">
           <SendIcon /> Send
         </button>
         <button
@@ -127,11 +112,7 @@
               >
                 <CloseIcon /> Close with reply
               </button>
-              <button
-                v-else
-                class="iconified-button danger-button"
-                @click="closeReport()"
-              >
+              <button v-else class="iconified-button danger-button" @click="closeReport()">
                 <CloseIcon /> Close thread
               </button>
             </template>
@@ -178,36 +159,32 @@
                   :options="
                     replyBody
                       ? [
-                        {
-                          id: 'withhold-reply',
-                          color: 'danger',
-                          action: () => {
-                            sendReply('withheld')
+                          {
+                            id: 'withhold-reply',
+                            color: 'danger',
+                            action: () => {
+                              sendReply('withheld')
+                            },
+                            hoverFilled: true,
+                            disabled: project.status === 'withheld',
                           },
-                          hoverFilled: true,
-                          disabled: project.status === 'withheld',
-                        },
-                      ]
+                        ]
                       : [
-                        {
-                          id: 'withhold',
-                          color: 'danger',
-                          action: () => {
-                            setStatus('withheld')
+                          {
+                            id: 'withhold',
+                            color: 'danger',
+                            action: () => {
+                              setStatus('withheld')
+                            },
+                            hoverFilled: true,
+                            disabled: project.status === 'withheld',
                           },
-                          hoverFilled: true,
-                          disabled: project.status === 'withheld',
-                        },
-                      ]
+                        ]
                   "
                 >
                   <DropdownIcon style="rotate: 180deg" />
-                  <template #withhold-reply>
-                    <EyeOffIcon /> Withhold with reply
-                  </template>
-                  <template #withhold>
-                    <EyeOffIcon /> Withhold
-                  </template>
+                  <template #withhold-reply> <EyeOffIcon /> Withhold with reply </template>
+                  <template #withhold> <EyeOffIcon /> Withhold </template>
                 </OverflowMenu>
               </div>
             </template>
diff --git a/apps/knossos/src/components/ui/thread/ThreadMessage.vue b/apps/knossos/src/components/ui/thread/ThreadMessage.vue
index 52e0d76b1..9874746b9 100644
--- a/apps/knossos/src/components/ui/thread/ThreadMessage.vue
+++ b/apps/knossos/src/components/ui/thread/ThreadMessage.vue
@@ -34,10 +34,7 @@
         >
           {{ members[message.author_id].username }}
         </ConditionalNuxtLink>
-        <ScaleIcon
-          v-if="members[message.author_id].role === 'moderator'"
-          v-tooltip="'Moderator'"
-        />
+        <ScaleIcon v-if="members[message.author_id].role === 'moderator'" v-tooltip="'Moderator'" />
         <ModrinthIcon
           v-else-if="members[message.author_id].role === 'admin'"
           v-tooltip="'Modrinth Team'"
@@ -50,10 +47,7 @@
       </span>
     </template>
     <template v-else>
-      <div
-        class="message__icon backed-svg circle moderation-color"
-        :class="{ raised: raised }"
-      >
+      <div class="message__icon backed-svg circle moderation-color" :class="{ raised: raised }">
         <ScaleIcon />
       </div>
       <span class="message__author moderation-color">
@@ -66,10 +60,7 @@
       class="message__body markdown-body"
       v-html="formattedMessage"
     />
-    <div
-      v-else
-      class="message__body status-message"
-    >
+    <div v-else class="message__body status-message">
       <span v-if="message.body.type === 'deleted'"> posted a message that has been deleted. </span>
       <template v-else-if="message.body.type === 'status_change'">
         <span v-if="message.body.new_status === 'processing'">
@@ -88,10 +79,7 @@
         {{ timeSincePosted }}
       </span>
     </span>
-    <div
-      v-if="isStaff(auth.user) && message.author_id === auth.user.id"
-      class="message__actions"
-    >
+    <div v-if="isStaff(auth.user) && message.author_id === auth.user.id" class="message__actions">
       <OverflowMenu
         class="btn btn-transparent icon-only"
         :options="[
@@ -104,9 +92,7 @@
         ]"
       >
         <MoreHorizontalIcon />
-        <template #delete>
-          <TrashIcon /> Delete
-        </template>
+        <template #delete> <TrashIcon /> Delete </template>
       </OverflowMenu>
     </div>
   </div>
diff --git a/apps/knossos/src/components/ui/thread/ThreadSummary.vue b/apps/knossos/src/components/ui/thread/ThreadSummary.vue
index cbd342ccd..6a3efe1ef 100644
--- a/apps/knossos/src/components/ui/thread/ThreadSummary.vue
+++ b/apps/knossos/src/components/ui/thread/ThreadSummary.vue
@@ -1,19 +1,11 @@
 <template>
-  <nuxt-link
-    :to="link"
-    class="thread-summary"
-    :class="{ raised: raised }"
-  >
+  <nuxt-link :to="link" class="thread-summary" :class="{ raised: raised }">
     <div class="thread-title-row">
-      <span
-        v-if="report"
-        class="thread-title"
-      >Report thread</span>
-      <span
-        v-else
-        class="thread-title"
-      >Thread</span>
-      <span class="thread-messages">{{ props.thread.messages.length }} messages <ChevronRightIcon /></span>
+      <span v-if="report" class="thread-title">Report thread</span>
+      <span v-else class="thread-title">Thread</span>
+      <span class="thread-messages"
+        >{{ props.thread.messages.length }} messages <ChevronRightIcon
+      /></span>
     </div>
     <template v-if="displayMessages.length > 0">
       <ThreadMessage
diff --git a/apps/knossos/src/error.vue b/apps/knossos/src/error.vue
index 1731ae347..d917471ee 100644
--- a/apps/knossos/src/error.vue
+++ b/apps/knossos/src/error.vue
@@ -3,15 +3,10 @@
     <div class="main">
       <div class="error">
         <Logo404 v-if="error.statusCode === 404" />
-        <h1 v-else>
-          An error occurred!
-        </h1>
+        <h1 v-else>An error occurred!</h1>
         <p>{{ error.message }}</p>
         <div class="button-group">
-          <nuxt-link
-            to="/"
-            class="iconified-button raised-button brand-button"
-          >
+          <nuxt-link to="/" class="iconified-button raised-button brand-button">
             Go home
           </nuxt-link>
           <a
diff --git a/apps/knossos/src/layouts/default.vue b/apps/knossos/src/layouts/default.vue
index 833f233db..6dec5866f 100644
--- a/apps/knossos/src/layouts/default.vue
+++ b/apps/knossos/src/layouts/default.vue
@@ -1,28 +1,18 @@
 <template>
-  <div
-    ref="main_page"
-    class="layout"
-    :class="{ 'expanded-mobile-nav': isBrowseMenuOpen }"
-  >
+  <div ref="main_page" class="layout" :class="{ 'expanded-mobile-nav': isBrowseMenuOpen }">
     <div
       v-if="auth.user && !auth.user.email_verified && route.path !== '/auth/verify-email'"
       class="email-nag"
     >
       <template v-if="auth.user.email">
         <span>{{ formatMessage(verifyEmailBannerMessages.title) }}</span>
-        <button
-          class="btn"
-          @click="resendVerifyEmail"
-        >
+        <button class="btn" @click="resendVerifyEmail">
           {{ formatMessage(verifyEmailBannerMessages.action) }}
         </button>
       </template>
       <template v-else>
         <span>{{ formatMessage(addEmailBannerMessages.title) }}</span>
-        <nuxt-link
-          class="btn"
-          to="/settings/account"
-        >
+        <nuxt-link class="btn" to="/settings/account">
           <SettingsIcon />
           {{ formatMessage(addEmailBannerMessages.action) }}
         </nuxt-link>
@@ -31,7 +21,7 @@
     <div
       v-if="
         config.public.apiBaseUrl.startsWith('https://staging-api.modrinth.com') &&
-          !cosmetics.hideStagingBanner
+        !cosmetics.hideStagingBanner
       "
       class="site-banner site-banner--warning"
     >
@@ -43,55 +33,23 @@
         {{ formatMessage(stagingBannerMessages.description) }}
       </div>
       <div class="site-banner__actions">
-        <Button
-          transparent
-          icon-only
-          :action="hideStagingBanner"
-        >
+        <Button transparent icon-only :action="hideStagingBanner">
           <XIcon />
         </Button>
       </div>
     </div>
-    <header
-      class="site-header"
-      role="presentation"
-    >
-      <section
-        class="navbar columns"
-        role="navigation"
-      >
-        <section
-          class="logo column"
-          role="presentation"
-        >
-          <NuxtLink
-            class="button-base"
-            to="/"
-            aria-label="Modrinth home page"
-          >
-            <BrandTextLogo
-              aria-hidden="true"
-              class="text-logo"
-            />
+    <header class="site-header" role="presentation">
+      <section class="navbar columns" role="navigation">
+        <section class="logo column" role="presentation">
+          <NuxtLink class="button-base" to="/" aria-label="Modrinth home page">
+            <BrandTextLogo aria-hidden="true" class="text-logo" />
           </NuxtLink>
         </section>
-        <section
-          class="nav-group columns"
-          role="presentation"
-        >
-          <section
-            class="nav"
-            aria-label="Page links"
-          >
-            <NavRow
-              class="navigation"
-              :links="navRoutes"
-            />
+        <section class="nav-group columns" role="presentation">
+          <section class="nav" aria-label="Page links">
+            <NavRow class="navigation" :links="navRoutes" />
           </section>
-          <section
-            class="column-grow user-outer"
-            aria-label="Account links"
-          >
+          <section class="column-grow user-outer" aria-label="Account links">
             <section class="user-controls">
               <nuxt-link
                 v-if="auth.user"
@@ -106,14 +64,8 @@
                 :title="formatMessage(messages.changeTheme)"
                 @click="changeTheme"
               >
-                <MoonIcon
-                  v-if="$colorMode.value === 'light'"
-                  aria-hidden="true"
-                />
-                <SunIcon
-                  v-else
-                  aria-hidden="true"
-                />
+                <MoonIcon v-if="$colorMode.value === 'light'" aria-hidden="true" />
+                <SunIcon v-else aria-hidden="true" />
               </button>
               <div
                 v-if="auth.user"
@@ -124,10 +76,7 @@
                 @focus="isDropdownOpen = true"
                 @mouseleave="isDropdownOpen = false"
               >
-                <button
-                  class="control"
-                  value="Profile Dropdown"
-                >
+                <button class="control" value="Profile Dropdown">
                   <Avatar
                     :src="auth.user.avatar_url"
                     class="user-icon"
@@ -138,57 +87,37 @@
                   <DropdownIcon class="caret" />
                 </button>
                 <div class="content card">
-                  <NuxtLink
-                    class="item button-transparent"
-                    :to="`/user/${auth.user.username}`"
-                  >
+                  <NuxtLink class="item button-transparent" :to="`/user/${auth.user.username}`">
                     <div class="title profile-link">
-                      <div class="username">
-                        @{{ auth.user.username }}
-                      </div>
+                      <div class="username">@{{ auth.user.username }}</div>
                       <div class="prompt">
                         {{ formatMessage(commonMessages.visitYourProfile) }}
                       </div>
                     </div>
                   </NuxtLink>
-                  <hr class="divider">
-                  <button
-                    class="item button-transparent"
-                    @click="$refs.modal_creation.show()"
-                  >
+                  <hr class="divider" />
+                  <button class="item button-transparent" @click="$refs.modal_creation.show()">
                     <PlusIcon class="icon" />
                     <span class="title">
                       {{ formatMessage(commonMessages.createAProjectButton) }}
                     </span>
                   </button>
-                  <hr class="divider">
-                  <NuxtLink
-                    class="item button-transparent"
-                    to="/dashboard/collections"
-                  >
+                  <hr class="divider" />
+                  <NuxtLink class="item button-transparent" to="/dashboard/collections">
                     <LibraryIcon class="icon" />
                     <span class="title">{{ formatMessage(commonMessages.collectionsLabel) }}</span>
                   </NuxtLink>
-                  <NuxtLink
-                    class="item button-transparent"
-                    to="/dashboard/notifications"
-                  >
+                  <NuxtLink class="item button-transparent" to="/dashboard/notifications">
                     <NotificationIcon class="icon" />
                     <span class="title">{{
                       formatMessage(commonMessages.notificationsLabel)
                     }}</span>
                   </NuxtLink>
-                  <NuxtLink
-                    class="item button-transparent"
-                    to="/dashboard"
-                  >
+                  <NuxtLink class="item button-transparent" to="/dashboard">
                     <ChartIcon class="icon" />
                     <span class="title">{{ formatMessage(commonMessages.dashboardLabel) }}</span>
                   </NuxtLink>
-                  <NuxtLink
-                    class="item button-transparent"
-                    to="/settings"
-                  >
+                  <NuxtLink class="item button-transparent" to="/settings">
                     <SettingsIcon class="icon" />
                     <span class="title">{{ formatMessage(commonMessages.settingsLabel) }}</span>
                   </NuxtLink>
@@ -200,11 +129,7 @@
                     <ModerationIcon class="icon" />
                     <span class="title">{{ formatMessage(commonMessages.moderationLabel) }}</span>
                   </NuxtLink>
-                  <NuxtLink
-                    v-if="flags.developerMode"
-                    class="item button-transparent"
-                    to="/flags"
-                  >
+                  <NuxtLink v-if="flags.developerMode" class="item button-transparent" to="/flags">
                     <ReportIcon class="icon" />
                     <span class="title">Feature flags</span>
                   </NuxtLink>
@@ -218,11 +143,8 @@
                       {{ formatMessage(messages.getModrinthApp) }}
                     </span>
                   </NuxtLink>
-                  <hr class="divider">
-                  <button
-                    class="item button-transparent"
-                    @click="logoutUser()"
-                  >
+                  <hr class="divider" />
+                  <button class="item button-transparent" @click="logoutUser()">
                     <LogOutIcon class="icon" />
                     <span class="dropdown-item__text">
                       {{ formatMessage(commonMessages.signOutButton) }}
@@ -230,14 +152,8 @@
                   </button>
                 </div>
               </div>
-              <section
-                v-else
-                class="auth-prompt"
-              >
-                <nuxt-link
-                  class="iconified-button raised-button"
-                  to="/auth/sign-in"
-                >
+              <section v-else class="auth-prompt">
+                <nuxt-link class="iconified-button raised-button" to="/auth/sign-in">
                   <LogInIcon /> {{ formatMessage(commonMessages.signInButton) }}
                 </nuxt-link>
                 <nuxt-link
@@ -294,34 +210,21 @@
                 <div>{{ formatMessage(commonMessages.visitYourProfile) }}</div>
               </div>
             </NuxtLink>
-            <nuxt-link
-              v-else
-              class="iconified-button brand-button"
-              to="/auth/sign-in"
-            >
+            <nuxt-link v-else class="iconified-button brand-button" to="/auth/sign-in">
               <LogInIcon /> {{ formatMessage(commonMessages.signInButton) }}
             </nuxt-link>
           </div>
           <div class="links">
             <template v-if="auth.user">
-              <button
-                class="iconified-button danger-button"
-                @click="logoutUser()"
-              >
+              <button class="iconified-button danger-button" @click="logoutUser()">
                 <LogOutIcon aria-hidden="true" />
                 {{ formatMessage(commonMessages.signOutButton) }}
               </button>
-              <button
-                class="iconified-button"
-                @click="$refs.modal_creation.show()"
-              >
+              <button class="iconified-button" @click="$refs.modal_creation.show()">
                 <PlusIcon aria-hidden="true" />
                 {{ formatMessage(commonMessages.createAProjectButton) }}
               </button>
-              <NuxtLink
-                class="iconified-button"
-                to="/dashboard/collections"
-              >
+              <NuxtLink class="iconified-button" to="/dashboard/collections">
                 <LibraryIcon class="icon" />
                 {{ formatMessage(commonMessages.collectionsLabel) }}
               </NuxtLink>
@@ -333,44 +236,25 @@
                 <ModerationIcon aria-hidden="true" />
                 {{ formatMessage(commonMessages.moderationLabel) }}
               </NuxtLink>
-              <NuxtLink
-                v-if="flags.developerMode"
-                class="iconified-button"
-                to="/flags"
-              >
+              <NuxtLink v-if="flags.developerMode" class="iconified-button" to="/flags">
                 <ReportIcon aria-hidden="true" />
                 Feature flags
               </NuxtLink>
             </template>
-            <NuxtLink
-              class="iconified-button"
-              to="/settings"
-            >
+            <NuxtLink class="iconified-button" to="/settings">
               <SettingsIcon aria-hidden="true" />
               {{ formatMessage(commonMessages.settingsLabel) }}
             </NuxtLink>
-            <button
-              class="iconified-button"
-              @click="changeTheme"
-            >
-              <MoonIcon
-                v-if="$colorMode.value === 'light'"
-                class="icon"
-              />
-              <SunIcon
-                v-else
-                class="icon"
-              />
+            <button class="iconified-button" @click="changeTheme">
+              <MoonIcon v-if="$colorMode.value === 'light'" class="icon" />
+              <SunIcon v-else class="icon" />
               <span class="dropdown-item__text">
                 {{ formatMessage(messages.changeTheme) }}
               </span>
             </button>
           </div>
         </div>
-        <div
-          class="mobile-navbar"
-          :class="{ expanded: isBrowseMenuOpen || isMobileMenuOpen }"
-        >
+        <div class="mobile-navbar" :class="{ expanded: isBrowseMenuOpen || isMobileMenuOpen }">
           <NuxtLink
             to="/"
             class="tab button-animation"
@@ -441,18 +325,11 @@
       </section>
     </header>
     <main>
-      <ModalCreation
-        v-if="auth.user"
-        ref="modal_creation"
-      />
+      <ModalCreation v-if="auth.user" ref="modal_creation" />
       <slot id="main" />
     </main>
     <footer>
-      <div
-        class="logo-info"
-        role="region"
-        aria-label="Modrinth information"
-      >
+      <div class="logo-info" role="region" aria-label="Modrinth information">
         <BrandTextLogo
           aria-hidden="true"
           class="text-logo button-base"
@@ -477,23 +354,20 @@
             :target="$external()"
             :href="
               'https://github.com/' +
-                config.public.owner +
-                '/' +
-                config.public.slug +
-                '/tree/' +
-                config.public.hash
+              config.public.owner +
+              '/' +
+              config.public.slug +
+              '/tree/' +
+              config.public.hash
             "
             class="text-link"
             rel="noopener"
-          >{{ config.public.hash.substring(0, 7) }}</a>
+            >{{ config.public.hash.substring(0, 7) }}</a
+          >
         </p>
         <p>© Rinth, Inc.</p>
       </div>
-      <div
-        class="links links-1"
-        role="region"
-        aria-label="Legal"
-      >
+      <div class="links links-1" role="region" aria-label="Legal">
         <h4 aria-hidden="true">
           {{ formatMessage(footerMessages.companyTitle) }}
         </h4>
@@ -506,107 +380,50 @@
         <nuxt-link to="/legal/rules">
           {{ formatMessage(footerMessages.rules) }}
         </nuxt-link>
-        <a
-          :target="$external()"
-          href="https://careers.modrinth.com"
-        >
+        <a :target="$external()" href="https://careers.modrinth.com">
           {{ formatMessage(footerMessages.careers) }}
-          <span
-            v-if="false"
-            class="count-bubble"
-          >0</span>
+          <span v-if="false" class="count-bubble">0</span>
         </a>
       </div>
-      <div
-        class="links links-2"
-        role="region"
-        aria-label="Resources"
-      >
+      <div class="links links-2" role="region" aria-label="Resources">
         <h4 aria-hidden="true">
           {{ formatMessage(footerMessages.resourcesTitle) }}
         </h4>
-        <a
-          :target="$external()"
-          href="https://support.modrinth.com"
-        >
+        <a :target="$external()" href="https://support.modrinth.com">
           {{ formatMessage(footerMessages.support) }}
         </a>
-        <a
-          :target="$external()"
-          href="https://blog.modrinth.com"
-        >
+        <a :target="$external()" href="https://blog.modrinth.com">
           {{ formatMessage(footerMessages.blog) }}
         </a>
-        <a
-          :target="$external()"
-          href="https://docs.modrinth.com"
-        >
+        <a :target="$external()" href="https://docs.modrinth.com">
           {{ formatMessage(footerMessages.docs) }}
         </a>
-        <a
-          :target="$external()"
-          href="https://status.modrinth.com"
-        >
+        <a :target="$external()" href="https://status.modrinth.com">
           {{ formatMessage(footerMessages.status) }}
         </a>
       </div>
-      <div
-        class="links links-3"
-        role="region"
-        aria-label="Interact"
-      >
+      <div class="links links-3" role="region" aria-label="Interact">
         <h4 aria-hidden="true">
           {{ formatMessage(footerMessages.interactTitle) }}
         </h4>
-        <a
-          rel="noopener"
-          :target="$external()"
-          href="https://discord.modrinth.com"
-        > Discord </a>
-        <a
-          rel="noopener"
-          :target="$external()"
-          href="https://x.com/modrinth"
-        > X (Twitter) </a>
-        <a
-          rel="noopener"
-          :target="$external()"
-          href="https://floss.social/@modrinth"
-        > Mastodon </a>
-        <a
-          rel="noopener"
-          :target="$external()"
-          href="https://crowdin.com/project/modrinth"
-        >
+        <a rel="noopener" :target="$external()" href="https://discord.modrinth.com"> Discord </a>
+        <a rel="noopener" :target="$external()" href="https://x.com/modrinth"> X (Twitter) </a>
+        <a rel="noopener" :target="$external()" href="https://floss.social/@modrinth"> Mastodon </a>
+        <a rel="noopener" :target="$external()" href="https://crowdin.com/project/modrinth">
           Crowdin
         </a>
       </div>
       <div class="buttons">
-        <nuxt-link
-          class="btn btn-outline btn-primary"
-          to="/app"
-        >
+        <nuxt-link class="btn btn-outline btn-primary" to="/app">
           <DownloadIcon aria-hidden="true" />
           {{ formatMessage(messages.getModrinthApp) }}
         </nuxt-link>
-        <button
-          class="iconified-button raised-button"
-          @click="changeTheme"
-        >
-          <MoonIcon
-            v-if="$colorMode.value === 'light'"
-            aria-hidden="true"
-          />
-          <SunIcon
-            v-else
-            aria-hidden="true"
-          />
+        <button class="iconified-button raised-button" @click="changeTheme">
+          <MoonIcon v-if="$colorMode.value === 'light'" aria-hidden="true" />
+          <SunIcon v-else aria-hidden="true" />
           {{ formatMessage(messages.changeTheme) }}
         </button>
-        <nuxt-link
-          class="iconified-button raised-button"
-          to="/settings"
-        >
+        <nuxt-link class="iconified-button raised-button" to="/settings">
           <SettingsIcon aria-hidden="true" />
           {{ formatMessage(commonMessages.settingsLabel) }}
         </nuxt-link>
diff --git a/apps/knossos/src/pages/[type]/[id].vue b/apps/knossos/src/pages/[type]/[id].vue
index bfe6cc26f..715e0256a 100644
--- a/apps/knossos/src/pages/[type]/[id].vue
+++ b/apps/knossos/src/pages/[type]/[id].vue
@@ -1,8 +1,5 @@
 <template>
-  <div
-    v-if="route.name.startsWith('type-id-settings')"
-    class="normal-page"
-  >
+  <div v-if="route.name.startsWith('type-id-settings')" class="normal-page">
     <div class="normal-page__sidebar">
       <aside class="universal-card">
         <Breadcrumbs
@@ -146,21 +143,12 @@
     </div>
   </div>
   <div v-else>
-    <Modal
-      ref="modalLicense"
-      :header="project.license.name ? project.license.name : 'License'"
-    >
+    <Modal ref="modalLicense" :header="project.license.name ? project.license.name : 'License'">
       <div class="modal-license">
-        <div
-          class="markdown-body"
-          v-html="renderString(licenseText)"
-        />
+        <div class="markdown-body" v-html="renderString(licenseText)" />
       </div>
     </Modal>
-    <CollectionCreateModal
-      ref="modal_collection"
-      :project-ids="[project.id]"
-    />
+    <CollectionCreateModal ref="modal_collection" :project-ids="[project.id]" />
     <div
       :class="{
         'normal-page': true,
@@ -177,10 +165,10 @@
             tabindex="-1"
             :to="
               '/' +
-                project.project_type +
-                '/' +
-                (project.slug ? project.slug : project.id) +
-                '/gallery'
+              project.project_type +
+              '/' +
+              (project.slug ? project.slug : project.id) +
+              '/gallery'
             "
           >
             <img
@@ -191,7 +179,7 @@
                   ? featuredGalleryImage.description
                   : featuredGalleryImage.title
               "
-            >
+            />
           </nuxt-link>
           <div class="project__header__content padding-lg full-width-inputs">
             <Avatar
@@ -234,13 +222,10 @@
                 :type="project.project_type"
               />
             </Categories>
-            <hr class="card-divider">
+            <hr class="card-divider" />
 
             <div class="primary-stat">
-              <DownloadIcon
-                class="primary-stat__icon"
-                aria-hidden="true"
-              />
+              <DownloadIcon class="primary-stat__icon" aria-hidden="true" />
               <div class="primary-stat__text">
                 <span class="primary-stat__counter">
                   {{ $formatNumber(project.downloads) }}
@@ -250,10 +235,7 @@
             </div>
 
             <div class="primary-stat">
-              <HeartIcon
-                class="primary-stat__icon"
-                aria-hidden="true"
-              />
+              <HeartIcon class="primary-stat__icon" aria-hidden="true" />
               <div class="primary-stat__text">
                 <span class="primary-stat__counter">
                   {{ $formatNumber(project.followers) }}
@@ -261,10 +243,7 @@
                 follower<span v-if="project.followers !== 1">s</span>
               </div>
             </div>
-            <div
-              v-if="!flags.newProjectDetails"
-              class="dates"
-            >
+            <div v-if="!flags.newProjectDetails" class="dates">
               <div
                 v-tooltip="$dayjs(project.published).format('MMMM D, YYYY [at] h:mm A')"
                 class="date"
@@ -290,7 +269,7 @@
                 <span class="label">Submitted</span>
                 <span class="value">{{ fromNow(project.queued) }}</span>
               </div>
-              <hr class="card-divider">
+              <hr class="card-divider" />
             </div>
             <div class="input-group">
               <template v-if="auth.user">
@@ -307,18 +286,10 @@
                   class="btn"
                   @click="userUnfollowProject(project)"
                 >
-                  <HeartIcon
-                    fill="currentColor"
-                    aria-hidden="true"
-                  />
+                  <HeartIcon fill="currentColor" aria-hidden="true" />
                   Unfollow
                 </button>
-                <PopoutMenu
-                  class="btn"
-                  direction="right"
-                  position="bottom"
-                  from="top-right"
-                >
+                <PopoutMenu class="btn" direction="right" position="bottom" from="top-right">
                   <BookmarkIcon aria-hidden="true" />
                   Save
                   <template #menu>
@@ -327,11 +298,8 @@
                       type="text"
                       placeholder="Search collections..."
                       class="search-input menu-search"
-                    >
-                    <div
-                      v-if="collections.length > 0"
-                      class="collections-list"
-                    >
+                    />
+                    <div v-if="collections.length > 0" class="collections-list">
                       <Checkbox
                         v-for="option in collections"
                         :key="option.id"
@@ -342,18 +310,10 @@
                         {{ option.name }}
                       </Checkbox>
                     </div>
-                    <div
-                      v-else
-                      class="menu-text"
-                    >
-                      <p class="popout-text">
-                        No collections found.
-                      </p>
+                    <div v-else class="menu-text">
+                      <p class="popout-text">No collections found.</p>
                     </div>
-                    <button
-                      class="btn collection-button"
-                      @click="$refs.modal_collection.show()"
-                    >
+                    <button class="btn collection-button" @click="$refs.modal_collection.show()">
                       <PlusIcon />
                       Create new collection
                     </button>
@@ -373,26 +333,16 @@
                   :direction="cosmetics.projectLayout ? 'left' : 'right'"
                 >
                   <MoreHorizontalIcon />
-                  <template #report>
-                    <ReportIcon /> Report
-                  </template>
-                  <template #copy-id>
-                    <ClipboardCopyIcon /> Copy ID
-                  </template>
+                  <template #report> <ReportIcon /> Report </template>
+                  <template #copy-id> <ClipboardCopyIcon /> Copy ID </template>
                 </OverflowMenu>
               </template>
               <template v-else>
-                <nuxt-link
-                  class="iconified-button"
-                  to="/auth/sign-in"
-                >
+                <nuxt-link class="iconified-button" to="/auth/sign-in">
                   <HeartIcon aria-hidden="true" />
                   Follow
                 </nuxt-link>
-                <nuxt-link
-                  class="iconified-button"
-                  to="/auth/sign-in"
-                >
+                <nuxt-link class="iconified-button" to="/auth/sign-in">
                   <BookmarkIcon aria-hidden="true" />
                   Save
                 </nuxt-link>
@@ -410,12 +360,8 @@
                   :direction="cosmetics.projectLayout ? 'left' : 'right'"
                 >
                   <MoreHorizontalIcon />
-                  <template #report>
-                    <ReportIcon /> Report
-                  </template>
-                  <template #copy-id>
-                    <ClipboardCopyIcon /> Copy ID
-                  </template>
+                  <template #report> <ReportIcon /> Report </template>
+                  <template #copy-id> <ClipboardCopyIcon /> Copy ID </template>
                 </OverflowMenu>
               </template>
             </div>
@@ -481,7 +427,7 @@
               <div
                 v-if="
                   project.client_side === 'optional' ||
-                    (project.client_side === 'required' && project.server_side === 'optional')
+                  (project.client_side === 'required' && project.server_side === 'optional')
                 "
                 class="status-list__item status-list__item--color-orange"
               >
@@ -490,7 +436,7 @@
               <div
                 v-if="
                   project.server_side === 'optional' ||
-                    (project.server_side === 'required' && project.client_side === 'optional')
+                  (project.server_side === 'required' && project.client_side === 'optional')
                 "
                 class="status-list__item status-list__item--color-orange"
               >
@@ -528,26 +474,17 @@
           :auth="auth"
           :tags="tags"
         />
-        <MessageBanner
-          v-if="project.status === 'archived'"
-          message-type="warning"
-        >
+        <MessageBanner v-if="project.status === 'archived'" message-type="warning">
           {{ project.title }} has been archived. {{ project.title }} will not receive any further
           updates unless the author decides to unarchive the project.
         </MessageBanner>
-        <MessageBanner
-          v-if="project.project_type === 'modpack'"
-          message-type="information"
-        >
+        <MessageBanner v-if="project.project_type === 'modpack'" message-type="information">
           To install {{ project.title }}, download
-          <nuxt-link to="/app">
-            the Modrinth App
-          </nuxt-link>. For instructions with other launchers,
-          please see
-          <a
-            href="https://docs.modrinth.com/docs/modpacks/playing_modpacks/"
-            :target="$external()"
-          >our documentation</a>.
+          <nuxt-link to="/app"> the Modrinth App </nuxt-link>. For instructions with other
+          launchers, please see
+          <a href="https://docs.modrinth.com/docs/modpacks/playing_modpacks/" :target="$external()"
+            >our documentation</a
+          >.
         </MessageBanner>
         <Promotion v-if="tags.approvedStatuses.includes(project.status)" />
         <div class="navigation-card">
@@ -589,10 +526,7 @@
               },
             ]"
           />
-          <div
-            v-if="auth.user && currentMember"
-            class="input-group"
-          >
+          <div v-if="auth.user && currentMember" class="input-group">
             <button
               v-if="tags.staffRoles.includes(auth.user.role) && !showModerationChecklist"
               class="iconified-button"
@@ -627,11 +561,11 @@
         <div
           v-if="
             flags.newProjectLinks &&
-              (project.issues_url ||
-                project.source_url ||
-                project.wiki_url ||
-                project.discord_url ||
-                project.donation_urls.length > 0)
+            (project.issues_url ||
+              project.source_url ||
+              project.wiki_url ||
+              project.discord_url ||
+              project.donation_urls.length > 0)
           "
           class="card flex-card experimental-styles-within"
         >
@@ -645,10 +579,7 @@
             >
               <IssuesIcon aria-hidden="true" />
               Report issues
-              <ExternalIcon
-                aria-hidden="true"
-                class="external-icon"
-              />
+              <ExternalIcon aria-hidden="true" class="external-icon" />
             </a>
             <a
               v-if="project.source_url"
@@ -658,10 +589,7 @@
             >
               <CodeIcon aria-hidden="true" />
               View source
-              <ExternalIcon
-                aria-hidden="true"
-                class="external-icon"
-              />
+              <ExternalIcon aria-hidden="true" class="external-icon" />
             </a>
             <a
               v-if="project.wiki_url"
@@ -671,10 +599,7 @@
             >
               <WikiIcon aria-hidden="true" />
               Visit wiki
-              <ExternalIcon
-                aria-hidden="true"
-                class="external-icon"
-              />
+              <ExternalIcon aria-hidden="true" class="external-icon" />
             </a>
             <a
               v-if="project.discord_url"
@@ -682,15 +607,9 @@
               :target="$external()"
               rel="noopener nofollow ugc"
             >
-              <DiscordIcon
-                class="shrink"
-                aria-hidden="true"
-              />
+              <DiscordIcon class="shrink" aria-hidden="true" />
               Join Discord server
-              <ExternalIcon
-                aria-hidden="true"
-                class="external-icon"
-              />
+              <ExternalIcon aria-hidden="true" class="external-icon" />
             </a>
             <hr
               v-if="
@@ -698,9 +617,9 @@
                   project.source_url ||
                   project.wiki_url ||
                   project.discord_url) &&
-                  project.donation_urls.length > 0
+                project.donation_urls.length > 0
               "
-            >
+            />
             <a
               v-for="(donation, index) in project.donation_urls"
               :key="index"
@@ -708,22 +627,10 @@
               :target="$external()"
               rel="noopener nofollow ugc"
             >
-              <BuyMeACoffeeLogo
-                v-if="donation.id === 'bmac'"
-                aria-hidden="true"
-              />
-              <PatreonIcon
-                v-else-if="donation.id === 'patreon'"
-                aria-hidden="true"
-              />
-              <KoFiIcon
-                v-else-if="donation.id === 'ko-fi'"
-                aria-hidden="true"
-              />
-              <PayPalIcon
-                v-else-if="donation.id === 'paypal'"
-                aria-hidden="true"
-              />
+              <BuyMeACoffeeLogo v-if="donation.id === 'bmac'" aria-hidden="true" />
+              <PatreonIcon v-else-if="donation.id === 'patreon'" aria-hidden="true" />
+              <KoFiIcon v-else-if="donation.id === 'ko-fi'" aria-hidden="true" />
+              <PayPalIcon v-else-if="donation.id === 'paypal'" aria-hidden="true" />
               <OpenCollectiveIcon
                 v-else-if="donation.id === 'open-collective'"
                 aria-hidden="true"
@@ -736,35 +643,30 @@
               <span v-else-if="donation.id === 'ko-fi'">Donate on Ko-fi</span>
               <span v-else-if="donation.id === 'github'">Sponsor on GitHub</span>
               <span v-else>Donate</span>
-              <ExternalIcon
-                aria-hidden="true"
-                class="external-icon"
-              />
+              <ExternalIcon aria-hidden="true" class="external-icon" />
             </a>
           </div>
         </div>
         <div
           v-if="
             showFeaturedVersions ||
-              !flags.newProjectLinks ||
-              !flags.newProjectDetails ||
-              !flags.newProjectMembers
+            !flags.newProjectLinks ||
+            !flags.newProjectDetails ||
+            !flags.newProjectMembers
           "
           class="universal-card"
         >
           <template
             v-if="
               !flags.newProjectLinks &&
-                (project.issues_url ||
-                  project.source_url ||
-                  project.wiki_url ||
-                  project.discord_url ||
-                  project.donation_urls.length > 0)
+              (project.issues_url ||
+                project.source_url ||
+                project.wiki_url ||
+                project.discord_url ||
+                project.donation_urls.length > 0)
             "
           >
-            <h2 class="card-header">
-              External resources
-            </h2>
+            <h2 class="card-header">External resources</h2>
             <div class="links">
               <a
                 v-if="project.issues_url"
@@ -802,10 +704,7 @@
                 :target="$external()"
                 rel="noopener nofollow ugc"
               >
-                <DiscordIcon
-                  class="shrink"
-                  aria-hidden="true"
-                />
+                <DiscordIcon class="shrink" aria-hidden="true" />
                 <span>Discord</span>
               </a>
               <a
@@ -815,22 +714,10 @@
                 :target="$external()"
                 rel="noopener nofollow ugc"
               >
-                <BuyMeACoffeeLogo
-                  v-if="donation.id === 'bmac'"
-                  aria-hidden="true"
-                />
-                <PatreonIcon
-                  v-else-if="donation.id === 'patreon'"
-                  aria-hidden="true"
-                />
-                <KoFiIcon
-                  v-else-if="donation.id === 'ko-fi'"
-                  aria-hidden="true"
-                />
-                <PayPalIcon
-                  v-else-if="donation.id === 'paypal'"
-                  aria-hidden="true"
-                />
+                <BuyMeACoffeeLogo v-if="donation.id === 'bmac'" aria-hidden="true" />
+                <PatreonIcon v-else-if="donation.id === 'patreon'" aria-hidden="true" />
+                <KoFiIcon v-else-if="donation.id === 'ko-fi'" aria-hidden="true" />
+                <PayPalIcon v-else-if="donation.id === 'paypal'" aria-hidden="true" />
                 <OpenCollectiveIcon
                   v-else-if="donation.id === 'open-collective'"
                   aria-hidden="true"
@@ -848,13 +735,11 @@
             <hr
               v-if="showFeaturedVersions || !flags.newProjectMembers || !flags.newProjectDetails"
               class="card-divider"
-            >
+            />
           </template>
           <template v-if="showFeaturedVersions">
             <div class="featured-header">
-              <h2 class="card-header">
-                Featured versions
-              </h2>
+              <h2 class="card-header">Featured versions</h2>
               <nuxt-link
                 v-if="route.name !== 'type-id-versions' && (versions.length > 0 || currentMember)"
                 :to="`/${project.project_type}/${
@@ -863,10 +748,7 @@
                 class="goto-link"
               >
                 See all
-                <ChevronRightIcon
-                  class="featured-header-chevron"
-                  aria-hidden="true"
-                />
+                <ChevronRightIcon class="featured-header-chevron" aria-hidden="true" />
               </nuxt-link>
             </div>
             <div
@@ -901,56 +783,30 @@
                 >
                   {{ version.name }}
                 </nuxt-link>
-                <div
-                  v-if="version.game_versions.length > 0"
-                  class="game-version item"
-                >
+                <div v-if="version.game_versions.length > 0" class="game-version item">
                   {{ version.loaders.map((x) => $formatCategory(x)).join(', ') }}
                   {{ $formatVersion(version.game_versions) }}
                 </div>
-                <Badge
-                  v-if="version.version_type === 'release'"
-                  type="release"
-                  color="green"
-                />
-                <Badge
-                  v-else-if="version.version_type === 'beta'"
-                  type="beta"
-                  color="orange"
-                />
-                <Badge
-                  v-else-if="version.version_type === 'alpha'"
-                  type="alpha"
-                  color="red"
-                />
+                <Badge v-if="version.version_type === 'release'" type="release" color="green" />
+                <Badge v-else-if="version.version_type === 'beta'" type="beta" color="orange" />
+                <Badge v-else-if="version.version_type === 'alpha'" type="alpha" color="red" />
               </div>
             </div>
-            <hr
-              v-if="!flags.newProjectMembers || !flags.newProjectDetails"
-              class="card-divider"
-            >
+            <hr v-if="!flags.newProjectMembers || !flags.newProjectDetails" class="card-divider" />
           </template>
           <template v-if="!flags.newProjectMembers">
-            <h2 class="card-header">
-              Project members
-            </h2>
+            <h2 class="card-header">Project members</h2>
             <nuxt-link
               v-if="organization"
               class="team-member columns button-transparent"
               :to="`/organization/${organization.slug}`"
             >
-              <Avatar
-                :src="organization.icon_url"
-                :alt="organization.name"
-                size="sm"
-              />
+              <Avatar :src="organization.icon_url" :alt="organization.name" size="sm" />
               <div class="member-info">
                 <p class="name">
                   {{ organization.name }}
                 </p>
-                <p class="role">
-                  <OrganizationIcon /> Organization
-                </p>
+                <p class="role"><OrganizationIcon /> Organization</p>
               </div>
             </nuxt-link>
             <nuxt-link
@@ -959,40 +815,25 @@
               class="team-member columns button-transparent"
               :to="'/user/' + member.user.username"
             >
-              <Avatar
-                :src="member.avatar_url"
-                :alt="member.username"
-                size="sm"
-                circle
-              />
+              <Avatar :src="member.avatar_url" :alt="member.username" size="sm" circle />
 
               <div class="member-info">
                 <p class="name">
                   {{ member.name }}
-                  <CrownIcon
-                    v-if="member.is_owner"
-                    v-tooltip="'Project owner'"
-                  />
+                  <CrownIcon v-if="member.is_owner" v-tooltip="'Project owner'" />
                 </p>
                 <p class="role">
                   {{ member.role }}
                 </p>
               </div>
             </nuxt-link>
-            <hr
-              v-if="!flags.newProjectDetails"
-              class="card-divider"
-            >
+            <hr v-if="!flags.newProjectDetails" class="card-divider" />
           </template>
           <template v-if="!flags.newProjectDetails">
-            <h2 class="card-header">
-              Technical information
-            </h2>
+            <h2 class="card-header">Technical information</h2>
             <div class="infos">
               <div class="info">
-                <div class="key">
-                  License
-                </div>
+                <div class="key">License</div>
                 <div class="value lowercase">
                   <a
                     v-if="project.license.url"
@@ -1005,7 +846,7 @@
                   <span
                     v-else-if="
                       project.license.id === 'LicenseRef-All-Rights-Reserved' ||
-                        !project.license.id.includes('LicenseRef')
+                      !project.license.id.includes('LicenseRef')
                     "
                     class="text-link"
                     @click="getLicenseData()"
@@ -1018,15 +859,13 @@
               <div
                 v-if="
                   project.project_type !== 'resourcepack' &&
-                    project.project_type !== 'plugin' &&
-                    project.project_type !== 'shader' &&
-                    project.project_type !== 'datapack'
+                  project.project_type !== 'plugin' &&
+                  project.project_type !== 'shader' &&
+                  project.project_type !== 'datapack'
                 "
                 class="info"
               >
-                <div class="key">
-                  Client side
-                </div>
+                <div class="key">Client side</div>
                 <div class="value">
                   {{ project.client_side }}
                 </div>
@@ -1034,23 +873,19 @@
               <div
                 v-if="
                   project.project_type !== 'resourcepack' &&
-                    project.project_type !== 'plugin' &&
-                    project.project_type !== 'shader' &&
-                    project.project_type !== 'datapack'
+                  project.project_type !== 'plugin' &&
+                  project.project_type !== 'shader' &&
+                  project.project_type !== 'datapack'
                 "
                 class="info"
               >
-                <div class="key">
-                  Server side
-                </div>
+                <div class="key">Server side</div>
                 <div class="value">
                   {{ project.server_side }}
                 </div>
               </div>
               <div class="info">
-                <div class="key">
-                  Project ID
-                </div>
+                <div class="key">Project ID</div>
                 <div class="value lowercase">
                   <CopyCode :text="project.id" />
                 </div>
@@ -1059,7 +894,7 @@
                 <a
                   v-if="
                     config.public.apiBaseUrl.startsWith('https://api.modrinth.com') &&
-                      config.public.siteUrl !== 'https://modrinth.com'
+                    config.public.siteUrl !== 'https://modrinth.com'
                   "
                   class="iconified-button"
                   :href="`https://modrinth.com/${project.project_type}/${
@@ -1074,7 +909,7 @@
                 <a
                   v-else-if="
                     config.public.apiBaseUrl.startsWith('https://staging-api.modrinth.com') &&
-                      config.public.siteUrl !== 'https://staging.modrinth.com'
+                    config.public.siteUrl !== 'https://staging.modrinth.com'
                   "
                   class="iconified-button"
                   :href="`https://staging.modrinth.com/${project.project_type}/${
@@ -1090,10 +925,7 @@
             </div>
           </template>
         </div>
-        <div
-          v-if="flags.newProjectMembers"
-          class="card flex-card experimental-styles-within"
-        >
+        <div v-if="flags.newProjectMembers" class="card flex-card experimental-styles-within">
           <h2>Creators</h2>
           <div class="details-list">
             <template v-if="organization">
@@ -1115,7 +947,7 @@
                   <span class="details-list__item__text--style-secondary">Organization</span>
                 </div>
               </nuxt-link>
-              <hr>
+              <hr />
             </template>
             <nuxt-link
               v-for="member in members"
@@ -1144,10 +976,7 @@
             </nuxt-link>
           </div>
         </div>
-        <div
-          v-if="flags.newProjectDetails"
-          class="card flex-card experimental-styles-within"
-        >
+        <div v-if="flags.newProjectDetails" class="card flex-card experimental-styles-within">
           <h2>Details</h2>
           <div class="details-list">
             <div class="details-list__item">
@@ -1161,15 +990,12 @@
                   :target="$external()"
                   rel="noopener nofollow ugc"
                 >
-                  {{ licenseIdDisplay }} <ExternalIcon
-                    aria-hidden="true"
-                    class="external-icon"
-                  />
+                  {{ licenseIdDisplay }} <ExternalIcon aria-hidden="true" class="external-icon" />
                 </a>
                 <span
                   v-else-if="
                     project.license.id === 'LicenseRef-All-Rights-Reserved' ||
-                      !project.license.id.includes('LicenseRef')
+                    !project.license.id.includes('LicenseRef')
                   "
                   class="text-link"
                   @click="getLicenseData()"
@@ -1346,7 +1172,7 @@ let project,
   organization,
   resetOrganization
 try {
-  [
+  ;[
     { data: project, refresh: resetProject },
     { data: allMembers, refresh: resetMembers },
     { data: dependencies },
diff --git a/apps/knossos/src/pages/[type]/[id]/changelog.vue b/apps/knossos/src/pages/[type]/[id]/changelog.vue
index 91f693a6f..b5dd59694 100644
--- a/apps/knossos/src/pages/[type]/[id]/changelog.vue
+++ b/apps/knossos/src/pages/[type]/[id]/changelog.vue
@@ -31,16 +31,14 @@
               </h2>
               <span v-if="version.author">
                 by
-                <nuxt-link
-                  class="text-link"
-                  :to="'/user/' + version.author.user.username"
-                >{{
+                <nuxt-link class="text-link" :to="'/user/' + version.author.user.username">{{
                   version.author.user.username
                 }}</nuxt-link>
               </span>
               <span>
                 on
-                {{ $dayjs(version.date_published).format('MMM D, YYYY') }}</span>
+                {{ $dayjs(version.date_published).format('MMM D, YYYY') }}</span
+              >
             </div>
             <a
               :href="version.primaryFile.url"
diff --git a/apps/knossos/src/pages/[type]/[id]/gallery.vue b/apps/knossos/src/pages/[type]/[id]/gallery.vue
index 150b2c4b8..4d7941b82 100644
--- a/apps/knossos/src/pages/[type]/[id]/gallery.vue
+++ b/apps/knossos/src/pages/[type]/[id]/gallery.vue
@@ -32,11 +32,11 @@
               previewImage
                 ? previewImage
                 : project.gallery[editIndex] && project.gallery[editIndex].url
-                  ? project.gallery[editIndex].url
-                  : 'https://cdn.modrinth.com/placeholder-banner.svg'
+                ? project.gallery[editIndex].url
+                : 'https://cdn.modrinth.com/placeholder-banner.svg'
             "
             alt="gallery-preview"
-          >
+          />
         </div>
         <label for="gallery-image-title">
           <span class="label__title">Title</span>
@@ -47,7 +47,7 @@
           type="text"
           maxlength="64"
           placeholder="Enter title..."
-        >
+        />
         <label for="gallery-image-desc">
           <span class="label__title">Description</span>
         </label>
@@ -67,7 +67,7 @@
           v-model="editOrder"
           type="number"
           placeholder="Enter order index..."
-        >
+        />
         <label for="gallery-image-featured">
           <span class="label__title">Featured</span>
           <span class="label__description">
@@ -90,17 +90,11 @@
           class="iconified-button"
           @click="editFeatured = false"
         >
-          <StarIcon
-            fill="currentColor"
-            aria-hidden="true"
-          />
+          <StarIcon fill="currentColor" aria-hidden="true" />
           Unfeature image
         </button>
         <div class="button-group">
-          <button
-            class="iconified-button"
-            @click="$refs.modal_edit_item.hide()"
-          >
+          <button class="iconified-button" @click="$refs.modal_edit_item.hide()">
             <XIcon />
             Cancel
           </button>
@@ -150,12 +144,9 @@
           "
           :alt="expandedGalleryItem.title ? expandedGalleryItem.title : 'gallery-image'"
           @click.stop
-        >
+        />
 
-        <div
-          class="floating"
-          @click.stop
-        >
+        <div class="floating" @click.stop>
           <div class="text">
             <h2 v-if="expandedGalleryItem.title">
               {{ expandedGalleryItem.title }}
@@ -166,10 +157,7 @@
           </div>
           <div class="controls">
             <div class="buttons">
-              <button
-                class="close circle-button"
-                @click="expandedGalleryItem = null"
-              >
+              <button class="close circle-button" @click="expandedGalleryItem = null">
                 <XIcon aria-hidden="true" />
               </button>
               <a
@@ -183,18 +171,9 @@
               >
                 <ExternalIcon aria-hidden="true" />
               </a>
-              <button
-                class="circle-button"
-                @click="zoomedIn = !zoomedIn"
-              >
-                <ExpandIcon
-                  v-if="!zoomedIn"
-                  aria-hidden="true"
-                />
-                <ContractIcon
-                  v-else
-                  aria-hidden="true"
-                />
+              <button class="circle-button" @click="zoomedIn = !zoomedIn">
+                <ExpandIcon v-if="!zoomedIn" aria-hidden="true" />
+                <ContractIcon v-else aria-hidden="true" />
               </button>
               <button
                 v-if="project.gallery.length > 1"
@@ -215,10 +194,7 @@
         </div>
       </div>
     </div>
-    <div
-      v-if="currentMember"
-      class="card header-buttons"
-    >
+    <div v-if="currentMember" class="card header-buttons">
       <FileInput
         :max-size="524288000"
         :accept="acceptFileTypes"
@@ -239,19 +215,12 @@
       />
     </div>
     <div class="items">
-      <div
-        v-for="(item, index) in project.gallery"
-        :key="index"
-        class="card gallery-item"
-      >
-        <a
-          class="gallery-thumbnail"
-          @click="expandImage(item, index)"
-        >
+      <div v-for="(item, index) in project.gallery" :key="index" class="card gallery-item">
+        <a class="gallery-thumbnail" @click="expandImage(item, index)">
           <img
             :src="item.url ? item.url : 'https://cdn.modrinth.com/placeholder-banner.svg'"
             :alt="item.title ? item.title : 'gallery-image'"
-          >
+          />
         </a>
         <div class="gallery-body">
           <div class="gallery-info">
@@ -268,10 +237,7 @@
             <CalendarIcon />
             {{ $dayjs(item.created).format('MMMM D, YYYY') }}
           </div>
-          <div
-            v-if="currentMember"
-            class="gallery-buttons input-group"
-          >
+          <div v-if="currentMember" class="gallery-buttons input-group">
             <button
               class="iconified-button"
               @click="
diff --git a/apps/knossos/src/pages/[type]/[id]/moderation.vue b/apps/knossos/src/pages/[type]/[id]/moderation.vue
index a84be2495..02d729d6c 100644
--- a/apps/knossos/src/pages/[type]/[id]/moderation.vue
+++ b/apps/knossos/src/pages/[type]/[id]/moderation.vue
@@ -6,12 +6,9 @@
       <p v-if="isApproved(project)">
         Your project has been approved by the moderators and you may freely change project
         visibility in
-        <router-link
-          :to="`${getProjectLink(project)}/settings`"
-          class="text-link"
-        >
-          your project's settings
-        </router-link>.
+        <router-link :to="`${getProjectLink(project)}/settings`" class="text-link">
+          your project's settings </router-link
+        >.
       </p>
       <div v-else-if="isUnderReview(project)">
         <p>
@@ -37,13 +34,7 @@
       <template v-else-if="isRejected(project)">
         <p>
           Your project does not currently meet Modrinth's
-          <nuxt-link
-            to="/legal/rules"
-            class="text-link"
-            target="_blank"
-          >
-            content rules
-          </nuxt-link>
+          <nuxt-link to="/legal/rules" class="text-link" target="_blank"> content rules </nuxt-link>
           and the moderators have requested you make changes before it can be approved. Read the
           messages from the moderators below and address their comments before resubmitting.
         </p>
@@ -80,10 +71,7 @@
         </li>
       </ul>
     </section>
-    <section
-      id="messages"
-      class="universal-card"
-    >
+    <section id="messages" class="universal-card">
       <h2>Messages</h2>
       <p>
         This is a private conversation thread with the Modrinth moderators. They may message you
diff --git a/apps/knossos/src/pages/[type]/[id]/settings/analytics.vue b/apps/knossos/src/pages/[type]/[id]/settings/analytics.vue
index cf2822fea..7dbcc6e0a 100644
--- a/apps/knossos/src/pages/[type]/[id]/settings/analytics.vue
+++ b/apps/knossos/src/pages/[type]/[id]/settings/analytics.vue
@@ -4,7 +4,8 @@
       <h2>Analytics</h2>
 
       <p>
-        This page shows you the analytics for your project, <strong>{{ project.title }}</strong>. You can see the number of downloads, page views and revenue earned for your project, as
+        This page shows you the analytics for your project, <strong>{{ project.title }}</strong
+        >. You can see the number of downloads, page views and revenue earned for your project, as
         well as the total downloads and page views for {{ project.title }} by country.
       </p>
     </div>
diff --git a/apps/knossos/src/pages/[type]/[id]/settings/description.vue b/apps/knossos/src/pages/[type]/[id]/settings/description.vue
index e1cd5e0af..ec3b666a8 100644
--- a/apps/knossos/src/pages/[type]/[id]/settings/description.vue
+++ b/apps/knossos/src/pages/[type]/[id]/settings/description.vue
@@ -8,11 +8,7 @@
           <span class="label__subdescription">
             The description must clearly and honestly describe the purpose and function of the
             project. See section 2.1 of the
-            <nuxt-link
-              to="/legal/rules"
-              class="text-link"
-              target="_blank"
-            >Content Rules</nuxt-link>
+            <nuxt-link to="/legal/rules" class="text-link" target="_blank">Content Rules</nuxt-link>
             for the full requirements.
           </span>
         </span>
diff --git a/apps/knossos/src/pages/[type]/[id]/settings/index.vue b/apps/knossos/src/pages/[type]/[id]/settings/index.vue
index 6aae48923..b82646277 100644
--- a/apps/knossos/src/pages/[type]/[id]/settings/index.vue
+++ b/apps/knossos/src/pages/[type]/[id]/settings/index.vue
@@ -59,7 +59,7 @@
         maxlength="2048"
         type="text"
         :disabled="!hasPermission"
-      >
+      />
 
       <label for="project-slug">
         <span class="label__title">URL</span>
@@ -75,7 +75,7 @@
           maxlength="64"
           autocomplete="off"
           :disabled="!hasPermission"
-        >
+        />
       </div>
 
       <label for="project-summary">
@@ -92,10 +92,10 @@
       <template
         v-if="
           project.versions?.length !== 0 &&
-            project.project_type !== 'resourcepack' &&
-            project.project_type !== 'plugin' &&
-            project.project_type !== 'shader' &&
-            project.project_type !== 'datapack'
+          project.project_type !== 'resourcepack' &&
+          project.project_type !== 'plugin' &&
+          project.project_type !== 'shader' &&
+          project.project_type !== 'datapack'
         "
       >
         <div class="adjacent-input">
@@ -162,10 +162,7 @@
                   v-if="visibility === 'approved' || visibility === 'archived'"
                   class="good"
                 />
-                <ExitIcon
-                  v-else
-                  class="bad"
-                />
+                <ExitIcon v-else class="bad" />
                 {{ hasModifiedVisibility() ? 'Will be v' : 'V' }}isible in search
               </li>
               <li>
@@ -173,17 +170,11 @@
                   v-if="visibility === 'unlisted' || visibility === 'private'"
                   class="bad"
                 />
-                <CheckIcon
-                  v-else
-                  class="good"
-                />
+                <CheckIcon v-else class="good" />
                 {{ hasModifiedVisibility() ? 'Will be v' : 'V' }}isible on profile
               </li>
               <li>
-                <CheckIcon
-                  v-if="visibility !== 'private'"
-                  class="good"
-                />
+                <CheckIcon v-if="visibility !== 'private'" class="good" />
                 <IssuesIcon
                   v-else
                   v-tooltip="{
diff --git a/apps/knossos/src/pages/[type]/[id]/settings/license.vue b/apps/knossos/src/pages/[type]/[id]/settings/license.vue
index 3b82df99c..379ff0c8e 100644
--- a/apps/knossos/src/pages/[type]/[id]/settings/license.vue
+++ b/apps/knossos/src/pages/[type]/[id]/settings/license.vue
@@ -9,18 +9,11 @@
             {{ $formatProjectType(project.project_type).toLowerCase() }}. You may choose one from
             our list or provide a custom license. You may also provide a custom URL to your chosen
             license; otherwise, the license text will be displayed.
-            <span
-              v-if="license && license.friendly === 'Custom'"
-              class="label__subdescription"
-            >
+            <span v-if="license && license.friendly === 'Custom'" class="label__subdescription">
               Enter a valid
-              <a
-                href="https://spdx.org/licenses/"
-                target="_blank"
-                rel="noopener"
-                class="text-link"
+              <a href="https://spdx.org/licenses/" target="_blank" rel="noopener" class="text-link">
+                SPDX license identifier</a
               >
-                SPDX license identifier</a>
               in the marked area. If your license does not have a SPDX identifier (for example, if
               you created the license yourself or if the license is Minecraft-specific), simply
               check the box and enter the name of the license instead.
@@ -33,7 +26,8 @@
                 rel="noopener"
                 class="text-link"
               >
-                licensing guide</a>
+                licensing guide</a
+              >
               for more information.
             </span>
           </span>
@@ -80,14 +74,14 @@
               'known-error': license.short === '' && showKnownErrors,
             }"
             :disabled="!hasPermission"
-          >
+          />
           <input
             v-model="licenseUrl"
             type="url"
             maxlength="2048"
             placeholder="License URL (optional)"
             :disabled="!hasPermission || licenseId === 'LicenseRef-Unknown'"
-          >
+          />
         </div>
       </div>
       <div class="input-stack">
diff --git a/apps/knossos/src/pages/[type]/[id]/settings/links.vue b/apps/knossos/src/pages/[type]/[id]/settings/links.vue
index 12100f996..f7465ba3f 100644
--- a/apps/knossos/src/pages/[type]/[id]/settings/links.vue
+++ b/apps/knossos/src/pages/[type]/[id]/settings/links.vue
@@ -19,7 +19,7 @@
           placeholder="Enter a valid URL"
           maxlength="2048"
           :disabled="!hasPermission"
-        >
+        />
       </div>
       <div class="adjacent-input">
         <label
@@ -38,7 +38,7 @@
           maxlength="2048"
           placeholder="Enter a valid URL"
           :disabled="!hasPermission"
-        >
+        />
       </div>
       <div class="adjacent-input">
         <label
@@ -57,13 +57,10 @@
           maxlength="2048"
           placeholder="Enter a valid URL"
           :disabled="!hasPermission"
-        >
+        />
       </div>
       <div class="adjacent-input">
-        <label
-          id="project-discord-invite"
-          title="An invitation link to your Discord server."
-        >
+        <label id="project-discord-invite" title="An invitation link to your Discord server.">
           <span class="label__title">Discord invite</span>
           <span class="label__description"> An invitation link to your Discord server. </span>
         </label>
@@ -74,7 +71,7 @@
           maxlength="2048"
           placeholder="Enter a valid URL"
           :disabled="!hasPermission"
-        >
+        />
       </div>
       <span class="label">
         <span class="label__title">Donation links</span>
@@ -95,7 +92,7 @@
           placeholder="Enter a valid URL"
           :disabled="!hasPermission"
           @input="updateDonationLinks"
-        >
+        />
         <DropdownSelect
           v-model="donationLink.id"
           name="Donation platform selector"
diff --git a/apps/knossos/src/pages/[type]/[id]/settings/members.vue b/apps/knossos/src/pages/[type]/[id]/settings/members.vue
index 9ff10eb1d..0f9439952 100644
--- a/apps/knossos/src/pages/[type]/[id]/settings/members.vue
+++ b/apps/knossos/src/pages/[type]/[id]/settings/members.vue
@@ -29,11 +29,8 @@
           placeholder="Username"
           :disabled="(props.currentMember?.permissions & MANAGE_INVITES) !== MANAGE_INVITES"
           @keypress.enter="inviteTeamMember()"
-        >
-        <label
-          for="username"
-          class="hidden"
-        >Username</label>
+        />
+        <label for="username" class="hidden">Username</label>
         <button
           class="iconified-button brand-button"
           :disabled="(props.currentMember?.permissions & MANAGE_INVITES) !== MANAGE_INVITES"
@@ -71,35 +68,18 @@
     >
       <div class="member-header">
         <div class="info">
-          <Avatar
-            :src="member.avatar_url"
-            :alt="member.username"
-            size="sm"
-            circle
-          />
+          <Avatar :src="member.avatar_url" :alt="member.username" size="sm" circle />
           <div class="text">
-            <nuxt-link
-              :to="'/user/' + member.user.username"
-              class="name"
-            >
+            <nuxt-link :to="'/user/' + member.user.username" class="name">
               <p>{{ member.name }}</p>
-              <CrownIcon
-                v-if="member.is_owner"
-                v-tooltip="'Project owner'"
-              />
+              <CrownIcon v-if="member.is_owner" v-tooltip="'Project owner'" />
             </nuxt-link>
             <p>{{ member.role }}</p>
           </div>
         </div>
         <div class="side-buttons">
-          <Badge
-            v-if="member.accepted"
-            type="accepted"
-          />
-          <Badge
-            v-else
-            type="pending"
-          />
+          <Badge v-if="member.accepted" type="accepted" />
+          <Badge v-else type="pending" />
           <button
             class="square-button dropdown-icon"
             @click="
@@ -125,7 +105,7 @@
             v-model="allTeamMembers[index].role"
             type="text"
             :disabled="(props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER"
-          >
+          />
         </div>
         <div class="adjacent-input">
           <label :for="`member-${allTeamMembers[index].user.username}-monetization-weight`">
@@ -140,21 +120,18 @@
             v-model="allTeamMembers[index].payouts_split"
             type="number"
             :disabled="(props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER"
-          >
+          />
         </div>
         <template v-if="!member.is_owner">
           <span class="label">
             <span class="label__title">Permissions</span>
           </span>
-          <div
-            v-if="allTeamMembers[index]"
-            class="permissions"
-          >
+          <div v-if="allTeamMembers[index]" class="permissions">
             <Checkbox
               :model-value="(member.permissions & UPLOAD_VERSION) === UPLOAD_VERSION"
               :disabled="
                 (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                  (props.currentMember?.permissions & UPLOAD_VERSION) !== UPLOAD_VERSION
+                (props.currentMember?.permissions & UPLOAD_VERSION) !== UPLOAD_VERSION
               "
               label="Upload version"
               @update:model-value="allTeamMembers[index].permissions ^= UPLOAD_VERSION"
@@ -163,7 +140,7 @@
               :model-value="(member.permissions & DELETE_VERSION) === DELETE_VERSION"
               :disabled="
                 (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                  (props.currentMember?.permissions & DELETE_VERSION) !== DELETE_VERSION
+                (props.currentMember?.permissions & DELETE_VERSION) !== DELETE_VERSION
               "
               label="Delete version"
               @update:model-value="allTeamMembers[index].permissions ^= DELETE_VERSION"
@@ -172,7 +149,7 @@
               :model-value="(member.permissions & EDIT_DETAILS) === EDIT_DETAILS"
               :disabled="
                 (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                  (props.currentMember?.permissions & EDIT_DETAILS) !== EDIT_DETAILS
+                (props.currentMember?.permissions & EDIT_DETAILS) !== EDIT_DETAILS
               "
               label="Edit details"
               @update:model-value="allTeamMembers[index].permissions ^= EDIT_DETAILS"
@@ -181,7 +158,7 @@
               :model-value="(member.permissions & EDIT_BODY) === EDIT_BODY"
               :disabled="
                 (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                  (props.currentMember?.permissions & EDIT_BODY) !== EDIT_BODY
+                (props.currentMember?.permissions & EDIT_BODY) !== EDIT_BODY
               "
               label="Edit body"
               @update:model-value="allTeamMembers[index].permissions ^= EDIT_BODY"
@@ -190,7 +167,7 @@
               :model-value="(member.permissions & MANAGE_INVITES) === MANAGE_INVITES"
               :disabled="
                 (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                  (props.currentMember?.permissions & MANAGE_INVITES) !== MANAGE_INVITES
+                (props.currentMember?.permissions & MANAGE_INVITES) !== MANAGE_INVITES
               "
               label="Manage invites"
               @update:model-value="allTeamMembers[index].permissions ^= MANAGE_INVITES"
@@ -199,7 +176,7 @@
               :model-value="(member.permissions & REMOVE_MEMBER) === REMOVE_MEMBER"
               :disabled="
                 (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                  (props.currentMember?.permissions & REMOVE_MEMBER) !== REMOVE_MEMBER
+                (props.currentMember?.permissions & REMOVE_MEMBER) !== REMOVE_MEMBER
               "
               label="Remove member"
               @update:model-value="allTeamMembers[index].permissions ^= REMOVE_MEMBER"
@@ -214,7 +191,7 @@
               :model-value="(member.permissions & DELETE_PROJECT) === DELETE_PROJECT"
               :disabled="
                 (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                  (props.currentMember?.permissions & DELETE_PROJECT) !== DELETE_PROJECT
+                (props.currentMember?.permissions & DELETE_PROJECT) !== DELETE_PROJECT
               "
               label="Delete project"
               @update:model-value="allTeamMembers[index].permissions ^= DELETE_PROJECT"
@@ -223,7 +200,7 @@
               :model-value="(member.permissions & VIEW_ANALYTICS) === VIEW_ANALYTICS"
               :disabled="
                 (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                  (props.currentMember?.permissions & VIEW_ANALYTICS) !== VIEW_ANALYTICS
+                (props.currentMember?.permissions & VIEW_ANALYTICS) !== VIEW_ANALYTICS
               "
               label="View analytics"
               @update:model-value="allTeamMembers[index].permissions ^= VIEW_ANALYTICS"
@@ -232,7 +209,7 @@
               :model-value="(member.permissions & VIEW_PAYOUTS) === VIEW_PAYOUTS"
               :disabled="
                 (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                  (props.currentMember?.permissions & VIEW_PAYOUTS) !== VIEW_PAYOUTS
+                (props.currentMember?.permissions & VIEW_PAYOUTS) !== VIEW_PAYOUTS
               "
               label="View revenue"
               @update:model-value="allTeamMembers[index].permissions ^= VIEW_PAYOUTS"
@@ -277,18 +254,14 @@
           This project is managed by {{ props.organization.name }}. The defaults for member
           permissions are set in the
           <nuxt-link :to="`/organization/${props.organization.slug}/settings/members`">
-            organization settings
-          </nuxt-link>. You may override them below.
+            organization settings </nuxt-link
+          >. You may override them below.
         </p>
         <nuxt-link
           :to="`/organization/${props.organization.slug}`"
           class="universal-card button-base recessed org"
         >
-          <Avatar
-            :src="props.organization.icon_url"
-            :alt="props.organization.name"
-            size="md"
-          />
+          <Avatar :src="props.organization.icon_url" :alt="props.organization.name" size="md" />
           <div class="details">
             <div class="title">
               {{ props.organization.name }}
@@ -302,7 +275,8 @@
                 <span>
                   {{ acceptedOrgMembers.length }} member<template
                     v-if="acceptedOrgMembers.length !== 1"
-                  >s</template>
+                    >s</template
+                  >
                 </span>
               </div>
             </span>
@@ -313,10 +287,7 @@
         This project is not managed by an organization. If you are the member of any organizations,
         you can transfer management to one of them.
       </p>
-      <div
-        v-if="!props.organization"
-        class="input-group"
-      >
+      <div v-if="!props.organization" class="input-group">
         <Multiselect
           id="organization-picker"
           v-model="selectedOrganization"
@@ -330,20 +301,12 @@
           :options="organizations || []"
           :disabled="!props.currentMember?.is_owner || organizations?.length === 0"
         />
-        <button
-          class="btn btn-primary"
-          :disabled="!selectedOrganization"
-          @click="onAddToOrg"
-        >
+        <button class="btn btn-primary" :disabled="!selectedOrganization" @click="onAddToOrg">
           <CheckIcon />
           Transfer management
         </button>
       </div>
-      <button
-        v-if="props.organization"
-        class="btn"
-        @click="$refs.modal_remove.show()"
-      >
+      <button v-if="props.organization" class="btn" @click="$refs.modal_remove.show()">
         <OrganizationIcon />
         Remove from organization
       </button>
@@ -356,35 +319,18 @@
     >
       <div class="member-header">
         <div class="info">
-          <Avatar
-            :src="member.user.avatar_url"
-            :alt="member.user.username"
-            size="sm"
-            circle
-          />
+          <Avatar :src="member.user.avatar_url" :alt="member.user.username" size="sm" circle />
           <div class="text">
-            <nuxt-link
-              :to="'/user/' + member.user.username"
-              class="name"
-            >
+            <nuxt-link :to="'/user/' + member.user.username" class="name">
               <p>{{ member.user.username }}</p>
-              <CrownIcon
-                v-if="member.is_owner"
-                v-tooltip="'Organization owner'"
-              />
+              <CrownIcon v-if="member.is_owner" v-tooltip="'Organization owner'" />
             </nuxt-link>
             <p>{{ member.role }}</p>
           </div>
         </div>
         <div class="side-buttons">
-          <Badge
-            v-if="member.accepted"
-            type="accepted"
-          />
-          <Badge
-            v-else
-            type="pending"
-          />
+          <Badge v-if="member.accepted" type="accepted" />
+          <Badge v-else type="pending" />
           <button
             class="square-button dropdown-icon"
             @click="
@@ -412,7 +358,7 @@
             class="switch stylized-toggle"
             type="checkbox"
             :disabled="(props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER"
-          >
+          />
         </div>
         <div class="adjacent-input">
           <label :for="`member-${allOrgMembers[index].user.username}-role`">
@@ -427,9 +373,9 @@
             type="text"
             :disabled="
               (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                !allOrgMembers[index].override
+              !allOrgMembers[index].override
             "
-          >
+          />
         </div>
         <div class="adjacent-input">
           <label :for="`member-${allOrgMembers[index].user.username}-monetization-weight`">
@@ -445,9 +391,9 @@
             type="number"
             :disabled="
               (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                !allOrgMembers[index].override
+              !allOrgMembers[index].override
             "
-          >
+          />
         </div>
         <template v-if="!member.is_owner">
           <span class="label">
@@ -458,8 +404,8 @@
               :model-value="(member.permissions & UPLOAD_VERSION) === UPLOAD_VERSION"
               :disabled="
                 (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                  (props.currentMember?.permissions & UPLOAD_VERSION) !== UPLOAD_VERSION ||
-                  !allOrgMembers[index].override
+                (props.currentMember?.permissions & UPLOAD_VERSION) !== UPLOAD_VERSION ||
+                !allOrgMembers[index].override
               "
               label="Upload version"
               @update:model-value="allOrgMembers[index].permissions ^= UPLOAD_VERSION"
@@ -468,8 +414,8 @@
               :model-value="(member.permissions & DELETE_VERSION) === DELETE_VERSION"
               :disabled="
                 (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                  (props.currentMember?.permissions & DELETE_VERSION) !== DELETE_VERSION ||
-                  !allOrgMembers[index].override
+                (props.currentMember?.permissions & DELETE_VERSION) !== DELETE_VERSION ||
+                !allOrgMembers[index].override
               "
               label="Delete version"
               @update:model-value="allOrgMembers[index].permissions ^= DELETE_VERSION"
@@ -478,8 +424,8 @@
               :model-value="(member.permissions & EDIT_DETAILS) === EDIT_DETAILS"
               :disabled="
                 (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                  (props.currentMember?.permissions & EDIT_DETAILS) !== EDIT_DETAILS ||
-                  !allOrgMembers[index].override
+                (props.currentMember?.permissions & EDIT_DETAILS) !== EDIT_DETAILS ||
+                !allOrgMembers[index].override
               "
               label="Edit details"
               @update:model-value="allOrgMembers[index].permissions ^= EDIT_DETAILS"
@@ -488,8 +434,8 @@
               :model-value="(member.permissions & EDIT_BODY) === EDIT_BODY"
               :disabled="
                 (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                  (props.currentMember?.permissions & EDIT_BODY) !== EDIT_BODY ||
-                  !allOrgMembers[index].override
+                (props.currentMember?.permissions & EDIT_BODY) !== EDIT_BODY ||
+                !allOrgMembers[index].override
               "
               label="Edit body"
               @update:model-value="allOrgMembers[index].permissions ^= EDIT_BODY"
@@ -498,8 +444,8 @@
               :model-value="(member.permissions & MANAGE_INVITES) === MANAGE_INVITES"
               :disabled="
                 (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                  (props.currentMember?.permissions & MANAGE_INVITES) !== MANAGE_INVITES ||
-                  !allOrgMembers[index].override
+                (props.currentMember?.permissions & MANAGE_INVITES) !== MANAGE_INVITES ||
+                !allOrgMembers[index].override
               "
               label="Manage invites"
               @update:model-value="allOrgMembers[index].permissions ^= MANAGE_INVITES"
@@ -508,8 +454,8 @@
               :model-value="(member.permissions & REMOVE_MEMBER) === REMOVE_MEMBER"
               :disabled="
                 (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                  (props.currentMember?.permissions & REMOVE_MEMBER) !== REMOVE_MEMBER ||
-                  !allOrgMembers[index].override
+                (props.currentMember?.permissions & REMOVE_MEMBER) !== REMOVE_MEMBER ||
+                !allOrgMembers[index].override
               "
               label="Remove member"
               @update:model-value="allOrgMembers[index].permissions ^= REMOVE_MEMBER"
@@ -518,7 +464,7 @@
               :model-value="(member.permissions & EDIT_MEMBER) === EDIT_MEMBER"
               :disabled="
                 (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                  !allOrgMembers[index].override
+                !allOrgMembers[index].override
               "
               label="Edit member"
               @update:model-value="allOrgMembers[index].permissions ^= EDIT_MEMBER"
@@ -527,8 +473,8 @@
               :model-value="(member.permissions & DELETE_PROJECT) === DELETE_PROJECT"
               :disabled="
                 (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                  (props.currentMember?.permissions & DELETE_PROJECT) !== DELETE_PROJECT ||
-                  !allOrgMembers[index].override
+                (props.currentMember?.permissions & DELETE_PROJECT) !== DELETE_PROJECT ||
+                !allOrgMembers[index].override
               "
               label="Delete project"
               @update:model-value="allOrgMembers[index].permissions ^= DELETE_PROJECT"
@@ -537,8 +483,8 @@
               :model-value="(member.permissions & VIEW_ANALYTICS) === VIEW_ANALYTICS"
               :disabled="
                 (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                  (props.currentMember?.permissions & VIEW_ANALYTICS) !== VIEW_ANALYTICS ||
-                  !allOrgMembers[index].override
+                (props.currentMember?.permissions & VIEW_ANALYTICS) !== VIEW_ANALYTICS ||
+                !allOrgMembers[index].override
               "
               label="View analytics"
               @update:model-value="allOrgMembers[index].permissions ^= VIEW_ANALYTICS"
@@ -547,8 +493,8 @@
               :model-value="(member.permissions & VIEW_PAYOUTS) === VIEW_PAYOUTS"
               :disabled="
                 (props.currentMember?.permissions & EDIT_MEMBER) !== EDIT_MEMBER ||
-                  (props.currentMember?.permissions & VIEW_PAYOUTS) !== VIEW_PAYOUTS ||
-                  !allOrgMembers[index].override
+                (props.currentMember?.permissions & VIEW_PAYOUTS) !== VIEW_PAYOUTS ||
+                !allOrgMembers[index].override
               "
               label="View revenue"
               @update:model-value="allOrgMembers[index].permissions ^= VIEW_PAYOUTS"
diff --git a/apps/knossos/src/pages/[type]/[id]/settings/tags.vue b/apps/knossos/src/pages/[type]/[id]/settings/tags.vue
index ce7ea60ca..cfd6ef4fc 100644
--- a/apps/knossos/src/pages/[type]/[id]/settings/tags.vue
+++ b/apps/knossos/src/pages/[type]/[id]/settings/tags.vue
@@ -11,17 +11,11 @@
         {{ $formatProjectType(project.project_type).toLowerCase() }}. Make sure to select all tags
         that apply.
       </p>
-      <p
-        v-if="project.versions.length === 0"
-        class="known-errors"
-      >
+      <p v-if="project.versions.length === 0" class="known-errors">
         Please upload a version first in order to select tags!
       </p>
       <template v-else>
-        <template
-          v-for="header in Object.keys(categoryLists)"
-          :key="`categories-${header}`"
-        >
+        <template v-for="header in Object.keys(categoryLists)" :key="`categories-${header}`">
           <div class="label">
             <h4>
               <span class="label__title">{{ $formatCategoryHeader(header) }}</span>
diff --git a/apps/knossos/src/pages/[type]/[id]/version/[version].vue b/apps/knossos/src/pages/[type]/[id]/version/[version].vue
index 9f4c2e1cb..f3e038a61 100644
--- a/apps/knossos/src/pages/[type]/[id]/version/[version].vue
+++ b/apps/knossos/src/pages/[type]/[id]/version/[version].vue
@@ -1,8 +1,5 @@
 <template>
-  <div
-    v-if="version"
-    class="version-page"
-  >
+  <div v-if="version" class="version-page">
     <ModalConfirm
       v-if="currentMember"
       ref="modal_confirm"
@@ -12,11 +9,7 @@
       proceed-label="Delete"
       @proceed="deleteVersion()"
     />
-    <Modal
-      v-if="auth.user && currentMember"
-      ref="modal_package_mod"
-      header="Package data pack"
-    >
+    <Modal v-if="auth.user && currentMember" ref="modal_package_mod" header="Package data pack">
       <div class="modal-package-mod universal-labels">
         <div class="markdown-body">
           <p>
@@ -44,17 +37,11 @@
           open-direction="top"
         />
         <div class="button-group">
-          <button
-            class="iconified-button"
-            @click="$refs.modal_package_mod.hide()"
-          >
+          <button class="iconified-button" @click="$refs.modal_package_mod.hide()">
             <CrossIcon />
             Cancel
           </button>
-          <button
-            class="iconified-button brand-button"
-            @click="createDataPackVersion"
-          >
+          <button class="iconified-button brand-button" @click="createDataPackVersion">
             <RightArrowIcon />
             Begin packaging data pack
           </button>
@@ -78,34 +65,23 @@
             type="text"
             placeholder="Enter a version title..."
             maxlength="256"
-          >
+          />
         </template>
         <h2 :class="{ 'sr-only': isEditing }">
           {{ version.name }}
         </h2>
-        <div
-          v-if="version.featured"
-          class="featured"
-        >
+        <div v-if="version.featured" class="featured">
           <StarIcon aria-hidden="true" />
           Featured
         </div>
-        <div
-          v-else-if="featuredVersions.find((x) => x.id === version.id)"
-          class="featured"
-        >
+        <div v-else-if="featuredVersions.find((x) => x.id === version.id)" class="featured">
           <StarIcon aria-hidden="true" />
           Auto-featured
         </div>
       </div>
-      <div
-        v-if="fieldErrors && showKnownErrors"
-        class="known-errors"
-      >
+      <div v-if="fieldErrors && showKnownErrors" class="known-errors">
         <ul>
-          <li v-if="version.version_number === ''">
-            Your version must have a version number.
-          </li>
+          <li v-if="version.version_number === ''">Your version must have a version number.</li>
           <li v-if="version.game_versions.length === 0">
             Your version must have the supported Minecraft versions selected.
           </li>
@@ -117,10 +93,7 @@
           </li>
         </ul>
       </div>
-      <div
-        v-if="isCreating"
-        class="input-group"
-      >
+      <div v-if="isCreating" class="input-group">
         <button
           class="iconified-button brand-button"
           :disabled="shouldPreventActions"
@@ -138,10 +111,7 @@
           Cancel
         </nuxt-link>
       </div>
-      <div
-        v-else-if="isEditing"
-        class="input-group"
-      >
+      <div v-else-if="isEditing" class="input-group">
         <button
           class="iconified-button brand-button"
           :disabled="shouldPreventActions"
@@ -150,17 +120,10 @@
           <SaveIcon aria-hidden="true" />
           Save
         </button>
-        <button
-          class="iconified-button"
-          @click="version.featured = !version.featured"
-        >
+        <button class="iconified-button" @click="version.featured = !version.featured">
           <StarIcon aria-hidden="true" />
-          <template v-if="!version.featured">
-            Feature version
-          </template>
-          <template v-else>
-            Unfeature version
-          </template>
+          <template v-if="!version.featured"> Feature version </template>
+          <template v-else> Unfeature version </template>
         </button>
         <nuxt-link
           v-if="currentMember"
@@ -173,10 +136,7 @@
           Discard changes
         </nuxt-link>
       </div>
-      <div
-        v-else
-        class="input-group"
-      >
+      <div v-else class="input-group">
         <a
           v-if="primaryFile"
           v-tooltip="primaryFile.filename + ' (' + $formatBytes(primaryFile.size) + ')'"
@@ -187,19 +147,11 @@
           <DownloadIcon aria-hidden="true" />
           Download
         </a>
-        <nuxt-link
-          v-if="!auth.user"
-          class="iconified-button"
-          to="/auth/sign-in"
-        >
+        <nuxt-link v-if="!auth.user" class="iconified-button" to="/auth/sign-in">
           <ReportIcon aria-hidden="true" />
           Report
         </nuxt-link>
-        <button
-          v-else
-          class="iconified-button"
-          @click="() => reportVersion(version.id)"
-        >
+        <button v-else class="iconified-button" @click="() => reportVersion(version.id)">
           <ReportIcon aria-hidden="true" />
           Report
         </button>
@@ -216,7 +168,7 @@
         <button
           v-if="
             currentMember &&
-              version.loaders.some((x) => tags.loaderData.dataPackLoaders.includes(x))
+            version.loaders.some((x) => tags.loaderData.dataPackLoaders.includes(x))
           "
           class="iconified-button"
           @click="$refs.modal_package_mod.show()"
@@ -238,10 +190,7 @@
       <h3>Changelog</h3>
       <template v-if="isEditing">
         <div class="changelog-editor-spacing">
-          <MarkdownEditor
-            v-model="version.changelog"
-            :on-image-upload="onImageUpload"
-          />
+          <MarkdownEditor v-model="version.changelog" :on-image-upload="onImageUpload" />
         </div>
       </template>
       <div
@@ -269,50 +218,27 @@
           alt="dependency-icon"
           size="sm"
         />
-        <nuxt-link
-          v-if="!isEditing"
-          :to="dependency.link"
-          class="info"
-        >
+        <nuxt-link v-if="!isEditing" :to="dependency.link" class="info">
           <span class="project-title">
             {{ dependency.project ? dependency.project.title : 'Unknown Project' }}
           </span>
-          <span
-            v-if="dependency.version"
-            class="dep-type"
-            :class="dependency.dependency_type"
-          >
+          <span v-if="dependency.version" class="dep-type" :class="dependency.dependency_type">
             Version {{ dependency.version.version_number }} is
             {{ dependency.dependency_type }}
           </span>
-          <span
-            v-else
-            class="dep-type"
-            :class="dependency.dependency_type"
-          >
+          <span v-else class="dep-type" :class="dependency.dependency_type">
             {{ dependency.dependency_type }}
           </span>
         </nuxt-link>
-        <div
-          v-else
-          class="info"
-        >
+        <div v-else class="info">
           <span class="project-title">
             {{ dependency.project ? dependency.project.title : 'Unknown Project' }}
           </span>
-          <span
-            v-if="dependency.version"
-            class="dep-type"
-            :class="dependency.dependency_type"
-          >
+          <span v-if="dependency.version" class="dep-type" :class="dependency.dependency_type">
             Version {{ dependency.version.version_number }} is
             {{ dependency.dependency_type }}
           </span>
-          <span
-            v-else
-            class="dep-type"
-            :class="dependency.dependency_type"
-          >
+          <span v-else class="dep-type" :class="dependency.dependency_type">
             {{ dependency.dependency_type }}
           </span>
         </div>
@@ -330,25 +256,15 @@
         :key="index"
         class="dependency"
       >
-        <Avatar
-          :src="null"
-          alt="dependency-icon"
-          size="sm"
-        />
+        <Avatar :src="null" alt="dependency-icon" size="sm" />
         <div class="info">
           <span class="project-title">
             {{ dependency.file_name }}
           </span>
-          <span
-            class="dep-type"
-            :class="dependency.dependency_type"
-          >Added via overrides</span>
+          <span class="dep-type" :class="dependency.dependency_type">Added via overrides</span>
         </div>
       </div>
-      <div
-        v-if="isEditing && project.project_type !== 'modpack'"
-        class="add-dependency"
-      >
+      <div v-if="isEditing && project.project_type !== 'modpack'" class="add-dependency">
         <h4>Add dependency</h4>
         <div class="input-group">
           <Multiselect
@@ -368,7 +284,7 @@
               dependencyAddMode === 'project' ? '/slug' : ''
             }`"
             @keyup.enter="addDependency(dependencyAddMode, newDependencyId, newDependencyType)"
-          >
+          />
           <Multiselect
             v-model="newDependencyType"
             class="input"
@@ -393,10 +309,7 @@
     </div>
     <div class="version-page__files universal-card">
       <h3>Files</h3>
-      <div
-        v-if="isEditing && replaceFile"
-        class="file primary"
-      >
+      <div v-if="isEditing && replaceFile" class="file primary">
         <FileIcon />
         <span class="filename">
           <strong>{{ replaceFile.name }}</strong>
@@ -425,10 +338,7 @@
         <span class="filename">
           <strong>{{ file.filename }}</strong>
           <span class="file-size">({{ $formatBytes(file.size) }})</span>
-          <span
-            v-if="primaryFile.hashes.sha1 === file.hashes.sha1"
-            class="file-type"
-          >
+          <span v-if="primaryFile.hashes.sha1 === file.hashes.sha1" class="file-type">
             Primary
           </span>
           <span
@@ -447,8 +357,8 @@
         <multiselect
           v-if="
             version.loaders.some((x) => tags.loaderData.dataPackLoaders.includes(x)) &&
-              isEditing &&
-              primaryFile.hashes.sha1 !== file.hashes.sha1
+            isEditing &&
+            primaryFile.hashes.sha1 !== file.hashes.sha1
           "
           v-model="oldFileTypes[index]"
           class="raised-multiselect"
@@ -488,11 +398,7 @@
         </a>
       </div>
       <template v-if="isEditing">
-        <div
-          v-for="(file, index) in newFiles"
-          :key="index"
-          class="file"
-        >
+        <div v-for="(file, index) in newFiles" :key="index" class="file">
           <FileIcon />
           <span class="filename">
             <strong>{{ file.name }}</strong>
@@ -589,14 +495,8 @@
         </div>
         <div>
           <h4>Version number</h4>
-          <div
-            v-if="isEditing"
-            class="iconified-input"
-          >
-            <label
-              class="hidden"
-              for="version-number"
-            >Version number</label>
+          <div v-if="isEditing" class="iconified-input">
+            <label class="hidden" for="version-number">Version number</label>
             <HashIcon aria-hidden="true" />
             <input
               id="version-number"
@@ -604,7 +504,7 @@
               type="text"
               autocomplete="off"
               maxlength="54"
-            >
+            />
           </div>
           <span v-else>{{ version.version_number }}</span>
         </div>
@@ -632,11 +532,7 @@
             :hide-selected="true"
             placeholder="Choose loaders..."
           />
-          <Categories
-            v-else
-            :categories="version.loaders"
-            :type="project.actualProjectType"
-          />
+          <Categories v-else :categories="version.loaders" :type="project.actualProjectType" />
         </div>
         <div>
           <h4>Game versions</h4>
@@ -647,8 +543,8 @@
                 showSnapshots
                   ? tags.gameVersions.map((x) => x.version)
                   : tags.gameVersions
-                    .filter((it) => it.version_type === 'release')
-                    .map((x) => x.version)
+                      .filter((it) => it.version_type === 'release')
+                      .map((x) => x.version)
               "
               :loading="tags.gameVersions.length === 0"
               :multiple="true"
@@ -695,26 +591,15 @@
             />
 
             <div class="member-info">
-              <nuxt-link
-                :to="'/user/' + version.author.user.username"
-                class="name"
-              >
+              <nuxt-link :to="'/user/' + version.author.user.username" class="name">
                 <p>
                   {{ version.author.name }}
                 </p>
               </nuxt-link>
-              <p
-                v-if="version.author.role"
-                class="role"
-              >
+              <p v-if="version.author.role" class="role">
                 {{ version.author.role }}
               </p>
-              <p
-                v-else-if="version.author_id === 'GVFjtWTf'"
-                class="role"
-              >
-                Archivist
-              </p>
+              <p v-else-if="version.author_id === 'GVFjtWTf'" class="role">Archivist</p>
             </div>
           </div>
         </div>
diff --git a/apps/knossos/src/pages/[type]/[id]/versions.vue b/apps/knossos/src/pages/[type]/[id]/versions.vue
index 4c2fd9c66..9d99429ba 100644
--- a/apps/knossos/src/pages/[type]/[id]/versions.vue
+++ b/apps/knossos/src/pages/[type]/[id]/versions.vue
@@ -1,9 +1,6 @@
 <template>
   <div class="content">
-    <div
-      v-if="currentMember"
-      class="card header-buttons"
-    >
+    <div v-if="currentMember" class="card header-buttons">
       <FileInput
         :max-size="524288000"
         :accept="acceptFileFromProjectType(project.project_type)"
@@ -17,15 +14,9 @@
       <span class="indicator">
         <InfoIcon /> Click to choose a file or drag one onto this page
       </span>
-      <DropArea
-        :accept="acceptFileFromProjectType(project.project_type)"
-        @change="handleFiles"
-      />
+      <DropArea :accept="acceptFileFromProjectType(project.project_type)" @change="handleFiles" />
     </div>
-    <VersionFilterControl
-      :versions="props.versions"
-      @switch-page="switchPage"
-    />
+    <VersionFilterControl :versions="props.versions" @switch-page="switchPage" />
     <Pagination
       :page="currentPage"
       :count="Math.ceil(filteredVersions.length / 20)"
@@ -33,11 +24,7 @@
       :link-function="(page) => `?page=${page}`"
       @switch-page="switchPage"
     />
-    <div
-      v-if="filteredVersions.length > 0"
-      id="all-versions"
-      class="universal-card all-versions"
-    >
+    <div v-if="filteredVersions.length > 0" id="all-versions" class="universal-card all-versions">
       <div class="header">
         <div />
         <div>Version</div>
@@ -77,21 +64,9 @@
           {{ version.name }}
         </nuxt-link>
         <div class="version__metadata">
-          <VersionBadge
-            v-if="version.version_type === 'release'"
-            type="release"
-            color="green"
-          />
-          <VersionBadge
-            v-else-if="version.version_type === 'beta'"
-            type="beta"
-            color="orange"
-          />
-          <VersionBadge
-            v-else-if="version.version_type === 'alpha'"
-            type="alpha"
-            color="red"
-          />
+          <VersionBadge v-if="version.version_type === 'release'" type="release" color="green" />
+          <VersionBadge v-else-if="version.version_type === 'beta'" type="beta" color="orange" />
+          <VersionBadge v-else-if="version.version_type === 'alpha'" type="alpha" color="red" />
           <span class="divider" />
           <span class="version_number">{{ version.version_number }}</span>
         </div>
diff --git a/apps/knossos/src/pages/app.vue b/apps/knossos/src/pages/app.vue
index 646bc2d79..ea4342221 100644
--- a/apps/knossos/src/pages/app.vue
+++ b/apps/knossos/src/pages/app.vue
@@ -126,7 +126,7 @@ useSeoMeta({
   <div>
     <div class="landing-hero">
       <h1 class="main-header">
-        Download Modrinth <br v-if="os">
+        Download Modrinth <br v-if="os" />
         App
         {{ os ? `for ${os}` : '' }}
       </h1>
@@ -193,22 +193,16 @@ useSeoMeta({
           </svg>
           Download the Modrinth App
         </button>
-        <button
-          class="iconified-button outline-button btn btn-large"
-          @click="scrollToSection"
-        >
+        <button class="iconified-button outline-button btn btn-large" @click="scrollToSection">
           More Download Options
         </button>
       </div>
-      <img
-        src="https://cdn-raw.modrinth.com/app-landing/app-screenshot.webp"
-        alt="cube maze"
-      >
+      <img src="https://cdn-raw.modrinth.com/app-landing/app-screenshot.webp" alt="cube maze" />
       <div class="bottom-transition" />
     </div>
     <div class="features">
       <h1 class="subheader">
-        Unlike any launcher <br>
+        Unlike any launcher <br />
         you've used before
       </h1>
       <div class="feature-grid">
@@ -217,82 +211,44 @@ useSeoMeta({
             <h4>Installed mods</h4>
             <div class="mini-input">
               <SearchIcon />
-              <div class="search">
-                Search mods
-              </div>
+              <div class="search">Search mods</div>
             </div>
           </div>
           <div class="header row">
             <div />
-            <div class="cell">
-              Name
-            </div>
-            <div class="cell">
-              Version
-            </div>
-            <div class="cell">
-              Actions
-            </div>
+            <div class="cell">Name</div>
+            <div class="cell">Version</div>
+            <div class="cell">Actions</div>
           </div>
           <div class="table">
             <div class="row first">
               <div class="cell">
-                <Avatar
-                  size="sm"
-                  src="https://cdn.modrinth.com/data/P7dR8mSH/icon.png"
-                />
+                <Avatar size="sm" src="https://cdn.modrinth.com/data/P7dR8mSH/icon.png" />
               </div>
               <div class="cell">
-                <div class="name">
-                  Fabric API
-                </div>
-                <div class="description">
-                  by modmuss
-                </div>
-              </div>
-              <div class="cell important">
-                0.86.1+1.20.1
+                <div class="name">Fabric API</div>
+                <div class="description">by modmuss</div>
               </div>
+              <div class="cell important">0.86.1+1.20.1</div>
               <div class="cell check">
-                <Checkbox
-                  :model-value="true"
-                  tabindex="-1"
-                />
-                <button
-                  class="btn icon-only transparent"
-                  tabindex="-1"
-                >
+                <Checkbox :model-value="true" tabindex="-1" />
+                <button class="btn icon-only transparent" tabindex="-1">
                   <TrashIcon />
                 </button>
               </div>
             </div>
             <div class="row">
               <div class="cell">
-                <Avatar
-                  size="sm"
-                  src="https://cdn.modrinth.com/data/AANobbMI/icon.png"
-                />
+                <Avatar size="sm" src="https://cdn.modrinth.com/data/AANobbMI/icon.png" />
               </div>
               <div class="cell">
-                <div class="name">
-                  Sodium
-                </div>
-                <div class="description">
-                  by jellysquid3
-                </div>
-              </div>
-              <div class="cell">
-                mc1.20.1-0.5.0
+                <div class="name">Sodium</div>
+                <div class="description">by jellysquid3</div>
               </div>
+              <div class="cell">mc1.20.1-0.5.0</div>
               <div class="cell check">
-                <Checkbox
-                  :model-value="true"
-                  tabindex="-1"
-                />
-                <button
-                  class="btn icon-only transparent"
-                  tabindex="-1"
-                >
+                <Checkbox :model-value="true" tabindex="-1" />
+                <button class="btn icon-only transparent" tabindex="-1">
                   <TrashIcon />
                 </button>
               </div>
@@ -305,149 +261,77 @@ useSeoMeta({
                 />
               </div>
               <div class="cell">
-                <div class="name">
-                  Iris Shaders
-                </div>
-                <div class="description">
-                  by coderbot
-                </div>
-              </div>
-              <div class="cell">
-                1.6.5+1.20.1
+                <div class="name">Iris Shaders</div>
+                <div class="description">by coderbot</div>
               </div>
+              <div class="cell">1.6.5+1.20.1</div>
               <div class="cell check">
-                <Checkbox
-                  :model-value="true"
-                  tabindex="-1"
-                />
-                <button
-                  class="btn icon-only transparent"
-                  tabindex="-1"
-                >
+                <Checkbox :model-value="true" tabindex="-1" />
+                <button class="btn icon-only transparent" tabindex="-1">
                   <TrashIcon />
                 </button>
               </div>
             </div>
             <div class="row">
               <div class="cell">
-                <Avatar
-                  size="sm"
-                  src="https://cdn.modrinth.com/data/gvQqBUqZ/icon.png"
-                />
-              </div>
-              <div class="cell">
-                <div class="name">
-                  Lithium
-                </div>
-                <div class="description">
-                  by jellysquid3
-                </div>
+                <Avatar size="sm" src="https://cdn.modrinth.com/data/gvQqBUqZ/icon.png" />
               </div>
               <div class="cell">
-                mc1.20.1-0.11.2
+                <div class="name">Lithium</div>
+                <div class="description">by jellysquid3</div>
               </div>
+              <div class="cell">mc1.20.1-0.11.2</div>
               <div class="cell check">
-                <Checkbox
-                  :model-value="true"
-                  tabindex="-1"
-                />
-                <button
-                  class="btn icon-only transparent"
-                  tabindex="-1"
-                >
+                <Checkbox :model-value="true" tabindex="-1" />
+                <button class="btn icon-only transparent" tabindex="-1">
                   <TrashIcon />
                 </button>
               </div>
             </div>
             <div class="row">
               <div class="cell">
-                <Avatar
-                  size="sm"
-                  src="https://cdn.modrinth.com/data/mOgUt4GM/icon.png"
-                />
+                <Avatar size="sm" src="https://cdn.modrinth.com/data/mOgUt4GM/icon.png" />
               </div>
               <div class="cell">
-                <div class="name">
-                  Mod Menu
-                </div>
-                <div class="description">
-                  by Prospector
-                </div>
-              </div>
-              <div class="cell">
-                7.2.1
+                <div class="name">Mod Menu</div>
+                <div class="description">by Prospector</div>
               </div>
+              <div class="cell">7.2.1</div>
               <div class="cell check">
-                <Checkbox
-                  :model-value="true"
-                  tabindex="-1"
-                />
-                <button
-                  class="btn icon-only transparent"
-                  tabindex="-1"
-                >
+                <Checkbox :model-value="true" tabindex="-1" />
+                <button class="btn icon-only transparent" tabindex="-1">
                   <TrashIcon />
                 </button>
               </div>
             </div>
             <div class="row">
               <div class="cell">
-                <Avatar
-                  size="sm"
-                  src="https://cdn.modrinth.com/data/9s6osm5g/icon.png"
-                />
+                <Avatar size="sm" src="https://cdn.modrinth.com/data/9s6osm5g/icon.png" />
               </div>
               <div class="cell">
-                <div class="name">
-                  Cloth Config API
-                </div>
-                <div class="description">
-                  by shedaniel
-                </div>
-              </div>
-              <div class="cell">
-                11.1.106+fabric
+                <div class="name">Cloth Config API</div>
+                <div class="description">by shedaniel</div>
               </div>
+              <div class="cell">11.1.106+fabric</div>
               <div class="cell check">
-                <Checkbox
-                  :model-value="true"
-                  tabindex="-1"
-                />
-                <button
-                  class="btn icon-only transparent"
-                  tabindex="-1"
-                >
+                <Checkbox :model-value="true" tabindex="-1" />
+                <button class="btn icon-only transparent" tabindex="-1">
                   <TrashIcon />
                 </button>
               </div>
             </div>
             <div class="row">
               <div class="cell">
-                <Avatar
-                  size="sm"
-                  src="https://cdn.modrinth.com/data/lhGA9TYQ/icon.png"
-                />
-              </div>
-              <div class="cell">
-                <div class="name">
-                  Architectury API
-                </div>
-                <div class="description">
-                  by shedaniel
-                </div>
+                <Avatar size="sm" src="https://cdn.modrinth.com/data/lhGA9TYQ/icon.png" />
               </div>
               <div class="cell">
-                9.1.12+fabric
+                <div class="name">Architectury API</div>
+                <div class="description">by shedaniel</div>
               </div>
+              <div class="cell">9.1.12+fabric</div>
               <div class="cell check">
-                <Checkbox
-                  :model-value="true"
-                  tabindex="-1"
-                />
-                <button
-                  class="btn icon-only transparent"
-                  tabindex="-1"
-                >
+                <Checkbox :model-value="true" tabindex="-1" />
+                <button class="btn icon-only transparent" tabindex="-1">
                   <TrashIcon />
                 </button>
               </div>
@@ -460,25 +344,13 @@ useSeoMeta({
                 />
               </div>
               <div class="cell">
-                <div class="name">
-                  Craftify
-                </div>
-                <div class="description">
-                  by ThatGravyBoat
-                </div>
-              </div>
-              <div class="cell">
-                8.5.2023
+                <div class="name">Craftify</div>
+                <div class="description">by ThatGravyBoat</div>
               </div>
+              <div class="cell">8.5.2023</div>
               <div class="cell check">
-                <Checkbox
-                  :model-value="true"
-                  tabindex="-1"
-                />
-                <button
-                  class="btn icon-only transparent"
-                  tabindex="-1"
-                >
+                <Checkbox :model-value="true" tabindex="-1" />
+                <button class="btn icon-only transparent" tabindex="-1">
                   <TrashIcon />
                 </button>
               </div>
@@ -499,17 +371,15 @@ useSeoMeta({
             src="https://cdn-raw.modrinth.com/app-landing/cobblemon-launcher.webp"
             alt="The Modrinth App playing Cobblemon for Fabric"
             class="launcher"
-          >
+          />
           <img
             src="https://cdn-raw.modrinth.com/app-landing/cobblemon.webp"
             alt="Minecraft playing Cobblemon for Fabric"
             class="minecraft"
-          >
+          />
         </div>
         <div class="feature gradient-border sharing">
-          <div class="row header">
-            Included mods <EditIcon />
-          </div>
+          <div class="row header">Included mods <EditIcon /></div>
           <div class="table">
             <div class="row first">
               <div class="cell">
@@ -518,13 +388,9 @@ useSeoMeta({
                   src="https://cdn.modrinth.com/data/3ufwT9JF/2a15f23b7ffa2d50fc6ae1c42029a728ce3e2847.jpeg"
                 />
               </div>
+              <div class="cell">Ad Astra</div>
               <div class="cell">
-                Ad Astra
-              </div>
-              <div class="cell">
-                <div class="description">
-                  Live long and prosper, Ad Astra!
-                </div>
+                <div class="description">Live long and prosper, Ad Astra!</div>
               </div>
             </div>
             <div class="row">
@@ -534,9 +400,7 @@ useSeoMeta({
                   src="https://cdn.modrinth.com/data/b1LdOZlE/465598dc5d89f67fb8f8de6def21240fa35e3a54.png"
                 />
               </div>
-              <div class="cell">
-                Spirit
-              </div>
+              <div class="cell">Spirit</div>
               <div class="cell">
                 <div class="description">
                   A mod exploring soul magic in tools, blocks, weapons and more.
@@ -550,12 +414,8 @@ useSeoMeta({
                   src="https://cdn.modrinth.com/data/MI1LWe93/d42fb7a69f1e7a86584fa1ed43520af98acec065.png"
                 />
               </div>
-              <div class="cell">
-                Creeper Overhaul
-              </div>
-              <div class="cell">
-                A mod which overhauls the vanilla creepers!
-              </div>
+              <div class="cell">Creeper Overhaul</div>
+              <div class="cell">A mod which overhauls the vanilla creepers!</div>
             </div>
           </div>
           <h3>Share Modpacks</h3>
@@ -569,42 +429,27 @@ useSeoMeta({
             />
             <div class="info">
               <div class="exporting">
-                <div class="tag">
-                  <BoxIcon /> Modpack
-                </div>
+                <div class="tag"><BoxIcon /> Modpack</div>
                 <div class="small-button">
                   Share
                   <SendIcon />
                 </div>
               </div>
-              <h4 class="name">
-                All of Fabric | Orion
-              </h4>
-              <div class="author">
-                by AK
-              </div>
+              <h4 class="name">All of Fabric | Orion</h4>
+              <div class="author">by AK</div>
             </div>
           </div>
         </div>
         <div class="feature gradient-border performance">
           <div class="title">
             <h4>Activity monitor</h4>
-            <Badge
-              color="green"
-              type="Good performance"
-            />
+            <Badge color="green" type="Good performance" />
           </div>
           <div class="header row">
             <div />
-            <div class="cell">
-              Process name
-            </div>
-            <div class="cell">
-              % CPU
-            </div>
-            <div class="cell">
-              RAM
-            </div>
+            <div class="cell">Process name</div>
+            <div class="cell">% CPU</div>
+            <div class="cell">RAM</div>
           </div>
           <div class="table">
             <div class="row first">
@@ -615,12 +460,8 @@ useSeoMeta({
                   </div>
                 </div>
               </div>
-              <div class="cell important">
-                Modrinth App
-              </div>
-              <div class="cell important">
-                Small
-              </div>
+              <div class="cell important">Modrinth App</div>
+              <div class="cell important">Small</div>
               <div class="cell important">
                 {{ '< 150 MB' }}
               </div>
@@ -631,15 +472,9 @@ useSeoMeta({
                   <div class="icon-logo" />
                 </div>
               </div>
-              <div class="cell">
-                Google Chrome
-              </div>
-              <div class="cell">
-                150%
-              </div>
-              <div class="cell">
-                ∞ MB
-              </div>
+              <div class="cell">Google Chrome</div>
+              <div class="cell">150%</div>
+              <div class="cell">∞ MB</div>
             </div>
             <div class="row">
               <div class="cell">
@@ -647,15 +482,9 @@ useSeoMeta({
                   <div class="icon-logo" />
                 </div>
               </div>
-              <div class="cell">
-                Discord
-              </div>
-              <div class="cell">
-                1 billion %
-              </div>
-              <div class="cell">
-                ∞ * ∞ MB
-              </div>
+              <div class="cell">Discord</div>
+              <div class="cell">1 billion %</div>
+              <div class="cell">∞ * ∞ MB</div>
             </div>
           </div>
           <h3>Performant</h3>
@@ -670,29 +499,15 @@ useSeoMeta({
           </div>
           <div class="ellipsis" />
           <div class="projects-showcase">
-            <div
-              v-for="(row, index) in rows"
-              :key="index"
-              class="row"
-            >
-              <div
-                v-for="n in 2"
-                :key="n"
-                class="row__content"
-                :class="{ offset: index % 2 }"
-              >
+            <div v-for="(row, index) in rows" :key="index" class="row">
+              <div v-for="n in 2" :key="n" class="row__content" :class="{ offset: index % 2 }">
                 <nuxt-link
                   v-for="project in row"
                   :key="project.id"
                   class="project button-animation gradient-border"
                   :to="`/${project.project_type}/${project.slug ? project.slug : project.id}`"
                 >
-                  <Avatar
-                    :src="project.icon_url"
-                    :alt="project.title"
-                    size="sm"
-                    loading="lazy"
-                  />
+                  <Avatar :src="project.icon_url" :alt="project.title" size="sm" loading="lazy" />
                   <div class="project-info">
                     <span class="title">
                       {{ project.title }}
@@ -724,16 +539,10 @@ useSeoMeta({
               <LogoAnimated class="icon" />
             </div>
             <div class="launcher-badge top-left">
-              <img
-                src="~/assets/images/external/gdlauncher.png"
-                alt="GDLauncher"
-              >
+              <img src="~/assets/images/external/gdlauncher.png" alt="GDLauncher" />
             </div>
             <div class="launcher-badge top-right">
-              <img
-                src="~/assets/images/external/multimc.webp"
-                alt="MultiMC"
-              >
+              <img src="~/assets/images/external/multimc.webp" alt="MultiMC" />
             </div>
             <div class="launcher-badge bottom-left">
               <PrismIcon />
@@ -775,10 +584,7 @@ useSeoMeta({
                   gradientUnits="userSpaceOnUse"
                 >
                   <stop stop-color="#C1E1B1" />
-                  <stop
-                    offset="1"
-                    stop-color="#A7BDE6"
-                  />
+                  <stop offset="1" stop-color="#A7BDE6" />
                 </linearGradient>
               </defs>
             </svg>
@@ -804,10 +610,7 @@ useSeoMeta({
                   gradientUnits="userSpaceOnUse"
                 >
                   <stop stop-color="#A7D0FF" />
-                  <stop
-                    offset="0.414928"
-                    stop-color="#00BD3C"
-                  />
+                  <stop offset="0.414928" stop-color="#00BD3C" />
                 </linearGradient>
               </defs>
             </svg>
@@ -815,11 +618,9 @@ useSeoMeta({
           </div>
           <div class="description">
             Modrinth’s launcher is fully open source. You can view the source code on our
-            <a
-              href="https://github.com/modrinth/theseus"
-              rel="noopener"
-              :target="$external()"
-            >GitHub</a>!
+            <a href="https://github.com/modrinth/theseus" rel="noopener" :target="$external()"
+              >GitHub</a
+            >!
           </div>
         </div>
         <div class="point">
@@ -858,10 +659,7 @@ useSeoMeta({
                   gradientUnits="userSpaceOnUse"
                 >
                   <stop stop-color="#C1E1B1" />
-                  <stop
-                    offset="1"
-                    stop-color="#A7BDE6"
-                  />
+                  <stop offset="1" stop-color="#A7BDE6" />
                 </linearGradient>
                 <linearGradient
                   id="paint1_linear_897_3802"
@@ -872,17 +670,10 @@ useSeoMeta({
                   gradientUnits="userSpaceOnUse"
                 >
                   <stop stop-color="#C1E1B1" />
-                  <stop
-                    offset="1"
-                    stop-color="#A7BDE6"
-                  />
+                  <stop offset="1" stop-color="#A7BDE6" />
                 </linearGradient>
                 <clipPath id="clip0_897_3802">
-                  <rect
-                    width="24"
-                    height="24"
-                    fill="white"
-                  />
+                  <rect width="24" height="24" fill="white" />
                 </clipPath>
               </defs>
             </svg>
@@ -918,10 +709,7 @@ useSeoMeta({
                   gradientUnits="userSpaceOnUse"
                 >
                   <stop stop-color="#A7D0FF" />
-                  <stop
-                    offset="0.414928"
-                    stop-color="#00BD3C"
-                  />
+                  <stop offset="0.414928" stop-color="#00BD3C" />
                 </linearGradient>
                 <linearGradient
                   id="paint1_linear_944_4973"
@@ -932,10 +720,7 @@ useSeoMeta({
                   gradientUnits="userSpaceOnUse"
                 >
                   <stop stop-color="#A7D0FF" />
-                  <stop
-                    offset="0.414928"
-                    stop-color="#00BD3C"
-                  />
+                  <stop offset="0.414928" stop-color="#00BD3C" />
                 </linearGradient>
               </defs>
             </svg>
@@ -969,10 +754,7 @@ useSeoMeta({
                   gradientUnits="userSpaceOnUse"
                 >
                   <stop stop-color="#C1E1B1" />
-                  <stop
-                    offset="1"
-                    stop-color="#A7BDE6"
-                  />
+                  <stop offset="1" stop-color="#A7BDE6" />
                 </linearGradient>
               </defs>
             </svg>
@@ -998,45 +780,29 @@ useSeoMeta({
                   gradientUnits="userSpaceOnUse"
                 >
                   <stop stop-color="#A7D0FF" />
-                  <stop
-                    offset="0.414928"
-                    stop-color="#00BD3C"
-                  />
+                  <stop offset="0.414928" stop-color="#00BD3C" />
                 </linearGradient>
               </defs>
             </svg>
             <h3>Follow projects</h3>
           </div>
-          <div class="description">
-            Save content you love and receive updates with one click.
-          </div>
+          <div class="description">Save content you love and receive updates with one click.</div>
         </div>
       </div>
     </div>
-    <div
-      ref="downloadSection"
-      class="footer"
-    >
-      <div class="section-badge">
-        Download options
-      </div>
+    <div ref="downloadSection" class="footer">
+      <div class="section-badge">Download options</div>
       <div class="section-subheader">
-        <div class="section-subheader-title">
-          Download the Modrinth App
-        </div>
+        <div class="section-subheader-title">Download the Modrinth App</div>
         <div class="section-subheader-description">
-          Our desktop app is available across all platforms, <br>
+          Our desktop app is available across all platforms, <br />
           choose your desired version.
         </div>
       </div>
       <div class="download-section">
         <div class="download-card">
           <div class="title">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 4875 4875"
-              fill="currentColor"
-            >
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4875 4875" fill="currentColor">
               <path
                 d="M0 0h2311v2310H0zm2564 0h2311v2310H2564zM0 2564h2311v2311H0zm2564 0h2311v2311H2564"
               />
@@ -1044,11 +810,7 @@ useSeoMeta({
             Windows
           </div>
           <div class="description">
-            <a
-              ref="downloadWindows"
-              :href="windowsLink"
-              download=""
-            >
+            <a ref="downloadWindows" :href="windowsLink" download="">
               <DownloadIcon />
               <span> Download the beta </span>
             </a>
@@ -1072,17 +834,11 @@ useSeoMeta({
             Mac
           </div>
           <div class="description apple">
-            <a
-              :href="macLinks.appleSilicon"
-              download=""
-            >
+            <a :href="macLinks.appleSilicon" download="">
               <DownloadIcon />
               <span> Download for Apple Silicon </span>
             </a>
-            <a
-              :href="macLinks.intel"
-              download=""
-            >
+            <a :href="macLinks.intel" download="">
               <DownloadIcon />
               <span> Download for Intel </span>
             </a>
@@ -1119,25 +875,15 @@ useSeoMeta({
             Linux
           </div>
           <div class="description apple">
-            <a
-              ref="downloadLinux"
-              :href="linuxLinks.appImage"
-              download=""
-            >
+            <a ref="downloadLinux" :href="linuxLinks.appImage" download="">
               <DownloadIcon />
               <span> Download the AppImage </span>
             </a>
-            <a
-              :href="linuxLinks.deb"
-              download=""
-            >
+            <a :href="linuxLinks.deb" download="">
               <DownloadIcon />
               <span> Download the Deb </span>
             </a>
-            <a
-              :href="linuxLinks.thirdParty"
-              download=""
-            >
+            <a :href="linuxLinks.thirdParty" download="">
               <LinkIcon />
               <span> Third-party packages </span>
             </a>
@@ -1146,12 +892,8 @@ useSeoMeta({
       </div>
       <p class="terms">
         By downloading the Modrinth App you agree to our
-        <nuxt-link to="/legal/terms">
-          Terms
-        </nuxt-link> and
-        <nuxt-link to="/legal/privacy">
-          Privacy Policy.
-        </nuxt-link>
+        <nuxt-link to="/legal/terms"> Terms </nuxt-link> and
+        <nuxt-link to="/legal/privacy"> Privacy Policy. </nuxt-link>
       </p>
     </div>
     <div class="logo-banner">
@@ -1163,12 +905,7 @@ useSeoMeta({
         class="light-height"
       >
         <g clip-path="url(#clip0_419_237)">
-          <rect
-            x="176"
-            width="512"
-            height="512"
-            fill="url(#paint0_linear_419_237)"
-          />
+          <rect x="176" width="512" height="512" fill="url(#paint0_linear_419_237)" />
           <g opacity="0.5">
             <path
               d="M176 274.069H219.65C221.89 299.001 228.25 322.42 238.87 345.249C245.4 342.033 251.37 338.016 257.52 334.3C263.76 330.534 270.07 326.908 276.62 323.061C276.21 321.669 275.95 320.216 275.37 318.914C271.05 309.378 268.47 299.251 266.32 289.114C265.03 283.054 264.41 276.743 263.73 270.513C262.89 262.86 262.94 255.257 263.11 247.654C263.26 241.083 264.11 234.482 265.21 227.991C266.88 218.064 269.39 208.308 272.94 198.852C276.79 188.594 281.19 178.588 287.21 169.382C291.19 163.292 294.97 157.021 299.53 151.382C306.3 142.998 313.75 135.214 322.12 128.273C330.05 121.692 338.16 115.421 347.18 110.483C354.15 106.676 361.39 103.341 368.66 100.115C379.13 95.4674 390.24 92.873 401.39 90.4289C410.67 88.4055 430.03 87.3237 438.96 88.6158C438.51 95.9282 436.63 103.05 435.44 110.262C434.26 117.394 432.94 124.496 431.6 132.109C428.15 132.44 424.73 132.7 421.32 133.121C416.25 133.752 411.15 134.263 406.15 135.265C395.4 137.428 385.13 141.044 375.33 145.973C366.85 150.23 358.98 155.398 351.89 161.709C348.8 164.464 345.52 167.048 342.67 170.033C335.77 177.225 329.99 185.279 324.68 193.713C320.48 200.364 317.45 207.536 314.8 214.839C312.05 222.422 310.33 230.315 308.95 238.308C307.43 247.093 307.9 255.898 308.2 264.653C308.48 272.867 310.18 281 312.49 288.934C313.45 292.239 314.44 295.535 315.62 299.481C332.06 289.705 348.08 280.169 364.47 270.422C361.92 263.631 359.46 257.16 357.05 250.669C354.63 244.178 352.26 237.667 349.78 230.926C352.79 227.871 355.71 224.936 358.6 221.971C369.97 210.291 381.46 198.712 392.6 186.821C395.77 183.436 399.36 181.913 403.66 181.062C414.16 178.978 424.63 176.734 435.11 174.541C441.87 173.128 448.62 171.686 455.69 170.193C461.36 177.175 467.08 184.217 472.94 191.439C471.8 192.671 470.85 193.783 469.82 194.815C463 201.656 455.97 208.308 449.41 215.4C446.18 218.896 442.34 220.709 438.01 221.961C433.09 223.383 428.16 224.745 423.25 226.198C422.5 226.418 421.73 226.909 421.19 227.48C416.62 232.298 412.15 237.216 407.55 241.995C405.9 243.697 405.89 245.31 406.67 247.424C408.91 253.474 410.92 259.604 413.12 265.674C413.5 266.716 414.27 267.668 415.04 268.499C419.55 273.377 424.05 278.266 428.73 282.974C429.48 283.725 431.24 284.055 432.33 283.775C438.57 282.182 444.72 280.289 450.94 278.636C453.49 277.955 455.32 276.443 457.01 274.559C460.1 271.094 463.55 267.898 466.27 264.172C469.55 259.684 473.91 257.901 479.09 256.82C483.44 255.908 487.58 254.045 491.83 252.673C496.23 251.25 500.69 249.998 505.07 248.495C507.08 247.804 508.18 248.305 508.99 250.198C512.16 257.671 515.4 265.114 518.76 272.917C515.97 276.342 513.04 279.918 510.13 283.515C505.45 289.304 500.81 295.124 496.12 300.904C492.16 305.782 487.86 310.42 484.26 315.549C481.66 319.255 478.09 320.717 474.16 321.959C462.33 325.716 450.52 329.502 438.69 333.268C431.61 335.522 424.51 337.756 416.91 340.16C415.33 338.648 413.45 337.055 411.81 335.232C407.16 330.053 402.62 324.794 398.03 319.565C395.63 316.831 393.3 314.006 390.79 311.382C388.08 308.557 387.52 308.557 384.41 310.42C377.88 314.337 371.33 318.243 364.82 322.19C356.32 327.328 347.85 332.507 339.09 337.836C341.26 341.482 344.39 344.257 347.49 346.811C353.22 351.539 359.26 355.907 365.37 360.144C376.53 367.867 388.92 372.815 402.07 376.081C409.82 378.004 417.59 379.286 425.6 379.076C426.74 379.046 427.88 379.446 429.02 379.516C430.64 379.617 432.27 379.667 433.88 379.587C435.19 379.526 436.48 379.106 437.79 379.076C442.03 378.966 442.07 378.996 443.29 383.443C446.74 396.014 450.16 408.585 453.58 421.167C453.7 421.597 453.65 422.068 453.7 422.88C449 423.28 444.42 423.781 439.83 424.022C436.17 424.212 432.5 423.961 428.83 424.092C414.81 424.593 401.08 422.469 387.69 418.733C366.28 412.763 346.56 403.216 328.88 389.523C320.7 383.183 313.41 375.95 306.16 368.648C304.89 367.366 303.97 365.743 302.78 364.371C300.52 361.746 299.87 361.526 296.85 363.189C292.49 365.583 288.24 368.167 283.98 370.722C277.72 374.458 271.49 378.234 265.25 382.001C264.56 382.421 263.91 382.902 263.18 383.403C263.7 387.54 267.09 389.654 269.19 392.448C272.55 396.946 276.45 401.113 280.58 404.939C286.77 410.669 293.38 415.938 299.77 421.457C306.94 427.658 314.86 432.756 322.98 437.604C332.25 443.144 341.84 448.092 351.94 451.808C361.7 455.394 371.65 458.54 381.69 461.244C388.49 463.077 395.62 463.678 402.56 465.061C414.21 467.385 425.99 467.224 437.75 466.924C444.49 466.754 451.21 465.622 457.94 465.071C465.69 464.44 473.25 462.767 480.79 461.014C492.41 458.319 503.64 454.453 514.64 449.795C530.77 442.963 545.63 433.968 559.65 423.601C570.63 415.477 580.59 406.061 589.5 395.774C598.25 385.667 606.72 375.209 612.97 363.219C615.56 358.241 618.38 353.382 621.25 348.184C635.52 353.322 649.65 358.411 664.03 363.59C663.75 364.691 663.65 365.663 663.26 366.484C655.92 381.77 647.35 396.285 636.95 409.727C628.93 420.105 620.71 430.292 611.17 439.307C604.8 445.327 598.41 451.358 591.25 456.496C584.53 461.314 578.16 466.653 571.24 471.151C556.34 480.857 540.49 488.721 523.9 495.262C508.29 501.412 492.07 505.198 475.79 508.774C468.91 510.287 461.7 510.297 454.64 511.058C453.74 511.158 452.89 511.679 452.02 512H409.02C405.58 510.147 401.69 510.908 398.04 510.127C392.73 508.995 387.16 509.055 381.91 507.763C370.54 504.958 359.16 502.043 348.04 498.387C335.77 494.35 323.98 489.101 312.56 482.941C300.86 476.63 289.55 469.779 278.84 461.945C269.2 454.894 260.11 447.171 251.49 438.927C248.39 435.952 245.88 432.356 242.77 429.391C235.89 422.83 230.17 415.267 224.57 407.704C218.48 399.48 212.95 390.755 208.03 381.78C197.57 362.698 188.92 342.835 183.67 321.579C180.7 309.558 177.71 297.578 176.89 285.177C176.86 284.787 176.32 284.436 176.02 284.065C176.02 280.73 176.02 277.404 176.02 274.069H176Z"
@@ -1180,12 +917,7 @@ useSeoMeta({
             />
           </g>
         </g>
-        <rect
-          y="194"
-          width="865"
-          height="318"
-          fill="url(#paint1_linear_419_237)"
-        />
+        <rect y="194" width="865" height="318" fill="url(#paint1_linear_419_237)" />
         <defs>
           <linearGradient
             id="paint0_linear_419_237"
@@ -1196,10 +928,7 @@ useSeoMeta({
             gradientUnits="userSpaceOnUse"
           >
             <stop stop-color="#E7FFEF" />
-            <stop
-              offset="0.678759"
-              stop-color="white"
-            />
+            <stop offset="0.678759" stop-color="white" />
           </linearGradient>
           <linearGradient
             id="paint1_linear_419_237"
@@ -1209,38 +938,17 @@ useSeoMeta({
             y2="315.861"
             gradientUnits="userSpaceOnUse"
           >
-            <stop
-              stop-color="#F9FFFB"
-              stop-opacity="0"
-            />
-            <stop
-              offset="1"
-              stop-color="#F9FFFB"
-            />
+            <stop stop-color="#F9FFFB" stop-opacity="0" />
+            <stop offset="1" stop-color="#F9FFFB" />
           </linearGradient>
           <clipPath id="clip0_419_237">
-            <rect
-              x="176"
-              width="512"
-              height="512"
-              rx="256"
-              fill="white"
-            />
+            <rect x="176" width="512" height="512" rx="256" fill="white" />
           </clipPath>
         </defs>
       </svg>
-      <svg
-        v-else
-        viewBox="0 0 512 512"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
+      <svg v-else viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
         <g clip-path="url(#clip0_127_331)">
-          <rect
-            width="512"
-            height="512"
-            fill="url(#paint0_linear_127_331)"
-          />
+          <rect width="512" height="512" fill="url(#paint0_linear_127_331)" />
           <g style="mix-blend-mode: overlay">
             <g opacity="0.5">
               <path
@@ -1264,24 +972,16 @@ useSeoMeta({
             gradientUnits="userSpaceOnUse"
           >
             <stop stop-color="#05CE45" />
-            <stop
-              offset="0.678759"
-              stop-color="#051F10"
-            />
+            <stop offset="0.678759" stop-color="#051F10" />
           </linearGradient>
           <clipPath id="clip0_127_331">
-            <rect
-              width="512"
-              height="512"
-              rx="256"
-              fill="white"
-            />
+            <rect width="512" height="512" rx="256" fill="white" />
           </clipPath>
         </defs>
       </svg>
       <div class="overlay">
         <h2 class="main-header">
-          Read more about <br>
+          Read more about <br />
           <strong class="main-header-strong">Modrinth</strong>
         </h2>
         <a
diff --git a/apps/knossos/src/pages/auth/authorize.vue b/apps/knossos/src/pages/auth/authorize.vue
index 17f5c63aa..dc5ee3088 100644
--- a/apps/knossos/src/pages/auth/authorize.vue
+++ b/apps/knossos/src/pages/auth/authorize.vue
@@ -1,9 +1,6 @@
 <template>
   <div>
-    <div
-      v-if="error"
-      class="oauth-items"
-    >
+    <div v-if="error" class="oauth-items">
       <div>
         <h1>{{ formatMessage(commonMessages.errorLabel) }}</h1>
       </div>
@@ -12,25 +9,13 @@
         {{ error.data.description }}
       </p>
     </div>
-    <div
-      v-else
-      class="oauth-items"
-    >
+    <div v-else class="oauth-items">
       <div class="connected-items">
         <div class="profile-pics">
-          <Avatar
-            size="md"
-            :src="app.icon_url"
-          />
+          <Avatar size="md" :src="app.icon_url" />
           <!-- <img class="profile-pic" :src="app.icon_url" alt="User profile picture" /> -->
-          <div class="connection-indicator">
-            →
-          </div>
-          <Avatar
-            size="md"
-            circle
-            :src="auth.user.avatar_url"
-          />
+          <div class="connection-indicator">→</div>
+          <Avatar size="md" circle :src="auth.user.avatar_url" />
           <!-- <img class="profile-pic" :src="auth.user.avatar_url" alt="User profile picture" /> -->
         </div>
       </div>
@@ -52,20 +37,14 @@
               </strong>
             </template>
             <template #creator-link="{ children }">
-              <nuxt-link
-                class="text-link"
-                :to="'/user/' + createdBy.id"
-              >
+              <nuxt-link class="text-link" :to="'/user/' + createdBy.id">
                 <component :is="() => normalizeChildren(children)" />
               </nuxt-link>
             </template>
           </IntlFormatted>
         </div>
         <div class="scope-items">
-          <div
-            v-for="scopeItem in scopeDefinitions"
-            :key="scopeItem"
-          >
+          <div v-for="scopeItem in scopeDefinitions" :key="scopeItem">
             <div class="scope-item">
               <div class="scope-icon">
                 <CheckIcon />
@@ -76,32 +55,18 @@
         </div>
       </div>
       <div class="button-row">
-        <Button
-          class="wide-button"
-          large
-          :action="onReject"
-          :disabled="pending"
-        >
+        <Button class="wide-button" large :action="onReject" :disabled="pending">
           <XIcon />
           {{ formatMessage(messages.decline) }}
         </Button>
-        <Button
-          class="wide-button"
-          color="primary"
-          large
-          :action="onAuthorize"
-          :disabled="pending"
-        >
+        <Button class="wide-button" color="primary" large :action="onAuthorize" :disabled="pending">
           <CheckIcon />
           {{ formatMessage(messages.authorize) }}
         </Button>
       </div>
       <div class="redirection-notice">
         <p class="redirect-instructions">
-          <IntlFormatted
-            :message-id="messages.redirectUrl"
-            :values="{ url: redirectUri }"
-          >
+          <IntlFormatted :message-id="messages.redirectUrl" :values="{ url: redirectUri }">
             <template #redirect-url="{ children }">
               <span class="redirect-url">
                 <component :is="() => normalizeChildren(children)" />
diff --git a/apps/knossos/src/pages/auth/reset-password.vue b/apps/knossos/src/pages/auth/reset-password.vue
index f8100856f..2b279b888 100644
--- a/apps/knossos/src/pages/auth/reset-password.vue
+++ b/apps/knossos/src/pages/auth/reset-password.vue
@@ -8,10 +8,7 @@
         </p>
 
         <div class="iconified-input">
-          <label
-            for="email"
-            hidden
-          >
+          <label for="email" hidden>
             {{ formatMessage(methodChoiceMessages.emailUsernameLabel) }}
           </label>
           <MailIcon />
@@ -22,7 +19,7 @@
             autocomplete="username"
             class="auth-form__input"
             :placeholder="formatMessage(methodChoiceMessages.emailUsernamePlaceholder)"
-          >
+          />
         </div>
 
         <NuxtTurnstile
@@ -32,11 +29,7 @@
           :options="{ theme: $colorMode.value === 'light' ? 'light' : 'dark' }"
         />
 
-        <button
-          class="btn btn-primary centered-btn"
-          :disabled="!token"
-          @click="recovery"
-        >
+        <button class="btn btn-primary centered-btn" :disabled="!token" @click="recovery">
           <SendIcon /> {{ formatMessage(methodChoiceMessages.action) }}
         </button>
       </template>
@@ -44,10 +37,7 @@
         <p>{{ formatMessage(postChallengeMessages.description) }}</p>
 
         <div class="iconified-input">
-          <label
-            for="password"
-            hidden
-          >{{ formatMessage(commonMessages.passwordLabel) }}</label>
+          <label for="password" hidden>{{ formatMessage(commonMessages.passwordLabel) }}</label>
           <KeyIcon />
           <input
             id="password"
@@ -56,14 +46,11 @@
             autocomplete="new-password"
             class="auth-form__input"
             :placeholder="formatMessage(commonMessages.passwordLabel)"
-          >
+          />
         </div>
 
         <div class="iconified-input">
-          <label
-            for="confirm-password"
-            hidden
-          >
+          <label for="confirm-password" hidden>
             {{ formatMessage(commonMessages.passwordLabel) }}
           </label>
           <KeyIcon />
@@ -74,13 +61,10 @@
             autocomplete="new-password"
             class="auth-form__input"
             :placeholder="formatMessage(postChallengeMessages.confirmPasswordLabel)"
-          >
+          />
         </div>
 
-        <button
-          class="auth-form__input btn btn-primary continue-btn"
-          @click="changePassword"
-        >
+        <button class="auth-form__input btn btn-primary continue-btn" @click="changePassword">
           {{ formatMessage(postChallengeMessages.action) }}
         </button>
       </template>
diff --git a/apps/knossos/src/pages/auth/sign-in.vue b/apps/knossos/src/pages/auth/sign-in.vue
index 58cf34778..79eb684c9 100644
--- a/apps/knossos/src/pages/auth/sign-in.vue
+++ b/apps/knossos/src/pages/auth/sign-in.vue
@@ -16,12 +16,9 @@
         autocomplete="one-time-code"
         autofocus
         @keyup.enter="begin2FASignIn"
-      >
+      />
 
-      <button
-        class="btn btn-primary continue-btn"
-        @click="begin2FASignIn"
-      >
+      <button class="btn btn-primary continue-btn" @click="begin2FASignIn">
         {{ formatMessage(commonMessages.signInButton) }} <RightArrowIcon />
       </button>
     </template>
@@ -29,45 +26,27 @@
       <h1>{{ formatMessage(messages.signInWithLabel) }}</h1>
 
       <section class="third-party">
-        <a
-          class="btn"
-          :href="getAuthUrl('discord', redirectTarget)"
-        >
+        <a class="btn" :href="getAuthUrl('discord', redirectTarget)">
           <SSODiscordIcon />
           <span>Discord</span>
         </a>
-        <a
-          class="btn"
-          :href="getAuthUrl('github', redirectTarget)"
-        >
+        <a class="btn" :href="getAuthUrl('github', redirectTarget)">
           <SSOGitHubIcon />
           <span>GitHub</span>
         </a>
-        <a
-          class="btn"
-          :href="getAuthUrl('microsoft', redirectTarget)"
-        >
+        <a class="btn" :href="getAuthUrl('microsoft', redirectTarget)">
           <SSOMicrosoftIcon />
           <span>Microsoft</span>
         </a>
-        <a
-          class="btn"
-          :href="getAuthUrl('google', redirectTarget)"
-        >
+        <a class="btn" :href="getAuthUrl('google', redirectTarget)">
           <SSOGoogleIcon />
           <span>Google</span>
         </a>
-        <a
-          class="btn"
-          :href="getAuthUrl('steam', redirectTarget)"
-        >
+        <a class="btn" :href="getAuthUrl('steam', redirectTarget)">
           <SSOSteamIcon />
           <span>Steam</span>
         </a>
-        <a
-          class="btn"
-          :href="getAuthUrl('gitlab', redirectTarget)"
-        >
+        <a class="btn" :href="getAuthUrl('gitlab', redirectTarget)">
           <SSOGitLabIcon />
           <span>GitLab</span>
         </a>
@@ -77,10 +56,7 @@
 
       <section class="auth-form">
         <div class="iconified-input">
-          <label
-            for="email"
-            hidden
-          >{{ formatMessage(messages.emailUsernameLabel) }}</label>
+          <label for="email" hidden>{{ formatMessage(messages.emailUsernameLabel) }}</label>
           <MailIcon />
           <input
             id="email"
@@ -89,14 +65,11 @@
             autocomplete="username"
             class="auth-form__input"
             :placeholder="formatMessage(messages.emailUsernameLabel)"
-          >
+          />
         </div>
 
         <div class="iconified-input">
-          <label
-            for="password"
-            hidden
-          >{{ formatMessage(messages.passwordLabel) }}</label>
+          <label for="password" hidden>{{ formatMessage(messages.passwordLabel) }}</label>
           <KeyIcon />
           <input
             id="password"
@@ -105,7 +78,7 @@
             autocomplete="current-password"
             class="auth-form__input"
             :placeholder="formatMessage(messages.passwordLabel)"
-          >
+          />
         </div>
 
         <NuxtTurnstile
@@ -126,18 +99,12 @@
         <div class="auth-form__additional-options">
           <IntlFormatted :message-id="messages.additionalOptionsLabel">
             <template #forgot-password-link="{ children }">
-              <NuxtLink
-                class="text-link"
-                to="/auth/reset-password"
-              >
+              <NuxtLink class="text-link" to="/auth/reset-password">
                 <component :is="() => children" />
               </NuxtLink>
             </template>
             <template #create-account-link="{ children }">
-              <NuxtLink
-                class="text-link"
-                :to="signUpLink"
-              >
+              <NuxtLink class="text-link" :to="signUpLink">
                 <component :is="() => children" />
               </NuxtLink>
             </template>
diff --git a/apps/knossos/src/pages/auth/sign-up.vue b/apps/knossos/src/pages/auth/sign-up.vue
index 353ca8c03..173b2d285 100644
--- a/apps/knossos/src/pages/auth/sign-up.vue
+++ b/apps/knossos/src/pages/auth/sign-up.vue
@@ -3,45 +3,27 @@
     <h1>{{ formatMessage(messages.signUpWithTitle) }}</h1>
 
     <section class="third-party">
-      <a
-        class="btn discord-btn"
-        :href="getAuthUrl('discord', redirectTarget)"
-      >
+      <a class="btn discord-btn" :href="getAuthUrl('discord', redirectTarget)">
         <SSODiscordIcon />
         <span>Discord</span>
       </a>
-      <a
-        class="btn"
-        :href="getAuthUrl('github', redirectTarget)"
-      >
+      <a class="btn" :href="getAuthUrl('github', redirectTarget)">
         <SSOGitHubIcon />
         <span>GitHub</span>
       </a>
-      <a
-        class="btn"
-        :href="getAuthUrl('microsoft', redirectTarget)"
-      >
+      <a class="btn" :href="getAuthUrl('microsoft', redirectTarget)">
         <SSOMicrosoftIcon />
         <span>Microsoft</span>
       </a>
-      <a
-        class="btn"
-        :href="getAuthUrl('google', redirectTarget)"
-      >
+      <a class="btn" :href="getAuthUrl('google', redirectTarget)">
         <SSOGoogleIcon />
         <span>Google</span>
       </a>
-      <a
-        class="btn"
-        :href="getAuthUrl('steam', redirectTarget)"
-      >
+      <a class="btn" :href="getAuthUrl('steam', redirectTarget)">
         <SSOSteamIcon />
         <span>Steam</span>
       </a>
-      <a
-        class="btn"
-        :href="getAuthUrl('gitlab', redirectTarget)"
-      >
+      <a class="btn" :href="getAuthUrl('gitlab', redirectTarget)">
         <SSOGitLabIcon />
         <span>GitLab</span>
       </a>
@@ -51,10 +33,7 @@
 
     <section class="auth-form">
       <div class="iconified-input">
-        <label
-          for="email"
-          hidden
-        >{{ formatMessage(messages.emailLabel) }}</label>
+        <label for="email" hidden>{{ formatMessage(messages.emailLabel) }}</label>
         <MailIcon />
         <input
           id="email"
@@ -63,14 +42,11 @@
           autocomplete="username"
           class="auth-form__input"
           :placeholder="formatMessage(messages.emailLabel)"
-        >
+        />
       </div>
 
       <div class="iconified-input">
-        <label
-          for="username"
-          hidden
-        >{{ formatMessage(messages.usernameLabel) }}</label>
+        <label for="username" hidden>{{ formatMessage(messages.usernameLabel) }}</label>
         <UserIcon />
         <input
           id="username"
@@ -79,14 +55,11 @@
           autocomplete="username"
           class="auth-form__input"
           :placeholder="formatMessage(messages.usernameLabel)"
-        >
+        />
       </div>
 
       <div class="iconified-input">
-        <label
-          for="password"
-          hidden
-        >{{ formatMessage(messages.passwordLabel) }}</label>
+        <label for="password" hidden>{{ formatMessage(messages.passwordLabel) }}</label>
         <KeyIcon />
         <input
           id="password"
@@ -95,14 +68,11 @@
           type="password"
           autocomplete="new-password"
           :placeholder="formatMessage(messages.passwordLabel)"
-        >
+        />
       </div>
 
       <div class="iconified-input">
-        <label
-          for="confirm-password"
-          hidden
-        >{{ formatMessage(messages.passwordLabel) }}</label>
+        <label for="confirm-password" hidden>{{ formatMessage(messages.passwordLabel) }}</label>
         <KeyIcon />
         <input
           id="confirm-password"
@@ -111,7 +81,7 @@
           autocomplete="new-password"
           class="auth-form__input"
           :placeholder="formatMessage(messages.confirmPasswordLabel)"
-        >
+        />
       </div>
 
       <Checkbox
@@ -124,18 +94,12 @@
       <p>
         <IntlFormatted :message-id="messages.legalDisclaimer">
           <template #terms-link="{ children }">
-            <NuxtLink
-              to="/legal/terms"
-              class="text-link"
-            >
+            <NuxtLink to="/legal/terms" class="text-link">
               <component :is="() => children" />
             </NuxtLink>
           </template>
           <template #privacy-policy-link="{ children }">
-            <NuxtLink
-              to="/legal/privacy"
-              class="text-link"
-            >
+            <NuxtLink to="/legal/privacy" class="text-link">
               <component :is="() => children" />
             </NuxtLink>
           </template>
@@ -159,10 +123,7 @@
 
       <div class="auth-form__additional-options">
         {{ formatMessage(messages.alreadyHaveAccountLabel) }}
-        <NuxtLink
-          class="text-link"
-          :to="signInLink"
-        >
+        <NuxtLink class="text-link" :to="signInLink">
           {{ formatMessage(commonMessages.signInButton) }}
         </NuxtLink>
       </div>
diff --git a/apps/knossos/src/pages/auth/verify-email.vue b/apps/knossos/src/pages/auth/verify-email.vue
index f22d7e72f..918817279 100644
--- a/apps/knossos/src/pages/auth/verify-email.vue
+++ b/apps/knossos/src/pages/auth/verify-email.vue
@@ -6,10 +6,7 @@
       <section class="auth-form">
         <p>{{ formatMessage(alreadyVerifiedMessages.description) }}</p>
 
-        <NuxtLink
-          class="btn"
-          to="/settings/account"
-        >
+        <NuxtLink class="btn" to="/settings/account">
           <SettingsIcon /> {{ formatMessage(messages.accountSettings) }}
         </NuxtLink>
       </section>
@@ -21,18 +18,10 @@
       <section class="auth-form">
         <p>{{ formatMessage(postVerificationMessages.description) }}</p>
 
-        <NuxtLink
-          v-if="auth.user"
-          class="btn"
-          link="/settings/account"
-        >
+        <NuxtLink v-if="auth.user" class="btn" link="/settings/account">
           <SettingsIcon /> {{ formatMessage(messages.accountSettings) }}
         </NuxtLink>
-        <NuxtLink
-          v-else
-          to="/auth/sign-in"
-          class="btn btn-primary continue-btn centered-btn"
-        >
+        <NuxtLink v-else to="/auth/sign-in" class="btn btn-primary continue-btn centered-btn">
           {{ formatMessage(messages.signIn) }} <RightArrowIcon />
         </NuxtLink>
       </section>
@@ -51,19 +40,11 @@
           </template>
         </p>
 
-        <button
-          v-if="auth.user"
-          class="btn btn-primary continue-btn"
-          @click="resendVerifyEmail"
-        >
+        <button v-if="auth.user" class="btn btn-primary continue-btn" @click="resendVerifyEmail">
           {{ formatMessage(failedVerificationMessages.action) }} <RightArrowIcon />
         </button>
 
-        <NuxtLink
-          v-else
-          to="/auth/sign-in"
-          class="btn btn-primary continue-btn centered-btn"
-        >
+        <NuxtLink v-else to="/auth/sign-in" class="btn btn-primary continue-btn centered-btn">
           {{ formatMessage(messages.signIn) }} <RightArrowIcon />
         </NuxtLink>
       </section>
diff --git a/apps/knossos/src/pages/auth/welcome.vue b/apps/knossos/src/pages/auth/welcome.vue
index 37e13c291..dff2eddfb 100644
--- a/apps/knossos/src/pages/auth/welcome.vue
+++ b/apps/knossos/src/pages/auth/welcome.vue
@@ -14,28 +14,19 @@
         :description="formatMessage(messages.subscribeCheckbox)"
       />
 
-      <button
-        class="btn btn-primary continue-btn centered-btn"
-        @click="continueSignUp"
-      >
+      <button class="btn btn-primary continue-btn centered-btn" @click="continueSignUp">
         {{ formatMessage(commonMessages.continueButton) }} <RightArrowIcon />
       </button>
 
       <p>
         <IntlFormatted :message-id="messages.tosLabel">
           <template #terms-link="{ children }">
-            <NuxtLink
-              to="/legal/terms"
-              class="text-link"
-            >
+            <NuxtLink to="/legal/terms" class="text-link">
               <component :is="() => children" />
             </NuxtLink>
           </template>
           <template #privacy-policy-link="{ children }">
-            <NuxtLink
-              to="/legal/privacy"
-              class="text-link"
-            >
+            <NuxtLink to="/legal/privacy" class="text-link">
               <component :is="() => children" />
             </NuxtLink>
           </template>
diff --git a/apps/knossos/src/pages/collection/[id].vue b/apps/knossos/src/pages/collection/[id].vue
index e48e7046a..a30a3f170 100644
--- a/apps/knossos/src/pages/collection/[id].vue
+++ b/apps/knossos/src/pages/collection/[id].vue
@@ -18,20 +18,13 @@
                 <EditIcon />
                 {{ formatMessage(commonMessages.editButton) }}
               </Button>
-              <Button
-                id="delete-collection"
-                @click="() => $refs.deleteModal.show()"
-              >
+              <Button id="delete-collection" @click="() => $refs.deleteModal.show()">
                 <TrashIcon />
                 {{ formatMessage(commonMessages.deleteLabel) }}
               </Button>
             </template>
             <template v-else-if="canEdit && isEditing === true">
-              <PopoutMenu
-                class="btn"
-                position="bottom"
-                direction="right"
-              >
+              <PopoutMenu class="btn" position="bottom" direction="right">
                 <EditIcon /> {{ formatMessage(messages.editIconButton) }}
                 <template #menu>
                   <span class="icon-edit-menu">
@@ -79,23 +72,14 @@
               <label for="collection-title">
                 <span class="label__title"> {{ formatMessage(commonMessages.titleLabel) }} </span>
               </label>
-              <input
-                id="collection-title"
-                v-model="name"
-                maxlength="255"
-                type="text"
-              >
+              <input id="collection-title" v-model="name" maxlength="255" type="text" />
               <label for="collection-description">
                 <span class="label__title">
                   {{ formatMessage(commonMessages.descriptionLabel) }}
                 </span>
               </label>
               <div class="textarea-wrapper">
-                <textarea
-                  id="collection-description"
-                  v-model="summary"
-                  maxlength="255"
-                />
+                <textarea id="collection-description" v-model="summary" maxlength="255" />
               </div>
               <label for="visibility">
                 <span class="label__title">
@@ -122,10 +106,7 @@
                 <XIcon />
                 {{ formatMessage(commonMessages.cancelButton) }}
               </Button>
-              <Button
-                color="primary"
-                @click="saveChanges()"
-              >
+              <Button color="primary" @click="saveChanges()">
                 <SaveIcon />
                 {{ formatMessage(commonMessages.saveButton) }}
               </Button>
@@ -134,10 +115,7 @@
           <!-- Content -->
           <template v-if="!isEditing">
             <div class="page-header__icon">
-              <Avatar
-                size="md"
-                :src="collection.icon_url"
-              />
+              <Avatar size="md" :src="collection.icon_url" />
             </div>
             <div class="page-header__text">
               <h1 class="title">
@@ -155,44 +133,29 @@
                   <p>{{ collection.description }}</p>
                 </div>
 
-                <hr class="card-divider">
+                <hr class="card-divider" />
 
-                <div
-                  v-if="canEdit"
-                  class="primary-stat"
-                >
+                <div v-if="canEdit" class="primary-stat">
                   <template v-if="collection.status === 'listed'">
-                    <WorldIcon
-                      class="primary-stat__icon"
-                      aria-hidden="true"
-                    />
+                    <WorldIcon class="primary-stat__icon" aria-hidden="true" />
                     <div class="primary-stat__text">
                       <strong> {{ formatMessage(commonMessages.publicLabel) }} </strong>
                     </div>
                   </template>
                   <template v-else-if="collection.status === 'unlisted'">
-                    <LinkIcon
-                      class="primary-stat__icon"
-                      aria-hidden="true"
-                    />
+                    <LinkIcon class="primary-stat__icon" aria-hidden="true" />
                     <div class="primary-stat__text">
                       <strong> {{ formatMessage(commonMessages.unlistedLabel) }} </strong>
                     </div>
                   </template>
                   <template v-else-if="collection.status === 'private'">
-                    <LockIcon
-                      class="primary-stat__icon"
-                      aria-hidden="true"
-                    />
+                    <LockIcon class="primary-stat__icon" aria-hidden="true" />
                     <div class="primary-stat__text">
                       <strong> {{ formatMessage(commonMessages.privateLabel) }} </strong>
                     </div>
                   </template>
                   <template v-else-if="collection.status === 'rejected'">
-                    <XIcon
-                      class="primary-stat__icon"
-                      aria-hidden="true"
-                    />
+                    <XIcon class="primary-stat__icon" aria-hidden="true" />
                     <div class="primary-stat__text">
                       <strong> {{ formatMessage(commonMessages.rejectedLabel) }} </strong>
                     </div>
@@ -201,14 +164,8 @@
               </div>
 
               <div class="primary-stat">
-                <LibraryIcon
-                  class="primary-stat__icon"
-                  aria-hidden="true"
-                />
-                <div
-                  v-if="projects"
-                  class="primary-stat__text"
-                >
+                <LibraryIcon class="primary-stat__icon" aria-hidden="true" />
+                <div v-if="projects" class="primary-stat__text">
                   <IntlFormatted
                     :message-id="messages.projectsCountLabel"
                     :values="{ count: formatCompactNumber(projects.length || 0) }"
@@ -243,10 +200,7 @@
                 </div>
               </div>
 
-              <div
-                v-if="collection.id !== 'following'"
-                class="metadata-item"
-              >
+              <div v-if="collection.id !== 'following'" class="metadata-item">
                 <div
                   v-tooltip="
                     formatMessage(commonMessages.dateAtTimeTooltip, {
@@ -268,7 +222,7 @@
               </div>
             </div>
 
-            <hr class="card-divider">
+            <hr class="card-divider" />
 
             <div class="collection-info">
               <h2 class="card-header">
@@ -279,12 +233,7 @@
                   class="team-member columns button-transparent"
                   :to="'/user/' + creator.username"
                 >
-                  <Avatar
-                    :src="creator.avatar_url"
-                    :alt="creator.username"
-                    size="sm"
-                    circle
-                  />
+                  <Avatar :src="creator.avatar_url" :alt="creator.username" size="sm" circle />
 
                   <div class="member-info">
                     <p class="name">
@@ -354,10 +303,10 @@
           <ProjectCard
             v-for="project in (route.params.projectType !== undefined
               ? projects.filter(
-                (x) =>
-                  x.project_type ===
-                  route.params.projectType.substr(0, route.params.projectType.length - 1)
-              )
+                  (x) =>
+                    x.project_type ===
+                    route.params.projectType.substr(0, route.params.projectType.length - 1)
+                )
               : projects
             )
               .slice()
@@ -403,30 +352,18 @@
             </button>
           </ProjectCard>
         </div>
-        <div
-          v-else
-          class="error"
-        >
-          <UpToDate class="icon" /><br>
-          <span
-            v-if="auth.user && auth.user.id === creator.id"
-            class="preserve-lines text"
-          >
+        <div v-else class="error">
+          <UpToDate class="icon" /><br />
+          <span v-if="auth.user && auth.user.id === creator.id" class="preserve-lines text">
             <IntlFormatted :message-id="messages.noProjectsAuthLabel">
               <template #create-link="{ children }">
-                <a
-                  class="link"
-                  @click.prevent="$router.push('/mods')"
-                >
+                <a class="link" @click.prevent="$router.push('/mods')">
                   <component :is="() => children" />
                 </a>
               </template>
             </IntlFormatted>
           </span>
-          <span
-            v-else
-            class="text"
-          >{{ formatMessage(messages.noProjectsLabel) }}</span>
+          <span v-else class="text">{{ formatMessage(messages.noProjectsLabel) }}</span>
         </div>
       </div>
     </div>
diff --git a/apps/knossos/src/pages/dashboard.vue b/apps/knossos/src/pages/dashboard.vue
index 89ca1df53..c8b13b842 100644
--- a/apps/knossos/src/pages/dashboard.vue
+++ b/apps/knossos/src/pages/dashboard.vue
@@ -4,44 +4,24 @@
       <aside class="universal-card">
         <h1>Dashboard</h1>
         <NavStack>
-          <NavStackItem
-            link="/dashboard"
-            label="Overview"
-          >
+          <NavStackItem link="/dashboard" label="Overview">
             <DashboardIcon />
           </NavStackItem>
-          <NavStackItem
-            link="/dashboard/notifications"
-            label="Notifications"
-          >
+          <NavStackItem link="/dashboard/notifications" label="Notifications">
             <NotificationsIcon />
           </NavStackItem>
-          <NavStackItem
-            link="/dashboard/reports"
-            label="Active reports"
-          >
+          <NavStackItem link="/dashboard/reports" label="Active reports">
             <ReportIcon />
           </NavStackItem>
-          <NavStackItem
-            link="/dashboard/analytics"
-            label="Analytics"
-          >
+          <NavStackItem link="/dashboard/analytics" label="Analytics">
             <ChartIcon />
           </NavStackItem>
 
           <h3>Manage</h3>
-          <NavStackItem
-            v-if="true"
-            link="/dashboard/projects"
-            label="Projects"
-          >
+          <NavStackItem v-if="true" link="/dashboard/projects" label="Projects">
             <ListIcon />
           </NavStackItem>
-          <NavStackItem
-            v-if="true"
-            link="/dashboard/organizations"
-            label="Organizations"
-          >
+          <NavStackItem v-if="true" link="/dashboard/organizations" label="Organizations">
             <OrganizationIcon />
           </NavStackItem>
           <NavStackItem
@@ -50,10 +30,7 @@
           >
             <LibraryIcon />
           </NavStackItem>
-          <NavStackItem
-            link="/dashboard/revenue"
-            label="Revenue"
-          >
+          <NavStackItem link="/dashboard/revenue" label="Revenue">
             <CurrencyIcon />
           </NavStackItem>
         </NavStack>
diff --git a/apps/knossos/src/pages/dashboard/analytics.vue b/apps/knossos/src/pages/dashboard/analytics.vue
index fc5fd0743..06829ee67 100644
--- a/apps/knossos/src/pages/dashboard/analytics.vue
+++ b/apps/knossos/src/pages/dashboard/analytics.vue
@@ -1,9 +1,6 @@
 <template>
   <div>
-    <ChartDisplay
-      :projects="projects ?? undefined"
-      :personal="true"
-    />
+    <ChartDisplay :projects="projects ?? undefined" :personal="true" />
   </div>
 </template>
 
diff --git a/apps/knossos/src/pages/dashboard/collections.vue b/apps/knossos/src/pages/dashboard/collections.vue
index 0906170ea..2a3d4212c 100644
--- a/apps/knossos/src/pages/dashboard/collections.vue
+++ b/apps/knossos/src/pages/dashboard/collections.vue
@@ -4,28 +4,14 @@
     <h2>{{ formatMessage(commonMessages.collectionsLabel) }}</h2>
     <div class="search-row">
       <div class="iconified-input">
-        <label
-          for="search-input"
-          hidden
-        >{{ formatMessage(messages.searchInputLabel) }}</label>
+        <label for="search-input" hidden>{{ formatMessage(messages.searchInputLabel) }}</label>
         <SearchIcon />
-        <input
-          id="search-input"
-          v-model="filterQuery"
-          type="text"
-        >
-        <Button
-          v-if="filterQuery"
-          class="r-btn"
-          @click="() => (filterQuery = '')"
-        >
+        <input id="search-input" v-model="filterQuery" type="text" />
+        <Button v-if="filterQuery" class="r-btn" @click="() => (filterQuery = '')">
           <XIcon />
         </Button>
       </div>
-      <Button
-        color="primary"
-        @click="$refs.modal_creation.show()"
-      >
+      <Button color="primary" @click="$refs.modal_creation.show()">
         <PlusIcon /> {{ formatMessage(messages.createNewButton) }}
       </Button>
     </div>
@@ -35,10 +21,7 @@
         :to="`/collection/following`"
         class="universal-card recessed collection"
       >
-        <Avatar
-          src="https://cdn.modrinth.com/follow-collection.png"
-          class="icon"
-        />
+        <Avatar src="https://cdn.modrinth.com/follow-collection.png" class="icon" />
         <div class="details">
           <span class="title">{{ formatMessage(commonMessages.followedProjectsLabel) }}</span>
           <span class="description">
@@ -65,10 +48,7 @@
         :to="`/collection/${collection.id}`"
         class="universal-card recessed collection"
       >
-        <Avatar
-          :src="collection.icon_url"
-          class="icon"
-        />
+        <Avatar :src="collection.icon_url" class="icon" />
         <div class="details">
           <span class="title">{{ collection.name }}</span>
           <span class="description">
diff --git a/apps/knossos/src/pages/dashboard/index.vue b/apps/knossos/src/pages/dashboard/index.vue
index ac19e25a3..67e06301e 100644
--- a/apps/knossos/src/pages/dashboard/index.vue
+++ b/apps/knossos/src/pages/dashboard/index.vue
@@ -1,34 +1,21 @@
 <template>
   <div class="dashboard-overview">
     <section class="universal-card dashboard-header">
-      <Avatar
-        :src="auth.user.avatar_url"
-        size="md"
-        circle
-        :alt="auth.user.username"
-      />
+      <Avatar :src="auth.user.avatar_url" size="md" circle :alt="auth.user.username" />
       <div class="username">
         <h1>
           {{ auth.user.username }}
         </h1>
-        <NuxtLink
-          class="goto-link"
-          :to="`/user/${auth.user.username}`"
-        >
+        <NuxtLink class="goto-link" :to="`/user/${auth.user.username}`">
           Visit your profile
-          <ChevronRightIcon
-            class="featured-header-chevron"
-            aria-hidden="true"
-          />
+          <ChevronRightIcon class="featured-header-chevron" aria-hidden="true" />
         </NuxtLink>
       </div>
     </section>
     <div class="dashboard-notifications">
       <section class="universal-card">
         <div class="header__row">
-          <h2 class="header__title">
-            Notifications
-          </h2>
+          <h2 class="header__title">Notifications</h2>
           <nuxt-link
             v-if="notifications.length > 0"
             class="goto-link"
@@ -58,15 +45,9 @@
             <ChevronRightIcon />
           </nuxt-link>
         </template>
-        <div
-          v-else
-          class="universal-body"
-        >
+        <div v-else class="universal-body">
           <p>You have no unread notifications.</p>
-          <nuxt-link
-            class="iconified-button"
-            to="/dashboard/notifications/history"
-          >
+          <nuxt-link class="iconified-button" to="/dashboard/notifications/history">
             <HistoryIcon /> View notification history
           </nuxt-link>
         </div>
@@ -78,15 +59,15 @@
         <h2>Analytics</h2>
         <div class="grid-display">
           <div class="grid-display__item">
-            <div class="label">
-              Total downloads
-            </div>
+            <div class="label">Total downloads</div>
             <div class="value">
               {{ $formatNumber(projects.reduce((agg, x) => agg + x.downloads, 0)) }}
             </div>
-            <span>from
+            <span
+              >from
               {{ downloadsProjectCount }}
-              project{{ downloadsProjectCount === 1 ? '' : 's' }}</span>
+              project{{ downloadsProjectCount === 1 ? '' : 's' }}</span
+            >
             <!--          <NuxtLink class="goto-link" to="/dashboard/analytics"-->
             <!--            >View breakdown-->
             <!--            <ChevronRightIcon-->
@@ -95,21 +76,20 @@
             <!--          /></NuxtLink>-->
           </div>
           <div class="grid-display__item">
-            <div class="label">
-              Total followers
-            </div>
+            <div class="label">Total followers</div>
             <div class="value">
               {{ $formatNumber(projects.reduce((agg, x) => agg + x.followers, 0)) }}
             </div>
             <span>
-              <span>from {{ followersProjectCount }} project{{
-                followersProjectCount === 1 ? '' : 's'
-              }}</span></span>
+              <span
+                >from {{ followersProjectCount }} project{{
+                  followersProjectCount === 1 ? '' : 's'
+                }}</span
+              ></span
+            >
           </div>
           <div class="grid-display__item">
-            <div class="label">
-              Current balance
-            </div>
+            <div class="label">Current balance</div>
             <div class="value">
               {{ $formatMoney(auth.user.payout_data.balance, true) }}
             </div>
@@ -119,10 +99,7 @@
               to="/dashboard/revenue"
             >
               Withdraw earnings
-              <ChevronRightIcon
-                class="featured-header-chevron"
-                aria-hidden="true"
-              />
+              <ChevronRightIcon class="featured-header-chevron" aria-hidden="true" />
             </NuxtLink>
           </div>
         </div>
diff --git a/apps/knossos/src/pages/dashboard/notifications.vue b/apps/knossos/src/pages/dashboard/notifications.vue
index 298aae32c..700c96c75 100644
--- a/apps/knossos/src/pages/dashboard/notifications.vue
+++ b/apps/knossos/src/pages/dashboard/notifications.vue
@@ -8,25 +8,12 @@
       />
       <div class="header__row">
         <div class="header__title">
-          <h2 v-if="history">
-            Notification history
-          </h2>
-          <h2 v-else>
-            Notifications
-          </h2>
+          <h2 v-if="history">Notification history</h2>
+          <h2 v-else>Notifications</h2>
         </div>
         <template v-if="!history">
-          <Button
-            v-if="hasRead"
-            @click="updateRoute()"
-          >
-            <HistoryIcon /> View history
-          </Button>
-          <Button
-            v-if="notifications.length > 0"
-            color="danger"
-            @click="readAll()"
-          >
+          <Button v-if="hasRead" @click="updateRoute()"> <HistoryIcon /> View history </Button>
+          <Button v-if="notifications.length > 0" color="danger" @click="readAll()">
             <CheckCheckIcon /> Mark all as read
           </Button>
         </template>
@@ -38,9 +25,7 @@
         :format-label="(x) => (x === 'all' ? 'All' : $formatProjectType(x).replace('_', ' ') + 's')"
         :capitalize="false"
       />
-      <p v-if="pending">
-        Loading notifications...
-      </p>
+      <p v-if="pending">Loading notifications...</p>
       <template v-else-if="error">
         <p>Error loading notifications:</p>
         <pre>
@@ -59,14 +44,8 @@
           @update:notifications="() => refresh()"
         />
       </template>
-      <p v-else>
-        You don't have any unread notifications.
-      </p>
-      <Pagination
-        :page="page"
-        :count="pages"
-        @switch-page="changePage"
-      />
+      <p v-else>You don't have any unread notifications.</p>
+      <Pagination :page="page" :count="pages" @switch-page="changePage" />
     </section>
   </div>
 </template>
diff --git a/apps/knossos/src/pages/dashboard/organizations.vue b/apps/knossos/src/pages/dashboard/organizations.vue
index 5a0154eaa..b9eb6d413 100644
--- a/apps/knossos/src/pages/dashboard/organizations.vue
+++ b/apps/knossos/src/pages/dashboard/organizations.vue
@@ -3,14 +3,9 @@
     <OrganizationCreateModal ref="createOrgModal" />
     <section class="universal-card">
       <div class="header__row">
-        <h2 class="header__title">
-          Organizations
-        </h2>
+        <h2 class="header__title">Organizations</h2>
         <div class="input-group">
-          <button
-            class="iconified-button brand-button"
-            @click="openCreateOrgModal"
-          >
+          <button class="iconified-button brand-button" @click="openCreateOrgModal">
             <PlusIcon />
             Create organization
           </button>
@@ -25,11 +20,7 @@
             class="universal-card button-base recessed org"
             :class="{ 'is-disabled': onlyAcceptedMembers(org.members).length === 0 }"
           >
-            <Avatar
-              :src="org.icon_url"
-              :alt="org.name"
-              class="icon"
-            />
+            <Avatar :src="org.icon_url" :alt="org.name" class="icon" />
             <div class="details">
               <div class="title">
                 {{ org.name }}
@@ -43,7 +34,8 @@
                   <span>
                     {{ onlyAcceptedMembers(org.members).length }} member<template
                       v-if="onlyAcceptedMembers(org.members).length !== 1"
-                    >s</template>
+                      >s</template
+                    >
                   </span>
                 </div>
               </span>
@@ -51,9 +43,7 @@
           </nuxt-link>
         </div>
       </template>
-      <template v-else>
-        Make an organization!
-      </template>
+      <template v-else> Make an organization! </template>
     </section>
   </div>
 </template>
diff --git a/apps/knossos/src/pages/dashboard/projects.vue b/apps/knossos/src/pages/dashboard/projects.vue
index 4f1f73a94..4f65d4da1 100644
--- a/apps/knossos/src/pages/dashboard/projects.vue
+++ b/apps/knossos/src/pages/dashboard/projects.vue
@@ -1,9 +1,6 @@
 <template>
   <div>
-    <Modal
-      ref="editLinksModal"
-      header="Edit links"
-    >
+    <Modal ref="editLinksModal" header="Edit links">
       <div class="universal-modal links-modal">
         <p>
           Any links you specify below will be overwritten on each of the selected projects. Any you
@@ -27,7 +24,7 @@
                 editLinks.issues.clear ? 'Existing link will be cleared' : 'Enter a valid URL'
               "
               maxlength="2048"
-            >
+            />
             <button
               v-tooltip="'Clear link'"
               aria-label="Clear link"
@@ -54,7 +51,7 @@
               :placeholder="
                 editLinks.source.clear ? 'Existing link will be cleared' : 'Enter a valid URL'
               "
-            >
+            />
             <button
               v-tooltip="'Clear link'"
               aria-label="Clear link"
@@ -81,7 +78,7 @@
               :placeholder="
                 editLinks.wiki.clear ? 'Existing link will be cleared' : 'Enter a valid URL'
               "
-            >
+            />
             <button
               v-tooltip="'Clear link'"
               aria-label="Clear link"
@@ -92,10 +89,7 @@
               <TrashIcon />
             </button>
           </div>
-          <label
-            for="discord-invite-input"
-            title="An invitation link to your Discord server."
-          >
+          <label for="discord-invite-input" title="An invitation link to your Discord server.">
             <span class="label__title">Discord invite</span>
           </label>
           <div class="input-group shrink-first">
@@ -110,7 +104,7 @@
                   ? 'Existing link will be cleared'
                   : 'Enter a valid Discord invite URL'
               "
-            >
+            />
             <button
               v-tooltip="'Clear link'"
               aria-label="Clear link"
@@ -151,17 +145,11 @@
           :collapsing-toggle-style="true"
         />
         <div class="push-right input-group">
-          <button
-            class="iconified-button"
-            @click="$refs.editLinksModal.hide()"
-          >
+          <button class="iconified-button" @click="$refs.editLinksModal.hide()">
             <CrossIcon />
             Cancel
           </button>
-          <button
-            class="iconified-button brand-button"
-            @click="bulkEditLinks()"
-          >
+          <button class="iconified-button brand-button" @click="bulkEditLinks()">
             <SaveIcon />
             Save changes
           </button>
@@ -171,14 +159,9 @@
     <ModalCreation ref="modal_creation" />
     <section class="universal-card">
       <div class="header__row">
-        <h2 class="header__title">
-          Projects
-        </h2>
+        <h2 class="header__title">Projects</h2>
         <div class="input-group">
-          <button
-            class="iconified-button brand-button"
-            @click="$refs.modal_creation.show()"
-          >
+          <button class="iconified-button brand-button" @click="$refs.modal_creation.show()">
             <PlusIcon />
             {{ formatMessage(commonMessages.createAProjectButton) }}
           </button>
@@ -241,11 +224,7 @@
             <div>Status</div>
             <div />
           </div>
-          <div
-            v-for="project in projects"
-            :key="`project-${project.id}`"
-            class="grid-table__row"
-          >
+          <div v-for="project in projects" :key="`project-${project.id}`" class="grid-table__row">
             <div>
               <Checkbox
                 :disabled="(project.permissions & EDIT_DETAILS) === EDIT_DETAILS"
@@ -300,11 +279,7 @@
             </div>
 
             <div>
-              <Badge
-                v-if="project.status"
-                :type="project.status"
-                class="status"
-              />
+              <Badge v-if="project.status" :type="project.status" class="status" />
             </div>
 
             <div>
diff --git a/apps/knossos/src/pages/dashboard/revenue/index.vue b/apps/knossos/src/pages/dashboard/revenue/index.vue
index c68f23b69..6fd19a8a3 100644
--- a/apps/knossos/src/pages/dashboard/revenue/index.vue
+++ b/apps/knossos/src/pages/dashboard/revenue/index.vue
@@ -11,7 +11,8 @@
       </div>
       <p v-else>
         You have made
-        <strong>{{ $formatMoney(auth.user.payout_data.balance) }}</strong>, which is under the minimum of ${{ minWithdraw }} to withdraw.
+        <strong>{{ $formatMoney(auth.user.payout_data.balance) }}</strong
+        >, which is under the minimum of ${{ minWithdraw }} to withdraw.
       </p>
       <div class="input-group">
         <nuxt-link
@@ -21,28 +22,15 @@
         >
           <TransferIcon /> Withdraw
         </nuxt-link>
-        <NuxtLink
-          class="iconified-button"
-          to="/dashboard/revenue/transfers"
-        >
+        <NuxtLink class="iconified-button" to="/dashboard/revenue/transfers">
           <HistoryIcon /> View transfer history
         </NuxtLink>
       </div>
       <p>
         By uploading projects to Modrinth and withdrawing money from your account, you agree to the
-        <nuxt-link
-          to="/legal/cmp"
-          class="text-link"
-        >
-          Rewards Program Terms
-        </nuxt-link>. For more
+        <nuxt-link to="/legal/cmp" class="text-link"> Rewards Program Terms </nuxt-link>. For more
         information on how the rewards system works, see our information page
-        <nuxt-link
-          to="/legal/cmp-info"
-          class="text-link"
-        >
-          here
-        </nuxt-link>.
+        <nuxt-link to="/legal/cmp-info" class="text-link"> here </nuxt-link>.
       </p>
     </section>
     <section class="universal-card">
@@ -54,19 +42,13 @@
           email
           {{ auth.user.payout_data.paypal_address }}
         </p>
-        <button
-          class="btn"
-          @click="removeAuthProvider('paypal')"
-        >
+        <button class="btn" @click="removeAuthProvider('paypal')">
           <XIcon /> Disconnect account
         </button>
       </template>
       <template v-else>
         <p>Connect your PayPal account to enable withdrawing to your PayPal balance.</p>
-        <a
-          class="btn"
-          :href="`${getAuthUrl('paypal')}&token=${auth.token}`"
-        >
+        <a class="btn" :href="`${getAuthUrl('paypal')}&token=${auth.token}`">
           <PayPalIcon />
           Sign in with PayPal
         </a>
@@ -75,19 +57,11 @@
       <p>
         Tremendous payments are sent to your Modrinth email. To change/set your Modrinth email,
         visit
-        <nuxt-link
-          to="/settings/account"
-          class="text-link"
-        >
-          here
-        </nuxt-link>.
+        <nuxt-link to="/settings/account" class="text-link"> here </nuxt-link>.
       </p>
       <h3>Venmo</h3>
       <p>Enter your Venmo username below to enable withdrawing to your Venmo balance.</p>
-      <label
-        class="hidden"
-        for="venmo"
-      >Venmo address</label>
+      <label class="hidden" for="venmo">Venmo address</label>
       <input
         id="venmo"
         v-model="auth.user.payout_data.venmo_handle"
@@ -95,13 +69,8 @@
         name="search"
         placeholder="@example"
         autocomplete="off"
-      >
-      <button
-        class="btn btn-secondary"
-        @click="updateVenmo"
-      >
-        <SaveIcon /> Save information
-      </button>
+      />
+      <button class="btn btn-secondary" @click="updateVenmo"><SaveIcon /> Save information</button>
     </section>
   </div>
 </template>
diff --git a/apps/knossos/src/pages/dashboard/revenue/transfers.vue b/apps/knossos/src/pages/dashboard/revenue/transfers.vue
index 174f0694e..25c1bd425 100644
--- a/apps/knossos/src/pages/dashboard/revenue/transfers.vue
+++ b/apps/knossos/src/pages/dashboard/revenue/transfers.vue
@@ -28,20 +28,20 @@
           selectedYear !== 'all'
             ? selectedMethod !== 'all'
               ? formatMessage(messages.transfersTotalYearMethod, {
-                amount: $formatMoney(totalAmount),
-                year: selectedYear,
-                method: selectedMethod,
-              })
+                  amount: $formatMoney(totalAmount),
+                  year: selectedYear,
+                  method: selectedMethod,
+                })
               : formatMessage(messages.transfersTotalYear, {
-                amount: $formatMoney(totalAmount),
-                year: selectedYear,
-              })
+                  amount: $formatMoney(totalAmount),
+                  year: selectedYear,
+                })
             : selectedMethod !== 'all'
-              ? formatMessage(messages.transfersTotalMethod, {
+            ? formatMessage(messages.transfersTotalMethod, {
                 amount: $formatMoney(totalAmount),
                 method: selectedMethod,
               })
-              : formatMessage(messages.transfersTotal, { amount: $formatMoney(totalAmount) })
+            : formatMessage(messages.transfersTotal, { amount: $formatMoney(totalAmount) })
         }}
       </p>
       <div
@@ -63,41 +63,16 @@
           </div>
           <div>
             <span class="amount">{{ $formatMoney(payout.amount) }}</span>
-            <template v-if="payout.fee">
-              ⋅ Fee {{ $formatMoney(payout.fee) }}
-            </template>
+            <template v-if="payout.fee"> ⋅ Fee {{ $formatMoney(payout.fee) }} </template>
           </div>
           <div class="payout-status">
             <span>
-              <Badge
-                v-if="payout.status === 'success'"
-                color="green"
-                type="Success"
-              />
-              <Badge
-                v-else-if="payout.status === 'cancelling'"
-                color="yellow"
-                type="Cancelling"
-              />
-              <Badge
-                v-else-if="payout.status === 'cancelled'"
-                color="red"
-                type="Cancelled"
-              />
-              <Badge
-                v-else-if="payout.status === 'failed'"
-                color="red"
-                type="Failed"
-              />
-              <Badge
-                v-else-if="payout.status === 'in-transit'"
-                color="yellow"
-                type="In transit"
-              />
-              <Badge
-                v-else
-                :type="payout.status"
-              />
+              <Badge v-if="payout.status === 'success'" color="green" type="Success" />
+              <Badge v-else-if="payout.status === 'cancelling'" color="yellow" type="Cancelling" />
+              <Badge v-else-if="payout.status === 'cancelled'" color="red" type="Cancelled" />
+              <Badge v-else-if="payout.status === 'failed'" color="red" type="Failed" />
+              <Badge v-else-if="payout.status === 'in-transit'" color="yellow" type="In transit" />
+              <Badge v-else :type="payout.status" />
             </span>
             <template v-if="payout.method">
               <span>⋅</span>
diff --git a/apps/knossos/src/pages/dashboard/revenue/withdraw.vue b/apps/knossos/src/pages/dashboard/revenue/withdraw.vue
index d67594746..608b453c4 100644
--- a/apps/knossos/src/pages/dashboard/revenue/withdraw.vue
+++ b/apps/knossos/src/pages/dashboard/revenue/withdraw.vue
@@ -25,10 +25,7 @@
     <h3>Withdraw method</h3>
 
     <div class="iconified-input">
-      <label
-        class="hidden"
-        for="search"
-      >Search</label>
+      <label class="hidden" for="search">Search</label>
       <SearchIcon aria-hidden="true" />
       <input
         id="search"
@@ -36,7 +33,7 @@
         name="search"
         placeholder="Search options..."
         autocomplete="off"
-      >
+      />
     </div>
     <div class="withdraw-options-scroll">
       <div class="withdraw-options">
@@ -49,10 +46,7 @@
           :class="{ selected: selectedMethodId === method.id }"
           @click="() => (selectedMethodId = method.id)"
         >
-          <div
-            class="preview"
-            :class="{ 'show-bg': !method.image_url || method.name === 'ACH' }"
-          >
+          <div class="preview" :class="{ 'show-bg': !method.image_url || method.name === 'ACH' }">
             <template v-if="method.image_url && method.name !== 'ACH'">
               <div class="preview-badges">
                 <span class="badge">
@@ -69,12 +63,9 @@
                 class="preview-img"
                 :src="method.image_url"
                 :alt="method.name"
-              >
+              />
             </template>
-            <div
-              v-else
-              class="placeholder"
-            >
+            <div v-else class="placeholder">
               <template v-if="method.type === 'venmo'">
                 <VenmoIcon class="enlarge" />
               </template>
@@ -85,14 +76,8 @@
             </div>
           </div>
           <div class="label">
-            <RadioButtonChecked
-              v-if="selectedMethodId === method.id"
-              class="radio"
-            />
-            <RadioButtonIcon
-              v-else
-              class="radio"
-            />
+            <RadioButtonChecked v-if="selectedMethodId === method.id" class="radio" />
+            <RadioButtonIcon v-else class="radio" />
             <span>{{ method.name }}</span>
           </div>
         </button>
@@ -118,7 +103,8 @@
         <div>
           <p>
             This method has a fixed transfer amount of
-            <strong>{{ $formatMoney(minWithdrawAmount) }}</strong>.
+            <strong>{{ $formatMoney(minWithdrawAmount) }}</strong
+            >.
           </p>
         </div>
       </template>
@@ -127,7 +113,8 @@
           <p>
             This method has a minimum transfer amount of
             <strong>{{ $formatMoney(minWithdrawAmount) }}</strong> and a maximum transfer amount of
-            <strong>{{ $formatMoney(maxWithdrawAmount) }}</strong>.
+            <strong>{{ $formatMoney(maxWithdrawAmount) }}</strong
+            >.
           </p>
           <input
             id="confirmation"
@@ -136,7 +123,7 @@
             pattern="^\d*(\.\d{0,2})?$"
             autocomplete="off"
             placeholder="Amount to transfer..."
-          >
+          />
           <p>
             You have entered <strong>{{ $formatMoney(parsedAmount) }}</strong> to transfer.
           </p>
@@ -146,19 +133,12 @@
 
     <div class="confirm-text">
       <template v-if="knownErrors.length === 0 && amount">
-        <Checkbox
-          v-if="fees > 0"
-          v-model="agreedFees"
-          description="Consent to fee"
-        >
+        <Checkbox v-if="fees > 0" v-model="agreedFees" description="Consent to fee">
           I acknowledge that an estimated
           {{ $formatMoney(fees) }} will be deducted from the amount I receive to cover
           {{ $formatWallet(selectedMethod.type) }} processing fees.
         </Checkbox>
-        <Checkbox
-          v-model="agreedTransfer"
-          description="Confirm transfer"
-        >
+        <Checkbox v-model="agreedTransfer" description="Confirm transfer">
           <template v-if="selectedMethod.type === 'tremendous'">
             I confirm that I am initiating a transfer and I will receive further instructions on how
             to redeem this payment via email to: {{ withdrawAccount }}
@@ -168,44 +148,29 @@
             {{ $formatWallet(selectedMethod.type) }} account: {{ withdrawAccount }}
           </template>
         </Checkbox>
-        <Checkbox
-          v-model="agreedTerms"
-          class="rewards-checkbox"
-        >
+        <Checkbox v-model="agreedTerms" class="rewards-checkbox">
           I agree to the
-          <nuxt-link
-            to="/legal/cmp"
-            class="text-link"
-          >
-            Rewards Program Terms
-          </nuxt-link>
+          <nuxt-link to="/legal/cmp" class="text-link"> Rewards Program Terms </nuxt-link>
         </Checkbox>
       </template>
       <template v-else>
-        <span
-          v-for="(error, index) in knownErrors"
-          :key="index"
-          class="invalid"
-        >
+        <span v-for="(error, index) in knownErrors" :key="index" class="invalid">
           {{ error }}
         </span>
       </template>
     </div>
     <div class="button-group">
-      <nuxt-link
-        to="/dashboard/revenue"
-        class="iconified-button"
-      >
+      <nuxt-link to="/dashboard/revenue" class="iconified-button">
         <XIcon />
         Cancel
       </nuxt-link>
       <button
         :disabled="
           knownErrors.length > 0 ||
-            !amount ||
-            !agreedTransfer ||
-            !agreedTerms ||
-            (fees > 0 && !agreedFees)
+          !amount ||
+          !agreedTransfer ||
+          !agreedTerms ||
+          (fees > 0 && !agreedFees)
         "
         class="iconified-button brand-button"
         @click="withdraw"
diff --git a/apps/knossos/src/pages/flags.vue b/apps/knossos/src/pages/flags.vue
index 05903333c..bedfe58dc 100644
--- a/apps/knossos/src/pages/flags.vue
+++ b/apps/knossos/src/pages/flags.vue
@@ -28,7 +28,8 @@ const flags = shallowReactive(useFeatureFlags().value)
                 :style="`color:var(--color-${
                   DEFAULT_FEATURE_FLAGS[flag] === false ? 'red' : 'green'
                 })`"
-              >{{ DEFAULT_FEATURE_FLAGS[flag] }}</span>
+                >{{ DEFAULT_FEATURE_FLAGS[flag] }}</span
+              >
             </p>
           </span>
         </label>
@@ -38,7 +39,7 @@ const flags = shallowReactive(useFeatureFlags().value)
           class="switch stylized-toggle"
           type="checkbox"
           @change="() => saveFeatureFlags()"
-        >
+        />
       </div>
     </div>
   </div>
diff --git a/apps/knossos/src/pages/frog.vue b/apps/knossos/src/pages/frog.vue
index 5ae96422d..7b61486cb 100644
--- a/apps/knossos/src/pages/frog.vue
+++ b/apps/knossos/src/pages/frog.vue
@@ -51,10 +51,7 @@ onUnmounted(() => clearInterval(interval))
   <div class="card">
     <h1>{{ formatMessage(messages.frogTitle) }}</h1>
     <p>{{ formatMessage(messages.frogDescription) }}</p>
-    <img
-      src="https://cdn.modrinth.com/frog.png"
-      :alt="formatMessage(messages.frogAltText)"
-    >
+    <img src="https://cdn.modrinth.com/frog.png" :alt="formatMessage(messages.frogAltText)" />
     <p>{{ formatMessage(messages.frogSinceOpened, { ago: formattedOpenedCounter }) }}</p>
     <p>{{ formatMessage(messages.frogFroggedPeople, { count: peopleFroggedCount }) }}</p>
   </div>
diff --git a/apps/knossos/src/pages/index.vue b/apps/knossos/src/pages/index.vue
index e97ae0538..9f94746c5 100644
--- a/apps/knossos/src/pages/index.vue
+++ b/apps/knossos/src/pages/index.vue
@@ -11,7 +11,7 @@
               :key="projectType.id"
               class="main-header-strong"
             >
-              {{ projectType.display }}s <br>
+              {{ projectType.display }}s <br />
             </strong>
             <strong class="main-header-strong">mods</strong>
           </span>
@@ -22,12 +22,7 @@
         community.
       </h2>
       <div class="button-group">
-        <nuxt-link
-          to="/mods"
-          class="iconified-button brand-button"
-        >
-          Discover mods
-        </nuxt-link>
+        <nuxt-link to="/mods" class="iconified-button brand-button"> Discover mods </nuxt-link>
         <nuxt-link
           v-if="!auth.user"
           to="/auth/sign-up"
@@ -36,40 +31,22 @@
         >
           Sign up
         </nuxt-link>
-        <nuxt-link
-          v-else
-          to="/dashboard/projects"
-          class="iconified-button outline-button"
-        >
+        <nuxt-link v-else to="/dashboard/projects" class="iconified-button outline-button">
           Go to dashboard
         </nuxt-link>
       </div>
     </div>
     <div class="users-section-outer">
       <div class="projects-showcase">
-        <div
-          v-for="(row, index) in rows"
-          :key="index"
-          class="row"
-        >
-          <div
-            v-for="n in 2"
-            :key="n"
-            class="row__content"
-            :class="{ offset: index % 2 }"
-          >
+        <div v-for="(row, index) in rows" :key="index" class="row">
+          <div v-for="n in 2" :key="n" class="row__content" :class="{ offset: index % 2 }">
             <nuxt-link
               v-for="project in row"
               :key="project.id"
               class="project button-animation"
               :to="`/${project.project_type}/${project.slug ? project.slug : project.id}`"
             >
-              <Avatar
-                :src="project.icon_url"
-                :alt="project.title"
-                size="sm"
-                loading="lazy"
-              />
+              <Avatar :src="project.icon_url" :alt="project.title" size="sm" loading="lazy" />
               <div class="project-info">
                 <span class="title">
                   {{ project.title }}
@@ -85,12 +62,8 @@
       <div class="projects-transition" />
       <div class="users-section">
         <div class="section-header">
-          <div class="section-label green">
-            For Players
-          </div>
-          <h2 class="section-tagline">
-            Discover over 10,000 creations
-          </h2>
+          <div class="section-label green">For Players</div>
+          <h2 class="section-tagline">Discover over 10,000 creations</h2>
           <p class="section-description">
             From magical biomes to cursed dungeons, you can be sure to find content to bring your
             gameplay to the next level.
@@ -108,10 +81,7 @@
             <div class="demo-search">
               <div class="search-controls">
                 <div class="iconified-input">
-                  <label
-                    class="hidden"
-                    for="search"
-                  >Search</label>
+                  <label class="hidden" for="search">Search</label>
                   <SearchIcon aria-hidden="true" />
                   <input
                     id="search"
@@ -121,7 +91,7 @@
                     :placeholder="`Search...`"
                     autocomplete="off"
                     @input="updateSearchProjects"
-                  >
+                  />
                 </div>
                 <div class="sort-by">
                   <span class="label">Sort by</span>
@@ -183,11 +153,7 @@
                     :to="`${notification.project_type}/${notification.slug}`"
                     :title="notification.title"
                   >
-                    <Avatar
-                      size="md"
-                      :src="notification.icon_url"
-                      :alt="notification.title"
-                    />
+                    <Avatar size="md" :src="notification.icon_url" :alt="notification.title" />
                   </nuxt-link>
                   <div>
                     <nuxt-link
@@ -226,12 +192,7 @@
             <p>
               Modrinth's open-source API lets launchers add deep integration with Modrinth. You can
               use Modrinth through
-              <nuxt-link
-                class="title-link"
-                to="/app"
-              >
-                our own app
-              </nuxt-link> and some of the most
+              <nuxt-link class="title-link" to="/app"> our own app </nuxt-link> and some of the most
               popular launchers like ATLauncher, MultiMC, and Prism Launcher.
             </p>
           </div>
@@ -242,13 +203,13 @@
                 src="https://cdn.modrinth.com/landing-new/launcher-light.webp"
                 alt="launcher graphic"
                 class="minecraft-screen"
-              >
+              />
               <img
                 v-else
                 src="https://cdn.modrinth.com/landing-new/launcher.webp"
                 alt="launcher graphic"
                 class="minecraft-screen"
-              >
+              />
               <div class="launcher-graphics">
                 <a
                   rel="noopener"
@@ -258,10 +219,7 @@
                 >
                   <PrismLauncherLogo />
                 </a>
-                <nuxt-link
-                  to="/app"
-                  class="graphic gradient-border"
-                >
+                <nuxt-link to="/app" class="graphic gradient-border">
                   <ModrinthIcon />
                 </nuxt-link>
                 <a
@@ -280,12 +238,8 @@
     </div>
     <div class="creator-section">
       <div class="section-header">
-        <div class="section-label blue">
-          For Creators
-        </div>
-        <h2 class="section-tagline">
-          Share your content with the world
-        </h2>
+        <div class="section-label blue">For Creators</div>
+        <h2 class="section-tagline">Share your content with the world</h2>
         <p class="section-description">
           Give an online home to your creations and reach a massive audience of dedicated players
         </p>
@@ -293,10 +247,7 @@
       <div class="features">
         <div class="feature gradient-border">
           <div class="icon gradient-border">
-            <svg
-              viewBox="0 0 37 37"
-              fill="none"
-            >
+            <svg viewBox="0 0 37 37" fill="none">
               <path
                 d="M18.4764 0C18.3765 0 18.2765 0.0111037 18.1766 0.0444178C8.23734 0.210982 0.197119 8.2617 0.0416464 18.2002C-0.0138821 18.4001 -0.0138821 18.6221 0.0416464 18.822C0.208223 28.7605 8.25955 36.8001 18.1988 36.9667C18.3987 37.0111 18.6208 37.0111 18.8207 36.9667C28.7599 36.789 36.8001 28.7383 36.9667 18.7998C37.0111 18.5999 37.0111 18.3778 36.9667 18.178C36.789 8.2506 28.7599 0.210982 18.8318 0.0444178C18.7096 0.0111037 18.5986 0 18.4764 0ZM17.0771 2.93157V5.70768C17.066 6.21849 17.3437 6.69598 17.7768 6.95138C18.221 7.21789 18.7762 7.21789 19.2205 6.95138C19.6536 6.69598 19.9312 6.21849 19.9201 5.70768V2.93157C27.4273 3.60894 33.3908 9.57203 34.0571 17.0786H31.2919C30.781 17.0675 30.3035 17.3451 30.0481 17.7782C29.7816 18.2224 29.7816 18.7776 30.0481 19.2218C30.3035 19.6549 30.781 19.9325 31.2919 19.9214H34.0571C33.3908 27.428 27.4273 33.3911 19.9201 34.0573V31.2923C19.9312 30.9037 19.7757 30.5372 19.5092 30.2596C19.2316 29.9931 18.8651 29.8376 18.4764 29.8487C17.6879 29.8598 17.066 30.5039 17.0771 31.2923V34.0573C9.56997 33.3911 3.60644 27.428 2.92902 19.9214H5.70534C6.21618 19.9325 6.6937 19.6549 6.94913 19.2218C7.21565 18.7776 7.21565 18.2224 6.94913 17.7782C6.6937 17.3451 6.21618 17.0675 5.70534 17.0786H2.92902C3.60644 9.57203 9.56997 3.60894 17.0771 2.93157ZM25.606 11.3932L15.6557 15.6573L11.3912 25.6068L21.3416 21.3427L25.606 11.3932Z"
                 fill="url(#paint0_linear_255_241)"
@@ -311,10 +262,7 @@
                   gradientUnits="userSpaceOnUse"
                 >
                   <stop stop-color="#C1E1B1" />
-                  <stop
-                    offset="1"
-                    stop-color="#A7BDE6"
-                  />
+                  <stop offset="1" stop-color="#A7BDE6" />
                 </linearGradient>
               </defs>
             </svg>
@@ -327,10 +275,7 @@
         </div>
         <div class="feature gradient-border">
           <div class="icon gradient-border">
-            <svg
-              viewBox="0 0 46 24"
-              fill="none"
-            >
+            <svg viewBox="0 0 46 24" fill="none">
               <path
                 d="M23 0.5C19.8442 0.5 17.25 3.09424 17.25 6.25C17.25 7.78857 17.8789 9.19238 18.8672 10.2256C16.374 11.6069 14.6333 14.1675 14.4312 17.166C12.8926 15.7622 10.8711 14.875 8.625 14.875C3.87451 14.875 0 18.7495 0 23.5H17.25V17.75C17.25 14.5605 19.8105 12 23 12C26.1895 12 28.75 14.5605 28.75 17.75V23.5H46C46 18.7495 42.1255 14.875 37.375 14.875C35.1289 14.875 33.1074 15.7622 31.5688 17.166C31.3667 14.1675 29.626 11.6069 27.1328 10.2256C28.1211 9.19238 28.75 7.78857 28.75 6.25C28.75 3.09424 26.1558 0.5 23 0.5ZM37.375 14.875C40.542 14.875 43.125 12.292 43.125 9.125C43.125 5.95801 40.542 3.375 37.375 3.375C34.208 3.375 31.625 5.95801 31.625 9.125C31.625 12.292 34.208 14.875 37.375 14.875ZM8.625 14.875C11.792 14.875 14.375 12.292 14.375 9.125C14.375 5.95801 11.792 3.375 8.625 3.375C5.45801 3.375 2.875 5.95801 2.875 9.125C2.875 12.292 5.45801 14.875 8.625 14.875ZM23 3.375C24.606 3.375 25.875 4.64404 25.875 6.25C25.875 7.85596 24.606 9.125 23 9.125C21.394 9.125 20.125 7.85596 20.125 6.25C20.125 4.64404 21.394 3.375 23 3.375Z"
                 fill="url(#paint0_linear_127_321)"
@@ -345,10 +290,7 @@
                   gradientUnits="userSpaceOnUse"
                 >
                   <stop stop-color="#C1E1B1" />
-                  <stop
-                    offset="1"
-                    stop-color="#A7BDE6"
-                  />
+                  <stop offset="1" stop-color="#A7BDE6" />
                 </linearGradient>
               </defs>
             </svg>
@@ -358,10 +300,7 @@
         </div>
         <div class="feature gradient-border">
           <div class="icon gradient-border">
-            <svg
-              viewBox="0 0 42 30"
-              fill="none"
-            >
+            <svg viewBox="0 0 42 30" fill="none">
               <path
                 d="M7.79297 0.625C5.92871 0.625 4.34521 1.82666 3.75 3.5H38.25C37.6548 1.82666 36.0713 0.625 34.207 0.625H7.79297ZM5.1875 6.375C2.81787 6.375 0.875 8.31787 0.875 10.6875V25.0625C0.875 27.4321 2.81787 29.375 5.1875 29.375H36.8125C39.1821 29.375 41.125 27.4321 41.125 25.0625V10.6875C41.125 8.31787 39.1821 6.375 36.8125 6.375H5.1875ZM6.625 9.25H35.375C35.375 10.8223 36.6777 12.125 38.25 12.125V23.625C36.6777 23.625 35.375 24.9277 35.375 26.5H6.625C6.625 24.9277 5.32227 23.625 3.75 23.625V12.125C5.32227 12.125 6.625 10.8223 6.625 9.25ZM21 12.125C17.8442 12.125 15.25 14.7192 15.25 17.875C15.25 21.0308 17.8442 23.625 21 23.625C24.1558 23.625 26.75 21.0308 26.75 17.875C26.75 14.7192 24.1558 12.125 21 12.125ZM9.5 15C7.9165 15 6.625 16.2915 6.625 17.875C6.625 19.4585 7.9165 20.75 9.5 20.75C11.0835 20.75 12.375 19.4585 12.375 17.875C12.375 16.2915 11.0835 15 9.5 15ZM21 15C22.606 15 23.875 16.269 23.875 17.875C23.875 19.481 22.606 20.75 21 20.75C19.394 20.75 18.125 19.481 18.125 17.875C18.125 16.269 19.394 15 21 15ZM32.5 15C30.9165 15 29.625 16.2915 29.625 17.875C29.625 19.4585 30.9165 20.75 32.5 20.75C34.0835 20.75 35.375 19.4585 35.375 17.875C35.375 16.2915 34.0835 15 32.5 15Z"
                 fill="url(#paint0_linear_127_325)"
@@ -376,10 +315,7 @@
                   gradientUnits="userSpaceOnUse"
                 >
                   <stop stop-color="#C1E1B1" />
-                  <stop
-                    offset="1"
-                    stop-color="#A7BDE6"
-                  />
+                  <stop offset="1" stop-color="#A7BDE6" />
                 </linearGradient>
               </defs>
             </svg>
@@ -389,10 +325,7 @@
         </div>
         <div class="feature gradient-border">
           <div class="icon gradient-border">
-            <svg
-              viewBox="0 0 42 39"
-              fill="none"
-            >
+            <svg viewBox="0 0 42 39" fill="none">
               <path
                 d="M5.1875 0.875C2.81787 0.875 0.875 2.81787 0.875 5.1875C0.875 7.55713 2.81787 9.5 5.1875 9.5C5.8501 9.5 6.46777 9.33154 7.0293 9.06201L13.5767 15.6094C12.8242 16.7437 12.375 18.1025 12.375 19.5625C12.375 20.708 12.667 21.7861 13.1611 22.752L7.42236 27.3901C6.771 26.9971 6.00732 26.75 5.1875 26.75C2.81787 26.75 0.875 28.6929 0.875 31.0625C0.875 33.4321 2.81787 35.375 5.1875 35.375C7.55713 35.375 9.5 33.4321 9.5 31.0625C9.5 30.5571 9.39893 30.0854 9.23047 29.6362L14.9355 25.0093C16.1934 26.0762 17.7993 26.75 19.5625 26.75C20.3374 26.75 21.0674 26.5928 21.7637 26.3682L24.8296 31.2759C24.2456 32.0171 23.875 32.9268 23.875 33.9375C23.875 36.3071 25.8179 38.25 28.1875 38.25C30.5571 38.25 32.5 36.3071 32.5 33.9375C32.5 31.5679 30.5571 29.625 28.1875 29.625C27.873 29.625 27.5586 29.6699 27.2554 29.7261L24.2793 24.9419C25.2339 24.0996 25.9639 23.0103 26.3682 21.7637L32.5562 23.0327C32.8594 25.1216 34.6562 26.75 36.8125 26.75C39.1821 26.75 41.125 24.8071 41.125 22.4375C41.125 20.0679 39.1821 18.125 36.8125 18.125C35.2627 18.125 33.9038 18.9785 33.1401 20.2139L26.6826 18.8887C26.5029 17.0132 25.6157 15.3511 24.2568 14.1719L27.2441 9.3877C27.5474 9.45508 27.8618 9.5 28.1875 9.5C30.5571 9.5 32.5 7.55713 32.5 5.1875C32.5 2.81787 30.5571 0.875 28.1875 0.875C25.8179 0.875 23.875 2.81787 23.875 5.1875C23.875 6.18701 24.2344 7.10791 24.8184 7.83789L21.7524 12.7568C21.0562 12.5322 20.3262 12.375 19.5625 12.375C18.1025 12.375 16.7437 12.8242 15.6094 13.5767L9.06201 7.0293C9.33154 6.46777 9.5 5.8501 9.5 5.1875C9.5 2.81787 7.55713 0.875 5.1875 0.875ZM5.1875 3.75C5.99609 3.75 6.625 4.37891 6.625 5.1875C6.625 5.99609 5.99609 6.625 5.1875 6.625C4.37891 6.625 3.75 5.99609 3.75 5.1875C3.75 4.37891 4.37891 3.75 5.1875 3.75ZM28.1875 3.75C28.9961 3.75 29.625 4.37891 29.625 5.1875C29.625 5.99609 28.9961 6.625 28.1875 6.625C27.3789 6.625 26.75 5.99609 26.75 5.1875C26.75 4.37891 27.3789 3.75 28.1875 3.75ZM19.5625 15.25C21.9658 15.25 23.875 17.1592 23.875 19.5625C23.875 21.1123 23.0664 22.4487 21.8535 23.2124C21.7075 23.2686 21.5728 23.3359 21.4492 23.437C20.8765 23.7065 20.2363 23.875 19.5625 23.875C17.1592 23.875 15.25 21.9658 15.25 19.5625C15.25 17.1592 17.1592 15.25 19.5625 15.25ZM36.8125 21C37.6211 21 38.25 21.6289 38.25 22.4375C38.25 23.2461 37.6211 23.875 36.8125 23.875C36.0039 23.875 35.375 23.2461 35.375 22.4375C35.375 21.6289 36.0039 21 36.8125 21ZM5.1875 29.625C5.99609 29.625 6.625 30.2539 6.625 31.0625C6.625 31.8711 5.99609 32.5 5.1875 32.5C4.37891 32.5 3.75 31.8711 3.75 31.0625C3.75 30.2539 4.37891 29.625 5.1875 29.625ZM28.1875 32.5C28.9961 32.5 29.625 33.1289 29.625 33.9375C29.625 34.7461 28.9961 35.375 28.1875 35.375C27.3789 35.375 26.75 34.7461 26.75 33.9375C26.75 33.1289 27.3789 32.5 28.1875 32.5Z"
                 fill="url(#paint0_linear_127_281)"
@@ -407,10 +340,7 @@
                   gradientUnits="userSpaceOnUse"
                 >
                   <stop stop-color="#C1E1B1" />
-                  <stop
-                    offset="1"
-                    stop-color="#A7BDE6"
-                  />
+                  <stop offset="1" stop-color="#A7BDE6" />
                 </linearGradient>
               </defs>
             </svg>
@@ -423,10 +353,7 @@
         </div>
         <div class="feature gradient-border">
           <div class="icon gradient-border">
-            <svg
-              viewBox="0 0 39 39"
-              fill="none"
-            >
+            <svg viewBox="0 0 39 39" fill="none">
               <path
                 d="M0.875 0.875V38.25H38.25V35.375H3.75V0.875H0.875ZM18.125 0.875C17.3625 0.875 16.6312 1.1779 16.0921 1.71707C15.5529 2.25623 15.25 2.9875 15.25 3.75C15.25 4.5125 15.5529 5.24376 16.0921 5.78293C16.6312 6.3221 17.3625 6.625 18.125 6.625C18.8875 6.625 19.6188 6.3221 20.1579 5.78293C20.6971 5.24376 21 4.5125 21 3.75C21 2.9875 20.6971 2.25623 20.1579 1.71707C19.6188 1.1779 18.8875 0.875 18.125 0.875ZM8.0625 3.75C7.68125 3.75 7.31562 3.90145 7.04603 4.17103C6.77645 4.44062 6.625 4.80625 6.625 5.1875C6.625 5.56875 6.77645 5.93438 7.04603 6.20397C7.31562 6.47355 7.68125 6.625 8.0625 6.625C8.44375 6.625 8.80938 6.47355 9.07897 6.20397C9.34855 5.93438 9.5 5.56875 9.5 5.1875C9.5 4.80625 9.34855 4.44062 9.07897 4.17103C8.80938 3.90145 8.44375 3.75 8.0625 3.75ZM28.1875 3.75C27.8063 3.75 27.4406 3.90145 27.171 4.17103C26.9014 4.44062 26.75 4.80625 26.75 5.1875C26.75 5.56875 26.9014 5.93438 27.171 6.20397C27.4406 6.47355 27.8063 6.625 28.1875 6.625C28.5687 6.625 28.9344 6.47355 29.204 6.20397C29.4736 5.93438 29.625 5.56875 29.625 5.1875C29.625 4.80625 29.4736 4.44062 29.204 4.17103C28.9344 3.90145 28.5687 3.75 28.1875 3.75ZM36.8125 3.75C36.4313 3.75 36.0656 3.90145 35.796 4.17103C35.5265 4.44062 35.375 4.80625 35.375 5.1875C35.375 5.56875 35.5265 5.93438 35.796 6.20397C36.0656 6.47355 36.4313 6.625 36.8125 6.625C37.1937 6.625 37.5594 6.47355 37.829 6.20397C38.0985 5.93438 38.25 5.56875 38.25 5.1875C38.25 4.80625 38.0985 4.44062 37.829 4.17103C37.5594 3.90145 37.1937 3.75 36.8125 3.75ZM26.75 12.375C25.9875 12.375 25.2562 12.6779 24.7171 13.2171C24.1779 13.7562 23.875 14.4875 23.875 15.25C23.875 16.0125 24.1779 16.7438 24.7171 17.2829C25.2562 17.8221 25.9875 18.125 26.75 18.125C27.5125 18.125 28.2438 17.8221 28.7829 17.2829C29.3221 16.7438 29.625 16.0125 29.625 15.25C29.625 14.4875 29.3221 13.7562 28.7829 13.2171C28.2438 12.6779 27.5125 12.375 26.75 12.375ZM8.0625 15.25C7.68125 15.25 7.31562 15.4015 7.04603 15.671C6.77645 15.9406 6.625 16.3063 6.625 16.6875C6.625 17.0687 6.77645 17.4344 7.04603 17.704C7.31562 17.9735 7.68125 18.125 8.0625 18.125C8.44375 18.125 8.80938 17.9735 9.07897 17.704C9.34855 17.4344 9.5 17.0687 9.5 16.6875C9.5 16.3063 9.34855 15.9406 9.07897 15.671C8.80938 15.4015 8.44375 15.25 8.0625 15.25ZM36.8125 15.25C36.4313 15.25 36.0656 15.4015 35.796 15.671C35.5265 15.9406 35.375 16.3063 35.375 16.6875C35.375 17.0687 35.5265 17.4344 35.796 17.704C36.0656 17.9735 36.4313 18.125 36.8125 18.125C37.1937 18.125 37.5594 17.9735 37.829 17.704C38.0985 17.4344 38.25 17.0687 38.25 16.6875C38.25 16.3063 38.0985 15.9406 37.829 15.671C37.5594 15.4015 37.1937 15.25 36.8125 15.25ZM9.5 23.875C8.7375 23.875 8.00624 24.1779 7.46707 24.7171C6.9279 25.2562 6.625 25.9875 6.625 26.75C6.625 27.5125 6.9279 28.2438 7.46707 28.7829C8.00624 29.3221 8.7375 29.625 9.5 29.625C10.2625 29.625 10.9938 29.3221 11.5329 28.7829C12.0721 28.2438 12.375 27.5125 12.375 26.75C12.375 25.9875 12.0721 25.2562 11.5329 24.7171C10.9938 24.1779 10.2625 23.875 9.5 23.875ZM19.5625 26.75C19.1813 26.75 18.8156 26.9014 18.546 27.171C18.2765 27.4406 18.125 27.8063 18.125 28.1875C18.125 28.5687 18.2765 28.9344 18.546 29.204C18.8156 29.4736 19.1813 29.625 19.5625 29.625C19.9437 29.625 20.3094 29.4736 20.579 29.204C20.8485 28.9344 21 28.5687 21 28.1875C21 27.8063 20.8485 27.4406 20.579 27.171C20.3094 26.9014 19.9437 26.75 19.5625 26.75ZM28.1875 26.75C27.8063 26.75 27.4406 26.9014 27.171 27.171C26.9014 27.4406 26.75 27.8063 26.75 28.1875C26.75 28.5687 26.9014 28.9344 27.171 29.204C27.4406 29.4736 27.8063 29.625 28.1875 29.625C28.5687 29.625 28.9344 29.4736 29.204 29.204C29.4736 28.9344 29.625 28.5687 29.625 28.1875C29.625 27.8063 29.4736 27.4406 29.204 27.171C28.9344 26.9014 28.5687 26.75 28.1875 26.75ZM36.8125 26.75C36.4313 26.75 36.0656 26.9014 35.796 27.171C35.5265 27.4406 35.375 27.8063 35.375 28.1875C35.375 28.5687 35.5265 28.9344 35.796 29.204C36.0656 29.4736 36.4313 29.625 36.8125 29.625C37.1937 29.625 37.5594 29.4736 37.829 29.204C38.0985 28.9344 38.25 28.5687 38.25 28.1875C38.25 27.8063 38.0985 27.4406 37.829 27.171C37.5594 26.9014 37.1937 26.75 36.8125 26.75Z"
                 fill="url(#paint0_linear_127_323)"
@@ -441,10 +368,7 @@
                   gradientUnits="userSpaceOnUse"
                 >
                   <stop stop-color="#C1E1B1" />
-                  <stop
-                    offset="1"
-                    stop-color="#A7BDE6"
-                  />
+                  <stop offset="1" stop-color="#A7BDE6" />
                 </linearGradient>
               </defs>
             </svg>
@@ -454,10 +378,7 @@
         </div>
         <div class="feature gradient-border">
           <div class="icon gradient-border">
-            <svg
-              viewBox="0 0 42 32"
-              fill="none"
-            >
+            <svg viewBox="0 0 42 32" fill="none">
               <path
                 d="M21 0C12.3149 0 5.25 7.06494 5.25 15.75H0L6.5625 22.6406L13.125 15.75H7.875C7.875 8.47998 13.73 2.625 21 2.625C23.9121 2.625 26.5884 3.56836 28.752 5.16797L30.3105 3.04541C27.6958 1.12793 24.4761 0 21 0ZM21 7.875C18.1187 7.875 15.75 10.2437 15.75 13.125C15.75 14.5298 16.3242 15.8115 17.2266 16.7549C14.7964 18.0981 13.125 20.6616 13.125 23.625H15.75C15.75 20.7129 18.0879 18.375 21 18.375C23.9121 18.375 26.25 20.7129 26.25 23.625H28.875C28.875 20.6616 27.2036 18.0981 24.7734 16.7549C25.6758 15.8115 26.25 14.5298 26.25 13.125C26.25 10.2437 23.8813 7.875 21 7.875ZM35.4375 9.1875L28.875 15.75H34.125C34.125 23.02 28.27 28.875 21 28.875C18.0879 28.875 15.4116 27.9316 13.248 26.332L11.6895 28.4546C14.3042 30.3721 17.5239 31.5 21 31.5C29.6851 31.5 36.75 24.4351 36.75 15.75H42L35.4375 9.1875ZM21 10.5C22.4663 10.5 23.625 11.6587 23.625 13.125C23.625 14.5913 22.4663 15.75 21 15.75C19.5337 15.75 18.375 14.5913 18.375 13.125C18.375 11.6587 19.5337 10.5 21 10.5Z"
                 fill="url(#paint0_linear_255_234)"
@@ -472,10 +393,7 @@
                   gradientUnits="userSpaceOnUse"
                 >
                   <stop stop-color="#C1E1B1" />
-                  <stop
-                    offset="1"
-                    stop-color="#A7BDE6"
-                  />
+                  <stop offset="1" stop-color="#A7BDE6" />
                 </linearGradient>
               </defs>
             </svg>
@@ -496,12 +414,7 @@
         class="light-height"
       >
         <g clip-path="url(#clip0_419_237)">
-          <rect
-            x="176"
-            width="512"
-            height="512"
-            fill="url(#paint0_linear_419_237)"
-          />
+          <rect x="176" width="512" height="512" fill="url(#paint0_linear_419_237)" />
           <g opacity="0.5">
             <path
               d="M176 274.069H219.65C221.89 299.001 228.25 322.42 238.87 345.249C245.4 342.033 251.37 338.016 257.52 334.3C263.76 330.534 270.07 326.908 276.62 323.061C276.21 321.669 275.95 320.216 275.37 318.914C271.05 309.378 268.47 299.251 266.32 289.114C265.03 283.054 264.41 276.743 263.73 270.513C262.89 262.86 262.94 255.257 263.11 247.654C263.26 241.083 264.11 234.482 265.21 227.991C266.88 218.064 269.39 208.308 272.94 198.852C276.79 188.594 281.19 178.588 287.21 169.382C291.19 163.292 294.97 157.021 299.53 151.382C306.3 142.998 313.75 135.214 322.12 128.273C330.05 121.692 338.16 115.421 347.18 110.483C354.15 106.676 361.39 103.341 368.66 100.115C379.13 95.4674 390.24 92.873 401.39 90.4289C410.67 88.4055 430.03 87.3237 438.96 88.6158C438.51 95.9282 436.63 103.05 435.44 110.262C434.26 117.394 432.94 124.496 431.6 132.109C428.15 132.44 424.73 132.7 421.32 133.121C416.25 133.752 411.15 134.263 406.15 135.265C395.4 137.428 385.13 141.044 375.33 145.973C366.85 150.23 358.98 155.398 351.89 161.709C348.8 164.464 345.52 167.048 342.67 170.033C335.77 177.225 329.99 185.279 324.68 193.713C320.48 200.364 317.45 207.536 314.8 214.839C312.05 222.422 310.33 230.315 308.95 238.308C307.43 247.093 307.9 255.898 308.2 264.653C308.48 272.867 310.18 281 312.49 288.934C313.45 292.239 314.44 295.535 315.62 299.481C332.06 289.705 348.08 280.169 364.47 270.422C361.92 263.631 359.46 257.16 357.05 250.669C354.63 244.178 352.26 237.667 349.78 230.926C352.79 227.871 355.71 224.936 358.6 221.971C369.97 210.291 381.46 198.712 392.6 186.821C395.77 183.436 399.36 181.913 403.66 181.062C414.16 178.978 424.63 176.734 435.11 174.541C441.87 173.128 448.62 171.686 455.69 170.193C461.36 177.175 467.08 184.217 472.94 191.439C471.8 192.671 470.85 193.783 469.82 194.815C463 201.656 455.97 208.308 449.41 215.4C446.18 218.896 442.34 220.709 438.01 221.961C433.09 223.383 428.16 224.745 423.25 226.198C422.5 226.418 421.73 226.909 421.19 227.48C416.62 232.298 412.15 237.216 407.55 241.995C405.9 243.697 405.89 245.31 406.67 247.424C408.91 253.474 410.92 259.604 413.12 265.674C413.5 266.716 414.27 267.668 415.04 268.499C419.55 273.377 424.05 278.266 428.73 282.974C429.48 283.725 431.24 284.055 432.33 283.775C438.57 282.182 444.72 280.289 450.94 278.636C453.49 277.955 455.32 276.443 457.01 274.559C460.1 271.094 463.55 267.898 466.27 264.172C469.55 259.684 473.91 257.901 479.09 256.82C483.44 255.908 487.58 254.045 491.83 252.673C496.23 251.25 500.69 249.998 505.07 248.495C507.08 247.804 508.18 248.305 508.99 250.198C512.16 257.671 515.4 265.114 518.76 272.917C515.97 276.342 513.04 279.918 510.13 283.515C505.45 289.304 500.81 295.124 496.12 300.904C492.16 305.782 487.86 310.42 484.26 315.549C481.66 319.255 478.09 320.717 474.16 321.959C462.33 325.716 450.52 329.502 438.69 333.268C431.61 335.522 424.51 337.756 416.91 340.16C415.33 338.648 413.45 337.055 411.81 335.232C407.16 330.053 402.62 324.794 398.03 319.565C395.63 316.831 393.3 314.006 390.79 311.382C388.08 308.557 387.52 308.557 384.41 310.42C377.88 314.337 371.33 318.243 364.82 322.19C356.32 327.328 347.85 332.507 339.09 337.836C341.26 341.482 344.39 344.257 347.49 346.811C353.22 351.539 359.26 355.907 365.37 360.144C376.53 367.867 388.92 372.815 402.07 376.081C409.82 378.004 417.59 379.286 425.6 379.076C426.74 379.046 427.88 379.446 429.02 379.516C430.64 379.617 432.27 379.667 433.88 379.587C435.19 379.526 436.48 379.106 437.79 379.076C442.03 378.966 442.07 378.996 443.29 383.443C446.74 396.014 450.16 408.585 453.58 421.167C453.7 421.597 453.65 422.068 453.7 422.88C449 423.28 444.42 423.781 439.83 424.022C436.17 424.212 432.5 423.961 428.83 424.092C414.81 424.593 401.08 422.469 387.69 418.733C366.28 412.763 346.56 403.216 328.88 389.523C320.7 383.183 313.41 375.95 306.16 368.648C304.89 367.366 303.97 365.743 302.78 364.371C300.52 361.746 299.87 361.526 296.85 363.189C292.49 365.583 288.24 368.167 283.98 370.722C277.72 374.458 271.49 378.234 265.25 382.001C264.56 382.421 263.91 382.902 263.18 383.403C263.7 387.54 267.09 389.654 269.19 392.448C272.55 396.946 276.45 401.113 280.58 404.939C286.77 410.669 293.38 415.938 299.77 421.457C306.94 427.658 314.86 432.756 322.98 437.604C332.25 443.144 341.84 448.092 351.94 451.808C361.7 455.394 371.65 458.54 381.69 461.244C388.49 463.077 395.62 463.678 402.56 465.061C414.21 467.385 425.99 467.224 437.75 466.924C444.49 466.754 451.21 465.622 457.94 465.071C465.69 464.44 473.25 462.767 480.79 461.014C492.41 458.319 503.64 454.453 514.64 449.795C530.77 442.963 545.63 433.968 559.65 423.601C570.63 415.477 580.59 406.061 589.5 395.774C598.25 385.667 606.72 375.209 612.97 363.219C615.56 358.241 618.38 353.382 621.25 348.184C635.52 353.322 649.65 358.411 664.03 363.59C663.75 364.691 663.65 365.663 663.26 366.484C655.92 381.77 647.35 396.285 636.95 409.727C628.93 420.105 620.71 430.292 611.17 439.307C604.8 445.327 598.41 451.358 591.25 456.496C584.53 461.314 578.16 466.653 571.24 471.151C556.34 480.857 540.49 488.721 523.9 495.262C508.29 501.412 492.07 505.198 475.79 508.774C468.91 510.287 461.7 510.297 454.64 511.058C453.74 511.158 452.89 511.679 452.02 512H409.02C405.58 510.147 401.69 510.908 398.04 510.127C392.73 508.995 387.16 509.055 381.91 507.763C370.54 504.958 359.16 502.043 348.04 498.387C335.77 494.35 323.98 489.101 312.56 482.941C300.86 476.63 289.55 469.779 278.84 461.945C269.2 454.894 260.11 447.171 251.49 438.927C248.39 435.952 245.88 432.356 242.77 429.391C235.89 422.83 230.17 415.267 224.57 407.704C218.48 399.48 212.95 390.755 208.03 381.78C197.57 362.698 188.92 342.835 183.67 321.579C180.7 309.558 177.71 297.578 176.89 285.177C176.86 284.787 176.32 284.436 176.02 284.065C176.02 280.73 176.02 277.404 176.02 274.069H176Z"
@@ -513,12 +426,7 @@
             />
           </g>
         </g>
-        <rect
-          y="194"
-          width="865"
-          height="318"
-          fill="url(#paint1_linear_419_237)"
-        />
+        <rect y="194" width="865" height="318" fill="url(#paint1_linear_419_237)" />
         <defs>
           <linearGradient
             id="paint0_linear_419_237"
@@ -529,10 +437,7 @@
             gradientUnits="userSpaceOnUse"
           >
             <stop stop-color="#E7FFEF" />
-            <stop
-              offset="0.678759"
-              stop-color="white"
-            />
+            <stop offset="0.678759" stop-color="white" />
           </linearGradient>
           <linearGradient
             id="paint1_linear_419_237"
@@ -542,38 +447,17 @@
             y2="315.861"
             gradientUnits="userSpaceOnUse"
           >
-            <stop
-              stop-color="#F9FFFB"
-              stop-opacity="0"
-            />
-            <stop
-              offset="1"
-              stop-color="#F9FFFB"
-            />
+            <stop stop-color="#F9FFFB" stop-opacity="0" />
+            <stop offset="1" stop-color="#F9FFFB" />
           </linearGradient>
           <clipPath id="clip0_419_237">
-            <rect
-              x="176"
-              width="512"
-              height="512"
-              rx="256"
-              fill="white"
-            />
+            <rect x="176" width="512" height="512" rx="256" fill="white" />
           </clipPath>
         </defs>
       </svg>
-      <svg
-        v-else
-        viewBox="0 0 512 512"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
+      <svg v-else viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
         <g clip-path="url(#clip0_127_331)">
-          <rect
-            width="512"
-            height="512"
-            fill="url(#paint0_linear_127_331)"
-          />
+          <rect width="512" height="512" fill="url(#paint0_linear_127_331)" />
           <g style="mix-blend-mode: overlay">
             <g opacity="0.5">
               <path
@@ -597,24 +481,16 @@
             gradientUnits="userSpaceOnUse"
           >
             <stop stop-color="#05CE45" />
-            <stop
-              offset="0.678759"
-              stop-color="#051F10"
-            />
+            <stop offset="0.678759" stop-color="#051F10" />
           </linearGradient>
           <clipPath id="clip0_127_331">
-            <rect
-              width="512"
-              height="512"
-              rx="256"
-              fill="white"
-            />
+            <rect width="512" height="512" rx="256" fill="white" />
           </clipPath>
         </defs>
       </svg>
       <div class="overlay">
         <h2 class="main-header">
-          Read more about <br>
+          Read more about <br />
           <strong class="main-header-strong">Modrinth</strong>
         </h2>
         <a
diff --git a/apps/knossos/src/pages/legal.vue b/apps/knossos/src/pages/legal.vue
index 3c3edd0f1..e2d22a663 100644
--- a/apps/knossos/src/pages/legal.vue
+++ b/apps/knossos/src/pages/legal.vue
@@ -4,66 +4,39 @@
       <aside class="universal-card">
         <h1>Legal</h1>
         <NavStack>
-          <NavStackItem
-            link="/legal/terms"
-            label="Terms of Use"
-          >
+          <NavStackItem link="/legal/terms" label="Terms of Use">
             <HeartHandshakeIcon />
           </NavStackItem>
-          <NavStackItem
-            link="/legal/rules"
-            label="Content Rules"
-          >
+          <NavStackItem link="/legal/rules" label="Content Rules">
             <ScaleIcon />
           </NavStackItem>
-          <NavStackItem
-            link="/legal/copyright"
-            label="Copyright Policy"
-          >
+          <NavStackItem link="/legal/copyright" label="Copyright Policy">
             <CopyrightIcon />
           </NavStackItem>
-          <NavStackItem
-            link="/legal/security"
-            label="Security Notice"
-          >
+          <NavStackItem link="/legal/security" label="Security Notice">
             <ShieldIcon />
           </NavStackItem>
 
           <h3>Privacy</h3>
-          <NavStackItem
-            link="/legal/privacy"
-            label="Privacy Policy"
-          >
+          <NavStackItem link="/legal/privacy" label="Privacy Policy">
             <LockIcon />
           </NavStackItem>
-          <NavStackItem
-            link="/legal/ccpa"
-            label="California Privacy Notice"
-          >
+          <NavStackItem link="/legal/ccpa" label="California Privacy Notice">
             <InfoIcon />
           </NavStackItem>
 
           <h3>Rewards Program</h3>
-          <NavStackItem
-            link="/legal/cmp"
-            label="Rewards Program Terms"
-          >
+          <NavStackItem link="/legal/cmp" label="Rewards Program Terms">
             <CurrencyIcon />
           </NavStackItem>
-          <NavStackItem
-            link="/legal/cmp-info"
-            label="Rewards Program Info"
-          >
+          <NavStackItem link="/legal/cmp-info" label="Rewards Program Info">
             <InfoIcon />
           </NavStackItem>
         </NavStack>
       </aside>
     </div>
     <div class="normal-page__content">
-      <NuxtPage
-        class="universal-card"
-        :route="route"
-      />
+      <NuxtPage class="universal-card" :route="route" />
     </div>
   </div>
 </template>
diff --git a/apps/knossos/src/pages/legal/ccpa.vue b/apps/knossos/src/pages/legal/ccpa.vue
index 132ddbceb..eca47968f 100644
--- a/apps/knossos/src/pages/legal/ccpa.vue
+++ b/apps/knossos/src/pages/legal/ccpa.vue
@@ -5,11 +5,9 @@
     <p><strong>Last reviewed on: </strong><em>August 5th, 2023</em></p>
     <p>
       This Privacy Notice for California Residents supplements the information contained in the
-      <nuxt-link to="/legal/privacy">
-        Privacy Policy
-      </nuxt-link> of Rinth, Inc. (the "Company," "we,"
-      "us" or "our") and applies solely to all visitors, users, and others who reside in the State
-      of California ("consumers" or "you"). We adopt this notice to comply with the California
+      <nuxt-link to="/legal/privacy"> Privacy Policy </nuxt-link> of Rinth, Inc. (the "Company,"
+      "we," "us" or "our") and applies solely to all visitors, users, and others who reside in the
+      State of California ("consumers" or "you"). We adopt this notice to comply with the California
       Consumer Privacy Act of 2018 (CCPA), as it may be amended, modified or supplemented from time
       to time, and any terms defined in the CCPA have the same meaning when used in this notice.
     </p>
@@ -47,7 +45,7 @@
           address, telephone number, passport number, driver's license or state identification card
           number, insurance policy number, education, employment, employment history, bank account
           number, credit card number, debit card number, or any other financial information, medical
-          information, or health insurance information. <br><br>
+          information, or health insurance information. <br /><br />
           Some personal information included in this category may overlap with other categories.
         </td>
         <td>NO</td>
@@ -437,7 +435,8 @@
       We reserve the right to amend this privacy notice at our discretion and at any time. When we
       make changes to this privacy notice, we will post the updated notice on the Service and update
       the notice's effective date.
-      <strong>Your continued use of our Service following the posting of changes constitutes your
+      <strong
+        >Your continued use of our Service following the posting of changes constitutes your
         acceptance of such changes.
       </strong>
     </p>
@@ -445,9 +444,7 @@
     <p>
       If you have any questions or comments about this notice, the ways in which we collect and use
       your information described below and in the
-      <nuxt-link to="/legal/privacy">
-        Privacy Policy
-      </nuxt-link>, your choices and rights regarding
+      <nuxt-link to="/legal/privacy"> Privacy Policy </nuxt-link>, your choices and rights regarding
       such use, or wish to exercise your rights under California law, please do not hesitate to
       contact us at <a href="mailto:support@modrinth.com">support@modrinth.com</a>.
     </p>
diff --git a/apps/knossos/src/pages/legal/cmp.vue b/apps/knossos/src/pages/legal/cmp.vue
index cec326980..decce1d7c 100644
--- a/apps/knossos/src/pages/legal/cmp.vue
+++ b/apps/knossos/src/pages/legal/cmp.vue
@@ -12,23 +12,15 @@
     </p>
     <p>
       These Terms are in addition to and do not in any manner limit the applicability of the
-      <nuxt-link to="/legal/terms">
-        Terms of Use
-      </nuxt-link>, the
-      <nuxt-link to="/legal/rules">
-        Content Rules
-      </nuxt-link>, or the
-      <nuxt-link to="/legal/privacy">
-        Privacy Policy
-      </nuxt-link>.
+      <nuxt-link to="/legal/terms"> Terms of Use </nuxt-link>, the
+      <nuxt-link to="/legal/rules"> Content Rules </nuxt-link>, or the
+      <nuxt-link to="/legal/privacy"> Privacy Policy </nuxt-link>.
     </p>
 
     <h2>Economics</h2>
     <p>
       Rinth shall pay to you the percentage set forth
-      <nuxt-link to="/legal/cmp-info">
-        here
-      </nuxt-link> of net revenue collected by Rinth
+      <nuxt-link to="/legal/cmp-info"> here </nuxt-link> of net revenue collected by Rinth
       attributable to ad impressions displayed on modrinth.com and the Modrinth App excluding
       transaction fees ("Revenue Share"). Rinth shall make Revenue Share payments to you when you
       withdraw funds from Rinth's dashboard. Rinth shall include with each such payment either
diff --git a/apps/knossos/src/pages/legal/copyright.vue b/apps/knossos/src/pages/legal/copyright.vue
index ab443b110..c956ff9a3 100644
--- a/apps/knossos/src/pages/legal/copyright.vue
+++ b/apps/knossos/src/pages/legal/copyright.vue
@@ -38,10 +38,10 @@
     </ul>
     <p>Our designated copyright agent to receive DMCA Notices is:</p>
     <p>
-      &emsp;Jai Agrawal<br>
-      &emsp;Rinth, Inc.<br>
-      &emsp;410 N Scottsdale Road, Suite 1000, Tempe, Arizona, 85281<br>
-      &emsp;<a href="mailto:support@modrinth.com">support@modrinth.com</a><br>
+      &emsp;Jai Agrawal<br />
+      &emsp;Rinth, Inc.<br />
+      &emsp;410 N Scottsdale Road, Suite 1000, Tempe, Arizona, 85281<br />
+      &emsp;<a href="mailto:support@modrinth.com">support@modrinth.com</a><br />
     </p>
     <p>
       If you fail to comply with all of the requirements of Section 512(c)(3) of the DMCA, your DMCA
diff --git a/apps/knossos/src/pages/legal/privacy.vue b/apps/knossos/src/pages/legal/privacy.vue
index 316759a32..bbbc7e81b 100644
--- a/apps/knossos/src/pages/legal/privacy.vue
+++ b/apps/knossos/src/pages/legal/privacy.vue
@@ -123,7 +123,8 @@
     <p>
       When you sign up for our
       <a href="https://blog.modrinth.com/p/creator-monetization-beta">
-        Creator Monetization Program</a>
+        Creator Monetization Program</a
+      >
       (the "CMP"), we collect:
     </p>
     <ul>
@@ -135,7 +136,7 @@
     <h2>Data retention</h2>
     <p>
       View data and download data are anonymized 24 months after being recorded. All personal
-      information will be removed from those records during anonymization.<br>
+      information will be removed from those records during anonymization.<br />
       Data is retained indefinitely. We do not delete any data unless you request it.
     </p>
 
@@ -161,7 +162,7 @@
     <h2>Data Governance</h2>
     <p>
       Database access is limited to the minimum amount of Rinth, Inc. employees required to run the
-      service.<br>
+      service.<br />
       Data is stored in a jurisdiction that is part of the European Economic Area (EEA), encrypted
       both in storage and in transit.
     </p>
@@ -253,9 +254,7 @@
     <p>
       If you are a California resident, California law may provide you with additional rights
       regarding our use of your personal information. To learn more about your California privacy
-      rights, visit <nuxt-link to="/legal/ccpa">
-        this page
-      </nuxt-link>.
+      rights, visit <nuxt-link to="/legal/ccpa"> this page </nuxt-link>.
     </p>
     <p>
       California's "Shine the Light" law (Civil Code Section § 1798.83) permits users of our App
@@ -280,9 +279,9 @@
       <a href="mailto:gdpr@modrinth.com">gdpr@modrinth.com</a> or write us at:
     </p>
     <p>
-      Rinth, Inc.<br>
-      410 North Scottsdale Road<br>
-      Suite 1000<br>
+      Rinth, Inc.<br />
+      410 North Scottsdale Road<br />
+      Suite 1000<br />
       Tempe, AZ 85281
     </p>
 
@@ -294,12 +293,12 @@
       using their online form or by writing at:
     </p>
     <p>
-      Information Commissioner's Office<br>
-      Wycliffe House<br>
-      Water Lane<br>
-      Wilmslow<br>
-      Cheshire<br>
-      SK9 5AF<br>
+      Information Commissioner's Office<br />
+      Wycliffe House<br />
+      Water Lane<br />
+      Wilmslow<br />
+      Cheshire<br />
+      SK9 5AF<br />
       United Kingdom
     </p>
     <p>
diff --git a/apps/knossos/src/pages/legal/rules.vue b/apps/knossos/src/pages/legal/rules.vue
index 5d0fa54ab..e7945a6a3 100644
--- a/apps/knossos/src/pages/legal/rules.vue
+++ b/apps/knossos/src/pages/legal/rules.vue
@@ -4,9 +4,7 @@
 
     <p>
       These Content Rules are to be considered part of our
-      <nuxt-link to="/legal/terms">
-        Terms of Use
-      </nuxt-link> and apply to any and all User
+      <nuxt-link to="/legal/terms"> Terms of Use </nuxt-link> and apply to any and all User
       Contributions, Gaming Content, and use of Interactive Services (collectively, "Content").
     </p>
 
@@ -16,9 +14,7 @@
       <a href="mailto:support@modrinth.com">support@modrinth.com</a>.
     </p>
 
-    <h2 id="prohibited-content">
-      1. Prohibited Content
-    </h2>
+    <h2 id="prohibited-content">1. Prohibited Content</h2>
 
     <p>
       Content must in their entirety comply with all applicable federal, state, local, and
@@ -42,12 +38,8 @@
         Violate the legal rights (including the rights of publicity and privacy) of others or
         contain any material that could give rise to any civil or criminal liability under
         applicable laws or regulations or that otherwise may be in conflict with our
-        <nuxt-link to="/legal/terms">
-          Terms of Use
-        </nuxt-link> or
-        <nuxt-link to="/legal/privacy">
-          Privacy Policy
-        </nuxt-link>.
+        <nuxt-link to="/legal/terms"> Terms of Use </nuxt-link> or
+        <nuxt-link to="/legal/privacy"> Privacy Policy </nuxt-link>.
       </li>
       <li>
         Promote any illegal activity, or advocate, promote or assist any unlawful act, including
@@ -76,9 +68,7 @@
       </li>
     </ol>
 
-    <h2 id="clear-and-honest-function">
-      2. Clear and Honest Function
-    </h2>
+    <h2 id="clear-and-honest-function">2. Clear and Honest Function</h2>
 
     <p>
       Projects, a form of Content, must make a clear and honest attempt to describe their purpose in
@@ -86,9 +76,7 @@
       Using confusing language or technical jargon when it is not necessary constitutes a violation.
     </p>
 
-    <h3 id="general-expectations">
-      2.1. General Expectations
-    </h3>
+    <h3 id="general-expectations">2.1. General Expectations</h3>
 
     <p>
       From a project description, users should be able to understand what the project does and how
@@ -101,9 +89,7 @@
       <li>any other critical information the user must know before downloading</li>
     </ol>
 
-    <h3 id="accessibility">
-      2.2. Accessibility
-    </h3>
+    <h3 id="accessibility">2.2. Accessibility</h3>
 
     <p>
       Project descriptions must be accessible so that they can be read through a variety of mediums.
@@ -117,9 +103,7 @@
       translations into other languages if desired.
     </p>
 
-    <h2 id="cheats-and-hacks">
-      3. Cheats and Hacks
-    </h2>
+    <h2 id="cheats-and-hacks">3. Cheats and Hacks</h2>
 
     <p>
       Projects cannot contain or download "cheats", which we define as a client-side modification
@@ -146,9 +130,7 @@
       </li>
     </ol>
 
-    <h2 id="copyright-and-legality-of-content">
-      4. Copyright and Reuploads
-    </h2>
+    <h2 id="copyright-and-legality-of-content">4. Copyright and Reuploads</h2>
 
     <p>
       You must own or have the necessary licenses, rights, consents, and permissions to store,
@@ -162,9 +144,7 @@
       which have diverged substantially from the original project.
     </p>
 
-    <h2 id="miscellaneous">
-      5. Miscellaneous
-    </h2>
+    <h2 id="miscellaneous">5. Miscellaneous</h2>
 
     <p>
       There are certain other small aspects to creating projects that all authors should attempt to
diff --git a/apps/knossos/src/pages/legal/security.vue b/apps/knossos/src/pages/legal/security.vue
index bb83e2562..94c4ee33e 100644
--- a/apps/knossos/src/pages/legal/security.vue
+++ b/apps/knossos/src/pages/legal/security.vue
@@ -41,11 +41,12 @@
       </li>
     </ul>
     <p>If you aren't sure, you can still reach out via email or direct message.</p>
-    <hr>
+    <hr />
     <p>
       This notice is inspired by the
       <a href="https://www.pythondiscord.com/pages/security-notice/">
-        Python Discord Security Notice</a>.
+        Python Discord Security Notice</a
+      >.
     </p>
     <p><em>Version 2022-11</em></p>
   </div>
diff --git a/apps/knossos/src/pages/legal/terms.vue b/apps/knossos/src/pages/legal/terms.vue
index 01ae57620..da8004956 100644
--- a/apps/knossos/src/pages/legal/terms.vue
+++ b/apps/knossos/src/pages/legal/terms.vue
@@ -100,9 +100,7 @@
       continue to own all right, title and interest in and to your Gaming Content.
     </p>
     <p>
-      All Gaming Content must abide by the <nuxt-link to="/legal/rules">
-        Content Rules
-      </nuxt-link>.
+      All Gaming Content must abide by the <nuxt-link to="/legal/rules"> Content Rules </nuxt-link>.
     </p>
     <h2>API Usage</h2>
     <p>
@@ -142,10 +140,8 @@
       impressions displayed solely on your project pages. The funds are directly deposited into your
       account, which you can monitor and access via your creator dashboard. Simply enroll in the
       Rewards Program on your dashboard in order to be able to take advantage of this program.
-      Please review the <nuxt-link to="/legal/cmp">
-        Rewards Program Terms
-      </nuxt-link>, as it contains
-      very important language regarding, among other things, your status as an independent
+      Please review the <nuxt-link to="/legal/cmp"> Rewards Program Terms </nuxt-link>, as it
+      contains very important language regarding, among other things, your status as an independent
       contractor, your responsibility to pay taxes, our disclaimers and limitations of liability (in
       addition to our disclaimers and limitations of liability in these Terms of Use).
     </p>
@@ -193,9 +189,7 @@
       </li>
       <li>
         To send, knowingly receive, upload, download, use, or re-use any material which does not
-        comply with the <nuxt-link to="/legal/rules">
-          Content Rules
-        </nuxt-link>.
+        comply with the <nuxt-link to="/legal/rules"> Content Rules </nuxt-link>.
       </li>
       <li>
         To transmit, or procure the sending of, any advertising or promotional material, including
@@ -255,9 +249,7 @@
     </p>
     <p>
       All User Contributions and use of Interactive Services must abide by the
-      <nuxt-link to="/legal/rules">
-        Content Rules
-      </nuxt-link>.
+      <nuxt-link to="/legal/rules"> Content Rules </nuxt-link>.
     </p>
     <p>
       Any User Contribution you post to the site will be considered non-confidential and
@@ -389,9 +381,7 @@
     </ul>
     <p>
       The website from which you are linking, or on which you make certain content accessible, must
-      comply in all respects with the <nuxt-link to="/legal/rules">
-        Content Rules
-      </nuxt-link>.
+      comply in all respects with the <nuxt-link to="/legal/rules"> Content Rules </nuxt-link>.
     </p>
     <p>
       You agree to cooperate with us in causing any unauthorized framing or linking immediately to
@@ -539,9 +529,9 @@
     <h2>Your Comments and Concerns</h2>
     <p>This website is operated by:</p>
     <p>
-      Rinth, Inc.<br>
-      410 North Scottsdale Road<br>
-      Suite 1000<br>
+      Rinth, Inc.<br />
+      410 North Scottsdale Road<br />
+      Suite 1000<br />
       Tempe, AZ 85281
     </p>
     <p>
diff --git a/apps/knossos/src/pages/moderation.vue b/apps/knossos/src/pages/moderation.vue
index 8605347b4..3b378cbb3 100644
--- a/apps/knossos/src/pages/moderation.vue
+++ b/apps/knossos/src/pages/moderation.vue
@@ -4,22 +4,13 @@
       <aside class="universal-card">
         <h1>Moderation</h1>
         <NavStack>
-          <NavStackItem
-            link="/moderation"
-            label="Overview"
-          >
+          <NavStackItem link="/moderation" label="Overview">
             <ModrinthIcon />
           </NavStackItem>
-          <NavStackItem
-            link="/moderation/review"
-            label="Review projects"
-          >
+          <NavStackItem link="/moderation/review" label="Review projects">
             <ModerationIcon />
           </NavStackItem>
-          <NavStackItem
-            link="/moderation/reports"
-            label="Reports"
-          >
+          <NavStackItem link="/moderation/reports" label="Reports">
             <ReportIcon />
           </NavStackItem>
         </NavStack>
diff --git a/apps/knossos/src/pages/moderation/index.vue b/apps/knossos/src/pages/moderation/index.vue
index 23d2bc9c0..c2c2f4ec9 100644
--- a/apps/knossos/src/pages/moderation/index.vue
+++ b/apps/knossos/src/pages/moderation/index.vue
@@ -4,33 +4,25 @@
       <h2>Statistics</h2>
       <div class="grid-display">
         <div class="grid-display__item">
-          <div class="label">
-            Projects
-          </div>
+          <div class="label">Projects</div>
           <div class="value">
             {{ formatNumber(stats.projects, false) }}
           </div>
         </div>
         <div class="grid-display__item">
-          <div class="label">
-            Versions
-          </div>
+          <div class="label">Versions</div>
           <div class="value">
             {{ formatNumber(stats.versions, false) }}
           </div>
         </div>
         <div class="grid-display__item">
-          <div class="label">
-            Files
-          </div>
+          <div class="label">Files</div>
           <div class="value">
             {{ formatNumber(stats.files, false) }}
           </div>
         </div>
         <div class="grid-display__item">
-          <div class="label">
-            Authors
-          </div>
+          <div class="label">Authors</div>
           <div class="value">
             {{ formatNumber(stats.authors, false) }}
           </div>
diff --git a/apps/knossos/src/pages/moderation/reports.vue b/apps/knossos/src/pages/moderation/reports.vue
index cdbc70be1..67c076499 100644
--- a/apps/knossos/src/pages/moderation/reports.vue
+++ b/apps/knossos/src/pages/moderation/reports.vue
@@ -2,10 +2,7 @@
   <div>
     <section class="universal-card">
       <h2>Reports</h2>
-      <ReportsList
-        :auth="auth"
-        moderation
-      />
+      <ReportsList :auth="auth" moderation />
     </section>
   </div>
 </template>
diff --git a/apps/knossos/src/pages/moderation/review.vue b/apps/knossos/src/pages/moderation/review.vue
index 443615e87..cadd531d7 100644
--- a/apps/knossos/src/pages/moderation/review.vue
+++ b/apps/knossos/src/pages/moderation/review.vue
@@ -7,18 +7,10 @@
         :items="projectTypes"
         :format-label="(x) => (x === 'all' ? 'All' : $formatProjectType(x) + 's')"
       />
-      <button
-        v-if="oldestFirst"
-        class="iconified-button push-right"
-        @click="oldestFirst = false"
-      >
+      <button v-if="oldestFirst" class="iconified-button push-right" @click="oldestFirst = false">
         <SortDescIcon />Sorting by oldest
       </button>
-      <button
-        v-else
-        class="iconified-button push-right"
-        @click="oldestFirst = true"
-      >
+      <button v-else class="iconified-button push-right" @click="oldestFirst = true">
         <SortAscIcon />Sorting by newest
       </button>
       <button
@@ -29,30 +21,16 @@
         <ModerationIcon /> Start moderating
       </button>
     </div>
-    <p
-      v-if="projectType !== 'all'"
-      class="project-count"
-    >
+    <p v-if="projectType !== 'all'" class="project-count">
       Showing {{ projectsFiltered.length }} {{ projectTypePlural }} of {{ projects.length }} total
       projects in the queue.
     </p>
-    <p
-      v-else
-      class="project-count"
-    >
-      There are {{ projects.length }} projects in the queue.
-    </p>
-    <p
-      v-if="projectsOver24Hours.length > 0"
-      class="warning project-count"
-    >
+    <p v-else class="project-count">There are {{ projects.length }} projects in the queue.</p>
+    <p v-if="projectsOver24Hours.length > 0" class="warning project-count">
       <WarningIcon /> {{ projectsOver24Hours.length }} {{ projectTypePlural }}
       have been in the queue for over 24 hours.
     </p>
-    <p
-      v-if="projectsOver48Hours.length > 0"
-      class="danger project-count"
-    >
+    <p v-if="projectsOver48Hours.length > 0" class="danger project-count">
       <WarningIcon /> {{ projectsOver48Hours.length }} {{ projectTypePlural }}
       have been in the queue for over 48 hours.
     </p>
@@ -73,12 +51,7 @@
             :to="`/${project.inferred_project_type}/${project.slug}`"
             class="iconified-stacked-link"
           >
-            <Avatar
-              :src="project.icon_url"
-              size="xs"
-              no-shadow
-              raised
-            />
+            <Avatar :src="project.icon_url" size="xs" no-shadow raised />
             <span class="stacked">
               <span class="title">{{ project.name }}</span>
               <span>{{ $formatProjectType(project.inferred_project_type) }}</span>
@@ -92,12 +65,7 @@
             :to="`/user/${project.owner.user.username}`"
             class="iconified-link"
           >
-            <Avatar
-              :src="project.owner.user.avatar_url"
-              circle
-              size="xxs"
-              raised
-            />
+            <Avatar :src="project.owner.user.avatar_url" circle size="xxs" raised />
             <span>{{ project.owner.user.username }}</span>
           </nuxt-link>
           <nuxt-link
@@ -105,12 +73,7 @@
             :to="`/organization/${project.org.slug}`"
             class="iconified-link"
           >
-            <Avatar
-              :src="project.org.icon_url"
-              circle
-              size="xxs"
-              raised
-            />
+            <Avatar :src="project.org.icon_url" circle size="xxs" raised />
             <span>{{ project.org.name }}</span>
           </nuxt-link>
         </div>
@@ -127,20 +90,14 @@
           <EyeIcon /> View project
         </nuxt-link>
       </div>
-      <span
-        v-if="project.queued"
-        :class="`submitter-info ${project.age_warning}`"
-      >
+      <span v-if="project.queued" :class="`submitter-info ${project.age_warning}`">
         <WarningIcon v-if="project.age_warning" />
         Submitted
         <span v-tooltip="$dayjs(project.queued).format('MMMM D, YYYY [at] h:mm A')">{{
           fromNow(project.queued)
         }}</span>
       </span>
-      <span
-        v-else
-        class="submitter-info"
-      ><UnknownIcon /> Unknown queue date</span>
+      <span v-else class="submitter-info"><UnknownIcon /> Unknown queue date</span>
     </div>
   </section>
 </template>
diff --git a/apps/knossos/src/pages/organization/[id].vue b/apps/knossos/src/pages/organization/[id].vue
index d32b0d8ce..e4f2d58ad 100644
--- a/apps/knossos/src/pages/organization/[id].vue
+++ b/apps/knossos/src/pages/organization/[id].vue
@@ -1,13 +1,7 @@
 <template>
-  <div
-    v-if="organization"
-    class="normal-page"
-  >
+  <div v-if="organization" class="normal-page">
     <div class="normal-page__sidebar">
-      <div
-        v-if="routeHasSettings"
-        class="universal-card"
-      >
+      <div v-if="routeHasSettings" class="universal-card">
         <Breadcrumbs
           current-title="Settings"
           :link-stack="[
@@ -21,10 +15,7 @@
         />
 
         <div class="page-header__settings">
-          <Avatar
-            size="sm"
-            :src="organization.icon_url"
-          />
+          <Avatar size="sm" :src="organization.icon_url" />
           <div class="title-section">
             <h2 class="settings-title">
               <nuxt-link :to="`/organization/${organization.slug}/settings`">
@@ -41,10 +32,7 @@
         <h2>Organization settings</h2>
 
         <NavStack>
-          <NavStackItem
-            :link="`/organization/${organization.slug}/settings`"
-            label="Overview"
-          >
+          <NavStackItem :link="`/organization/${organization.slug}/settings`" label="Overview">
             <SettingsIcon />
           </NavStackItem>
           <NavStackItem
@@ -71,10 +59,7 @@
       <template v-else>
         <div class="universal-card">
           <div class="page-header__icon">
-            <Avatar
-              size="md"
-              :src="organization.icon_url"
-            />
+            <Avatar size="md" :src="organization.icon_url" />
           </div>
 
           <div class="page-header__text">
@@ -91,28 +76,20 @@
                 <p>{{ organization.description }}</p>
               </div>
 
-              <hr class="card-divider">
+              <hr class="card-divider" />
 
               <div class="primary-stat">
-                <UserIcon
-                  class="primary-stat__icon"
-                  aria-hidden="true"
-                />
+                <UserIcon class="primary-stat__icon" aria-hidden="true" />
                 <div class="primary-stat__text">
                   <span class="primary-stat__counter">
                     {{ $formatNumber(acceptedMembers?.length || 0) }}
                   </span>
-                  member<template v-if="acceptedMembers?.length !== 1">
-                    s
-                  </template>
+                  member<template v-if="acceptedMembers?.length !== 1"> s </template>
                 </div>
               </div>
 
               <div class="primary-stat">
-                <BoxIcon
-                  class="primary-stat__icon"
-                  aria-hidden="true"
-                />
+                <BoxIcon class="primary-stat__icon" aria-hidden="true" />
                 <div class="primary-stat__text">
                   <span class="primary-stat__counter">
                     {{ $formatNumber(projects?.length || 0) }}
@@ -122,10 +99,7 @@
               </div>
 
               <div class="primary-stat no-margin">
-                <DownloadIcon
-                  class="primary-stat__icon"
-                  aria-hidden="true"
-                />
+                <DownloadIcon class="primary-stat__icon" aria-hidden="true" />
                 <div class="primary-stat__text">
                   <span class="primary-stat__counter">
                     {{ formatCompactNumber(sumDownloads) }}
@@ -142,24 +116,12 @@
             <h3>Members</h3>
           </div>
 
-          <template
-            v-for="member in acceptedMembers"
-            :key="member.user.id"
-          >
-            <nuxt-link
-              class="creator button-base"
-              :to="`/user/${member.user.username}`"
-            >
-              <Avatar
-                :src="member.user.avatar_url"
-                circle
-              />
+          <template v-for="member in acceptedMembers" :key="member.user.id">
+            <nuxt-link class="creator button-base" :to="`/user/${member.user.username}`">
+              <Avatar :src="member.user.avatar_url" circle />
               <p class="name">
                 {{ member.user.username }}
-                <CrownIcon
-                  v-if="member.is_owner"
-                  v-tooltip="'Organization owner'"
-                />
+                <CrownIcon v-if="member.is_owner" v-tooltip="'Organization owner'" />
               </p>
               <p class="role">
                 {{ member.role }}
@@ -169,32 +131,17 @@
         </div>
       </template>
     </div>
-    <div
-      v-if="!routeHasSettings"
-      class="normal-page__content"
-    >
-      <ModalCreation
-        ref="modal_creation"
-        :organization-id="organization.id"
-      />
+    <div v-if="!routeHasSettings" class="normal-page__content">
+      <ModalCreation ref="modal_creation" :organization-id="organization.id" />
       <Promotion />
-      <div
-        v-if="isInvited"
-        class="universal-card information invited"
-      >
+      <div v-if="isInvited" class="universal-card information invited">
         <h2>Invitation to join {{ organization.name }}</h2>
         <p>You have been invited to join {{ organization.name }}.</p>
         <div class="input-group">
-          <button
-            class="iconified-button brand-button"
-            @click="onAcceptInvite"
-          >
+          <button class="iconified-button brand-button" @click="onAcceptInvite">
             <CheckIcon />Accept
           </button>
-          <button
-            class="iconified-button danger-button"
-            @click="onDeclineInvite"
-          >
+          <button class="iconified-button danger-button" @click="onDeclineInvite">
             <XIcon />Decline
           </button>
         </div>
@@ -215,14 +162,8 @@
           ]"
         />
 
-        <div
-          v-if="auth.user && currentMember"
-          class="input-group"
-        >
-          <nuxt-link
-            :to="`/organization/${organization.slug}/settings`"
-            class="iconified-button"
-          >
+        <div v-if="auth.user && currentMember" class="input-group">
+          <nuxt-link :to="`/organization/${organization.slug}/settings`" class="iconified-button">
             <SettingsIcon /> Manage
           </nuxt-link>
         </div>
@@ -232,10 +173,10 @@
           <ProjectCard
             v-for="project in (route.params.projectType !== undefined
               ? projects.filter((x) =>
-                x.project_types.includes(
-                  route.params.projectType.substr(0, route.params.projectType.length - 1)
+                  x.project_types.includes(
+                    route.params.projectType.substr(0, route.params.projectType.length - 1)
+                  )
                 )
-              )
               : projects
             )
               .slice()
@@ -266,19 +207,13 @@
         </div>
       </template>
 
-      <div
-        v-else-if="true"
-        class="error"
-      >
-        <UpToDate class="icon" /><br>
+      <div v-else-if="true" class="error">
+        <UpToDate class="icon" /><br />
         <span class="preserve-lines text">
           This organization doesn't have any projects yet.
           <template v-if="isPermission(currentMember?.organization_permissions, 1 << 4)">
             Would you like to
-            <a
-              class="link"
-              @click="$refs.modal_creation.show()"
-            >create one</a>?
+            <a class="link" @click="$refs.modal_creation.show()">create one</a>?
           </template>
         </span>
       </div>
diff --git a/apps/knossos/src/pages/organization/[id]/settings/index.vue b/apps/knossos/src/pages/organization/[id]/settings/index.vue
index 4afd9d3de..68297e997 100644
--- a/apps/knossos/src/pages/organization/[id]/settings/index.vue
+++ b/apps/knossos/src/pages/organization/[id]/settings/index.vue
@@ -165,15 +165,13 @@ const onDeleteOrganization = useClientTry(async () => {
         maxlength="2048"
         type="text"
         :disabled="!hasPermission"
-      >
+      />
 
       <label for="project-slug">
         <span class="label__title">URL</span>
       </label>
       <div class="text-input-wrapper">
-        <div class="text-input-wrapper__before">
-          https://modrinth.com/organization/
-        </div>
+        <div class="text-input-wrapper__before">https://modrinth.com/organization/</div>
         <input
           id="project-slug"
           v-model="slug"
@@ -181,7 +179,7 @@ const onDeleteOrganization = useClientTry(async () => {
           maxlength="64"
           autocomplete="off"
           :disabled="!hasPermission"
-        >
+        />
       </div>
 
       <label for="project-summary">
@@ -196,11 +194,7 @@ const onDeleteOrganization = useClientTry(async () => {
         />
       </div>
       <div class="button-group">
-        <Button
-          color="primary"
-          :disabled="!hasChanges"
-          @click="onSaveChanges"
-        >
+        <Button color="primary" :disabled="!hasChanges" @click="onSaveChanges">
           <SaveIcon />
           Save changes
         </Button>
@@ -216,10 +210,7 @@ const onDeleteOrganization = useClientTry(async () => {
         Deleting your organization will transfer all of its projects to the organization owner. This
         action cannot be undone.
       </p>
-      <Button
-        color="danger"
-        @click="() => $refs.modal_deletion.show()"
-      >
+      <Button color="danger" @click="() => $refs.modal_deletion.show()">
         <TrashIcon />
         Delete organization
       </Button>
diff --git a/apps/knossos/src/pages/organization/[id]/settings/members.vue b/apps/knossos/src/pages/organization/[id]/settings/members.vue
index 07ae7705e..25e18ad6c 100644
--- a/apps/knossos/src/pages/organization/[id]/settings/members.vue
+++ b/apps/knossos/src/pages/organization/[id]/settings/members.vue
@@ -26,11 +26,8 @@
             )
           "
           @keypress.enter="() => onInviteTeamMember(organization.team, currentUsername)"
-        >
-        <label
-          for="username"
-          class="hidden"
-        >Username</label>
+        />
+        <label for="username" class="hidden">Username</label>
         <Button
           color="primary"
           :disabled="
@@ -70,35 +67,18 @@
     >
       <div class="member-header">
         <div class="info">
-          <Avatar
-            :src="member.user.avatar_url"
-            :alt="member.user.username"
-            size="sm"
-            circle
-          />
+          <Avatar :src="member.user.avatar_url" :alt="member.user.username" size="sm" circle />
           <div class="text">
-            <nuxt-link
-              :to="'/user/' + member.user.username"
-              class="name"
-            >
+            <nuxt-link :to="'/user/' + member.user.username" class="name">
               <p>{{ member.user.username }}</p>
-              <CrownIcon
-                v-if="member.is_owner"
-                v-tooltip="'Organization owner'"
-              />
+              <CrownIcon v-if="member.is_owner" v-tooltip="'Organization owner'" />
             </nuxt-link>
             <p>{{ member.role }}</p>
           </div>
         </div>
         <div class="side-buttons">
-          <Badge
-            v-if="member.accepted"
-            type="accepted"
-          />
-          <Badge
-            v-else
-            type="pending"
-          />
+          <Badge v-if="member.accepted" type="accepted" />
+          <Badge v-else type="pending" />
           <Button
             icon-only
             transparent
@@ -131,7 +111,7 @@
                 organizationPermissions.EDIT_MEMBER
               )
             "
-          >
+          />
         </div>
         <div class="adjacent-input">
           <label :for="`member-${member.user.id}-monetization-weight`">
@@ -151,7 +131,7 @@
                 organizationPermissions.EDIT_MEMBER
               )
             "
-          >
+          />
         </div>
         <template v-if="!member.is_owner">
           <span class="label">
@@ -215,10 +195,10 @@
                 currentMember.organization_permissions,
                 organizationPermissions.EDIT_MEMBER
               ) &&
-                !isPermission(
-                  currentMember.organization_permissions,
-                  organizationPermissions.REMOVE_MEMBER
-                )
+              !isPermission(
+                currentMember.organization_permissions,
+                organizationPermissions.REMOVE_MEMBER
+              )
             "
             @click="onRemoveMember(organization.team_id, member)"
           >
diff --git a/apps/knossos/src/pages/organization/[id]/settings/projects.vue b/apps/knossos/src/pages/organization/[id]/settings/projects.vue
index 89549ca2a..5db6a23b4 100644
--- a/apps/knossos/src/pages/organization/[id]/settings/projects.vue
+++ b/apps/knossos/src/pages/organization/[id]/settings/projects.vue
@@ -1,9 +1,6 @@
 <template>
   <div class="normal-page__content">
-    <Modal
-      ref="editLinksModal"
-      header="Edit links"
-    >
+    <Modal ref="editLinksModal" header="Edit links">
       <div class="universal-modal links-modal">
         <p>
           Any links you specify below will be overwritten on each of the selected projects. Any you
@@ -27,7 +24,7 @@
                 editLinks.issues.clear ? 'Existing link will be cleared' : 'Enter a valid URL'
               "
               maxlength="2048"
-            >
+            />
             <Button
               v-tooltip="'Clear link'"
               aria-label="Clear link"
@@ -55,7 +52,7 @@
               :placeholder="
                 editLinks.source.clear ? 'Existing link will be cleared' : 'Enter a valid URL'
               "
-            >
+            />
             <Button
               v-tooltip="'Clear link'"
               aria-label="Clear link"
@@ -82,7 +79,7 @@
               :placeholder="
                 editLinks.wiki.clear ? 'Existing link will be cleared' : 'Enter a valid URL'
               "
-            >
+            />
             <Button
               v-tooltip="'Clear link'"
               aria-label="Clear link"
@@ -93,10 +90,7 @@
               <TrashIcon />
             </Button>
           </div>
-          <label
-            for="discord-invite-input"
-            title="An invitation link to your Discord server."
-          >
+          <label for="discord-invite-input" title="An invitation link to your Discord server.">
             <span class="label__title">Discord invite</span>
           </label>
           <div class="input-group shrink-first">
@@ -111,7 +105,7 @@
                   ? 'Existing link will be cleared'
                   : 'Enter a valid Discord invite URL'
               "
-            >
+            />
             <Button
               v-tooltip="'Clear link'"
               aria-label="Clear link"
@@ -156,27 +150,18 @@
             <XIcon />
             Cancel
           </Button>
-          <Button
-            color="primary"
-            @click="onBulkEditLinks"
-          >
+          <Button color="primary" @click="onBulkEditLinks">
             <SaveIcon />
             Save changes
           </Button>
         </div>
       </div>
     </Modal>
-    <ModalCreation
-      ref="modal_creation"
-      :organization-id="organization.id"
-    />
+    <ModalCreation ref="modal_creation" :organization-id="organization.id" />
     <div class="universal-card">
       <h2>Projects</h2>
       <div class="input-group">
-        <Button
-          color="primary"
-          @click="$refs.modal_creation.show()"
-        >
+        <Button color="primary" @click="$refs.modal_creation.show()">
           <PlusIcon />
           {{ formatMessage(commonMessages.createAProjectButton) }}
         </Button>
@@ -191,10 +176,7 @@
       <template v-else>
         <p>You can edit multiple projects at once by selecting them below.</p>
         <div class="input-group">
-          <Button
-            :disabled="selectedProjects.length === 0"
-            @click="$refs.editLinksModal.show()"
-          >
+          <Button :disabled="selectedProjects.length === 0" @click="$refs.editLinksModal.show()">
             <EditIcon />
             Edit links
           </Button>
@@ -237,28 +219,14 @@
                 "
               />
             </div>
-            <div class="table-cell">
-              Icon
-            </div>
-            <div class="table-cell">
-              Name
-            </div>
-            <div class="table-cell">
-              ID
-            </div>
-            <div class="table-cell">
-              Type
-            </div>
-            <div class="table-cell">
-              Status
-            </div>
+            <div class="table-cell">Icon</div>
+            <div class="table-cell">Name</div>
+            <div class="table-cell">ID</div>
+            <div class="table-cell">Type</div>
+            <div class="table-cell">Status</div>
             <div class="table-cell" />
           </div>
-          <div
-            v-for="project in sortedProjects"
-            :key="`project-${project.id}`"
-            class="table-row"
-          >
+          <div v-for="project in sortedProjects" :key="`project-${project.id}`" class="table-row">
             <div class="table-cell check-cell">
               <Checkbox
                 :disabled="(project.permissions & EDIT_DETAILS) === EDIT_DETAILS"
@@ -271,10 +239,7 @@
               />
             </div>
             <div class="table-cell">
-              <nuxt-link
-                tabindex="-1"
-                :to="`/project/${project.slug ? project.slug : project.id}`"
-              >
+              <nuxt-link tabindex="-1" :to="`/project/${project.slug ? project.slug : project.id}`">
                 <Avatar
                   :src="project.icon_url"
                   aria-hidden="true"
@@ -314,11 +279,7 @@
             </div>
 
             <div class="table-cell">
-              <Badge
-                v-if="project.status"
-                :type="project.status"
-                class="status"
-              />
+              <Badge v-if="project.status" :type="project.status" class="status" />
             </div>
 
             <div class="table-cell">
diff --git a/apps/knossos/src/pages/report.vue b/apps/knossos/src/pages/report.vue
index bb8d4ef61..cadafb777 100644
--- a/apps/knossos/src/pages/report.vue
+++ b/apps/knossos/src/pages/report.vue
@@ -3,26 +3,14 @@
     <Card>
       <div class="content">
         <div>
-          <h1 class="card-title-adjustments">
-            Submit a Report
-          </h1>
+          <h1 class="card-title-adjustments">Submit a Report</h1>
           <div>
             <p>
               Modding should be safe for everyone, so we take abuse and malicious intent seriously
               at Modrinth. If you encounter content that violates our
-              <nuxt-link
-                class="text-link"
-                to="/legal/terms"
-              >
-                Terms of Service
-              </nuxt-link> or our
-              <nuxt-link
-                class="text-link"
-                to="/legal/rules"
-              >
-                Rules
-              </nuxt-link>, please report it to
-              us here.
+              <nuxt-link class="text-link" to="/legal/terms"> Terms of Service </nuxt-link> or our
+              <nuxt-link class="text-link" to="/legal/rules"> Rules </nuxt-link>, please report it
+              to us here.
             </p>
             <p>
               This form is intended exclusively for reporting abuse or harmful content to Modrinth
@@ -60,7 +48,7 @@
               placeholder="ex. project ID"
               autocomplete="off"
               :disabled="reportItem === ''"
-            >
+            />
           </div>
           <div class="report-info-item">
             <label for="report-type">Reason for report</label>
@@ -85,11 +73,7 @@
               possible. <strong>Empty reports will be closed.</strong>
             </p>
           </div>
-          <MarkdownEditor
-            v-model="reportBody"
-            placeholder=""
-            :on-image-upload="onImageUpload"
-          />
+          <MarkdownEditor v-model="reportBody" placeholder="" :on-image-upload="onImageUpload" />
         </div>
         <div class="submit-button">
           <Button
diff --git a/apps/knossos/src/pages/search/[searchProjectType].vue b/apps/knossos/src/pages/search/[searchProjectType].vue
index 115544dc3..7cb8a706d 100644
--- a/apps/knossos/src/pages/search/[searchProjectType].vue
+++ b/apps/knossos/src/pages/search/[searchProjectType].vue
@@ -16,21 +16,15 @@
       }"
       aria-label="Filters"
     >
-      <section
-        class="card filters-card"
-        role="presentation"
-      >
-        <div
-          class="sidebar-menu"
-          :class="{ 'sidebar-menu_open': sidebarMenuOpen }"
-        >
+      <section class="card filters-card" role="presentation">
+        <div class="sidebar-menu" :class="{ 'sidebar-menu_open': sidebarMenuOpen }">
           <button
             :disabled="
               onlyOpenSource === false &&
-                selectedEnvironments.length === 0 &&
-                selectedVersions.length === 0 &&
-                facets.length === 0 &&
-                orFacets.length === 0
+              selectedEnvironments.length === 0 &&
+              selectedVersions.length === 0 &&
+              facets.length === 0 &&
+              orFacets.length === 0
             "
             class="iconified-button"
             @click="clearFilters"
@@ -39,10 +33,7 @@
             Clear filters
           </button>
           <section aria-label="Category filters">
-            <div
-              v-for="(categories, header) in categoriesMap"
-              :key="header"
-            >
+            <div v-for="(categories, header) in categoriesMap" :key="header">
               <h3
                 v-if="categories.filter((x) => x.project_type === projectType.actual).length > 0"
                 class="sidebar-menu-heading"
@@ -141,10 +132,7 @@
               :collapsing-toggle-style="true"
             />
           </section>
-          <section
-            v-if="projectType.id === 'plugin'"
-            aria-label="Platform loader filters"
-          >
+          <section v-if="projectType.id === 'plugin'" aria-label="Platform loader filters">
             <h3
               v-if="
                 tags.loaders.filter((x) => x.supported_project_types.includes(projectType.actual))
@@ -171,9 +159,7 @@
             v-if="!['resourcepack', 'plugin', 'shader', 'datapack'].includes(projectType.id)"
             aria-label="Environment filters"
           >
-            <h3 class="sidebar-menu-heading">
-              Environments
-            </h3>
+            <h3 class="sidebar-menu-heading">Environments</h3>
             <SearchFilter
               :active-filters="selectedEnvironments"
               display-name="Client"
@@ -191,9 +177,7 @@
               <ServerIcon aria-hidden="true" />
             </SearchFilter>
           </section>
-          <h3 class="sidebar-menu-heading">
-            Minecraft versions
-          </h3>
+          <h3 class="sidebar-menu-heading">Minecraft versions</h3>
           <Checkbox
             v-model="showSnapshots"
             label="Show all versions"
@@ -207,8 +191,8 @@
               showSnapshots
                 ? tags.gameVersions.map((x) => x.version)
                 : tags.gameVersions
-                  .filter((it) => it.version_type === 'release')
-                  .map((x) => x.version)
+                    .filter((it) => it.version_type === 'release')
+                    .map((x) => x.version)
             "
             :multiple="true"
             :searchable="true"
@@ -220,9 +204,7 @@
             placeholder="Choose versions..."
             @update:model-value="onSearchChange(1)"
           />
-          <h3 class="sidebar-menu-heading">
-            Open source
-          </h3>
+          <h3 class="sidebar-menu-heading">Open source</h3>
           <Checkbox
             v-model="onlyOpenSource"
             label="Open source only"
@@ -246,10 +228,7 @@
             Filters...
           </button>
           <div class="iconified-input">
-            <label
-              class="hidden"
-              for="search"
-            >Search</label>
+            <label class="hidden" for="search">Search</label>
             <SearchIcon aria-hidden="true" />
             <input
               id="search"
@@ -259,7 +238,7 @@
               :placeholder="`Search ${projectType.display}s...`"
               autocomplete="off"
               @input="onSearchChange(1)"
-            >
+            />
           </div>
         </div>
         <div class="sort-controls">
@@ -317,16 +296,10 @@
         @switch-page="onSearchChange"
       />
       <LogoAnimated v-if="searchLoading && !noLoad" />
-      <div
-        v-else-if="results && results.hits && results.hits.length === 0"
-        class="no-results"
-      >
+      <div v-else-if="results && results.hits && results.hits.length === 0" class="no-results">
         <p>No results found for your query!</p>
       </div>
-      <div
-        v-else
-        class="search-results-container"
-      >
+      <div v-else class="search-results-container">
         <div
           id="search-results"
           class="project-list"
diff --git a/apps/knossos/src/pages/settings/account.vue b/apps/knossos/src/pages/settings/account.vue
index da7f2d60f..a6283486b 100644
--- a/apps/knossos/src/pages/settings/account.vue
+++ b/apps/knossos/src/pages/settings/account.vue
@@ -9,10 +9,7 @@
       :has-to-type="true"
       @proceed="deleteAccount"
     />
-    <Modal
-      ref="changeEmailModal"
-      :header="`${auth.user.email ? 'Change' : 'Add'} email`"
-    >
+    <Modal ref="changeEmailModal" :header="`${auth.user.email ? 'Change' : 'Add'} email`">
       <div class="universal-modal">
         <p>Your account information is not displayed publicly.</p>
         <label for="email-input"><span class="label__title">Email address</span> </label>
@@ -23,12 +20,9 @@
           type="email"
           :placeholder="`Enter your email address...`"
           @keyup.enter="saveEmail()"
-        >
+        />
         <div class="input-group push-right">
-          <button
-            class="iconified-button"
-            @click="$refs.changeEmailModal.hide()"
-          >
+          <button class="iconified-button" @click="$refs.changeEmailModal.hide()">
             <XIcon />
             Cancel
           </button>
@@ -57,17 +51,11 @@
         >
           <li>Input passwords do not match!</li>
         </ul>
-        <label
-          v-if="removePasswordMode"
-          for="old-password"
-        >
+        <label v-if="removePasswordMode" for="old-password">
           <span class="label__title">Confirm password</span>
           <span class="label__description">Please enter your password to proceed.</span>
         </label>
-        <label
-          v-else-if="auth.user.has_password"
-          for="old-password"
-        >
+        <label v-else-if="auth.user.has_password" for="old-password">
           <span class="label__title">Old password</span>
         </label>
         <input
@@ -78,7 +66,7 @@
           type="password"
           autocomplete="current-password"
           :placeholder="`${removePasswordMode ? 'Confirm' : 'Old'} password`"
-        >
+        />
         <template v-if="!removePasswordMode">
           <label for="new-password"><span class="label__title">New password</span></label>
           <input
@@ -88,8 +76,10 @@
             type="password"
             autocomplete="new-password"
             placeholder="New password"
+          />
+          <label for="confirm-new-password"
+            ><span class="label__title">Confirm new password</span></label
           >
-          <label for="confirm-new-password"><span class="label__title">Confirm new password</span></label>
           <input
             id="confirm-new-password"
             v-model="confirmNewPassword"
@@ -97,14 +87,11 @@
             type="password"
             autocomplete="new-password"
             placeholder="Confirm new password"
-          >
+          />
         </template>
         <p />
         <div class="input-group push-right">
-          <button
-            class="iconified-button"
-            @click="$refs.managePasswordModal.hide()"
-          >
+          <button class="iconified-button" @click="$refs.managePasswordModal.hide()">
             <XIcon />
             Cancel
           </button>
@@ -134,8 +121,8 @@
               class="iconified-button brand-button"
               :disabled="
                 newPassword.length == 0 ||
-                  (auth.user.has_password && oldPassword.length == 0) ||
-                  newPassword !== confirmNewPassword
+                (auth.user.has_password && oldPassword.length == 0) ||
+                newPassword !== confirmNewPassword
               "
               @click="savePassword"
             >
@@ -165,25 +152,14 @@
             type="text"
             placeholder="Enter code..."
             @keyup.enter="removeTwoFactor()"
-          >
-          <p
-            v-if="twoFactorIncorrect"
-            class="known-errors"
-          >
-            The code entered is incorrect!
-          </p>
+          />
+          <p v-if="twoFactorIncorrect" class="known-errors">The code entered is incorrect!</p>
           <div class="input-group push-right">
-            <button
-              class="iconified-button"
-              @click="$refs.manageTwoFactorModal.hide()"
-            >
+            <button class="iconified-button" @click="$refs.manageTwoFactorModal.hide()">
               <XIcon />
               Cancel
             </button>
-            <button
-              class="iconified-button danger-button"
-              @click="removeTwoFactor"
-            >
+            <button class="iconified-button danger-button" @click="removeTwoFactor">
               <TrashIcon />
               Remove 2FA
             </button>
@@ -194,10 +170,11 @@
             <p>
               Two-factor authentication keeps your account secure by requiring access to a second
               device in order to sign in.
-              <br><br>
+              <br /><br />
               Scan the QR code with <a href="https://authy.com/">Authy</a>,
               <a href="https://www.microsoft.com/en-us/security/mobile-authenticator-app">
-                Microsoft Authenticator</a>, or any other 2FA app to begin.
+                Microsoft Authenticator</a
+              >, or any other 2FA app to begin.
             </p>
             <qrcode-vue
               v-if="twoFactorSecret"
@@ -216,7 +193,8 @@
           <template v-if="twoFactorStep === 1">
             <label for="verify-code">
               <span class="label__title">Verify code</span>
-              <span class="label__description">Enter the one-time code from authenticator to verify access.
+              <span class="label__description"
+                >Enter the one-time code from authenticator to verify access.
               </span>
             </label>
             <input
@@ -227,13 +205,8 @@
               autocomplete="one-time-code"
               placeholder="Enter code..."
               @keyup.enter="verifyTwoFactorCode()"
-            >
-            <p
-              v-if="twoFactorIncorrect"
-              class="known-errors"
-            >
-              The code entered is incorrect!
-            </p>
+            />
+            <p v-if="twoFactorIncorrect" class="known-errors">The code entered is incorrect!</p>
           </template>
           <template v-if="twoFactorStep === 2">
             <p>
@@ -243,20 +216,13 @@
             </p>
             <p>Backup codes can only be used once.</p>
             <ul>
-              <li
-                v-for="code in backupCodes"
-                :key="code"
-              >
+              <li v-for="code in backupCodes" :key="code">
                 {{ code }}
               </li>
             </ul>
           </template>
           <div class="input-group push-right">
-            <button
-              v-if="twoFactorStep === 1"
-              class="iconified-button"
-              @click="twoFactorStep = 0"
-            >
+            <button v-if="twoFactorStep === 1" class="iconified-button" @click="twoFactorStep = 0">
               <LeftArrowIcon />
               Back
             </button>
@@ -288,25 +254,14 @@
         </template>
       </div>
     </Modal>
-    <Modal
-      ref="manageProvidersModal"
-      header="Authentication providers"
-    >
+    <Modal ref="manageProvidersModal" header="Authentication providers">
       <div class="universal-modal">
         <div class="table">
           <div class="table-row table-head">
-            <div class="table-cell table-text">
-              Provider
-            </div>
-            <div class="table-cell table-text">
-              Actions
-            </div>
+            <div class="table-cell table-text">Provider</div>
+            <div class="table-cell table-text">Actions</div>
           </div>
-          <div
-            v-for="provider in authProviders"
-            :key="provider.id"
-            class="table-row"
-          >
+          <div v-for="provider in authProviders" :key="provider.id" class="table-row">
             <div class="table-cell table-text">
               <span><component :is="provider.icon" /> {{ provider.display }}</span>
             </div>
@@ -330,10 +285,7 @@
         </div>
         <p />
         <div class="input-group push-right">
-          <button
-            class="iconified-button"
-            @click="$refs.manageProvidersModal.hide()"
-          >
+          <button class="iconified-button" @click="$refs.manageProvidersModal.hide()">
             <XIcon />
             Close
           </button>
@@ -349,10 +301,7 @@
           <span class="label__description">Changes the email associated with your account.</span>
         </label>
         <div>
-          <button
-            class="iconified-button"
-            @click="$refs.changeEmailModal.show()"
-          >
+          <button class="iconified-button" @click="$refs.changeEmailModal.show()">
             <template v-if="auth.user.email">
               <EditIcon />
               Change email
@@ -367,17 +316,11 @@
       <div class="adjacent-input">
         <label for="theme-selector">
           <span class="label__title">Password</span>
-          <span
-            v-if="auth.user.has_password"
-            class="label__description"
-          >
+          <span v-if="auth.user.has_password" class="label__description">
             Change <template v-if="auth.user.auth_providers.length > 0">or remove</template> the
             password used to login to your account.
           </span>
-          <span
-            v-else
-            class="label__description"
-          >
+          <span v-else class="label__description">
             Set a permanent password to login to your account.
           </span>
         </label>
@@ -395,12 +338,8 @@
             "
           >
             <KeyIcon />
-            <template v-if="auth.user.has_password">
-              Change password
-            </template>
-            <template v-else>
-              Add password
-            </template>
+            <template v-if="auth.user.has_password"> Change password </template>
+            <template v-else> Add password </template>
           </button>
         </div>
       </div>
@@ -412,16 +351,9 @@
           </span>
         </label>
         <div>
-          <button
-            class="iconified-button"
-            @click="showTwoFactorModal"
-          >
-            <template v-if="auth.user.has_totp">
-              <TrashIcon /> Remove 2FA
-            </template>
-            <template v-else>
-              <PlusIcon /> Setup 2FA
-            </template>
+          <button class="iconified-button" @click="showTwoFactorModal">
+            <template v-if="auth.user.has_totp"> <TrashIcon /> Remove 2FA </template>
+            <template v-else> <PlusIcon /> Setup 2FA </template>
           </button>
         </div>
       </div>
@@ -434,20 +366,14 @@
           </span>
         </label>
         <div>
-          <button
-            class="iconified-button"
-            @click="$refs.manageProvidersModal.show()"
-          >
+          <button class="iconified-button" @click="$refs.manageProvidersModal.show()">
             <SettingsIcon /> Manage providers
           </button>
         </div>
       </div>
     </section>
 
-    <section
-      id="delete-account"
-      class="universal-card"
-    >
+    <section id="delete-account" class="universal-card">
       <h2>Delete account</h2>
       <p>
         Once you delete your account, there is no going back. Deleting your account will remove all
diff --git a/apps/knossos/src/pages/settings/applications.vue b/apps/knossos/src/pages/settings/applications.vue
index 622b4f14b..344ffa8ff 100644
--- a/apps/knossos/src/pages/settings/applications.vue
+++ b/apps/knossos/src/pages/settings/applications.vue
@@ -7,10 +7,7 @@
       proceed-label="Delete this application"
       @proceed="removeApp(editingId)"
     />
-    <Modal
-      ref="appModal"
-      header="Application information"
-    >
+    <Modal ref="appModal" header="Application information">
       <div class="universal-modal">
         <label for="app-name"><span class="label__title">Name</span> </label>
         <input
@@ -20,19 +17,10 @@
           type="text"
           autocomplete="off"
           placeholder="Enter the application's name..."
-        >
-        <label
-          v-if="editingId"
-          for="app-icon"
-        ><span class="label__title">Icon</span> </label>
-        <div
-          v-if="editingId"
-          class="icon-submission"
-        >
-          <Avatar
-            size="md"
-            :src="icon"
-          />
+        />
+        <label v-if="editingId" for="app-icon"><span class="label__title">Icon</span> </label>
+        <div v-if="editingId" class="icon-submission">
+          <Avatar size="md" :src="icon" />
           <FileInput
             :max-size="262144"
             class="btn"
@@ -43,10 +31,7 @@
             <UploadIcon />
           </FileInput>
         </div>
-        <label
-          v-if="editingId"
-          for="app-url"
-        >
+        <label v-if="editingId" for="app-url">
           <span class="label__title">URL</span>
         </label>
         <input
@@ -57,11 +42,8 @@
           type="url"
           autocomplete="off"
           placeholder="https://example.com"
-        >
-        <label
-          v-if="editingId"
-          for="app-description"
-        >
+        />
+        <label v-if="editingId" for="app-description">
           <span class="label__title">Description</span>
         </label>
         <textarea
@@ -75,10 +57,7 @@
           placeholder="Enter the application's description..."
         />
         <label for="app-scopes"><span class="label__title">Scopes</span> </label>
-        <div
-          id="app-scopes"
-          class="checkboxes"
-        >
+        <div id="app-scopes" class="checkboxes">
           <Checkbox
             v-for="scope in scopeList"
             :key="scope"
@@ -89,10 +68,7 @@
         </div>
         <label for="app-redirect-uris"><span class="label__title">Redirect uris</span> </label>
         <div class="uri-input-list">
-          <div
-            v-for="(_, index) in redirectUris"
-            :key="index"
-          >
+          <div v-for="(_, index) in redirectUris" :key="index">
             <div class="input-group url-input-group-fixes">
               <input
                 v-model="redirectUris[index]"
@@ -100,12 +76,8 @@
                 type="url"
                 autocomplete="off"
                 placeholder="https://example.com/auth/callback"
-              >
-              <Button
-                v-if="index !== 0"
-                icon-only
-                @click="() => redirectUris.splice(index, 1)"
-              >
+              />
+              <Button v-if="index !== 0" icon-only @click="() => redirectUris.splice(index, 1)">
                 <TrashIcon />
               </Button>
               <Button
@@ -119,21 +91,14 @@
             </div>
           </div>
           <div v-if="redirectUris.length <= 0">
-            <Button
-              color="primary"
-              icon-only
-              @click="() => redirectUris.push('')"
-            >
+            <Button color="primary" icon-only @click="() => redirectUris.push('')">
               <PlusIcon /> Add a redirect uri
             </Button>
           </div>
         </div>
 
         <div class="submit-row input-group push-right">
-          <button
-            class="iconified-button"
-            @click="$refs.appModal.hide()"
-          >
+          <button class="iconified-button" @click="$refs.appModal.hide()">
             <XIcon />
             Cancel
           </button>
@@ -185,22 +150,12 @@
     <p>
       Applications can be used to authenticate Modrinth's users with your products. For more
       information, see
-      <a
-        class="text-link"
-        href="https://docs.modrinth.com"
-      >Modrinth's API documentation</a>.
+      <a class="text-link" href="https://docs.modrinth.com">Modrinth's API documentation</a>.
     </p>
-    <div
-      v-for="app in usersApps"
-      :key="app.id"
-      class="universal-card recessed token"
-    >
+    <div v-for="app in usersApps" :key="app.id" class="universal-card recessed token">
       <div class="token-info">
         <div class="token-icon">
-          <Avatar
-            size="sm"
-            :src="app.icon_url"
-          />
+          <Avatar size="sm" :src="app.icon_url" />
           <div>
             <h2 class="token-title">
               {{ app.name }}
diff --git a/apps/knossos/src/pages/settings/authorizations.vue b/apps/knossos/src/pages/settings/authorizations.vue
index 448ec4c7b..6092235e7 100644
--- a/apps/knossos/src/pages/settings/authorizations.vue
+++ b/apps/knossos/src/pages/settings/authorizations.vue
@@ -12,10 +12,7 @@
       When you authorize an application with your Modrinth account, you grant it access to your
       account. You can manage and review access to your account here at any time.
     </p>
-    <div
-      v-if="appInfoLookup.length === 0"
-      class="universal-card recessed"
-    >
+    <div v-if="appInfoLookup.length === 0" class="universal-card recessed">
       You have not authorized any applications.
     </div>
     <div
@@ -33,20 +30,12 @@
               </h2>
               <div>
                 by
-                <nuxt-link
-                  class="text-link"
-                  :to="'/user/' + authorization.owner.id"
-                >
-                  {{
-                    authorization.owner.username
-                  }}
+                <nuxt-link class="text-link" :to="'/user/' + authorization.owner.id">
+                  {{ authorization.owner.username }}
                 </nuxt-link>
                 <template v-if="authorization.app.url">
                   <span> ⋅ </span>
-                  <nuxt-link
-                    class="text-link"
-                    :to="authorization.app.url"
-                  >
+                  <nuxt-link class="text-link" :to="authorization.app.url">
                     {{ authorization.app.url }}
                   </nuxt-link>
                 </template>
diff --git a/apps/knossos/src/pages/settings/index.vue b/apps/knossos/src/pages/settings/index.vue
index 596c38f9c..838cb4394 100644
--- a/apps/knossos/src/pages/settings/index.vue
+++ b/apps/knossos/src/pages/settings/index.vue
@@ -1,10 +1,6 @@
 <template>
   <div>
-    <MessageBanner
-      v-if="flags.developerMode"
-      message-type="warning"
-      class="developer-message"
-    >
+    <MessageBanner v-if="flags.developerMode" message-type="warning" class="developer-message">
       <CodeIcon />
       <IntlFormatted :message-id="developerModeBanner.description">
         <template #strong="{ children }">
@@ -28,10 +24,7 @@
           :class="{ selected: theme.preference === option }"
           @click="() => updateColorTheme(option)"
         >
-          <div
-            class="preview"
-            :class="`${option === 'system' ? systemTheme : option}-mode`"
-          >
+          <div class="preview" :class="`${option === 'system' ? systemTheme : option}-mode`">
             <div class="example-card card card">
               <div class="example-icon" />
               <div class="example-text-1" />
@@ -39,14 +32,8 @@
             </div>
           </div>
           <div class="label">
-            <RadioButtonChecked
-              v-if="theme.preference === option"
-              class="radio"
-            />
-            <RadioButtonIcon
-              v-else
-              class="radio"
-            />
+            <RadioButtonChecked v-if="theme.preference === option" class="radio" />
+            <RadioButtonIcon v-else class="radio" />
             {{ colorTheme[option] ? formatMessage(colorTheme[option]) : option }}
             <SunIcon
               v-if="'light' === option"
@@ -66,10 +53,7 @@
       <h2>{{ formatMessage(projectListLayouts.title) }}</h2>
       <p>{{ formatMessage(projectListLayouts.description) }}</p>
       <div class="project-lists">
-        <div
-          v-for="projectType in listTypes"
-          :key="projectType.id + '-project-list-layouts'"
-        >
+        <div v-for="projectType in listTypes" :key="projectType.id + '-project-list-layouts'">
           <div class="label">
             <div class="label__title">
               {{
@@ -98,10 +82,7 @@
                   v-if="cosmetics.searchDisplayMode[projectType.id] === 'list'"
                   class="radio"
                 />
-                <RadioButtonIcon
-                  v-else
-                  class="radio"
-                />
+                <RadioButtonIcon v-else class="radio" />
                 Rows
               </div>
             </button>
@@ -125,10 +106,7 @@
                   v-if="cosmetics.searchDisplayMode[projectType.id] === 'grid'"
                   class="radio"
                 />
-                <RadioButtonIcon
-                  v-else
-                  class="radio"
-                />
+                <RadioButtonIcon v-else class="radio" />
                 Grid
               </div>
             </button>
@@ -150,10 +128,7 @@
                   v-if="cosmetics.searchDisplayMode[projectType.id] === 'gallery'"
                   class="radio"
                 />
-                <RadioButtonIcon
-                  v-else
-                  class="radio"
-                />
+                <RadioButtonIcon v-else class="radio" />
                 Gallery
               </div>
             </button>
@@ -179,7 +154,7 @@
           class="switch stylized-toggle"
           type="checkbox"
           @change="saveCosmetics"
-        >
+        />
       </div>
       <div class="adjacent-input small">
         <label for="external-links-new-tab">
@@ -196,7 +171,7 @@
           class="switch stylized-toggle"
           type="checkbox"
           @change="saveCosmetics"
-        >
+        />
       </div>
       <div class="adjacent-input small">
         <label for="modrinth-app-promos">
@@ -213,7 +188,7 @@
           class="switch stylized-toggle"
           type="checkbox"
           @change="saveCosmetics"
-        >
+        />
       </div>
       <div class="adjacent-input small">
         <label for="search-layout-toggle">
@@ -230,7 +205,7 @@
           class="switch stylized-toggle"
           type="checkbox"
           @change="saveCosmetics"
-        >
+        />
       </div>
       <div class="adjacent-input small">
         <label for="project-layout-toggle">
@@ -247,7 +222,7 @@
           class="switch stylized-toggle"
           type="checkbox"
           @change="saveCosmetics"
-        >
+        />
       </div>
     </section>
   </div>
diff --git a/apps/knossos/src/pages/settings/language.vue b/apps/knossos/src/pages/settings/language.vue
index fe388751a..72e8e9310 100644
--- a/apps/knossos/src/pages/settings/language.vue
+++ b/apps/knossos/src/pages/settings/language.vue
@@ -308,38 +308,25 @@ function getItemLabel(locale: Locale) {
           aria-describedby="language-search-description"
           :disabled="isChanging()"
           @keydown="onSearchKeydown"
-        >
+        />
 
-        <div
-          id="language-search-description"
-          class="visually-hidden"
-        >
+        <div id="language-search-description" class="visually-hidden">
           {{ formatMessage(messages.searchFieldDescription) }}
         </div>
 
-        <div
-          id="language-search-results-announcements"
-          class="visually-hidden"
-          aria-live="polite"
-        >
+        <div id="language-search-results-announcements" class="visually-hidden" aria-live="polite">
           {{
             isQueryEmpty()
               ? ''
               : formatMessage(messages.searchResultsAnnouncement, {
-                matches: $searchResults.get('searchResult')?.length ?? 0,
-              })
+                  matches: $searchResults.get('searchResult')?.length ?? 0,
+                })
           }}
         </div>
       </div>
 
-      <div
-        ref="$languagesList"
-        class="languages-list"
-      >
-        <template
-          v-for="[category, locales] in $displayCategories"
-          :key="category"
-        >
+      <div ref="$languagesList" class="languages-list">
+        <template v-for="[category, locales] in $displayCategories" :key="category">
           <strong class="category-name">
             {{ formatMessage(categoryNames[category]) }}
           </strong>
@@ -352,10 +339,7 @@ function getItemLabel(locale: Locale) {
             {{ formatMessage(messages.noResults) }}
           </div>
 
-          <template
-            v-for="locale in locales"
-            :key="locale.tag"
-          >
+          <template v-for="locale in locales" :key="locale.tag">
             <div
               role="button"
               :aria-pressed="$activeLocale === locale.tag"
@@ -373,24 +357,15 @@ function getItemLabel(locale: Locale) {
               @click="(e) => onItemClick(e, locale)"
               @keydown="(e) => onItemKeydown(e, locale)"
             >
-              <RadioButtonCheckedIcon
-                v-if="$activeLocale === locale.tag"
-                class="radio"
-              />
-              <RadioButtonIcon
-                v-else
-                class="radio"
-              />
+              <RadioButtonCheckedIcon v-if="$activeLocale === locale.tag" class="radio" />
+              <RadioButtonIcon v-else class="radio" />
 
               <div class="language-names">
                 <div class="language-name">
                   {{ locale.auto ? formatMessage(messages.automaticLocale) : locale.displayName }}
                 </div>
 
-                <div
-                  v-if="!locale.auto"
-                  class="language-translated-name"
-                >
+                <div v-if="!locale.auto" class="language-translated-name">
                   {{ locale.translatedName }}
                 </div>
               </div>
diff --git a/apps/knossos/src/pages/settings/pats.vue b/apps/knossos/src/pages/settings/pats.vue
index 1b66b7870..63a631f2e 100644
--- a/apps/knossos/src/pages/settings/pats.vue
+++ b/apps/knossos/src/pages/settings/pats.vue
@@ -25,14 +25,11 @@
           maxlength="2048"
           type="email"
           :placeholder="formatMessage(createModalMessages.namePlaceholder)"
-        >
+        />
         <label for="pat-scopes">
           <span class="label__title">{{ formatMessage(commonMessages.scopesLabel) }}</span>
         </label>
-        <div
-          id="pat-scopes"
-          class="checkboxes"
-        >
+        <div id="pat-scopes" class="checkboxes">
           <Checkbox
             v-for="scope in scopeList"
             :key="scope"
@@ -44,17 +41,10 @@
         <label for="pat-name">
           <span class="label__title">{{ formatMessage(createModalMessages.expiresLabel) }}</span>
         </label>
-        <input
-          id="pat-name"
-          v-model="expires"
-          type="date"
-        >
+        <input id="pat-name" v-model="expires" type="date" />
         <p />
         <div class="input-group push-right">
-          <button
-            class="iconified-button"
-            @click="$refs.patModal.hide()"
-          >
+          <button class="iconified-button" @click="$refs.patModal.hide()">
             <XIcon />
             {{ formatMessage(commonMessages.cancelButton) }}
           </button>
@@ -104,20 +94,13 @@
     <p>
       <IntlFormatted :message-id="messages.description">
         <template #doc-link="{ children }">
-          <a
-            class="text-link"
-            href="https://docs.modrinth.com"
-          >
+          <a class="text-link" href="https://docs.modrinth.com">
             <component :is="() => children" />
           </a>
         </template>
       </IntlFormatted>
     </p>
-    <div
-      v-for="(pat, index) in pats"
-      :key="pat.id"
-      class="universal-card recessed token"
-    >
+    <div v-for="(pat, index) in pats" :key="pat.id" class="universal-card recessed token">
       <div>
         <div>
           <strong>{{ pat.name }}</strong>
@@ -131,9 +114,9 @@
               v-tooltip="
                 pat.last_used
                   ? formatMessage(commonMessages.dateAtTimeTooltip, {
-                    date: new Date(pat.last_used),
-                    time: new Date(pat.last_used),
-                  })
+                      date: new Date(pat.last_used),
+                      time: new Date(pat.last_used),
+                    })
                   : null
               "
             >
diff --git a/apps/knossos/src/pages/settings/profile.vue b/apps/knossos/src/pages/settings/profile.vue
index d8cfdf288..7359f3d04 100644
--- a/apps/knossos/src/pages/settings/profile.vue
+++ b/apps/knossos/src/pages/settings/profile.vue
@@ -5,11 +5,7 @@
       <p>
         <IntlFormatted :message-id="messages.description">
           <template #docs-link="{ children }">
-            <a
-              href="https://docs.modrinth.com/"
-              target="_blank"
-              class="text-link"
-            >
+            <a href="https://docs.modrinth.com/" target="_blank" class="text-link">
               <component :is="() => children" />
             </a>
           </template>
@@ -56,45 +52,24 @@
           {{ formatMessage(messages.usernameDescription) }}
         </span>
       </label>
-      <input
-        id="username-field"
-        v-model="username"
-        type="text"
-      >
+      <input id="username-field" v-model="username" type="text" />
       <label for="bio-field">
         <span class="label__title">{{ formatMessage(messages.bioTitle) }}</span>
         <span class="label__description">
           {{ formatMessage(messages.bioDescription) }}
         </span>
       </label>
-      <textarea
-        id="bio-field"
-        v-model="bio"
-        type="text"
-      />
-      <div
-        v-if="hasUnsavedChanges"
-        class="input-group"
-      >
-        <Button
-          color="primary"
-          :action="() => saveChanges()"
-        >
+      <textarea id="bio-field" v-model="bio" type="text" />
+      <div v-if="hasUnsavedChanges" class="input-group">
+        <Button color="primary" :action="() => saveChanges()">
           <SaveIcon /> {{ formatMessage(commonMessages.saveChangesButton) }}
         </Button>
         <Button :action="() => cancel()">
           <XIcon /> {{ formatMessage(commonMessages.cancelButton) }}
         </Button>
       </div>
-      <div
-        v-else
-        class="input-group"
-      >
-        <Button
-          disabled
-          color="primary"
-          :action="() => saveChanges()"
-        >
+      <div v-else class="input-group">
+        <Button disabled color="primary" :action="() => saveChanges()">
           <SaveIcon />
           {{
             saved
diff --git a/apps/knossos/src/pages/settings/sessions.vue b/apps/knossos/src/pages/settings/sessions.vue
index 214177383..78ae27fdb 100644
--- a/apps/knossos/src/pages/settings/sessions.vue
+++ b/apps/knossos/src/pages/settings/sessions.vue
@@ -4,11 +4,7 @@
     <p class="preserve-lines">
       {{ formatMessage(messages.sessionsDescription) }}
     </p>
-    <div
-      v-for="session in sessions"
-      :key="session.id"
-      class="universal-card recessed session"
-    >
+    <div v-for="session in sessions" :key="session.id" class="universal-card recessed session">
       <div>
         <div>
           <strong>
@@ -18,9 +14,7 @@
           </strong>
         </div>
         <div>
-          <template v-if="session.city">
-            {{ session.city }}, {{ session.country }} ⋅
-          </template>
+          <template v-if="session.city"> {{ session.city }}, {{ session.country }} ⋅ </template>
           <span
             v-tooltip="
               formatMessage(commonMessages.dateAtTimeTooltip, {
@@ -54,11 +48,7 @@
       </div>
       <div class="input-group">
         <i v-if="session.current">{{ formatMessage(messages.currentSessionLabel) }}</i>
-        <button
-          v-else
-          class="iconified-button raised-button"
-          @click="revokeSession(session.id)"
-        >
+        <button v-else class="iconified-button raised-button" @click="revokeSession(session.id)">
           <XIcon /> {{ formatMessage(messages.revokeSessionButton) }}
         </button>
       </div>
diff --git a/apps/knossos/src/pages/user/[id].vue b/apps/knossos/src/pages/user/[id].vue
index e0697bdd8..15cc060cf 100644
--- a/apps/knossos/src/pages/user/[id].vue
+++ b/apps/knossos/src/pages/user/[id].vue
@@ -4,12 +4,7 @@
     <CollectionCreateModal ref="modal_collection_creation" />
     <div class="user-header-wrapper">
       <div class="user-header">
-        <Avatar
-          :src="user.avatar_url"
-          size="md"
-          circle
-          :alt="user.username"
-        />
+        <Avatar :src="user.avatar_url" size="md" circle :alt="user.username" />
         <h1 class="username">
           {{ user.username }}
         </h1>
@@ -38,35 +33,19 @@
               <ReportIcon aria-hidden="true" />
               {{ formatMessage(messages.profileReportButton) }}
             </button>
-            <nuxt-link
-              v-else
-              class="iconified-button"
-              to="/auth/sign-in"
-            >
+            <nuxt-link v-else class="iconified-button" to="/auth/sign-in">
               <ReportIcon aria-hidden="true" />
               {{ formatMessage(messages.profileReportButton) }}
             </nuxt-link>
           </div>
           <div class="sidebar__item">
-            <Badge
-              v-if="tags.staffRoles.includes(user.role)"
-              :type="user.role"
-            />
-            <Badge
-              v-else-if="projects.length > 0"
-              type="creator"
-            />
+            <Badge v-if="tags.staffRoles.includes(user.role)" :type="user.role" />
+            <Badge v-else-if="projects.length > 0" type="creator" />
           </div>
-          <span
-            v-if="user.bio"
-            class="sidebar__item bio"
-          >{{ user.bio }}</span>
-          <hr class="card-divider">
+          <span v-if="user.bio" class="sidebar__item bio">{{ user.bio }}</span>
+          <hr class="card-divider" />
           <div class="primary-stat">
-            <DownloadIcon
-              class="primary-stat__icon"
-              aria-hidden="true"
-            />
+            <DownloadIcon class="primary-stat__icon" aria-hidden="true" />
             <div class="primary-stat__text">
               <IntlFormatted
                 :message-id="messages.profileDownloadsStats"
@@ -81,10 +60,7 @@
             </div>
           </div>
           <div class="primary-stat">
-            <HeartIcon
-              class="primary-stat__icon"
-              aria-hidden="true"
-            />
+            <HeartIcon class="primary-stat__icon" aria-hidden="true" />
             <div class="primary-stat__text">
               <IntlFormatted
                 :message-id="messages.profileProjectsFollowersStats"
@@ -99,10 +75,7 @@
             </div>
           </div>
           <div class="stats-block__item secondary-stat">
-            <SunriseIcon
-              class="secondary-stat__icon"
-              aria-hidden="true"
-            />
+            <SunriseIcon class="secondary-stat__icon" aria-hidden="true" />
             <span
               v-tooltip="
                 formatMessage(commonMessages.dateAtTimeTooltip, {
@@ -117,12 +90,9 @@
               }}
             </span>
           </div>
-          <hr class="card-divider">
+          <hr class="card-divider" />
           <div class="stats-block__item secondary-stat">
-            <UserIcon
-              class="secondary-stat__icon"
-              aria-hidden="true"
-            />
+            <UserIcon class="secondary-stat__icon" aria-hidden="true" />
             <span class="secondary-stat__text">
               <IntlFormatted :message-id="messages.profileUserId">
                 <template #~id>
@@ -132,7 +102,7 @@
             </span>
           </div>
           <template v-if="organizations.length > 0">
-            <hr class="card-divider">
+            <hr class="card-divider" />
             <div class="stats-block__item">
               <IntlFormatted :message-id="messages.profileOrganizations" />
               <div class="organizations-grid">
@@ -143,11 +113,7 @@
                   class="organization"
                   :to="`/organization/${org.slug}`"
                 >
-                  <Avatar
-                    :src="org.icon_url"
-                    :alt="'Icon for ' + org.name"
-                    size="xs"
-                  />
+                  <Avatar :src="org.icon_url" :alt="'Icon for ' + org.name" size="xs" />
                 </nuxt-link>
               </div>
             </div>
@@ -205,10 +171,10 @@
             <ProjectCard
               v-for="project in (route.params.projectType !== undefined
                 ? projects.filter(
-                  (x) =>
-                    x.project_type ===
-                    route.params.projectType.substr(0, route.params.projectType.length - 1)
-                )
+                    (x) =>
+                      x.project_type ===
+                      route.params.projectType.substr(0, route.params.projectType.length - 1)
+                  )
                 : projects
               )
                 .slice()
@@ -237,35 +203,20 @@
             />
           </div>
         </div>
-        <div
-          v-else-if="route.params.projectType !== 'collections'"
-          class="error"
-        >
-          <UpToDate class="icon" /><br>
-          <span
-            v-if="auth.user && auth.user.id === user.id"
-            class="preserve-lines text"
-          >
+        <div v-else-if="route.params.projectType !== 'collections'" class="error">
+          <UpToDate class="icon" /><br />
+          <span v-if="auth.user && auth.user.id === user.id" class="preserve-lines text">
             <IntlFormatted :message-id="messages.profileNoProjectsAuthLabel">
               <template #create-link="{ children }">
-                <a
-                  class="link"
-                  @click.prevent="$refs.modal_creation.show()"
-                >
+                <a class="link" @click.prevent="$refs.modal_creation.show()">
                   <component :is="() => children" />
                 </a>
               </template>
             </IntlFormatted>
           </span>
-          <span
-            v-else
-            class="text"
-          >{{ formatMessage(messages.profileNoProjectsLabel) }}</span>
+          <span v-else class="text">{{ formatMessage(messages.profileNoProjectsLabel) }}</span>
         </div>
-        <div
-          v-if="['collections'].includes(route.params.projectType)"
-          class="collections-grid"
-        >
+        <div v-if="['collections'].includes(route.params.projectType)" class="collections-grid">
           <nuxt-link
             v-for="collection in collections"
             :key="collection.id"
@@ -273,10 +224,7 @@
             class="card collection-item"
           >
             <div class="collection">
-              <Avatar
-                :src="collection.icon_url"
-                class="icon"
-              />
+              <Avatar :src="collection.icon_url" class="icon" />
               <div class="details">
                 <h2 class="title">
                   {{ collection.name }}
@@ -291,9 +239,7 @@
               {{ collection.description }}
             </div>
             <div class="stat-bar">
-              <div class="stats">
-                <BoxIcon /> {{ collection.projects?.length || 0 }} projects
-              </div>
+              <div class="stats"><BoxIcon /> {{ collection.projects?.length || 0 }} projects</div>
               <div class="stats">
                 <template v-if="collection.status === 'listed'">
                   <WorldIcon />
@@ -319,26 +265,17 @@
           v-if="route.params.projectType === 'collections' && collections.length === 0"
           class="error"
         >
-          <UpToDate class="icon" /><br>
-          <span
-            v-if="auth.user && auth.user.id === user.id"
-            class="preserve-lines text"
-          >
+          <UpToDate class="icon" /><br />
+          <span v-if="auth.user && auth.user.id === user.id" class="preserve-lines text">
             <IntlFormatted :message-id="messages.profileNoCollectionsAuthLabel">
               <template #create-link="{ children }">
-                <a
-                  class="link"
-                  @click.prevent="$refs.modal_collection_creation.show()"
-                >
+                <a class="link" @click.prevent="$refs.modal_collection_creation.show()">
                   <component :is="() => children" />
                 </a>
               </template>
             </IntlFormatted>
           </span>
-          <span
-            v-else
-            class="text"
-          >{{ formatMessage(messages.profileNoCollectionsLabel) }}</span>
+          <span v-else class="text">{{ formatMessage(messages.profileNoCollectionsLabel) }}</span>
         </div>
       </div>
     </div>
@@ -446,7 +383,7 @@ const messages = defineMessages({
 
 let user, projects, organizations, collections
 try {
-  [{ data: user }, { data: projects }, { data: organizations }, { data: collections }] =
+  ;[{ data: user }, { data: projects }, { data: organizations }, { data: collections }] =
     await Promise.all([
       useAsyncData(`user/${route.params.id}`, () => useBaseFetch(`user/${route.params.id}`)),
       useAsyncData(
diff --git a/apps/theseus_gui_rs/Cargo.toml b/apps/theseus_gui_rs/Cargo.toml
index 69cef44a6..c09251046 100644
--- a/apps/theseus_gui_rs/Cargo.toml
+++ b/apps/theseus_gui_rs/Cargo.toml
@@ -19,7 +19,7 @@ theseus = { path = "../../libs/theseus", features = ["tauri"] }
 serde_json = "1.0"
 serde = { version = "1.0", features = ["derive"] }
 
-tauri = { version = "1.6", features = ["app-all", "devtools", "dialog", "dialog-confirm", "dialog-open", "macos-private-api", "os-all", "protocol-asset", "shell-open", "updater", "window-close", "window-create", "window-hide", "window-maximize", "window-minimize", "window-set-decorations", "window-show", "window-start-dragging", "window-unmaximize", "window-unminimize"] }
+tauri = { version = "1.6", features = ["app-all", "devtools", "dialog", "dialog-confirm", "dialog-open", "macos-private-api", "os-all", "protocol-asset", "shell-open", "window-close", "window-create", "window-hide", "window-maximize", "window-minimize", "window-set-decorations", "window-show", "window-start-dragging", "window-unmaximize", "window-unminimize"] }
 tauri-plugin-single-instance = { git = "https://github.com/tauri-apps/plugins-workspace", branch = "v1" }
 tauri-plugin-window-state = { git = "https://github.com/tauri-apps/plugins-workspace", branch = "v1" }
 tauri-plugin-deep-link = "0.1.2"
diff --git a/apps/theseus_gui_rs/tauri.conf.json b/apps/theseus_gui_rs/tauri.conf.json
index 3203b775d..3fca9eb2f 100644
--- a/apps/theseus_gui_rs/tauri.conf.json
+++ b/apps/theseus_gui_rs/tauri.conf.json
@@ -81,10 +81,7 @@
       "csp": "default-src 'self'; connect-src https://modrinth.com https://*.modrinth.com https://mixpanel.com https://*.mixpanel.com https://*.cloudflare.com https://api.mclo.gs; font-src https://cdn-raw.modrinth.com/fonts/inter/; img-src tauri: https: data: blob: 'unsafe-inline' asset: https://asset.localhost; script-src https://*.cloudflare.com 'self'; frame-src https://*.cloudflare.com https://www.youtube.com https://www.youtube-nocookie.com https://discord.com 'self'; style-src unsafe-inline 'self'"
     },
     "updater": {
-      "active": true,
-      "endpoints": ["https://launcher-files.modrinth.com/updates.json"],
-      "dialog": true,
-      "pubkey": "dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IDIwMzM5QkE0M0FCOERBMzkKUldRNTJyZzZwSnN6SUdPRGdZREtUUGxMblZqeG9OVHYxRUlRTzJBc2U3MUNJaDMvZDQ1UytZZmYK"
+      "active": false
     },
     "windows": [
       {