From 623f3219658d66c22798787fa4f556cbf67aa9c5 Mon Sep 17 00:00:00 2001
From: Konstantinos Paparas <kelsos86@gmail.com>
Date: Mon, 5 Feb 2024 15:04:06 +0100
Subject: [PATCH] chore: updates eslint-config to v2 (#180)

---
 .eslintrc.cjs                                 |   16 -
 .github/ISSUE_TEMPLATE/bug_report.md          |    8 +-
 .github/renovate.json5                        |   22 +-
 .prettierrc                                   |    4 -
 README.md                                     |    7 +
 assets/css/main.scss                          |    7 +-
 assets/css/media.scss                         |   20 +-
 assets/css/tailwind.css                       |    2 +-
 components/NavigationMenu.vue                 |   10 +-
 components/account/CountrySelect.vue          |    2 +-
 components/account/InputField.vue             |   33 +-
 .../account/activation/AccountActivate.vue    |   53 +-
 .../account/activation/PendingActivation.vue  |    4 +-
 .../account/delete/AccountDeletedPage.vue     |    4 +-
 components/account/home/AccountAddress.vue    |   49 +-
 components/account/home/AccountDetails.vue    |    4 +-
 .../account/home/AccountInformation.vue       |   49 +-
 components/account/home/ApiKeys.vue           |   14 +-
 .../account/home/CancelSubscription.vue       |   11 +-
 components/account/home/ChangePassword.vue    |   17 +-
 components/account/home/DangerZone.vue        |   33 +-
 .../account/home/FloatingNotification.vue     |   17 +-
 components/account/home/PaymentsTable.vue     |   26 +-
 .../account/home/PremiumPlaceholder.vue       |    5 +-
 components/account/home/SubscriptionTable.vue |   78 +-
 components/account/login/LoginForm.vue        |   37 +-
 components/account/login/LoginModal.vue       |    9 +-
 .../account/login/icons/PasswordIcon.vue      |    7 +-
 components/account/login/icons/UserIcon.vue   |   13 +-
 .../account/password/PasswordChanged.vue      |    4 +-
 components/account/password/PasswordForm.vue  |   26 +-
 .../account/password/PasswordLinkSend.vue     |    4 +-
 components/account/password/PasswordReset.vue |   67 +-
 components/account/signup/SignupAccount.vue   |   15 +-
 components/account/signup/SignupAddress.vue   |   52 +-
 .../signup/SignupCustomerInformation.vue      |   11 +-
 components/account/signup/SignupForm.vue      |   89 +-
 .../account/signup/SignupIntroduction.vue     |   12 +-
 components/checkout/CheckIcon.vue             |   10 +-
 components/checkout/SelectionButton.vue       |    4 +-
 components/checkout/common/PaymentFrame.vue   |    8 +-
 components/checkout/pay/BraintreeIcon.vue     |   37 +-
 components/checkout/pay/CardPage.vue          |    5 +-
 components/checkout/pay/CardPayment.vue       |  179 +--
 components/checkout/pay/CryptoPage.vue        |   52 +-
 components/checkout/pay/CryptoPaymentForm.vue |   43 +-
 components/checkout/pay/CryptoPaymentInfo.vue |   11 +-
 components/checkout/pay/CryptoRequest.vue     |   20 +-
 components/checkout/pay/HostedField.vue       |   15 +-
 components/checkout/pay/PaypalPage.vue        |    5 +-
 components/checkout/pay/PaypalPayment.vue     |   68 +-
 components/checkout/pay/PlanOverview.vue      |    4 +-
 .../checkout/pay/SelectedPlanOverview.vue     |   19 +-
 .../checkout/payment-method/CheckMark.vue     |    6 +-
 .../payment-method/PaymentMethodSelection.vue |   36 +-
 .../payment-method/icons/BitcoinIcon.vue      |    5 +-
 .../payment-method/icons/CardIcon.vue         |   20 +-
 .../checkout/payment-method/icons/DaiIcon.vue |    5 +-
 .../payment-method/icons/EthereumIcon.vue     |    5 +-
 .../payment-method/icons/PaypalIcon.vue       |    5 +-
 components/checkout/plan/ChangePlanDialog.vue |   41 +-
 components/checkout/plan/PlanSelection.vue    |   34 +-
 components/checkout/plan/SelectablePlan.vue   |   38 +-
 components/common/AppShowcaseSlider.vue       |   28 +-
 components/common/BoxContainer.vue            |   14 +-
 components/common/ButtonLink.vue              |   13 +-
 components/common/CopyButton.vue              |    4 +-
 components/common/CustomCheckbox.vue          |    9 +-
 components/common/IconButton.vue              |    8 +-
 components/common/InfoTooltip.vue             |   17 +-
 components/common/LoadingIndicator.vue        |    5 +-
 components/common/ModalDialog.vue             |   28 +-
 components/common/PageContainer.vue           |   15 +-
 components/common/Recaptcha.client.vue        |   28 +-
 components/common/VisibilityButton.vue        |   13 +-
 .../common/carousel/CarouselControls.vue      |    7 +-
 components/common/status/BaseDisplay.vue      |    8 +-
 components/common/status/ErrorDisplay.vue     |   12 +-
 components/common/status/PendingDisplay.vue   |    6 +-
 components/common/status/SuccessDisplay.vue   |   11 +-
 components/content/ProseA.vue                 |    7 +-
 components/content/ProseH2.vue                |   10 +-
 components/content/ProseH3.vue                |   10 +-
 components/documents/MarkdownContent.vue      |   18 +-
 components/download/DownloadDocs.vue          |    5 +-
 components/download/DownloadHeading.vue       |    7 +-
 components/download/DownloadItem.vue          |   23 +-
 components/footer/FooterIconLinks.vue         |   12 +-
 components/footer/FooterLegalese.vue          |   18 +-
 components/footer/PageFooter.vue              |   16 +-
 components/header/PageHeader.vue              |   21 +-
 components/home/HomeBanner.vue                |    9 +-
 components/home/PremiumFeatures.vue           |   21 +-
 components/home/features/FeatureList.vue      |   31 +-
 .../home/features/details/AppDashboard.vue    |    8 +-
 .../home/features/details/DefiProtocols.vue   |   10 +-
 .../home/features/details/EthProtocols.vue    |   14 +-
 .../features/details/ProfitLossReport.vue     |    4 +-
 .../details/SupportedExchangeDetails.vue      |   10 +-
 components/home/plans/blocks/PlanBox.vue      |    5 +-
 .../home/plans/details/AdvancedPlan.vue       |    4 +-
 components/home/plans/details/BasicPlan.vue   |   24 +-
 components/home/plans/details/CustomPlan.vue  |   11 +-
 components/home/plans/details/FreePlan.vue    |    8 +-
 components/home/testimonials/Testimonial.vue  |   51 +-
 .../home/testimonials/TestimonialCarousel.vue |   13 +-
 components/home/testimonials/Testimonials.vue |    8 +-
 components/icons/CheckCircle.vue              |    5 +-
 components/icons/ChevronDoubleLeft.vue        |    5 +-
 components/icons/ChevronDoubleRight.vue       |    5 +-
 components/icons/ChevronLeft.vue              |    5 +-
 components/icons/ChevronRight.vue             |    5 +-
 components/icons/MetamaskIcon.vue             |   55 +-
 components/icons/VisibilityIcon.vue           |   19 +-
 components/jobs/JobDescription.vue            |   11 +-
 components/jobs/JobDetail.vue                 |    7 +-
 components/jobs/JobTag.vue                    |   12 +-
 components/products/ProductDescription.vue    |   10 +-
 .../products/ProductDetailDescription.vue     |    5 +-
 components/products/ProductsDetailPage.vue    |   66 +-
 components/products/ProductsPage.vue          |   52 +-
 components/products/SubscribeNowButton.vue    |   11 +-
 components/values/ValueBody.vue               |   26 +-
 components/values/ValueContact.vue            |   11 +-
 components/values/ValueVision.vue             |    4 +-
 composables/autologout.ts                     |    4 +-
 composables/braintree.ts                      |   56 +-
 composables/countries.ts                      |   17 +-
 composables/crypto-payment.ts                 |   43 +-
 composables/download.ts                       |   30 +-
 composables/markdown.ts                       |   62 +-
 composables/overflow.ts                       |    4 +-
 composables/plan.ts                           |   34 +-
 composables/repatcha.ts                       |   10 +-
 content/documents/impressum.md                |    2 +-
 content/documents/privacy-policy.md           |    1 +
 content/documents/terms-of-service.md         |    1 +
 content/jobs/1.backend.md                     |   40 +-
 content/jobs/2.frontend.md                    |   46 +-
 content/jobs/3.ui-ux.md                       |   36 +-
 content/testimonials/1.peter_szilagyi.md      |    2 +-
 content/testimonials/2.lex_node.md            |    2 +-
 content/testimonials/4.fransixles.md          |    2 +-
 content/testimonials/5.shresth3103.md         |    2 +-
 content/testimonials/6.flyguyinthesky.md      |    2 +-
 content/testimonials/7.wholesomecrypto.md     |    6 +-
 content/testimonials/8.richatlarge.md         |    2 +-
 cypress.config.ts                             |   18 +-
 error.vue                                     |   13 +-
 eslint.config.js                              |   50 +
 i18n.config.ts                                |    2 +-
 layouts/account.vue                           |   66 +-
 layouts/jobs.vue                              |   11 +-
 middleware/authenticated.ts                   |    3 +-
 middleware/authentication.ts                  |    3 +-
 middleware/maintenance.ts                     |    3 +-
 middleware/pending-payment.ts                 |   15 +-
 middleware/subscriber.ts                      |    6 +-
 middleware/unverified.ts                      |    6 +-
 modules/ui-library/module.ts                  |   10 +-
 modules/ui-library/runtime/plugin.ts          |    2 +-
 nuxt.config.ts                                |  159 +--
 package.json                                  |    2 +-
 pages/checkout/pay.vue                        |    2 +-
 pages/checkout/pay/method.vue                 |    3 +-
 pages/download.vue                            |    7 +-
 pages/home/subscription.vue                   |    2 +-
 pages/index.vue                               |    4 +-
 pages/jobs/[id].vue                           |   12 +-
 pages/jobs/index.vue                          |    9 +-
 pages/maintenance.vue                         |   13 +-
 pages/refund-policy.vue                       |    4 +-
 plugins/startup.ts                            |    3 +-
 pnpm-lock.yaml                                | 1193 +++++++----------
 server/api/_sitemap-urls.ts                   |   20 +-
 server/middleware/csp.ts                      |   79 +-
 store/index.ts                                |  260 ++--
 tests/e2e/specs/pages/index.spec.cy.ts        |    2 +-
 tests/e2e/specs/pages/signup.spec.cy.ts       |    4 +-
 tests/mocks/handlers.ts                       |   19 +-
 tests/setup.ts                                |   10 +-
 tests/unit/utils/api.nuxt.spec.ts             |   10 +-
 types/account.ts                              |    4 +-
 types/common.ts                               |   12 +-
 types/index.ts                                |   94 +-
 types/recaptcha.d.ts                          |   14 +-
 types/signup.ts                               |    4 +-
 utils/api.ts                                  |  101 +-
 utils/assert.ts                               |    3 +-
 utils/constants.ts                            |    4 +-
 utils/icon-size.ts                            |   10 +-
 utils/logger.ts                               |    3 +-
 utils/metadata.ts                             |   50 +-
 utils/plans.ts                                |   15 +-
 utils/validation.ts                           |    7 +-
 vitest.config.ts                              |    9 +-
 vue-shim.d.ts => vue-shims.d.ts               |    0
 197 files changed, 2996 insertions(+), 2197 deletions(-)
 delete mode 100644 .eslintrc.cjs
 delete mode 100644 .prettierrc
 create mode 100644 eslint.config.js
 rename vue-shim.d.ts => vue-shims.d.ts (100%)

diff --git a/.eslintrc.cjs b/.eslintrc.cjs
deleted file mode 100644
index 638498ac..00000000
--- a/.eslintrc.cjs
+++ /dev/null
@@ -1,16 +0,0 @@
-process.env.ESLINT_TSCONFIG = '.nuxt/tsconfig.json';
-
-module.exports = {
-  extends: ['plugin:nuxt/recommended', '@rotki'],
-  rules: {
-    'vue/component-name-in-template-casing': [
-      'error',
-      'PascalCase',
-      {
-        registeredComponentsOnly: false,
-        // components are only exported in kebab-case
-        ignores: ['i18n-t'],
-      },
-    ],
-  },
-};
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
index 49baa0d8..b82f382d 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -8,23 +8,29 @@ assignees: ''
 ---
 
 ## Description
+
 <!-- A clear and concise description of what the bug is.-->
 
 ## Reproduction
-<!-- Steps to reproduce the behavior: 
+
+<!-- Steps to reproduce the behavior:
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'
 4. See error -->
 
 ## Expected behavior
+
 <!-- A clear and concise description of what you expected to happen. -->
 
 ## Additional information
+
 ### Screenshots
+
 <!-- If applicable, add screenshots to help explain your problem. -->
 
 ### Platform
+
 <!--
 **Desktop (please complete the following information):**
  - OS: [e.g. iOS]
diff --git a/.github/renovate.json5 b/.github/renovate.json5
index a37fe994..99d6ecf2 100644
--- a/.github/renovate.json5
+++ b/.github/renovate.json5
@@ -1,15 +1,15 @@
 {
-  $schema: 'https://docs.renovatebot.com/renovate-schema.json',
-  extends: [
-    'config:recommended',
-    ':dependencyDashboard',
-    ':dependencyDashboardApproval',
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "extends": [
+    "config:recommended",
+    ":dependencyDashboard",
+    ":dependencyDashboardApproval"
   ],
-  packageRules: [
+  "packageRules": [
     {
-      allowedVersions: '/^(20)\\./',
-      groupName: 'Node.js',
-      matchPackageNames: ['@types/node', 'node'],
-    },
-  ],
+      "allowedVersions": "/^(20)\\./",
+      "groupName": "Node.js",
+      "matchPackageNames": ["@types/node", "node"]
+    }
+  ]
 }
diff --git a/.prettierrc b/.prettierrc
deleted file mode 100644
index 937375d2..00000000
--- a/.prettierrc
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "semi": true,
-  "singleQuote": true
-}
diff --git a/README.md b/README.md
index 6752b256..22299887 100644
--- a/README.md
+++ b/README.md
@@ -13,6 +13,7 @@ $ pnpm run dev
 $ pnpm run build
 $ pnpm start
 ```
+
 ## Setting up the environment
 
 Make sure the environment file exists
@@ -48,19 +49,25 @@ NODE_TLS_REJECT_UNAUTHORIZED=0
 You can configure the frontend to proxy the `/webapi` to a server running somewhere:
 
 For the `production` system you could use:
+
 ```dotenv
 PROXY_DOMAIN=rotki.com
 ```
+
 or if `staging` is running you could set:
 
 ```dotenv
 PROXY_DOMAIN=staging.rotki.com
 ```
+
 If the server where you proxy doesn't run using `https` you can set so that the backend requests are proxied to `http`:
+
 ```dotenv
 PROXY_INSECURE=true
 ```
+
 ## Run
+
 Run with the development server with the following command:
 
 ```bash
diff --git a/assets/css/main.scss b/assets/css/main.scss
index 7b815b08..534d19d5 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -1,11 +1,12 @@
-@import "media";
+@import 'media';
 
 .body {
   @apply text-rui-text;
 }
 
-.fade-enter-active, .fade-leave-active {
-  transition: opacity .4s;
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.4s;
 }
 
 .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
diff --git a/assets/css/media.scss b/assets/css/media.scss
index d536138e..356d8bb0 100644
--- a/assets/css/media.scss
+++ b/assets/css/media.scss
@@ -1,14 +1,24 @@
 @mixin for-size($size) {
   @if $size == phone-only {
-    @media (max-width: 599px) { @content; }
+    @media (max-width: 599px) {
+      @content;
+    }
   } @else if $size == tablet-portrait-up {
-    @media (min-width: 600px) { @content; }
+    @media (min-width: 600px) {
+      @content;
+    }
   } @else if $size == tablet-landscape-up {
-    @media (min-width: 900px) { @content; }
+    @media (min-width: 900px) {
+      @content;
+    }
   } @else if $size == desktop-up {
-    @media (min-width: 1200px) { @content; }
+    @media (min-width: 1200px) {
+      @content;
+    }
   } @else if $size == big-desktop-up {
-    @media (min-width: 1800px) { @content; }
+    @media (min-width: 1800px) {
+      @content;
+    }
   }
 }
 
diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index 8a42ae80..027c20dd 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -5,5 +5,5 @@
 @tailwind utilities;
 
 .container {
-    @apply px-4 md:px-12 xl:px-16;
+  @apply px-4 md:px-12 xl:px-16;
 }
diff --git a/components/NavigationMenu.vue b/components/NavigationMenu.vue
index eb5c99f0..d2715e5a 100644
--- a/components/NavigationMenu.vue
+++ b/components/NavigationMenu.vue
@@ -61,8 +61,14 @@ const menus: Menu[] = [
       :to="menu.to"
     >
       {{ menu.label }}
-      <template v-if="menu.external" #append>
-        <RuiIcon size="18" name="external-link-line" />
+      <template
+        v-if="menu.external"
+        #append
+      >
+        <RuiIcon
+          size="18"
+          name="external-link-line"
+        />
       </template>
     </ButtonLink>
   </div>
diff --git a/components/account/CountrySelect.vue b/components/account/CountrySelect.vue
index 3fe49bca..85b306d1 100644
--- a/components/account/CountrySelect.vue
+++ b/components/account/CountrySelect.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { get } from '@vueuse/core';
-import { type Country } from '~/composables/countries';
+import type { Country } from '~/composables/countries';
 
 const props = withDefaults(
   defineProps<{
diff --git a/components/account/InputField.vue b/components/account/InputField.vue
index 172dc9c1..169a0206 100644
--- a/components/account/InputField.vue
+++ b/components/account/InputField.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { type BaseErrorObject } from '~/types/common';
+import type { BaseErrorObject } from '~/types/common';
 
 const props = withDefaults(
   defineProps<{
@@ -35,12 +35,12 @@ const emit = defineEmits<{
 }>();
 
 const inputField = ref<HTMLInputElement | null>(null);
-const input = (event: Event) => {
+
+function input(event: Event) {
   const target = event.target;
-  if (target) {
+  if (target)
     emit('update:modelValue', (target as HTMLInputElement).value ?? '');
-  }
-};
+}
 const value = toRef(props, 'modelValue');
 const lastMessage = ref('');
 watch(toRef(props, 'errorMessages'), (value) => {
@@ -72,7 +72,10 @@ const slots = useSlots();
       }"
     >
       <div :class="css.slot">
-        <slot v-if="slots.prepend" name="prepend" />
+        <slot
+          v-if="slots.prepend"
+          name="prepend"
+        />
         <div :class="css.inputContainer">
           <input
             :id="id"
@@ -94,9 +97,18 @@ const slots = useSlots();
             @input="input($event)"
             @keypress.enter="enter()"
           />
-          <label v-if="label" :class="css.label" :for="id"> {{ label }}</label>
+          <label
+            v-if="label"
+            :class="css.label"
+            :for="id"
+          >
+            {{ label }}
+          </label>
         </div>
-        <slot v-if="$slots.append" name="append" />
+        <slot
+          v-if="$slots.append"
+          name="append"
+        />
       </div>
     </div>
 
@@ -108,7 +120,10 @@ const slots = useSlots();
       {{ errorMessages[0].$message }}
     </span>
 
-    <span v-else :class="css.caption">
+    <span
+      v-else
+      :class="css.caption"
+    >
       <slot name="hint">{{ hint }}</slot>
     </span>
     <slot />
diff --git a/components/account/activation/AccountActivate.vue b/components/account/activation/AccountActivate.vue
index f17e1dd9..f9a155d9 100644
--- a/components/account/activation/AccountActivate.vue
+++ b/components/account/activation/AccountActivate.vue
@@ -11,24 +11,24 @@ const isValid = ref(false);
 
 const { getAccount } = useMainStore();
 
-const validateToken = async () => {
+async function validateToken() {
   try {
     await fetchWithCsrf(`/webapi/activate/${uid}/${token}/`);
     set(isValid, true);
-  } catch (e: any) {
-    if (!(e instanceof FetchError && e.status === 404)) {
-      logger.debug(e);
-    }
-  } finally {
+  }
+  catch (error: any) {
+    if (!(error instanceof FetchError && error.status === 404))
+      logger.debug(error);
+  }
+  finally {
     set(validating, false);
   }
-};
+}
 
 onBeforeMount(async () => {
   await validateToken();
-  if (get(isValid)) {
+  if (get(isValid))
     await getAccount();
-  }
 });
 const { t } = useI18n();
 </script>
@@ -38,22 +38,43 @@ const { t } = useI18n();
     class="container py-16 lg:pt-[200px] lg:pb-32 flex flex-col items-center justify-center"
   >
     <div class="w-[380px] max-w-full">
-      <div v-if="validating" class="flex justify-center">
-        <RuiProgress variant="indeterminate" circular color="primary" />
+      <div
+        v-if="validating"
+        class="flex justify-center"
+      >
+        <RuiProgress
+          variant="indeterminate"
+          circular
+          color="primary"
+        />
       </div>
-      <div v-else-if="!isValid" class="space-y-3">
-        <div class="text-h4">{{ t('auth.activation.invalid.title') }}</div>
+      <div
+        v-else-if="!isValid"
+        class="space-y-3"
+      >
+        <div class="text-h4">
+          {{ t('auth.activation.invalid.title') }}
+        </div>
         <div class="text-body-1 text-rui-text-secondary">
           {{ t('auth.activation.invalid.message') }}
         </div>
       </div>
-      <div v-else class="space-y-3">
-        <div class="text-h4">{{ t('auth.activation.success.title') }}</div>
+      <div
+        v-else
+        class="space-y-3"
+      >
+        <div class="text-h4">
+          {{ t('auth.activation.success.title') }}
+        </div>
         <div class="text-body-1 text-rui-text-secondary">
           <span>
             {{ t('auth.activation.success.message') }}
           </span>
-          <ButtonLink to="/home/subscription" inline color="primary">
+          <ButtonLink
+            to="/home/subscription"
+            inline
+            color="primary"
+          >
             {{ t('common.here') }}
           </ButtonLink>
         </div>
diff --git a/components/account/activation/PendingActivation.vue b/components/account/activation/PendingActivation.vue
index 77b0d735..1ca3dac1 100644
--- a/components/account/activation/PendingActivation.vue
+++ b/components/account/activation/PendingActivation.vue
@@ -7,7 +7,9 @@ const { t } = useI18n();
     class="container h-full flex flex-col pt-10 md:pt-0 md:flex-1 md:items-center md:justify-center"
   >
     <div class="w-[30.6rem] max-w-full space-y-3">
-      <div class="text-h4">{{ t('auth.pending_activation.title') }}</div>
+      <div class="text-h4">
+        {{ t('auth.pending_activation.title') }}
+      </div>
       <div class="text-body-1 text-rui-text-secondary">
         {{ t('auth.pending_activation.message') }}
       </div>
diff --git a/components/account/delete/AccountDeletedPage.vue b/components/account/delete/AccountDeletedPage.vue
index dacc2aaf..58749fdb 100644
--- a/components/account/delete/AccountDeletedPage.vue
+++ b/components/account/delete/AccountDeletedPage.vue
@@ -7,7 +7,9 @@ const { t } = useI18n();
     class="container h-full flex flex-col pt-10 md:pt-0 md:flex-1 md:items-center md:justify-center"
   >
     <div class="max-w-[380px] max-w-full space-y-3">
-      <div class="text-h4">{{ t('account.account_deleted.title') }}</div>
+      <div class="text-h4">
+        {{ t('account.account_deleted.title') }}
+      </div>
       <div class="text-body-1 text-rui-text-secondary">
         {{ t('account.account_deleted.message') }}
       </div>
diff --git a/components/account/home/AccountAddress.vue b/components/account/home/AccountAddress.vue
index a8602554..684a0fc6 100644
--- a/components/account/home/AccountAddress.vue
+++ b/components/account/home/AccountAddress.vue
@@ -48,18 +48,16 @@ const {
   },
 } = useRuntimeConfig();
 
-const reset = () => {
+function reset() {
   const userAccount = get(account);
 
-  if (!userAccount) {
+  if (!userAccount)
     return;
-  }
 
   const unavailable = get(movedOffline);
 
-  if (unavailable) {
+  if (unavailable)
     return;
-  }
 
   state.address1 = userAccount.address.address1;
   state.address2 = userAccount.address.address2;
@@ -68,18 +66,17 @@ const reset = () => {
   state.country = userAccount.address.country;
 
   get(v$).$reset();
-};
+}
 
-const update = async () => {
+async function update() {
   const userAccount = get(account);
-  if (!userAccount) {
+  if (!userAccount)
     return;
-  }
 
   const isValid = await get(v$).$validate();
-  if (!isValid) {
+  if (!isValid)
     return;
-  }
+
   set(loading, true);
 
   const payload = objectOmit(
@@ -90,19 +87,22 @@ const update = async () => {
     ['movedOffline'],
   );
   const { success, message } = await store.updateProfile(payload);
-  if (success) {
+  if (success)
     set(done, true);
-  } else if (message && typeof message !== 'string') {
+  else if (message && typeof message !== 'string')
     set($externalResults, message);
-  }
+
   set(loading, false);
-};
+}
 
 const { t } = useI18n();
 </script>
 
 <template>
-  <div v-if="!movedOffline" class="pt-2">
+  <div
+    v-if="!movedOffline"
+    class="pt-2"
+  >
     <div class="space-y-5">
       <RuiTextField
         id="address-1"
@@ -164,7 +164,12 @@ const { t } = useI18n();
     <div class="mt-10 mb-5 border-t border-grey-50" />
 
     <div class="flex justify-end gap-3">
-      <RuiButton size="lg" color="primary" variant="outlined" @click="reset()">
+      <RuiButton
+        size="lg"
+        color="primary"
+        variant="outlined"
+        @click="reset()"
+      >
         {{ t('actions.reset') }}
       </RuiButton>
       <RuiButton
@@ -178,8 +183,14 @@ const { t } = useI18n();
       </RuiButton>
     </div>
   </div>
-  <RuiAlert v-else type="info">
-    <i18n-t keypath="account.moved_offline" scope="global">
+  <RuiAlert
+    v-else
+    type="info"
+  >
+    <i18n-t
+      keypath="account.moved_offline"
+      scope="global"
+    >
       <template #email>
         <ButtonLink
           inline
diff --git a/components/account/home/AccountDetails.vue b/components/account/home/AccountDetails.vue
index 112ba659..a4fb33e4 100644
--- a/components/account/home/AccountDetails.vue
+++ b/components/account/home/AccountDetails.vue
@@ -15,7 +15,9 @@ const { t } = useI18n();
 
 <template>
   <div>
-    <div class="text-h6 mb-6">Details</div>
+    <div class="text-h6 mb-6">
+      Details
+    </div>
     <div>
       <div class="space-y-5">
         <RuiTextField
diff --git a/components/account/home/AccountInformation.vue b/components/account/home/AccountInformation.vue
index 54263a39..790f074e 100644
--- a/components/account/home/AccountInformation.vue
+++ b/components/account/home/AccountInformation.vue
@@ -46,18 +46,16 @@ const {
   },
 } = useRuntimeConfig();
 
-const reset = () => {
+function reset() {
   const userAccount = get(account);
 
-  if (!userAccount) {
+  if (!userAccount)
     return;
-  }
 
   const unavailable = get(movedOffline);
 
-  if (unavailable) {
+  if (unavailable)
     return;
-  }
 
   state.firstName = userAccount.address.firstName;
   state.lastName = userAccount.address.lastName;
@@ -65,18 +63,17 @@ const reset = () => {
   state.vatId = userAccount.address.vatId;
 
   get(v$).$reset();
-};
+}
 
-const update = async () => {
+async function update() {
   const userAccount = get(account);
-  if (!userAccount) {
+  if (!userAccount)
     return;
-  }
 
   const isValid = await get(v$).$validate();
-  if (!isValid) {
+  if (!isValid)
     return;
-  }
+
   set(loading, true);
 
   const payload = objectOmit(
@@ -87,19 +84,22 @@ const update = async () => {
     ['movedOffline'],
   );
   const { success, message } = await store.updateProfile(payload);
-  if (success) {
+  if (success)
     set(done, true);
-  } else if (message && typeof message !== 'string') {
+  else if (message && typeof message !== 'string')
     set($externalResults, message);
-  }
+
   set(loading, false);
-};
+}
 
 const { t } = useI18n();
 </script>
 
 <template>
-  <div v-if="!movedOffline" class="pt-2">
+  <div
+    v-if="!movedOffline"
+    class="pt-2"
+  >
     <div class="space-y-5">
       <RuiTextField
         id="first-name"
@@ -152,7 +152,12 @@ const { t } = useI18n();
     <div class="mt-10 mb-5 border-t border-grey-50" />
 
     <div class="flex justify-end gap-3">
-      <RuiButton size="lg" color="primary" variant="outlined" @click="reset()">
+      <RuiButton
+        size="lg"
+        color="primary"
+        variant="outlined"
+        @click="reset()"
+      >
         {{ t('actions.reset') }}
       </RuiButton>
       <RuiButton
@@ -166,8 +171,14 @@ const { t } = useI18n();
       </RuiButton>
     </div>
   </div>
-  <RuiAlert v-else type="info">
-    <i18n-t keypath="account.moved_offline" scope="global">
+  <RuiAlert
+    v-else
+    type="info"
+  >
+    <i18n-t
+      keypath="account.moved_offline"
+      scope="global"
+    >
       <template #email>
         <ButtonLink
           inline
diff --git a/components/account/home/ApiKeys.vue b/components/account/home/ApiKeys.vue
index 5b830efb..18af22fa 100644
--- a/components/account/home/ApiKeys.vue
+++ b/components/account/home/ApiKeys.vue
@@ -12,11 +12,11 @@ const apiKey = computed(() => account.value?.apiKey ?? '');
 const apiSecret = computed(() => account.value?.apiSecret ?? '');
 const hasApiKeys = computed(() => apiKey.value && apiSecret.value);
 
-const regenerateKeys = async () => {
+async function regenerateKeys() {
   set(loading, true);
   await store.updateKeys();
   set(loading, false);
-};
+}
 
 const { t } = useI18n();
 </script>
@@ -24,9 +24,15 @@ const { t } = useI18n();
 <template>
   <div>
     <div class="mb-6 flex justify-between items-center">
-      <div class="text-h6">{{ t('account.api_keys.title') }}</div>
+      <div class="text-h6">
+        {{ t('account.api_keys.title') }}
+      </div>
       <div>
-        <RuiButton color="primary" :loading="loading" @click="regenerateKeys()">
+        <RuiButton
+          color="primary"
+          :loading="loading"
+          @click="regenerateKeys()"
+        >
           <template #prepend>
             <RuiIcon name="refresh-line" />
           </template>
diff --git a/components/account/home/CancelSubscription.vue b/components/account/home/CancelSubscription.vue
index fa7e9a51..6270782e 100644
--- a/components/account/home/CancelSubscription.vue
+++ b/components/account/home/CancelSubscription.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { get } from '@vueuse/core';
 import { storeToRefs } from 'pinia';
-import { type Subscription } from '~/types';
 import { useMainStore } from '~/store';
+import type { Subscription } from '~/types';
 
 const props = defineProps<{
   subscription?: Subscription;
@@ -20,7 +20,7 @@ const isPending = computed(() => get(subscription)?.status === 'Pending');
 const store = useMainStore();
 const { cancellationError } = storeToRefs(store);
 
-const cancelSubscription = async () => {
+function cancelSubscription() {
   const sub = get(subscription);
   if (!sub) {
     emit('update:model-value', false);
@@ -28,7 +28,7 @@ const cancelSubscription = async () => {
   }
 
   emit('cancel', sub);
-};
+}
 
 const { t } = useI18n();
 </script>
@@ -107,7 +107,10 @@ const { t } = useI18n();
         {{ t('account.subscriptions.cancellation.actions.no') }}
       </RuiButton>
 
-      <RuiButton color="error" @click="cancelSubscription()">
+      <RuiButton
+        color="error"
+        @click="cancelSubscription()"
+      >
         {{ t('account.subscriptions.cancellation.actions.yes') }}
       </RuiButton>
     </template>
diff --git a/components/account/home/ChangePassword.vue b/components/account/home/ChangePassword.vue
index 7bbf46b6..053fe915 100644
--- a/components/account/home/ChangePassword.vue
+++ b/components/account/home/ChangePassword.vue
@@ -3,7 +3,7 @@ import { useVuelidate } from '@vuelidate/core';
 import { minLength, required, sameAs } from '@vuelidate/validators';
 import { get, set } from '@vueuse/core';
 import { useMainStore } from '~/store';
-import { type ActionResult } from '~/types/common';
+import type { ActionResult } from '~/types/common';
 
 const loading = ref(false);
 const success = ref(false);
@@ -34,13 +34,12 @@ const v$ = useVuelidate(rules, state, {
 
 let pendingTimeout: any;
 
-const changePassword = async () => {
+async function changePassword() {
   set(loading, true);
   const result: ActionResult = await store.changePassword(state);
   set(loading, false);
-  if (result.message && typeof result.message !== 'string') {
+  if (result.message && typeof result.message !== 'string')
     set($externalResults, result.message);
-  }
 
   if (result.success) {
     set(success, true);
@@ -53,21 +52,23 @@ const changePassword = async () => {
     }, 4000);
     reset();
   }
-};
+}
 
-const reset = () => {
+function reset() {
   state.currentPassword = '';
   state.newPassword = '';
   state.passwordConfirmation = '';
   get(v$).$reset();
-};
+}
 
 const { t } = useI18n();
 </script>
 
 <template>
   <div>
-    <div class="text-h6 mb-6">{{ t('account.change_password.title') }}</div>
+    <div class="text-h6 mb-6">
+      {{ t('account.change_password.title') }}
+    </div>
     <div>
       <div class="space-y-5">
         <RuiRevealableTextField
diff --git a/components/account/home/DangerZone.vue b/components/account/home/DangerZone.vue
index 84d40a7a..3d83f2dc 100644
--- a/components/account/home/DangerZone.vue
+++ b/components/account/home/DangerZone.vue
@@ -2,7 +2,7 @@
 import { storeToRefs } from 'pinia';
 import { get, set } from '@vueuse/core';
 import { useMainStore } from '~/store';
-import { type ActionResult } from '~/types/common';
+import type { ActionResult } from '~/types/common';
 
 const confirm = ref(false);
 const usernameConfirmation = ref('');
@@ -24,7 +24,7 @@ const { start, stop } = useTimeoutFn(
   { immediate: false },
 );
 
-const deleteAccount = async () => {
+async function deleteAccount() {
   dismissNotification();
   set(confirm, false);
   const result: ActionResult = await store.deleteAccount({
@@ -33,22 +33,26 @@ const deleteAccount = async () => {
   if (result.success) {
     await store.logout();
     await navigateTo('/account-deleted');
-  } else {
+  }
+  else {
     set(error, typeof result.message === 'string' ? result.message : '');
     start();
   }
-};
+}
 
-const dismissNotification = () => {
+function dismissNotification() {
   stop();
   set(error, '');
-};
+}
 
 const { t } = useI18n();
 </script>
 
 <template>
-  <RuiCard class="!border-2" :class="{ '!border-rui-error': !isSubscriber }">
+  <RuiCard
+    class="!border-2"
+    :class="{ '!border-rui-error': !isSubscriber }"
+  >
     <div>
       <div
         class="text-lg font-semibold"
@@ -78,7 +82,9 @@ const { t } = useI18n();
     </div>
   </RuiCard>
   <RuiDialog v-model="confirm">
-    <template #title>{{ t('account.delete_account.title') }}</template>
+    <template #title>
+      {{ t('account.delete_account.title') }}
+    </template>
 
     <div class="whitespace-break-spaces mb-4">
       <i18n-t
@@ -99,10 +105,17 @@ const { t } = useI18n();
     />
 
     <template #actions>
-      <RuiButton variant="text" color="primary" @click="confirm = false">
+      <RuiButton
+        variant="text"
+        color="primary"
+        @click="confirm = false"
+      >
         {{ t('actions.cancel') }}
       </RuiButton>
-      <RuiButton color="error" @click="deleteAccount()">
+      <RuiButton
+        color="error"
+        @click="deleteAccount()"
+      >
         {{ t('actions.confirm') }}
       </RuiButton>
     </template>
diff --git a/components/account/home/FloatingNotification.vue b/components/account/home/FloatingNotification.vue
index 3cad0253..c5ce6076 100644
--- a/components/account/home/FloatingNotification.vue
+++ b/components/account/home/FloatingNotification.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { get } from '@vueuse/core';
-import { type ContextColorsType } from '@rotki/ui-library';
+import type { ContextColorsType } from '@rotki/ui-library';
 
 const props = withDefaults(
   defineProps<{
@@ -29,10 +29,10 @@ const { stop, start, isPending } = useTimeoutFn(
   () => get(timeout) ?? 0,
 );
 
-const dismiss = () => {
+function dismiss() {
   emit('dismiss');
   get(isPending) && stop();
-};
+}
 
 watch(visible, (show) => {
   if (isDefined(get(timeout)) && show) {
@@ -48,8 +48,15 @@ watch(visible, (show) => {
       v-if="visible"
       class="fixed top-0 md:top-28 z-20 w-full md:bottom-auto right-0 md:right-2 md:w-[520px]"
     >
-      <RuiAlert :closeable="closeable" :type="type" @close="dismiss()">
-        <template v-if="slots.title" #title>
+      <RuiAlert
+        :closeable="closeable"
+        :type="type"
+        @close="dismiss()"
+      >
+        <template
+          v-if="slots.title"
+          #title
+        >
           <slot name="title" />
         </template>
         <slot />
diff --git a/components/account/home/PaymentsTable.vue b/components/account/home/PaymentsTable.vue
index 709e531e..98e8d9fc 100644
--- a/components/account/home/PaymentsTable.vue
+++ b/components/account/home/PaymentsTable.vue
@@ -1,14 +1,14 @@
 <script lang="ts" setup>
 import { storeToRefs } from 'pinia';
 import { get } from '@vueuse/core';
-import { type Ref } from 'vue';
-import {
-  type DataTableColumn,
-  type DataTableSortColumn,
-  type TablePaginationData,
-} from '@rotki/ui-library';
 import { useMainStore } from '~/store';
-import { type Payment } from '~/types';
+import type { Ref } from 'vue';
+import type {
+  DataTableColumn,
+  DataTableSortColumn,
+  TablePaginationData,
+} from '@rotki/ui-library';
+import type { Payment } from '~/types';
 
 const { t } = useI18n();
 
@@ -47,9 +47,8 @@ const sort: Ref<DataTableSortColumn<Payment>[]> = ref([]);
 
 const payments = computed(() => {
   const userAccount = get(account);
-  if (!userAccount) {
+  if (!userAccount)
     return [];
-  }
 
   return userAccount.payments.sort(
     (a, b) => new Date(a.paidAt).getTime() - new Date(b.paidAt).getTime(),
@@ -59,7 +58,9 @@ const payments = computed(() => {
 
 <template>
   <div>
-    <div class="text-h6 mb-6">{{ t('account.payments.title') }}</div>
+    <div class="text-h6 mb-6">
+      {{ t('account.payments.title') }}
+    </div>
     <RuiDataTable
       v-model:pagination="pagination"
       v-model:sort="sort"
@@ -70,7 +71,10 @@ const payments = computed(() => {
       row-attr="identifier"
     >
       <template #item.status>
-        <RuiChip size="sm" color="success">
+        <RuiChip
+          size="sm"
+          color="success"
+        >
           {{ t('account.payments.paid') }}
         </RuiChip>
       </template>
diff --git a/components/account/home/PremiumPlaceholder.vue b/components/account/home/PremiumPlaceholder.vue
index 0ac876f7..367fc5a1 100644
--- a/components/account/home/PremiumPlaceholder.vue
+++ b/components/account/home/PremiumPlaceholder.vue
@@ -15,7 +15,10 @@ const { t } = useI18n();
           {{ t('account.no_premium.title') }}
         </div>
         <div class="text-rui-text-secondary">
-          <i18n-t keypath="account.no_premium.no_premium_found" scope="global">
+          <i18n-t
+            keypath="account.no_premium.no_premium_found"
+            scope="global"
+          >
             <template #plan>
               <ButtonLink
                 inline
diff --git a/components/account/home/SubscriptionTable.vue b/components/account/home/SubscriptionTable.vue
index ed7541c8..cd3cd82c 100644
--- a/components/account/home/SubscriptionTable.vue
+++ b/components/account/home/SubscriptionTable.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import { get, set, useIntervalFn } from '@vueuse/core';
 import { storeToRefs } from 'pinia';
-import {
-  type ContextColorsType,
-  type DataTableColumn,
-  type DataTableSortColumn,
-  type TablePaginationData,
-} from '@rotki/ui-library';
 import { useMainStore } from '~/store';
-import { type Subscription } from '~/types';
+import type {
+  ContextColorsType,
+  DataTableColumn,
+  DataTableSortColumn,
+  TablePaginationData,
+} from '@rotki/ui-library';
+import type { Subscription } from '~/types';
 
 const { t } = useI18n();
 
@@ -55,7 +55,7 @@ const selectedSubscription: Ref<Subscription | undefined> = ref();
 const showCancelDialog: Ref<boolean> = ref(false);
 const cancelling: Ref<boolean> = ref(false);
 
-const pending = computed(() => get(subscriptions).filter((sub) => sub.pending));
+const pending = computed(() => get(subscriptions).filter(sub => sub.pending));
 
 const renewableSubscriptions = computed(() =>
   get(subscriptions).filter(({ actions }) => actions.includes('renew')),
@@ -63,14 +63,13 @@ const renewableSubscriptions = computed(() =>
 
 const pendingPaymentCurrency = computedAsync(async () => {
   const subs = get(renewableSubscriptions);
-  if (subs.length === 0) {
+  if (subs.length === 0)
     return undefined;
-  }
+
   const response = await store.checkPendingCryptoPayment(subs[0].identifier);
 
-  if (response.isError || !response.result.pending) {
+  if (response.isError || !response.result.pending)
     return undefined;
-  }
 
   return response.result.currency;
 });
@@ -109,50 +108,50 @@ const { pause, resume, isActive } = useIntervalFn(
 );
 
 watch(pending, (pending) => {
-  if (pending.length === 0) {
+  if (pending.length === 0)
     pause();
-  } else if (!get(isActive)) {
+  else if (!get(isActive))
     resume();
-  }
 });
 
 onUnmounted(() => pause());
 
-const hasAction = (sub: Subscription, action: 'renew' | 'cancel') => {
-  if (action === 'cancel') {
+function hasAction(sub: Subscription, action: 'renew' | 'cancel') {
+  if (action === 'cancel')
     return sub.status !== 'Pending' && sub.actions.includes('cancel');
-  } else if (action === 'renew') {
+  else if (action === 'renew')
     return sub.actions.includes('renew');
-  }
+
   return false;
-};
+}
 
-const displayActions = (sub: Subscription) =>
-  hasAction(sub, 'renew') || hasAction(sub, 'cancel');
+function displayActions(sub: Subscription) {
+  return hasAction(sub, 'renew') || hasAction(sub, 'cancel');
+}
 
-const getChipStatusColor = (status: string): ContextColorsType | undefined => {
+function getChipStatusColor(status: string): ContextColorsType | undefined {
   const map: Record<string, ContextColorsType> = {
-    Active: 'success',
-    Cancelled: 'error',
-    Pending: 'warning',
+    'Active': 'success',
+    'Cancelled': 'error',
+    'Pending': 'warning',
     'Past Due': 'warning',
   };
 
   return map[status];
-};
+}
 
-const confirmCancel = (sub: Subscription) => {
+function confirmCancel(sub: Subscription) {
   set(selectedSubscription, sub);
   set(showCancelDialog, true);
-};
+}
 
-const cancelSubscription = async (sub: Subscription) => {
+async function cancelSubscription(sub: Subscription) {
   set(showCancelDialog, false);
   set(cancelling, true);
   await store.cancelSubscription(sub);
   set(cancelling, false);
   set(selectedSubscription, undefined);
-};
+}
 </script>
 
 <template>
@@ -172,13 +171,19 @@ const cancelSubscription = async (sub: Subscription) => {
       outlined
     >
       <template #item.status="{ row }">
-        <RuiChip size="sm" :color="getChipStatusColor(row.status)">
+        <RuiChip
+          size="sm"
+          :color="getChipStatusColor(row.status)"
+        >
           {{ row.status }}
         </RuiChip>
       </template>
 
       <template #item.actions="{ row }">
-        <div v-if="displayActions(row)" class="flex gap-2 justify-end">
+        <div
+          v-if="displayActions(row)"
+          class="flex gap-2 justify-end"
+        >
           <RuiButton
             v-if="hasAction(row, 'cancel')"
             :loading="cancelling"
@@ -198,7 +203,12 @@ const cancelSubscription = async (sub: Subscription) => {
             {{ t('actions.renew') }}
           </ButtonLink>
         </div>
-        <div v-else class="capitalize">{{ t('common.none') }}</div>
+        <div
+          v-else
+          class="capitalize"
+        >
+          {{ t('common.none') }}
+        </div>
       </template>
     </RuiDataTable>
 
diff --git a/components/account/login/LoginForm.vue b/components/account/login/LoginForm.vue
index 32ae3004..ed392bf9 100644
--- a/components/account/login/LoginForm.vue
+++ b/components/account/login/LoginForm.vue
@@ -35,7 +35,7 @@ const v$ = useVuelidate(
 
 const { login } = useMainStore();
 
-const performLogin = async () => {
+async function performLogin() {
   set(loading, true);
   set(
     error,
@@ -47,15 +47,15 @@ const performLogin = async () => {
   set(loading, false);
 
   if (!get(error)) {
-    if (get(modal)) {
+    if (get(modal))
       emit('complete');
-    } else {
+    else
       await navigateTo('/home/subscription');
-    }
-  } else {
+  }
+  else {
     set(hadError, true);
   }
-};
+}
 
 const { t } = useI18n();
 </script>
@@ -63,7 +63,9 @@ const { t } = useI18n();
 <template>
   <div class="w-[360px] max-w-full space-y-8">
     <div class="space-y-3">
-      <div class="text-h4">{{ t('auth.login.title') }}</div>
+      <div class="text-h4">
+        {{ t('auth.login.title') }}
+      </div>
       <div class="text-body-1 text-rui-text-secondary">
         {{ t('auth.login.message') }}
       </div>
@@ -99,12 +101,18 @@ const { t } = useI18n();
       </div>
 
       <div class="flex justify-end mb-6 mt-2">
-        <ButtonLink to="/password/recover" inline>
+        <ButtonLink
+          to="/password/recover"
+          inline
+        >
           {{ t('auth.login.forgot_password') }}
         </ButtonLink>
       </div>
 
-      <div v-if="error" class="text-body-1 text-center text-rui-error pb-6">
+      <div
+        v-if="error"
+        class="text-body-1 text-center text-rui-error pb-6"
+      >
         {{ error }}
       </div>
 
@@ -123,7 +131,11 @@ const { t } = useI18n();
       <span class="text-rui-text-secondary">
         {{ t('auth.login.first_time_premium') }}
       </span>
-      <ButtonLink to="/signup" inline color="primary">
+      <ButtonLink
+        to="/signup"
+        inline
+        color="primary"
+      >
         {{ t('auth.login.sign_up_now') }}
       </ButtonLink>
     </div>
@@ -133,6 +145,9 @@ const { t } = useI18n();
     class="max-w-full"
     :class="modal ? 'w-[360px] mt-8' : 'w-[660px] mt-14'"
   >
-    <RuiAlert type="error" :description="t('auth.login.alert_error')" />
+    <RuiAlert
+      type="error"
+      :description="t('auth.login.alert_error')"
+    />
   </div>
 </template>
diff --git a/components/account/login/LoginModal.vue b/components/account/login/LoginModal.vue
index 47f482f6..ba69b5f8 100644
--- a/components/account/login/LoginModal.vue
+++ b/components/account/login/LoginModal.vue
@@ -5,9 +5,9 @@ const emit = defineEmits<{
   (e: 'update:modelValue', dismiss: boolean): void;
 }>();
 
-const dismiss = () => {
+function dismiss() {
   emit('update:modelValue', false);
-};
+}
 </script>
 
 <template>
@@ -17,7 +17,10 @@ const dismiss = () => {
     @update:model-value="dismiss()"
   >
     <div class="bg-white p-8 shadow-5 rounded">
-      <LoginForm modal @complete="dismiss()" />
+      <LoginForm
+        modal
+        @complete="dismiss()"
+      />
     </div>
   </ModalDialog>
 </template>
diff --git a/components/account/login/icons/PasswordIcon.vue b/components/account/login/icons/PasswordIcon.vue
index 54aabbc6..31d42574 100644
--- a/components/account/login/icons/PasswordIcon.vue
+++ b/components/account/login/icons/PasswordIcon.vue
@@ -6,7 +6,12 @@
     width="24"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <rect id="Boundary" fill="none" height="24" width="24" />
+    <rect
+      id="Boundary"
+      fill="none"
+      height="24"
+      width="24"
+    />
     <path
       id="Union_2"
       d="M0,20V7.558H2.276V4.615H3.9L3.9,7.558h7.576V4.615h0a3.88,3.88,0,0,0-7.563,0H2.276a5.486,5.486,0,0,1,10.832,0h0L13.1,7.558h2.416V20Zm1.605-1.605H13.913V9.164H1.605Z"
diff --git a/components/account/login/icons/UserIcon.vue b/components/account/login/icons/UserIcon.vue
index c7a4ca10..31889bbb 100644
--- a/components/account/login/icons/UserIcon.vue
+++ b/components/account/login/icons/UserIcon.vue
@@ -6,8 +6,17 @@
     width="24"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <rect id="Boundary" fill="none" height="24" width="24" />
-    <g id="Group_31" data-name="Group 31" transform="translate(2 2.204)">
+    <rect
+      id="Boundary"
+      fill="none"
+      height="24"
+      width="24"
+    />
+    <g
+      id="Group_31"
+      data-name="Group 31"
+      transform="translate(2 2.204)"
+    >
       <ellipse
         id="Ellipse_9"
         cx="5.19"
diff --git a/components/account/password/PasswordChanged.vue b/components/account/password/PasswordChanged.vue
index a22a9b09..882a7951 100644
--- a/components/account/password/PasswordChanged.vue
+++ b/components/account/password/PasswordChanged.vue
@@ -8,7 +8,9 @@ const { t } = useI18n();
   >
     <div class="w-[360px] max-w-full space-y-8">
       <div class="space-y-3">
-        <div class="text-h4">{{ t('auth.password_changed.title') }}</div>
+        <div class="text-h4">
+          {{ t('auth.password_changed.title') }}
+        </div>
         <div class="text-body-1 text-rui-text-secondary">
           {{ t('auth.password_changed.message') }}
         </div>
diff --git a/components/account/password/PasswordForm.vue b/components/account/password/PasswordForm.vue
index 3ee4d542..1bf78fa8 100644
--- a/components/account/password/PasswordForm.vue
+++ b/components/account/password/PasswordForm.vue
@@ -33,7 +33,7 @@ const v$ = useVuelidate(
   },
 );
 
-const reset = async () => {
+async function reset() {
   set(loading, true);
   try {
     await fetchWithCsrf<void>('/webapi/password-reset/request/', {
@@ -46,20 +46,21 @@ const reset = async () => {
     await navigateTo({
       path: '/password/send',
     });
-  } catch (e: any) {
+  }
+  catch (error: any) {
     if (
-      e instanceof FetchError &&
-      e.status === 400 &&
-      e.data?.message?.captcha
+      error instanceof FetchError
+      && error.status === 400
+      && error.data?.message?.captcha
     ) {
       resetCaptcha();
-      set($externalResults, e.data.message);
+      set($externalResults, error.data.message);
     }
 
-    logger.error(e);
+    logger.error(error);
   }
   set(loading, false);
-};
+}
 
 const { t } = useI18n();
 </script>
@@ -69,9 +70,14 @@ const { t } = useI18n();
     class="container py-16 lg:pt-[200px] lg:pb-32 flex flex-col items-center justify-center"
   >
     <div class="w-[360px] max-w-full space-y-8">
-      <div class="text-h4">{{ t('auth.recover_password.title') }}</div>
+      <div class="text-h4">
+        {{ t('auth.recover_password.title') }}
+      </div>
 
-      <form class="space-y-6" @submit.prevent="">
+      <form
+        class="space-y-6"
+        @submit.prevent=""
+      >
         <div class="space-y-5">
           <RuiTextField
             id="email"
diff --git a/components/account/password/PasswordLinkSend.vue b/components/account/password/PasswordLinkSend.vue
index 6bc9e06b..7a3b0074 100644
--- a/components/account/password/PasswordLinkSend.vue
+++ b/components/account/password/PasswordLinkSend.vue
@@ -7,7 +7,9 @@ const { t } = useI18n();
     class="container py-16 lg:pt-[250px] lg:pb-32 flex flex-col items-center justify-center"
   >
     <div class="w-[360px] max-w-full space-y-3">
-      <div class="text-h4">{{ t('auth.password_link_send.title') }}</div>
+      <div class="text-h4">
+        {{ t('auth.password_link_send.title') }}
+      </div>
       <div class="text-body-1 text-rui-text-secondary">
         {{ t('auth.password_link_send.message') }}
       </div>
diff --git a/components/account/password/PasswordReset.vue b/components/account/password/PasswordReset.vue
index 96cdbbb7..3484964a 100644
--- a/components/account/password/PasswordReset.vue
+++ b/components/account/password/PasswordReset.vue
@@ -2,10 +2,10 @@
 import { useVuelidate } from '@vuelidate/core';
 import { minLength, required, sameAs } from '@vuelidate/validators';
 import { get, set } from '@vueuse/core';
-import { type Ref } from 'vue';
 import { FetchError } from 'ofetch';
 import { fetchWithCsrf } from '~/utils/api';
 import { toMessages } from '~/utils/validation';
+import type { Ref } from 'vue';
 
 function setupTokenValidation() {
   const route = useRoute();
@@ -22,12 +22,14 @@ function setupTokenValidation() {
           token,
         },
       });
-    } catch (e: any) {
-      if (!(e instanceof FetchError && e.status === 404)) {
-        logger.error(e);
-      }
+    }
+    catch (error: any) {
+      if (!(error instanceof FetchError && error.status === 404))
+        logger.error(error);
+
       set(isValid, false);
-    } finally {
+    }
+    finally {
       set(validating, false);
     }
   };
@@ -70,7 +72,7 @@ const route = useRoute();
 const { uid, token } = route.params;
 const submitting: Ref<boolean> = ref(false);
 
-const submit = async () => {
+async function submit() {
   set(submitting, true);
   try {
     await fetchWithCsrf<void>('/webapi/password-reset/confirm/', {
@@ -85,22 +87,25 @@ const submit = async () => {
     await navigateTo({
       path: '/password/changed',
     });
-  } catch (e: any) {
-    if (e instanceof FetchError && e.status === 400) {
-      const message = e.data.message;
+  }
+  catch (error: any) {
+    if (error instanceof FetchError && error.status === 400) {
+      const message = error.data.message;
       if (message && typeof message === 'object') {
         set($externalResults, {
           password: message.password,
           passwordConfirmation: message.password_confirmation,
         });
       }
-    } else {
-      logger.error(e);
     }
-  } finally {
+    else {
+      logger.error(error);
+    }
+  }
+  finally {
     set(submitting, false);
   }
-};
+}
 
 const { validating, isValid } = setupTokenValidation();
 const { valid, v$ } = setupFormValidation(
@@ -117,18 +122,38 @@ const { t } = useI18n();
     class="container py-16 lg:pt-[200px] lg:pb-32 flex flex-col items-center justify-center"
   >
     <div class="w-[360px] max-w-full">
-      <div v-if="validating" class="flex justify-center">
-        <RuiProgress variant="indeterminate" circular color="primary" />
+      <div
+        v-if="validating"
+        class="flex justify-center"
+      >
+        <RuiProgress
+          variant="indeterminate"
+          circular
+          color="primary"
+        />
       </div>
-      <div v-else-if="!isValid" class="space-y-3">
-        <div class="text-h4">{{ t('auth.password_reset.invalid.title') }}</div>
+      <div
+        v-else-if="!isValid"
+        class="space-y-3"
+      >
+        <div class="text-h4">
+          {{ t('auth.password_reset.invalid.title') }}
+        </div>
         <div class="text-body-1 text-rui-text-secondary">
           {{ t('auth.password_reset.invalid.message') }}
         </div>
       </div>
-      <div v-else class="space-y-8">
-        <div class="text-h4">{{ t('auth.password_reset.title') }}</div>
-        <form class="space-y-6" @submit.prevent="">
+      <div
+        v-else
+        class="space-y-8"
+      >
+        <div class="text-h4">
+          {{ t('auth.password_reset.title') }}
+        </div>
+        <form
+          class="space-y-6"
+          @submit.prevent=""
+        >
           <div class="space-y-5">
             <div class="space-y-1">
               <RuiRevealableTextField
diff --git a/components/account/signup/SignupAccount.vue b/components/account/signup/SignupAccount.vue
index ed3de9b5..f216f955 100644
--- a/components/account/signup/SignupAccount.vue
+++ b/components/account/signup/SignupAccount.vue
@@ -2,9 +2,9 @@
 import { email, minLength, required, sameAs } from '@vuelidate/validators';
 import { get, set } from '@vueuse/core';
 import { useVuelidate } from '@vuelidate/core';
-import { type SignupAccountPayload } from '~/types/signup';
 import { toMessages } from '~/utils/validation';
-import { type ValidationErrors } from '~/types/common';
+import type { SignupAccountPayload } from '~/types/signup';
+import type { ValidationErrors } from '~/types/common';
 
 const props = defineProps<{
   modelValue: SignupAccountPayload;
@@ -42,26 +42,27 @@ watch(
   externalResults,
   (errors) => {
     set($externalResults, errors);
-    if (Object.values(errors).some((i) => !!i)) {
+    if (Object.values(errors).some(i => !!i))
       get(v$).$validate();
-    }
   },
   { immediate: true },
 );
 
-const updateValue = (field: string, value: any) => {
+function updateValue(field: string, value: any) {
   emit('update:model-value', {
     ...get(modelValue),
     [field]: value,
   });
-};
+}
 
 const { t } = useI18n();
 </script>
 
 <template>
   <div class="space-y-8 grow">
-    <div class="text-h4 text-center">{{ t('auth.signup.account.title') }}</div>
+    <div class="text-h4 text-center">
+      {{ t('auth.signup.account.title') }}
+    </div>
     <div class="space-y-5">
       <RuiTextField
         id="username"
diff --git a/components/account/signup/SignupAddress.vue b/components/account/signup/SignupAddress.vue
index 32d1f99d..bc13cd75 100644
--- a/components/account/signup/SignupAddress.vue
+++ b/components/account/signup/SignupAddress.vue
@@ -2,9 +2,9 @@
 import { helpers, required } from '@vuelidate/validators';
 import { get, set } from '@vueuse/core';
 import { useVuelidate } from '@vuelidate/core';
-import { type SignupAddressPayload } from '~/types/signup';
 import { toMessages } from '~/utils/validation';
-import { type ValidationErrors } from '~/types/common';
+import type { SignupAddressPayload } from '~/types/signup';
+import type { ValidationErrors } from '~/types/common';
 
 const props = defineProps<{
   modelValue: SignupAddressPayload;
@@ -47,8 +47,8 @@ const rules = {
 const terms: Ref<boolean> = ref(false);
 
 const recaptcha = useRecaptcha();
-const { recaptchaPassed, onError, onSuccess, onExpired, recaptchaToken } =
-  recaptcha;
+const { recaptchaPassed, onError, onSuccess, onExpired, recaptchaToken }
+  = recaptcha;
 
 const $externalResults: Ref<Record<string, string[]>> = ref({});
 
@@ -69,37 +69,38 @@ watch(
   externalResults,
   (errors) => {
     set($externalResults, errors);
-    if (Object.values(errors).some((i) => !!i)) {
+    if (Object.values(errors).some(i => !!i))
       get(v$).$validate();
-    }
   },
   { immediate: true },
 );
 
-const updateValue = (field: string, value: any) => {
+function updateValue(field: string, value: any) {
   emit('update:model-value', {
     ...get(modelValue),
     [field]: value,
   });
-};
+}
 
-const setCaptchaId = (captchaId: number) => {
+function setCaptchaId(captchaId: number) {
   emit('update:captcha-id', captchaId);
-};
+}
 
-const finish = () => {
+function finish() {
   emit('finish', {
     recaptchaToken: get(recaptchaToken),
     onExpired,
   });
-};
+}
 
 const { t } = useI18n();
 </script>
 
 <template>
   <div class="space-y-8 grow">
-    <div class="text-h4 text-center">Address</div>
+    <div class="text-h4 text-center">
+      Address
+    </div>
     <div class="space-y-5">
       <RuiTextField
         id="address-1"
@@ -172,15 +173,32 @@ const { t } = useI18n();
         @update:captcha-id="setCaptchaId($event)"
       />
 
-      <RuiCheckbox id="tos" v-model="terms" color="primary">
-        <i18n-t keypath="auth.signup.address.form.tos" scope="global">
+      <RuiCheckbox
+        id="tos"
+        v-model="terms"
+        color="primary"
+      >
+        <i18n-t
+          keypath="auth.signup.address.form.tos"
+          scope="global"
+        >
           <template #tos>
-            <ButtonLink to="/tos" inline color="primary" external>
+            <ButtonLink
+              to="/tos"
+              inline
+              color="primary"
+              external
+            >
               {{ t('footer_legalese.tos') }}
             </ButtonLink>
           </template>
           <template #privacy_policy>
-            <ButtonLink to="/privacy-policy" inline color="primary" external>
+            <ButtonLink
+              to="/privacy-policy"
+              inline
+              color="primary"
+              external
+            >
               {{ t('footer_legalese.privacy_policy') }}
             </ButtonLink>
           </template>
diff --git a/components/account/signup/SignupCustomerInformation.vue b/components/account/signup/SignupCustomerInformation.vue
index bae7cd87..1488695f 100644
--- a/components/account/signup/SignupCustomerInformation.vue
+++ b/components/account/signup/SignupCustomerInformation.vue
@@ -2,9 +2,9 @@
 import { required } from '@vuelidate/validators';
 import { get, set } from '@vueuse/core';
 import { useVuelidate } from '@vuelidate/core';
-import { type SignupCustomerInformationPayload } from '~/types/signup';
 import { toMessages } from '~/utils/validation';
-import { type ValidationErrors } from '~/types/common';
+import type { SignupCustomerInformationPayload } from '~/types/signup';
+import type { ValidationErrors } from '~/types/common';
 
 const props = defineProps<{
   modelValue: SignupCustomerInformationPayload;
@@ -37,19 +37,18 @@ watch(
   externalResults,
   (errors) => {
     set($externalResults, errors);
-    if (Object.values(errors).some((i) => !!i)) {
+    if (Object.values(errors).some(i => !!i))
       get(v$).$validate();
-    }
   },
   { immediate: true },
 );
 
-const updateValue = (field: string, value: any) => {
+function updateValue(field: string, value: any) {
   emit('update:model-value', {
     ...get(modelValue),
     [field]: value,
   });
-};
+}
 
 const { t } = useI18n();
 </script>
diff --git a/components/account/signup/SignupForm.vue b/components/account/signup/SignupForm.vue
index 568007f1..0b4231bd 100644
--- a/components/account/signup/SignupForm.vue
+++ b/components/account/signup/SignupForm.vue
@@ -1,16 +1,16 @@
 <script lang="ts" setup>
 import { get, set } from '@vueuse/core';
 import { FetchError } from 'ofetch';
-import { type Ref } from 'vue';
-import {
-  type SignupAccountPayload,
-  type SignupAddressPayload,
-  type SignupCustomerInformationPayload,
-  type SignupPayload,
-} from '~/types/signup';
 import { fetchWithCsrf } from '~/utils/api';
-import { type ValidationErrors } from '~/types/common';
-import { type ApiResponse } from '~/types';
+import type { Ref } from 'vue';
+import type {
+  SignupAccountPayload,
+  SignupAddressPayload,
+  SignupCustomerInformationPayload,
+  SignupPayload,
+} from '~/types/signup';
+import type { ValidationErrors } from '~/types/common';
+import type { ApiResponse } from '~/types';
 
 const { t } = useI18n();
 const { captchaId, resetCaptcha } = useRecaptcha();
@@ -40,12 +40,12 @@ const addressForm = ref<SignupAddressPayload>({
 const loading: Ref<boolean> = ref(false);
 const externalResults: Ref<ValidationErrors> = ref({});
 
-const signup = async ({
+async function signup({
   recaptchaToken,
 }: {
   recaptchaToken: string;
   onExpired: () => void;
-}) => {
+}) {
   set(loading, true);
 
   const payload: SignupPayload = {
@@ -66,23 +66,25 @@ const signup = async ({
     });
     if (result) {
       await navigateTo({ path: '/activation' });
-    } else if (typeof message === 'object') {
+    }
+    else if (typeof message === 'object') {
       resetCaptcha();
       setErrors(message);
     }
-  } catch (e: any) {
+  }
+  catch (error: any) {
     if (
-      e instanceof FetchError &&
-      e.status === 400 &&
-      e.data &&
-      typeof e.data.message === 'object'
+      error instanceof FetchError
+      && error.status === 400
+      && error.data
+      && typeof error.data.message === 'object'
     ) {
       resetCaptcha();
-      setErrors(e.data.message);
+      setErrors(error.data.message);
     }
   }
   set(loading, false);
-};
+}
 
 const step: Ref<number> = ref(1);
 const steps = [
@@ -104,34 +106,33 @@ const steps = [
   },
 ];
 
-const back = () => {
+function back() {
   set(step, Math.max(get(step) - 1, 1));
-};
-const next = () => {
+}
+
+function next() {
   set(step, Math.min(get(step) + 1, steps.length));
-};
+}
 
-const haveIntersectionKeys = (obj1: object, obj2: object) => {
+function haveIntersectionKeys(obj1: object, obj2: object) {
   const keys1 = Object.keys(obj1);
   const keys2 = Object.keys(obj2);
 
-  return keys1.some((key) => keys2.includes(key));
-};
+  return keys1.some(key => keys2.includes(key));
+}
 
-const setErrors = (errors: ValidationErrors) => {
+function setErrors(errors: ValidationErrors) {
   set(externalResults, errors);
 
-  if (haveIntersectionKeys(errors, get(accountForm))) {
+  if (haveIntersectionKeys(errors, get(accountForm)))
     set(step, 2);
-    return;
-  } else if (haveIntersectionKeys(errors, get(customerInformationForm))) {
+
+  else if (haveIntersectionKeys(errors, get(customerInformationForm)))
     set(step, 3);
-    return;
-  } else if (haveIntersectionKeys(errors, get(addressForm))) {
+
+  else if (haveIntersectionKeys(errors, get(addressForm)))
     set(step, 4);
-    return;
-  }
-};
+}
 </script>
 
 <template>
@@ -143,7 +144,10 @@ const setErrors = (errors: ValidationErrors) => {
         class="w-[440px] max-w-full flex flex-col justify-between"
         @submit.prevent=""
       >
-        <SignupIntroduction v-if="step === 1" @next="next()" />
+        <SignupIntroduction
+          v-if="step === 1"
+          @next="next()"
+        />
         <SignupAccount
           v-if="step === 2"
           v-model="accountForm"
@@ -168,13 +172,22 @@ const setErrors = (errors: ValidationErrors) => {
           @finish="signup($event)"
         />
         <div class="py-10 lg:px-4">
-          <RuiFooterStepper :model-value="step" :pages="4" variant="pill" />
+          <RuiFooterStepper
+            :model-value="step"
+            :pages="4"
+            variant="pill"
+          />
         </div>
       </form>
     </div>
 
     <div class="hidden lg:block w-[332px] sticky top-0 self-start">
-      <RuiStepper custom orientation="vertical" :step="step" :steps="steps" />
+      <RuiStepper
+        custom
+        orientation="vertical"
+        :step="step"
+        :steps="steps"
+      />
     </div>
   </div>
 </template>
diff --git a/components/account/signup/SignupIntroduction.vue b/components/account/signup/SignupIntroduction.vue
index d98a2acf..f1cafab7 100644
--- a/components/account/signup/SignupIntroduction.vue
+++ b/components/account/signup/SignupIntroduction.vue
@@ -12,14 +12,22 @@ const { t } = useI18n();
       {{ t('auth.signup.introduction.title') }}
     </div>
     <div class="text-body-1 text-rui-text-secondary whitespace-pre-line">
-      <i18n-t keypath="auth.signup.introduction.message.default" scope="global">
+      <i18n-t
+        keypath="auth.signup.introduction.message.default"
+        scope="global"
+      >
         <template #premium_subscription>
           <strong>
             {{ t('auth.signup.introduction.message.premium_subscription') }}
           </strong>
         </template>
         <template #download>
-          <ButtonLink to="/download" inline color="primary" class="underline">
+          <ButtonLink
+            to="/download"
+            inline
+            color="primary"
+            class="underline"
+          >
             {{ t('auth.signup.introduction.message.download') }}
           </ButtonLink>
         </template>
diff --git a/components/checkout/CheckIcon.vue b/components/checkout/CheckIcon.vue
index 8ac0dd7b..5f195673 100644
--- a/components/checkout/CheckIcon.vue
+++ b/components/checkout/CheckIcon.vue
@@ -4,7 +4,10 @@
     xmlns="http://www.w3.org/2000/svg"
     class="text-rui-primary"
   >
-    <g id="check" transform="translate(-684 -281)">
+    <g
+      id="check"
+      transform="translate(-684 -281)"
+    >
       <rect
         data-name="Rectangle 6"
         fill="none"
@@ -12,7 +15,10 @@
         transform="translate(684 281)"
         width="24"
       />
-      <g data-name="Group 6" transform="translate(684 281)">
+      <g
+        data-name="Group 6"
+        transform="translate(684 281)"
+      >
         <path
           d="M12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm-.957,13.393a.718.718,0,0,1-.979-.029L6.493,11.793l1.014-1.014,3.064,3.1L16.5,8.607l.943,1.071Z"
           data-name="Path 75"
diff --git a/components/checkout/SelectionButton.vue b/components/checkout/SelectionButton.vue
index 09b1cf63..89a66acc 100644
--- a/components/checkout/SelectionButton.vue
+++ b/components/checkout/SelectionButton.vue
@@ -11,9 +11,9 @@ withDefaults(
 
 const emit = defineEmits<{ (e: 'click'): void }>();
 
-const click = () => {
+function click() {
   emit('click');
-};
+}
 
 const css = useCssModule();
 </script>
diff --git a/components/checkout/common/PaymentFrame.vue b/components/checkout/common/PaymentFrame.vue
index 1f661967..08798be6 100644
--- a/components/checkout/common/PaymentFrame.vue
+++ b/components/checkout/common/PaymentFrame.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { get, toRefs } from '@vueuse/core';
-import { type IdleStep, type PaymentStep, type StepType } from '~/types';
+import type { IdleStep, PaymentStep, StepType } from '~/types';
 
 const props = defineProps<{
   step: PaymentStep;
@@ -9,8 +9,10 @@ const props = defineProps<{
 const { t } = useI18n();
 
 const { step } = toRefs(props);
-const useType = (type: StepType | IdleStep) =>
-  computed(() => get(step).type === type);
+
+function useType(type: StepType | IdleStep) {
+  return computed(() => get(step).type === type);
+}
 
 const isPending = useType('pending');
 const isSuccess = useType('success');
diff --git a/components/checkout/pay/BraintreeIcon.vue b/components/checkout/pay/BraintreeIcon.vue
index ce0cd02c..f7ef4a32 100644
--- a/components/checkout/pay/BraintreeIcon.vue
+++ b/components/checkout/pay/BraintreeIcon.vue
@@ -5,13 +5,29 @@
     xmlns:xlink="http://www.w3.org/1999/xlink"
   >
     <defs>
-      <path id="a" d="m0.06 0.543v61.44h52.994v-61.44z" />
-      <path id="c" d="m77.066 28.94h-76.256v-28.089h76.256z" />
+      <path
+        id="a"
+        d="m0.06 0.543v61.44h52.994v-61.44z"
+      />
+      <path
+        id="c"
+        d="m77.066 28.94h-76.256v-28.089h76.256z"
+      />
     </defs>
-    <g fill-rule="evenodd" transform="matrix(.21207 0 0 .21207 2.4873 1.2736)">
+    <g
+      fill-rule="evenodd"
+      transform="matrix(.21207 0 0 .21207 2.4873 1.2736)"
+    >
       <g transform="translate(0,6)">
-        <mask id="b" fill="#ffffff">
-          <use height="100%" width="100%" xlink:href="#a" />
+        <mask
+          id="b"
+          fill="#ffffff"
+        >
+          <use
+            height="100%"
+            width="100%"
+            xlink:href="#a"
+          />
         </mask>
         <path
           d="m0 61.983v-9.001h7.137v-43.433h-7.137v-9.006h28.55c13.105 0 21.093 6.038 21.093 16.524 0 6.884-4.047 11.123-9.16 13.135 7.349 2.014 12.571 7.203 12.571 14.301 0 11.226-8.736 17.478-23.011 17.478h-30.043zm16.938-52.434v16.738h10.653c7.991 0 12.145-2.969 12.145-8.371 0-5.509-4.26-8.37-12.25-8.37h-10.548zm0 43.433h12.146c9.377 0 14.064-3.073 14.064-9.006 0-5.827-5.01-9.003-14.81-9.003h-11.4z"
@@ -22,8 +38,15 @@
         d="m104.84 35.995c-1.065-3.604-3.73-5.722-7.245-5.722-8.204 0-15.98 6.037-15.98 17.054v11.655h15.768v9.001h-35.161v-9.001h10.015v-27.12h-7.882v-9.005h17.152v7.627c2.875-5.297 8.736-9.111 16.513-9.111 8.737 0 14.17 4.978 15.768 12.076l-8.948 2.546m47.942 5.719v-2.543c0-6.357-5.114-9.006-10.652-9.006-5.22 0-9.697 2.119-13.318 5.403l-6.181-6.673c4.263-3.923 10.334-7.522 19.499-7.522 11.398 0 20.24 6.04 20.24 17.478v20.131h6.608v9.001h-16.196v-4.766c-2.448 3.921-9.054 6.251-15.553 6.251-9.375 0-17.473-4.767-17.473-14.196 0-11.123 10.975-15.358 20.987-15.358 4.904 0 8.95 0.951 12.039 1.8zm0 8.048c-2.981-1.059-7.455-1.908-11.613-1.908-5.965 0-11.72 1.908-11.72 7.311 0 4.024 3.622 5.932 8.629 5.932 6.925 0 14.702-3.708 14.702-10.065v-1.27zm73.087 9.22v9.001h-45.81v-9.001h18.964v-27.12h-14.489v-9.005h23.863v36.122h17.472zm-28.018-45.13h10.549v-13.772h-10.549zm39.316 45.13h6.925v-27.12h-6.501v-9.005h15.77v5.823c2.771-4.448 8.522-7.307 15.553-7.307 10.119 0 17.367 6.357 17.367 16.633v20.973h6.923v9.002h-23.542v-9.002h7.243v-18.433c0-7.838-4.795-10.062-9.163-10.062-7.137 0-14.276 5.297-14.276 13.453v15.045h7.244v9.001h-23.543v-9.001m68.93-27.123h-11.826v-9.002h11.826v-16.314h9.376v16.314h22.053v9.002h-22.053v18.963c0 6.991 4.903 9.854 10.547 9.854 5.331 0 9.802-2.967 13.104-6.251l6.289 6.462c-4.155 4.45-10.547 8.581-19.39 8.581-11.395 0-19.924-6.251-19.924-18.325v-19.284m90.451 4.136c-1.068-3.604-3.727-5.722-7.243-5.722-8.204 0-15.98 6.037-15.98 17.054v11.655h15.769v9.001h-35.159v-9.001h10.013v-27.12h-7.887v-9.005h17.155v7.627c2.877-5.297 8.735-9.111 16.512-9.111 8.735 0 14.17 4.978 15.769 12.076l-8.949 2.546m63.075 25.102c-4.686 4.874-12.998 8.371-22.269 8.371-15.23 0-25.888-10.171-25.888-24.046 0-13.878 10.338-24.049 24.718-24.049 14.276 0 24.292 10.914 24.292 25.74v1.59h-39.103c1.599 7.522 7.888 12.076 16.089 12.076 6.82 0 12.676-2.752 15.877-6.249zm-37.821-20.338h27.908c-1.381-6.461-7.134-10.806-13.526-10.806-7.246 0-12.784 4.449-14.382 10.806zm96.097 20.338c-4.686 4.874-12.998 8.371-22.264 8.371-15.235 0-25.89-10.171-25.89-24.046 0-13.878 10.332-24.049 24.717-24.049 14.277 0 24.293 10.914 24.293 25.74v1.59h-39.105c1.603 7.522 7.887 12.076 16.091 12.076 6.817 0 12.678-2.752 15.874-6.249zm-37.822-20.338h27.914c-1.384-6.461-7.137-10.806-13.529-10.806-7.245 0-12.787 4.449-14.385 10.806zm-219.39 55.461-4.967 9.525h6.924zm-6.195 11.89-2.395 4.617h-2.95l10.752-20.16h2.657l4.354 20.16h-2.805l-0.964-4.617zm184.53 2.859c1.053 0 1.929-0.199 2.629-0.599 0.701-0.399 1.218-0.911 1.549-1.534a4.063 4.063 0 0 0 0.498-1.928c0-0.585-0.162-1.086-0.484-1.505-0.321-0.418-0.872-0.823-1.65-1.212l-2.542-1.081c-1.442-0.643-2.479-1.343-3.112-2.104-0.632-0.758-0.949-1.685-0.949-2.775 0-1.188 0.301-2.235 0.906-3.141 0.602-0.906 1.447-1.601 2.527-2.088 1.081-0.487 2.324-0.731 3.725-0.731 1.169 0.019 2.192 0.181 3.068 0.482a6.554 6.554 0 0 1 2.309 1.358l-0.44 2.717c-1.5-1.363-3.243-2.055-5.229-2.074-1.208 0-2.197 0.303-2.965 0.905-0.77 0.605-1.154 1.374-1.154 2.309 0 0.526 0.189 0.974 0.569 1.344s1.076 0.789 2.089 1.256l2.484 1.111c1.343 0.662 2.293 1.377 2.848 2.146 0.556 0.769 0.832 1.691 0.832 2.761 0 1.226-0.262 2.358-0.788 3.39s-1.374 1.875-2.542 2.526c-1.168 0.654-2.668 0.979-4.499 0.979-2.514 0-4.49-0.634-5.932-1.898l0.468-2.893c1.733 1.519 3.661 2.279 5.785 2.279m14.071-9.451a6.055 6.055 0 0 0-1.885 2.936h8.474c0.019-0.156 0.028-0.37 0.028-0.643 0-1.091-0.291-1.948-0.876-2.572-0.585-0.622-1.412-0.933-2.484-0.933-1.246 0-2.332 0.404-3.257 1.212m7.684-1.812c0.963 1.062 1.447 2.441 1.447 4.133 0 0.566-0.03 1.034-0.089 1.403-0.058 0.372-0.156 0.81-0.291 1.314h-10.987c-0.057 1.461 0.321 2.588 1.139 3.376 0.818 0.789 1.929 1.183 3.332 1.183 0.974 0 1.861-0.121 2.66-0.365a9.947 9.947 0 0 0 2.365-1.096l-0.35 2.191c-1.5 1.013-3.273 1.519-5.318 1.519-1.343 0-2.508-0.287-3.491-0.862a5.69 5.69 0 0 1-2.25-2.381c-0.516-1.012-0.774-2.151-0.774-3.418 0-1.247 0.31-2.536 0.934-3.871 0.624-1.334 1.57-2.453 2.835-3.36 1.266-0.904 2.823-1.358 4.673-1.358 1.814 0 3.201 0.531 4.165 1.592m10.456 1.066c-1.15 0-2.124 0.414-2.921 1.243-0.799 0.826-1.326 2.03-1.579 3.607l-1.138 7.217h-2.602l2.25-14.258h2.514l-0.38 2.424c1.168-1.674 2.571-2.512 4.206-2.512 0.41 0 0.79 0.03 1.14 0.088l-0.35 2.279a6.999 6.999 0 0 0-1.14-0.088m7.815 12.067h-2.425l-3.388-14.257h2.599l2.425 11.13 5.93-11.13h2.718l-7.859 14.257m9.753-17.004c-0.263-0.272-0.395-0.613-0.395-1.023 0-0.506 0.193-0.944 0.584-1.314 0.389-0.37 0.837-0.555 1.344-0.555 0.409 0 0.746 0.136 1.008 0.408 0.263 0.273 0.395 0.615 0.395 1.023 0 0.487-0.197 0.92-0.586 1.3-0.388 0.38-0.837 0.569-1.343 0.569-0.408 0-0.745-0.135-1.007-0.408m-0.307 17.004h-2.602l2.192-14.257h2.63l-2.22 14.257m6.088-0.351a6.21 6.21 0 0 1-2.25-2.381c-0.547-1.003-0.818-2.109-0.818-3.316 0-1.519 0.347-2.941 1.037-4.266 0.692-1.324 1.694-2.39 3.01-3.199 1.314-0.807 2.859-1.212 4.63-1.212 1.713 0 3.106 0.429 4.178 1.286l-0.438 2.657c-0.993-1.051-2.29-1.576-3.885-1.576-1.13 0-2.139 0.287-3.024 0.861a5.912 5.912 0 0 0-2.06 2.264 6.426 6.426 0 0 0-0.731 3.01c0 1.305 0.37 2.361 1.111 3.169 0.739 0.809 1.753 1.212 3.038 1.212 0.798 0 1.597-0.145 2.396-0.438a6.406 6.406 0 0 0 2.132-1.285l-0.408 2.689c-0.76 0.506-1.52 0.865-2.279 1.081-0.76 0.213-1.568 0.32-2.425 0.32-1.189 0-2.26-0.292-3.214-0.876m15.041-10.97a6.055 6.055 0 0 0-1.885 2.936h8.474c0.019-0.156 0.028-0.37 0.028-0.643 0-1.091-0.291-1.948-0.876-2.572-0.585-0.622-1.412-0.933-2.484-0.933-1.246 0-2.332 0.404-3.257 1.212m7.684-1.812c0.963 1.062 1.447 2.441 1.447 4.133 0 0.566-0.03 1.034-0.09 1.403-0.057 0.372-0.156 0.81-0.29 1.314h-10.987c-0.057 1.461 0.321 2.588 1.139 3.376 0.818 0.789 1.929 1.183 3.332 1.183 0.974 0 1.861-0.121 2.66-0.365a9.947 9.947 0 0 0 2.365-1.096l-0.351 2.191c-1.499 1.013-3.272 1.519-5.317 1.519-1.343 0-2.508-0.287-3.491-0.862a5.69 5.69 0 0 1-2.25-2.381c-0.517-1.012-0.774-2.151-0.774-3.418 0-1.247 0.31-2.536 0.934-3.871 0.624-1.334 1.569-2.453 2.834-3.36 1.267-0.904 2.824-1.358 4.674-1.358 1.814 0 3.201 0.531 4.165 1.592m-139.93-7.23c-0.605 3.97-3.636 3.97-6.568 3.97h-1.668l1.17-7.411a0.92 0.92 0 0 1 0.911-0.777h0.764c1.995 0 3.88 0 4.853 1.137 0.581 0.679 0.757 1.689 0.538 3.081m-1.276-10.355h-11.058c-0.755 0-1.4 0.55-1.517 1.298l-4.471 28.351a0.92 0.92 0 0 0 0.911 1.065h5.673c0.529 0 0.979-0.385 1.061-0.907l1.269-8.038a1.534 1.534 0 0 1 1.517-1.296h3.498c7.283 0 11.488-3.525 12.586-10.512 0.494-3.055 0.02-5.455-1.41-7.135-1.573-1.849-4.361-2.826-8.059-2.826m-77.588 10.355c-0.604 3.97-3.635 3.97-6.568 3.97h-1.668l1.171-7.411a0.92 0.92 0 0 1 0.911-0.777h0.764c1.995 0 3.88 0 4.852 1.137 0.582 0.679 0.757 1.689 0.538 3.081m-1.275-10.355h-11.058c-0.755 0-1.4 0.55-1.517 1.298l-4.471 28.351a0.92 0.92 0 0 0 0.911 1.065h5.278c0.757 0 1.4-0.55 1.517-1.296l1.207-7.649a1.536 1.536 0 0 1 1.518-1.296h3.498c7.283 0 11.487-3.525 12.586-10.512 0.494-3.055 0.019-5.455-1.41-7.135-1.574-1.849-4.361-2.826-8.059-2.826m25.669 20.534c-0.511 3.026-2.913 5.056-5.976 5.056-1.536 0-2.764-0.494-3.556-1.43-0.783-0.926-1.078-2.247-0.829-3.719 0.477-2.998 2.917-5.094 5.934-5.094 1.503 0 2.724 0.499 3.53 1.443 0.811 0.95 1.13 2.281 0.897 3.744m7.379-10.305h-5.294a0.921 0.921 0 0 0-0.911 0.778l-0.233 1.48-0.37-0.536c-1.147-1.664-3.702-2.221-6.254-2.221-5.85 0-10.846 4.432-11.819 10.65-0.506 3.102 0.212 6.065 1.971 8.134 1.616 1.901 3.921 2.693 6.668 2.693 4.716 0 7.33-3.03 7.33-3.03l-0.236 1.472a0.922 0.922 0 0 0 0.911 1.065h4.768c0.756 0 1.398-0.55 1.517-1.296l2.863-18.124a0.922 0.922 0 0 0-0.911-1.065"
       />
       <g transform="translate(333,91)">
-        <mask id="d" fill="#ffffff">
-          <use height="100%" width="100%" xlink:href="#c" />
+        <mask
+          id="d"
+          fill="#ffffff"
+        >
+          <use
+            height="100%"
+            width="100%"
+            xlink:href="#c"
+          />
         </mask>
         <path
           d="m68.765 11.655c-0.511 3.026-2.913 5.056-5.976 5.056-1.536 0-2.764-0.494-3.556-1.43-0.783-0.926-1.077-2.247-0.828-3.719 0.476-2.998 2.917-5.094 5.933-5.094 1.503 0 2.724 0.499 3.53 1.443 0.811 0.95 1.13 2.281 0.897 3.744m7.379-10.305h-5.294a0.921 0.921 0 0 0-0.911 0.778l-0.233 1.48-0.37-0.536c-1.147-1.664-3.701-2.221-6.254-2.221-5.85 0-10.846 4.432-11.818 10.65-0.507 3.102 0.212 6.065 1.971 8.134 1.615 1.901 3.92 2.693 6.667 2.693 4.716 0 7.331-3.03 7.331-3.03l-0.237 1.472a0.922 0.922 0 0 0 0.911 1.065h4.769c0.755 0 1.397-0.55 1.517-1.296l2.861-18.124a0.92 0.92 0 0 0-0.91-1.065m-50.664-1e-3h-5.322c-0.508 0-0.985 0.253-1.27 0.675l-7.341 10.811-3.111-10.389a1.537 1.537 0 0 0-1.472-1.097h-5.231a0.921 0.921 0 0 0-0.872 1.22l5.858 17.2-5.512 7.777a0.922 0.922 0 0 0 0.754 1.454h5.315c0.505 0 0.976-0.247 1.263-0.661l17.698-25.543a0.922 0.922 0 0 0-0.757-1.447"
diff --git a/components/checkout/pay/CardPage.vue b/components/checkout/pay/CardPage.vue
index 9012405e..137c1fe6 100644
--- a/components/checkout/pay/CardPage.vue
+++ b/components/checkout/pay/CardPage.vue
@@ -5,7 +5,10 @@ const { token, step, plan, pending, loading, submit, reset } = useBraintree();
 <template>
   <PaymentFrame :step="step">
     <template #default="slotProps">
-      <div v-if="!(token && plan)" class="flex justify-center my-10">
+      <div
+        v-if="!(token && plan)"
+        class="flex justify-center my-10"
+      >
         <RuiProgress
           variant="indeterminate"
           size="48"
diff --git a/components/checkout/pay/CardPayment.vue b/components/checkout/pay/CardPayment.vue
index daef43b9..2395c7c4 100644
--- a/components/checkout/pay/CardPayment.vue
+++ b/components/checkout/pay/CardPayment.vue
@@ -6,21 +6,21 @@ import {
   hostedFields,
   threeDSecure,
 } from 'braintree-web';
-import { type ThreeDSecureVerifyOptions } from 'braintree-web/three-d-secure';
 import { get, set } from '@vueuse/core';
-import { type Ref } from 'vue';
-import { type HostedFieldsHostedFieldsFieldName } from 'braintree-web/hosted-fields';
-import { type PaymentStep, type SelectedPlan } from '~/types';
-import { type PayEvent } from '~/types/common';
 import { logger } from '~/utils/logger';
 import { assert } from '~/utils/assert';
+import type { ThreeDSecureVerifyOptions } from 'braintree-web/three-d-secure';
+import type { Ref } from 'vue';
+import type { HostedFieldsHostedFieldsFieldName } from 'braintree-web/hosted-fields';
+import type { PaymentStep, SelectedPlan } from '~/types';
+import type { PayEvent } from '~/types/common';
 
-type FieldStatus = {
+interface FieldStatus {
   valid: boolean;
   touched: boolean;
-};
+}
 
-type EmptyState = { number: boolean; cvv: boolean; expirationDate: boolean };
+interface EmptyState { number: boolean; cvv: boolean; expirationDate: boolean }
 
 const props = defineProps<{
   token: string;
@@ -41,10 +41,7 @@ const emit = defineEmits<{
 const { t } = useI18n();
 const { paymentMethodId } = usePaymentMethodParam();
 
-const setupEmptyStateMonitoring = (
-  hostedFields: HostedFields,
-  empty: Ref<EmptyState>,
-) => {
+function setupEmptyStateMonitoring(hostedFields: HostedFields, empty: Ref<EmptyState>) {
   hostedFields.on('notEmpty', (event) => {
     const field = event.fields[event.emittedBy];
     set(empty, { ...get(empty), [event.emittedBy]: field.isEmpty });
@@ -54,74 +51,68 @@ const setupEmptyStateMonitoring = (
     const field = event.fields[event.emittedBy];
     set(empty, { ...get(empty), [event.emittedBy]: field.isEmpty });
   });
-};
+}
 
-const setupValidityMonitoring = (
-  hostedFields: HostedFields,
-  {
-    cvvStatus,
-    expirationDateStatus,
-    numberStatus,
-  }: {
-    numberStatus: Ref<FieldStatus>;
-    expirationDateStatus: Ref<FieldStatus>;
-    cvvStatus: Ref<FieldStatus>;
-  },
-) => {
+function setupValidityMonitoring(hostedFields: HostedFields, {
+  cvvStatus,
+  expirationDateStatus,
+  numberStatus,
+}: {
+  numberStatus: Ref<FieldStatus>;
+  expirationDateStatus: Ref<FieldStatus>;
+  cvvStatus: Ref<FieldStatus>;
+}) {
   hostedFields.on('validityChange', (event) => {
     const field = event.emittedBy;
     const valid = event.fields[field].isValid;
-    if (field === 'number') {
+    if (field === 'number')
       set(numberStatus, { ...get(numberStatus), valid });
-    } else if (field === 'expirationDate') {
+    else if (field === 'expirationDate')
       set(expirationDateStatus, { ...get(expirationDateStatus), valid });
-    } else if (field === 'cvv') {
+    else if (field === 'cvv')
       set(cvvStatus, { ...get(cvvStatus), valid });
-    }
   });
-};
+}
 
-const setupFocusManagement = (
-  hostedFields: HostedFields,
-  focused: Ref<string>,
-  {
-    cvvStatus,
-    expirationDateStatus,
-    numberStatus,
-  }: {
-    numberStatus: Ref<FieldStatus>;
-    expirationDateStatus: Ref<FieldStatus>;
-    cvvStatus: Ref<FieldStatus>;
-  },
-) => {
+function setupFocusManagement(hostedFields: HostedFields, focused: Ref<string>, {
+  cvvStatus,
+  expirationDateStatus,
+  numberStatus,
+}: {
+  numberStatus: Ref<FieldStatus>;
+  expirationDateStatus: Ref<FieldStatus>;
+  cvvStatus: Ref<FieldStatus>;
+}) {
   hostedFields.on('focus', (event) => {
     const field = event.emittedBy;
     set(focused, field);
     if (field === 'number') {
       set(numberStatus, { ...get(numberStatus), touched: true });
-    } else if (field === 'expirationDate') {
+    }
+    else if (field === 'expirationDate') {
       set(expirationDateStatus, {
         ...get(expirationDateStatus),
         touched: true,
       });
-    } else if (field === 'cvv') {
+    }
+    else if (field === 'cvv') {
       set(cvvStatus, { ...get(cvvStatus), touched: true });
     }
   });
   hostedFields.on('blur', (event) => {
-    if (get(focused) === event.emittedBy) {
+    if (get(focused) === event.emittedBy)
       set(focused, '');
-    }
   });
-};
+}
 
-const hasError = (status: Ref<FieldStatus>) =>
-  computed(() => {
+function hasError(status: Ref<FieldStatus>) {
+  return computed(() => {
     const { touched, valid } = get(status);
     return touched && !valid;
   });
+}
 
-const setupHostedFields = () => {
+function setupHostedFields() {
   let _fields: HostedFields | null = null;
 
   const getFields = () => {
@@ -133,13 +124,13 @@ const setupHostedFields = () => {
     _fields = await hostedFields.create({
       client,
       styles: {
-        body: {
+        'body': {
           'font-size': '16px',
         },
-        input: {
+        'input': {
           'font-size': '1rem',
           'font-family': 'Roboto',
-          color: 'rgba(0, 0, 0, 0.87)',
+          'color': 'rgba(0, 0, 0, 0.87)',
         },
         ':disabled': {
           color: 'rgba(0, 0, 0, 0.5)',
@@ -174,7 +165,8 @@ const setupHostedFields = () => {
             value: true,
           });
         });
-      } else {
+      }
+      else {
         hostedFields.forEach((field) => {
           _fields?.removeAttribute({
             field,
@@ -214,12 +206,12 @@ const setupHostedFields = () => {
     focus,
     teardown,
   };
-};
+}
 
-type ErrorMessage = {
+interface ErrorMessage {
   title: string;
   message: string;
-};
+}
 
 const { token, plan, success, pending, loading } = toRefs(props);
 const fields = setupHostedFields();
@@ -254,24 +246,24 @@ let btThreeDSecure: ThreeDSecure;
 
 const valid = computed(
   () =>
-    get(accepted) &&
-    get(numberStatus).valid &&
-    get(expirationDateStatus).valid &&
-    get(cvvStatus).valid,
+    get(accepted)
+    && get(numberStatus).valid
+    && get(expirationDateStatus).valid
+    && get(cvvStatus).valid,
 );
 
 const processing = logicOr(paying, loading, pending);
 const disabled = logicOr(processing, initializing, success);
 
-const focus = (field: 'cvv' | 'expirationDate' | 'number') => {
+function focus(field: 'cvv' | 'expirationDate' | 'number') {
   fields.focus(field);
-};
+}
 
-const updatePending = () => {
+function updatePending() {
   emit('update:pending', true);
-};
+}
 
-const back = async () => {
+async function back() {
   await navigateTo({
     name: 'checkout-pay-method',
     query: {
@@ -279,9 +271,9 @@ const back = async () => {
       method: get(paymentMethodId),
     },
   });
-};
+}
 
-const submit = async () => {
+async function submit() {
   set(paying, true);
 
   const onClose = () => set(challengeVisible, false);
@@ -292,7 +284,7 @@ const submit = async () => {
     const token = await fields.get().tokenize();
 
     const options: ThreeDSecureVerifyOptions = {
-      // @ts-ignore
+      // @ts-expect-error
       onLookupComplete(_: any, next: any) {
         next();
       },
@@ -317,7 +309,8 @@ const submit = async () => {
         months,
         nonce: payload.nonce,
       });
-    } else {
+    }
+    else {
       const status = (threeDSecureInfo as any)?.status as string | undefined;
       set(error, {
         title: t('subscription.error.3d_auth_failed'),
@@ -327,35 +320,37 @@ const submit = async () => {
       });
       logger.error(`liability did not shift, due to status: ${status}`);
     }
-  } catch (e: any) {
+  }
+  catch (error_: any) {
     set(error, {
       title: t('subscription.error.payment_error'),
-      message: e.message,
+      message: error_.message,
     });
-    logger.error(e);
-  } finally {
+    logger.error(error_);
+  }
+  finally {
     set(paying, false);
     set(verify, false);
     set(challengeVisible, false);
     btThreeDSecure.off('authentication-modal-close', onClose);
     btThreeDSecure.off('authentication-modal-render', onRender);
   }
-};
-const clearError = () => {
+}
+
+function clearError() {
   set(error, null);
-};
+}
 
-const redirect = () => {
+function redirect() {
   stopWatcher();
   // redirect happens outside of router to force reload for csp.
   const url = new URL(`${window.location.origin}/checkout/success`);
   window.location.href = url.toString();
-};
+}
 
 const stopWatcher = watchEffect(() => {
-  if (get(success)) {
+  if (get(success))
     redirect();
-  }
 });
 
 onMounted(async () => {
@@ -377,10 +372,11 @@ onMounted(async () => {
       client: btClient,
     });
     set(initializing, false);
-  } catch (e: any) {
+  }
+  catch (error_: any) {
     set(error, {
       title: t('subscription.error.init_error'),
-      message: e.message,
+      message: error_.message,
     });
   }
 });
@@ -428,13 +424,19 @@ const css = useCssModule();
         @click="focus('cvv')"
       />
     </div>
-    <SelectedPlanOverview :plan="plan" :disabled="disabled" />
+    <SelectedPlanOverview
+      :plan="plan"
+      :disabled="disabled"
+    />
     <AcceptRefundPolicy
       v-model="accepted"
       :disabled="disabled"
       :class="css.policy"
     />
-    <div v-if="pending" class="my-8">
+    <div
+      v-if="pending"
+      class="my-8"
+    >
       <RuiAlert type="info">
         <template #title>
           {{ status?.title }}
@@ -476,7 +478,10 @@ const css = useCssModule();
     {{ error?.message }}
   </FloatingNotification>
 
-  <FloatingNotification :timeout="10000" :visible="failure">
+  <FloatingNotification
+    :timeout="10000"
+    :visible="failure"
+  >
     <template #title>
       {{ status?.title }}
     </template>
diff --git a/components/checkout/pay/CryptoPage.vue b/components/checkout/pay/CryptoPage.vue
index d6beb595..5cd88688 100644
--- a/components/checkout/pay/CryptoPage.vue
+++ b/components/checkout/pay/CryptoPage.vue
@@ -2,9 +2,9 @@
 import detectEthereumProvider from '@metamask/detect-provider';
 import { get, set } from '@vueuse/core';
 import { useMainStore } from '~/store';
-import { type CryptoPayment, type PaymentStep, type Provider } from '~/types';
 import { PaymentError } from '~/types/codes';
 import { assert } from '~/utils/assert';
+import type { CryptoPayment, PaymentStep, Provider } from '~/types';
 
 const { t } = useI18n();
 
@@ -33,19 +33,21 @@ onMounted(async () => {
     const subId = get(subscriptionId);
     const result = await cryptoPayment(selectedPlan, selectedCurrency, subId);
     if (result.isError) {
-      if (result.code === PaymentError.UNVERIFIED) {
+      if (result.code === PaymentError.UNVERIFIED)
         set(error, t('subscription.error.unverified_email'));
-      } else {
+      else
         set(error, result.error.message);
-      }
-    } else if (result.result.transactionStarted) {
+    }
+    else if (result.result.transactionStarted) {
       await navigateTo('/home/subscription');
-    } else {
+    }
+    else {
       set(data, result.result);
     }
 
     set(loading, false);
-  } else {
+  }
+  else {
     await navigateTo('/products');
   }
 });
@@ -60,13 +62,15 @@ const step = computed<PaymentStep>(() => {
       message: errorMessage,
       closeable: true,
     };
-  } else if (state === 'pending') {
+  }
+  else if (state === 'pending') {
     return {
       type: 'pending',
       title: t('subscription.error.payment_progress'),
       message: t('subscription.error.payment_progress_message'),
     };
-  } else if (state === 'success') {
+  }
+  else if (state === 'success') {
     return {
       type: 'success',
       title: t('subscription.error.transaction_pending'),
@@ -76,7 +80,7 @@ const step = computed<PaymentStep>(() => {
   return { type: 'idle' };
 });
 
-const back = () => {
+function back() {
   const { plan, method } = route.query;
   navigateTo({
     name: 'checkout-pay-method',
@@ -85,12 +89,12 @@ const back = () => {
       method,
     },
   });
-};
+}
 
-const clear = () => {
+function clear() {
   set(error, null);
   set(currentState, 'idle');
-};
+}
 
 const config = useRuntimeConfig();
 const {
@@ -115,11 +119,11 @@ watch(plan, async (plan) => {
     selectedCurrency,
     get(subscriptionId),
   );
-  if (!response.isError) {
+  if (!response.isError)
     set(data, response.result);
-  } else {
+  else
     set(error, response.error.message);
-  }
+
   set(loading, false);
 });
 </script>
@@ -132,7 +136,10 @@ watch(plan, async (plan) => {
       </CheckoutDescription>
     </template>
     <template #default="{ pending, success, failure, status }">
-      <div v-if="loading" class="flex justify-center my-10">
+      <div
+        v-if="loading"
+        class="flex justify-center my-10"
+      >
         <RuiProgress
           variant="indeterminate"
           size="48"
@@ -152,8 +159,15 @@ watch(plan, async (plan) => {
         @clear:errors="clear()"
       />
 
-      <div v-else class="flex gap-4 justify-center w-full mt-auto">
-        <RuiButton class="w-1/2" size="lg" @click="back()">
+      <div
+        v-else
+        class="flex gap-4 justify-center w-full mt-auto"
+      >
+        <RuiButton
+          class="w-1/2"
+          size="lg"
+          @click="back()"
+        >
           {{ t('actions.back') }}
         </RuiButton>
       </div>
diff --git a/components/checkout/pay/CryptoPaymentForm.vue b/components/checkout/pay/CryptoPaymentForm.vue
index 428082fa..8439523e 100644
--- a/components/checkout/pay/CryptoPaymentForm.vue
+++ b/components/checkout/pay/CryptoPaymentForm.vue
@@ -2,8 +2,8 @@
 import { parseEther, parseUnits } from 'ethers';
 import { toCanvas } from 'qrcode';
 import { get, set, useClipboard } from '@vueuse/core';
-import { type CryptoPayment, type PaymentStep } from '~/types';
 import { logger } from '~/utils/logger';
+import type { CryptoPayment, PaymentStep } from '~/types';
 
 const props = defineProps<{
   data: CryptoPayment;
@@ -22,20 +22,19 @@ const { t } = useI18n();
 
 const config = useRuntimeConfig();
 
-const createPaymentQR = async (
-  payment: CryptoPayment,
-  canvas: HTMLCanvasElement,
-) => {
+async function createPaymentQR(payment: CryptoPayment, canvas: HTMLCanvasElement) {
   let qrText = '';
   const chainId = getChainId(!!config.public.testing);
   if (payment.cryptocurrency === 'BTC') {
     qrText = `bitcoin:${payment.cryptoAddress}?amount=${payment.finalPriceInCrypto}&label=Rotki`;
-  } else if (payment.cryptocurrency === 'ETH') {
+  }
+  else if (payment.cryptocurrency === 'ETH') {
     const ethPrice = parseEther(payment.finalPriceInCrypto);
     qrText = `ethereum:${
       payment.cryptoAddress
     }@${chainId}?value=${ethPrice.toString()}`;
-  } else if (payment.cryptocurrency === 'DAI') {
+  }
+  else if (payment.cryptocurrency === 'DAI') {
     const tokenPrice = parseUnits(payment.finalPriceInCrypto, 18);
     qrText = `ethereum:${payment.tokenAddress}@${chainId}/transfer?address=${payment.cryptoAddress}&uint256=${tokenPrice}`;
   }
@@ -43,7 +42,7 @@ const createPaymentQR = async (
   logger.info(qrText);
   await toCanvas(canvas, qrText);
   return qrText;
-};
+}
 
 const { data, pending, loading, success } = toRefs(props);
 const canvas = ref<HTMLCanvasElement>();
@@ -57,21 +56,20 @@ const paymentAmount = computed(() => {
 const processing = computed(() => get(pending) || get(loading));
 
 watch(canvas, async (canvas) => {
-  if (!canvas) {
+  if (!canvas)
     return;
-  }
+
   set(qrText, await createPaymentQR(get(data), canvas));
 });
 
-const redirect = () => {
+function redirect() {
   navigateTo({ name: 'checkout-success', query: { crypto: '1' } });
   stopWatcher();
-};
+}
 
 const stopWatcher = watchEffect(() => {
-  if (get(success)) {
+  if (get(success))
     redirect();
-  }
 });
 
 const { copy: copyToClipboard } = useClipboard({ source: qrText });
@@ -85,7 +83,10 @@ const css = useCssModule();
 <template>
   <div :class="css.wrapper">
     <div :class="css.qrcode">
-      <canvas ref="canvas" @click="copyToClipboard(qrText)" />
+      <canvas
+        ref="canvas"
+        @click="copyToClipboard(qrText)"
+      />
     </div>
     <div :class="css.inputs">
       <RuiTextField
@@ -121,7 +122,12 @@ const css = useCssModule();
         </template>
       </RuiTextField>
     </div>
-    <SelectedPlanOverview :plan="data" :disabled="processing" crypto warning />
+    <SelectedPlanOverview
+      :plan="data"
+      :disabled="processing"
+      crypto
+      warning
+    />
     <div :class="css.hint">
       {{ t('home.plans.tiers.step_3.metamask.notice') }}
 
@@ -134,7 +140,10 @@ const css = useCssModule();
         </p>
       </div>
     </div>
-    <div v-if="!isBtc" :class="css.button">
+    <div
+      v-if="!isBtc"
+      :class="css.button"
+    >
       <RuiButton
         :disabled="!metamaskSupport || processing"
         :loading="processing"
diff --git a/components/checkout/pay/CryptoPaymentInfo.vue b/components/checkout/pay/CryptoPaymentInfo.vue
index 60653b20..601e537e 100644
--- a/components/checkout/pay/CryptoPaymentInfo.vue
+++ b/components/checkout/pay/CryptoPaymentInfo.vue
@@ -5,9 +5,16 @@ const css = useCssModule();
 
 <template>
   <div :class="css.container">
-    <div v-for="i in 3" :key="i" :class="css.row">
+    <div
+      v-for="i in 3"
+      :key="i"
+      :class="css.row"
+    >
       <div>
-        <RuiChip color="primary" size="sm">
+        <RuiChip
+          color="primary"
+          size="sm"
+        >
           <span :class="css.point">{{ i }}</span>
         </RuiChip>
       </div>
diff --git a/components/checkout/pay/CryptoRequest.vue b/components/checkout/pay/CryptoRequest.vue
index 3697b514..98424de5 100644
--- a/components/checkout/pay/CryptoRequest.vue
+++ b/components/checkout/pay/CryptoRequest.vue
@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import { get, set, useTimestamp } from '@vueuse/core';
 import { storeToRefs } from 'pinia';
-import { type Ref } from 'vue';
-import { type SelectedPlan } from '~/types';
 import { useMainStore } from '~/store';
+import type { Ref } from 'vue';
+import type { SelectedPlan } from '~/types';
 
 const { t } = useI18n();
 
@@ -20,7 +20,7 @@ const { subscriptionId } = useSubscriptionIdParam();
 const selectedPlan = computed<SelectedPlan>(() => {
   const availablePlans = get(plans);
   const months = get(plan);
-  const selectedPlan = availablePlans?.find((plan) => plan.months === months);
+  const selectedPlan = availablePlans?.find(plan => plan.months === months);
   const price = selectedPlan?.priceCrypto ?? '0';
   return {
     startDate: get(useTimestamp()) / 1000,
@@ -31,7 +31,7 @@ const selectedPlan = computed<SelectedPlan>(() => {
   };
 });
 
-const back = async () => {
+async function back() {
   await navigateTo({
     name: 'checkout-pay-method',
     query: {
@@ -39,9 +39,9 @@ const back = async () => {
       method: get(paymentMethodId),
     },
   });
-};
+}
 
-const submit = () => {
+function submit() {
   set(processing, true);
   navigateTo({
     name: 'checkout-pay-crypto',
@@ -52,7 +52,7 @@ const submit = () => {
       id: get(subscriptionId),
     },
   });
-};
+}
 
 onMounted(async () => await store.getPlans());
 const css = useCssModule();
@@ -65,7 +65,11 @@ const css = useCssModule();
       {{ t('home.plans.tiers.step_3.subtitle') }}
     </CheckoutDescription>
     <CryptoPaymentInfo />
-    <SelectedPlanOverview :plan="selectedPlan" :disabled="processing" crypto />
+    <SelectedPlanOverview
+      :plan="selectedPlan"
+      :disabled="processing"
+      crypto
+    />
     <AcceptRefundPolicy
       v-model="acceptRefundPolicy"
       :class="css.policy"
diff --git a/components/checkout/pay/HostedField.vue b/components/checkout/pay/HostedField.vue
index fa6b5c25..8ac9b698 100644
--- a/components/checkout/pay/HostedField.vue
+++ b/components/checkout/pay/HostedField.vue
@@ -42,13 +42,22 @@ const quotedLabel = computed(() => `"  ${get(label)}  "`);
     @click.stop.prevent="!disabled ? emit('click') : null"
   >
     <div class="flex items-center shrink-0">
-      <div v-if="number" :class="[css.icon, css.prepend]">
+      <div
+        v-if="number"
+        :class="[css.icon, css.prepend]"
+      >
         <RuiIcon name="bank-card-line" />
       </div>
     </div>
     <div class="flex flex-1 overflow-hidden">
-      <div :id="id" :class="[css.input, { [css.empty]: empty }]" />
-      <label :class="css.label" :for="id">
+      <div
+        :id="id"
+        :class="[css.input, { [css.empty]: empty }]"
+      />
+      <label
+        :class="css.label"
+        :for="id"
+      >
         {{ label }}
       </label>
       <fieldset :class="css.fieldset">
diff --git a/components/checkout/pay/PaypalPage.vue b/components/checkout/pay/PaypalPage.vue
index dc955614..f91f62df 100644
--- a/components/checkout/pay/PaypalPage.vue
+++ b/components/checkout/pay/PaypalPage.vue
@@ -5,7 +5,10 @@ const { token, step, plan, pending, loading, submit, reset } = useBraintree();
 <template>
   <PaymentFrame :step="step">
     <template #default="slotProps">
-      <div v-if="!(token && plan)" class="flex justify-center my-10">
+      <div
+        v-if="!(token && plan)"
+        class="flex justify-center my-10"
+      >
         <RuiProgress
           variant="indeterminate"
           size="48"
diff --git a/components/checkout/pay/PaypalPayment.vue b/components/checkout/pay/PaypalPayment.vue
index ed452d02..46f6978d 100644
--- a/components/checkout/pay/PaypalPayment.vue
+++ b/components/checkout/pay/PaypalPayment.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
 import { get, set } from '@vueuse/core';
 import { client, paypalCheckout } from 'braintree-web';
-import { type Ref } from 'vue';
-import { type PaymentStep, type SelectedPlan } from '~/types';
-import { type PayEvent } from '~/types/common';
 import { assert } from '~/utils/assert';
 import { logger } from '~/utils/logger';
+import type { Ref } from 'vue';
+import type { PaymentStep, SelectedPlan } from '~/types';
+import type { PayEvent } from '~/types/common';
 
-type ErrorMessage = {
+interface ErrorMessage {
   title: string;
   message: string;
-};
+}
 
 const props = defineProps<{
   token: string;
@@ -42,26 +42,21 @@ const processing = computed(() => get(paying) || get(loading) || get(pending));
 
 let btClient: braintree.Client | null = null;
 
-const initializeBraintree = async (
-  token: Ref<string>,
-  plan: Ref<SelectedPlan>,
-  pay: (plan: PayEvent) => void,
-) => {
+async function initializeBraintree(token: Ref<string>, plan: Ref<SelectedPlan>, pay: (plan: PayEvent) => void) {
   let paypalActions: any = null;
   watch(accepted, (val) => {
-    if (val) {
+    if (val)
       paypalActions?.enable();
-    } else {
+    else
       paypalActions?.disable();
-    }
+
     set(mustAcceptRefund, !val);
   });
   watch(processing, (val) => {
-    if (val) {
+    if (val)
       paypalActions?.disable();
-    } else {
+    else
       paypalActions?.enable();
-    }
   });
   const btClient = await client.create({
     authorization: get(token),
@@ -119,21 +114,20 @@ const initializeBraintree = async (
         }
       },
       onClick: () => {
-        if (!get(accepted)) {
+        if (!get(accepted))
           set(mustAcceptRefund, true);
-        }
       },
     })
     .render('#paypal-button');
 
   return btClient;
-};
+}
 
-const clearError = () => {
+function clearError() {
   set(error, null);
-};
+}
 
-const back = async () => {
+async function back() {
   await navigateTo({
     name: 'checkout-pay-method',
     query: {
@@ -141,28 +135,28 @@ const back = async () => {
       method: get(paymentMethodId),
     },
   });
-};
+}
 
-const redirect = () => {
+function redirect() {
   navigateTo({ name: 'checkout-success' });
   stopWatcher();
-};
+}
 
 const stopWatcher = watchEffect(() => {
-  if (get(success)) {
+  if (get(success))
     redirect();
-  }
 });
 
 onMounted(async () => {
   try {
     set(initializing, true);
-    btClient = await initializeBraintree(token, plan, (p) => emit('pay', p));
+    btClient = await initializeBraintree(token, plan, p => emit('pay', p));
     set(initializing, false);
-  } catch (e: any) {
+  }
+  catch (error_: any) {
     set(error, {
       title: t('subscription.error.init_error'),
-      message: e.message,
+      message: error_.message,
     });
   }
 });
@@ -183,13 +177,19 @@ const css = useCssModule();
         { [css.buttons__disabled]: mustAcceptRefund || processing },
       ]"
     />
-    <SelectedPlanOverview :plan="plan" :disabled="processing || initializing" />
+    <SelectedPlanOverview
+      :plan="plan"
+      :disabled="processing || initializing"
+    />
     <AcceptRefundPolicy
       v-model="accepted"
       :disabled="processing || initializing"
       :class="css.policy"
     />
-    <div v-if="pending" class="my-8">
+    <div
+      v-if="pending"
+      class="my-8"
+    >
       <RuiAlert type="info">
         <template #title>
           {{ status?.title }}
@@ -211,7 +211,9 @@ const css = useCssModule();
   </div>
 
   <FloatingNotification :visible="mustAcceptRefund">
-    <template #title> {{ t('policies.refund.accept_title') }} </template>
+    <template #title>
+      {{ t('policies.refund.accept_title') }}
+    </template>
     {{ t('policies.refund.accept_message') }}
   </FloatingNotification>
   <FloatingNotification
diff --git a/components/checkout/pay/PlanOverview.vue b/components/checkout/pay/PlanOverview.vue
index b238b35d..6388e2aa 100644
--- a/components/checkout/pay/PlanOverview.vue
+++ b/components/checkout/pay/PlanOverview.vue
@@ -8,7 +8,9 @@ const css = useCssModule();
     <RuiCard>
       <div class="flex gap-1">
         <div class="flex flex-col">
-          <div :class="css.title">{{ t('home.plans.tiers.step_3.chose') }}</div>
+          <div :class="css.title">
+            {{ t('home.plans.tiers.step_3.chose') }}
+          </div>
           <div :class="css.body">
             <div :class="css.description">
               <slot />
diff --git a/components/checkout/pay/SelectedPlanOverview.vue b/components/checkout/pay/SelectedPlanOverview.vue
index 2211b84a..66eb1498 100644
--- a/components/checkout/pay/SelectedPlanOverview.vue
+++ b/components/checkout/pay/SelectedPlanOverview.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { get, set } from '@vueuse/core';
-import { type CryptoPayment, type SelectedPlan } from '~/types';
 import { getPlanNameFor } from '~/utils/plans';
+import type { CryptoPayment, SelectedPlan } from '~/types';
 
 const props = withDefaults(
   defineProps<{
@@ -30,20 +30,20 @@ const date = computed(() => {
 
 const vatOverview = computed(() => {
   const cPlan = get(plan);
-  if (!(cPlan.vat && 'priceInEur' in cPlan)) {
+  if (!(cPlan.vat && 'priceInEur' in cPlan))
     return undefined;
-  }
+
   return {
     vat: cPlan.vat,
     priceInEur: cPlan.priceInEur,
   };
 });
 
-const select = () => {
+function select() {
   set(selection, true);
-};
+}
 
-const switchTo = (months: number) => {
+function switchTo(months: number) {
   set(selection, false);
   const currentRoute = get(router.currentRoute);
 
@@ -54,7 +54,7 @@ const switchTo = (months: number) => {
       plan: months.toString(),
     },
   });
-};
+}
 
 const { t } = useI18n();
 const css = useCssModule();
@@ -63,7 +63,10 @@ const css = useCssModule();
 <template>
   <PlanOverview>
     <span :class="css.plan">{{ name }}</span>
-    <i18n-t keypath="selected_plan_overview.plan" scope="global">
+    <i18n-t
+      keypath="selected_plan_overview.plan"
+      scope="global"
+    >
       <template #date>
         {{ date }}
       </template>
diff --git a/components/checkout/payment-method/CheckMark.vue b/components/checkout/payment-method/CheckMark.vue
index d67a5733..1ad2e956 100644
--- a/components/checkout/payment-method/CheckMark.vue
+++ b/components/checkout/payment-method/CheckMark.vue
@@ -7,7 +7,11 @@ const css = useCssModule();
 
 <template>
   <div :class="css.mark">
-    <RuiBadge :model-value="selected" color="primary" icon="check-line" />
+    <RuiBadge
+      :model-value="selected"
+      color="primary"
+      icon="check-line"
+    />
   </div>
 </template>
 
diff --git a/components/checkout/payment-method/PaymentMethodSelection.vue b/components/checkout/payment-method/PaymentMethodSelection.vue
index afb75abc..16aa84f6 100644
--- a/components/checkout/payment-method/PaymentMethodSelection.vue
+++ b/components/checkout/payment-method/PaymentMethodSelection.vue
@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import { get, set } from '@vueuse/core';
-import { type Component, type ComputedRef, type Ref } from 'vue';
 import { storeToRefs } from 'pinia';
 import {
   BitcoinIcon,
@@ -11,6 +10,7 @@ import {
 } from '#components';
 import { useMainStore } from '~/store';
 import { assert } from '~/utils/assert';
+import type { Component, ComputedRef, Ref } from 'vue';
 
 const props = defineProps<{ identifier?: string }>();
 
@@ -24,12 +24,12 @@ enum PaymentMethod {
   PAYPAL = 5,
 }
 
-type PaymentMethodItem = {
+interface PaymentMethodItem {
   id: PaymentMethod;
   label: string;
   component: Component;
   name: string;
-};
+}
 
 const store = useMainStore();
 const css = useCssModule();
@@ -45,16 +45,16 @@ const method: Ref<PaymentMethod | undefined> = ref(get(paymentMethodId));
 const processing: Ref<boolean> = ref(false);
 
 const availablePaymentMethods = computed(() => {
-  if (!get(identifier)) {
+  if (!get(identifier))
     return paymentMethods;
-  }
-  return paymentMethods.filter((value) =>
+
+  return paymentMethods.filter(value =>
     isSupportedCrypto(PaymentMethod[value.id]),
   );
 });
 
 const selected: ComputedRef<PaymentMethodItem | undefined> = computed(() =>
-  get(availablePaymentMethods).find((m) => get(method) === m.id),
+  get(availablePaymentMethods).find(m => get(method) === m.id),
 );
 
 const paymentMethods: PaymentMethodItem[] = [
@@ -90,14 +90,14 @@ const paymentMethods: PaymentMethodItem[] = [
   },
 ];
 
-const back = async () => {
+async function back() {
   await navigateTo({
     name: 'checkout-pay',
     query: { plan: get(plan), method: get(selected) ? get(method) : undefined },
   });
-};
+}
 
-const next = async () => {
+async function next() {
   if (get(authenticated)) {
     set(processing, true);
     const selectedMethod = get(selected);
@@ -116,7 +116,8 @@ const next = async () => {
         `${window.location.origin}/checkout/pay/card?${queryString}`,
       );
       window.location.href = url.toString();
-    } else {
+    }
+    else {
       await navigateTo({
         name,
         query: {
@@ -129,16 +130,17 @@ const next = async () => {
         },
       });
     }
-  } else {
+  }
+  else {
     set(loginRequired, true);
   }
-};
+}
 
 const isSelected = (m: PaymentMethod) => get(method) === m;
 
-const select = (m: PaymentMethod) => {
+function select(m: PaymentMethod) {
   set(method, m);
-};
+}
 </script>
 
 <template>
@@ -156,7 +158,9 @@ const select = (m: PaymentMethod) => {
           @click="select(item.id)"
         >
           <Component :is="item.component" />
-          <template #label> {{ item.label }}</template>
+          <template #label>
+            {{ item.label }}
+          </template>
         </PaymentMethodItem>
       </div>
     </div>
diff --git a/components/checkout/payment-method/icons/BitcoinIcon.vue b/components/checkout/payment-method/icons/BitcoinIcon.vue
index 908cf322..55f9f56a 100644
--- a/components/checkout/payment-method/icons/BitcoinIcon.vue
+++ b/components/checkout/payment-method/icons/BitcoinIcon.vue
@@ -1,5 +1,8 @@
 <template>
-  <svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    viewBox="0 0 48 48"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <g transform="matrix(.62499 0 0 .62499 4.0039 3.9985)">
       <path
         d="M 63.033,39.744 C 58.759,56.887 41.396,67.32 24.251,63.045 7.113,58.771 -3.32,41.407 0.956,24.265 5.228,7.12 22.591,-3.314 39.731,0.96 56.875,5.234 67.307,22.6 63.033,39.744 Z"
diff --git a/components/checkout/payment-method/icons/CardIcon.vue b/components/checkout/payment-method/icons/CardIcon.vue
index 0bd2cda9..76e92ba5 100644
--- a/components/checkout/payment-method/icons/CardIcon.vue
+++ b/components/checkout/payment-method/icons/CardIcon.vue
@@ -1,6 +1,12 @@
 <template>
-  <svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
-    <g id="card" transform="matrix(.83333 0 0 .83333 -186.83 -271.83)">
+  <svg
+    viewBox="0 0 48 48"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g
+      id="card"
+      transform="matrix(.83333 0 0 .83333 -186.83 -271.83)"
+    >
       <rect
         data-name="Rectangle 10"
         fill="none"
@@ -8,9 +14,15 @@
         transform="translate(229,331)"
         width="39"
       />
-      <g data-name="noun_debit card_1545912" transform="translate(229 338.16)">
+      <g
+        data-name="noun_debit card_1545912"
+        transform="translate(229 338.16)"
+      >
         <g data-name="Group 21">
-          <g data-name="Group 20" fill="#545454">
+          <g
+            data-name="Group 20"
+            fill="#545454"
+          >
             <path
               d="m0 25.375a3.035 3.035 0 0 0 3 3.063h42a3.033 3.033 0 0 0 3-3.062v-18.376h-48zm31.5-12.25a4.423 4.423 0 0 1 3 1.191 4.423 4.423 0 0 1 3-1.191 4.595 4.595 0 0 1 0 9.188 4.423 4.423 0 0 1-3-1.191 4.423 4.423 0 0 1-3 1.191 4.595 4.595 0 0 1 0-9.187zm-24 3.063h9a1.532 1.532 0 0 1 0 3.063h-9a1.532 1.532 0 0 1 0-3.062z"
               data-name="Path 76"
diff --git a/components/checkout/payment-method/icons/DaiIcon.vue b/components/checkout/payment-method/icons/DaiIcon.vue
index 67df8e18..87069366 100644
--- a/components/checkout/payment-method/icons/DaiIcon.vue
+++ b/components/checkout/payment-method/icons/DaiIcon.vue
@@ -8,7 +8,10 @@
     viewBox="0 0 48 48"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <g fill-rule="nonzero" stroke-width=".090001">
+    <g
+      fill-rule="nonzero"
+      stroke-width=".090001"
+    >
       <path
         d="m24 4c11.047 0 20 8.9551 20 20 0 11.047-8.9533 20-20 20-11.045 0-20-8.9542-20-20 0-11.045 8.9551-20 20-20z"
         fill="#f5ac37"
diff --git a/components/checkout/payment-method/icons/EthereumIcon.vue b/components/checkout/payment-method/icons/EthereumIcon.vue
index eb90ed23..59bf8ed4 100644
--- a/components/checkout/payment-method/icons/EthereumIcon.vue
+++ b/components/checkout/payment-method/icons/EthereumIcon.vue
@@ -17,7 +17,10 @@
         fill="#3c3c3b"
         points="256 236.59 127.96 312.19 126.39 314.11 126.39 412.31 127.96 416.91"
       />
-      <polygon fill="#8c8c8c" points="127.96 416.91 127.96 312.19 0 236.59" />
+      <polygon
+        fill="#8c8c8c"
+        points="127.96 416.91 127.96 312.19 0 236.59"
+      />
       <polygon
         fill="#141414"
         points="127.96 287.96 255.92 212.32 127.96 154.16"
diff --git a/components/checkout/payment-method/icons/PaypalIcon.vue b/components/checkout/payment-method/icons/PaypalIcon.vue
index 25c9c7bc..56aebedc 100644
--- a/components/checkout/payment-method/icons/PaypalIcon.vue
+++ b/components/checkout/payment-method/icons/PaypalIcon.vue
@@ -4,7 +4,10 @@
     viewBox="0 0 48 48"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <g stroke-width="1.3255" transform="translate(7.0491 4)">
+    <g
+      stroke-width="1.3255"
+      transform="translate(7.0491 4)"
+    >
       <path
         d="m9.6312 38.644 0.69324-4.4034-1.5442-0.035789h-7.3738l5.1244-32.492c0.015906-0.098088 0.067601-0.18955 0.14316-0.2545 0.075554-0.06495 0.17232-0.10074 0.27306-0.10074h12.433c4.1276 0 6.9762 0.85893 8.4634 2.5543 0.69722 0.79531 1.1413 1.6264 1.356 2.541 0.22534 0.95967 0.22931 2.1062 0.0093 3.5047l-0.01591 0.10206v0.89605l0.69722 0.395c0.5872 0.3115 1.0538 0.66806 1.4117 1.0763 0.59648 0.67999 0.9822 1.5442 1.1452 2.5688 0.16834 1.0538 0.11267 2.3077-0.16304 3.7273-0.31812 1.633-0.83242 3.0553-1.527 4.2191-0.6389 1.0723-1.4528 1.9618-2.4191 2.651-0.92256 0.6548-2.0188 1.1519-3.2581 1.47-1.2009 0.31282-2.5702 0.47056-4.072 0.47056h-0.96762c-0.69192 0-1.364 0.2492-1.8915 0.69589-0.52888 0.45598-0.87882 1.079-0.98618 1.7603l-0.0729 0.39633-1.2248 7.7609-0.05567 0.28498c-0.01458 0.09013-0.03977 0.1352-0.07688 0.16569-0.03314 0.02784-0.08086 0.04639-0.12725 0.04639z"
         fill="#253b80"
diff --git a/components/checkout/plan/ChangePlanDialog.vue b/components/checkout/plan/ChangePlanDialog.vue
index 370e14e1..1ac3bc39 100644
--- a/components/checkout/plan/ChangePlanDialog.vue
+++ b/components/checkout/plan/ChangePlanDialog.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { get, set, toRefs } from '@vueuse/core';
 import { storeToRefs } from 'pinia';
-import { type ComputedRef } from 'vue';
 import { useMainStore } from '~/store';
 import { getPlanName } from '~/utils/plans';
-import { type Plan } from '~/types';
+import type { ComputedRef } from 'vue';
+import type { Plan } from '~/types';
 
 const props = withDefaults(
   defineProps<{
@@ -33,20 +33,21 @@ const confirmed = ref(false);
 const availablePlans: ComputedRef<Plan[]> = computed(() => get(plans) ?? []);
 
 const cancel = () => emit('cancel');
-const select = (months: number) => {
-  if (get(warning) && !get(confirmed)) {
+
+function select(months: number) {
+  if (get(warning) && !get(confirmed))
     return;
-  }
+
   return emit('select', months);
-};
+}
 
-const getPrice = (plan: Plan) =>
-  get(crypto) ? plan.priceCrypto : plan.priceFiat;
+function getPrice(plan: Plan) {
+  return get(crypto) ? plan.priceCrypto : plan.priceFiat;
+}
 
 watch(visible, (visible) => {
-  if (!visible) {
+  if (!visible)
     set(confirmed, false);
-  }
 });
 
 onMounted(async () => await store.getPlans());
@@ -57,7 +58,9 @@ const css = useCssModule();
 <template>
   <ModalDialog :model-value="visible">
     <div :class="css.body">
-      <TextHeading no-margin>{{ t('change_plan.title') }}</TextHeading>
+      <TextHeading no-margin>
+        {{ t('change_plan.title') }}
+      </TextHeading>
       <div
         v-for="plan in availablePlans"
         :key="plan.months.toString()"
@@ -80,12 +83,22 @@ const css = useCssModule();
           )
         }}
       </div>
-      <div v-if="crypto && warning" :class="css.warning">
+      <div
+        v-if="crypto && warning"
+        :class="css.warning"
+      >
         <span>
           {{ t('change_plan.switch_warning') }}
         </span>
-        <RuiCheckbox v-model="confirmed" class="mt-3" color="primary">
-          <i18n-t keypath="change_plan.switch_agree" scope="global">
+        <RuiCheckbox
+          v-model="confirmed"
+          class="mt-3"
+          color="primary"
+        >
+          <i18n-t
+            keypath="change_plan.switch_agree"
+            scope="global"
+          >
             <template #separator>
               <br />
             </template>
diff --git a/components/checkout/plan/PlanSelection.vue b/components/checkout/plan/PlanSelection.vue
index c1d29324..a558546a 100644
--- a/components/checkout/plan/PlanSelection.vue
+++ b/components/checkout/plan/PlanSelection.vue
@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import { storeToRefs } from 'pinia';
 import { get, set } from '@vueuse/core';
-import { type ComputedRef, type Ref } from 'vue';
-import { type Plan } from '~/types';
 import { useMainStore } from '~/store';
+import type { ComputedRef, Ref } from 'vue';
+import type { Plan } from '~/types';
 
 const { t } = useI18n();
 const route = useRoute();
@@ -15,14 +15,14 @@ const identifier: Ref<number> = ref(get(savedPlan));
 const processing: Ref<boolean> = ref(false);
 
 const selected: ComputedRef<Plan | undefined> = computed(
-  () => get(plans)?.find((plan) => plan.months === get(identifier)),
+  () => get(plans)?.find(plan => plan.months === get(identifier)),
 );
 
 const cryptoPrice = computed(() => {
   const plan = get(selected);
-  if (!plan) {
+  if (!plan)
     return 0;
-  }
+
   return (parseFloat(plan.priceCrypto) / plan.months).toFixed(2);
 });
 
@@ -30,17 +30,17 @@ const vat = computed(() => get(account)?.vat);
 
 const isSelected = (plan: Plan) => plan === get(selected);
 
-const select = (plan: Plan) => {
+function select(plan: Plan) {
   set(identifier, plan.months);
-};
+}
 
-const next = () => {
+function next() {
   set(processing, true);
   navigateTo({
     name: 'checkout-pay-method',
     query: { ...route.query, plan: get(identifier) },
   });
-};
+}
 
 const css = useCssModule();
 </script>
@@ -69,15 +69,25 @@ const css = useCssModule();
         />
       </div>
 
-      <div v-if="selected" :class="css.hint">
+      <div
+        v-if="selected"
+        :class="css.hint"
+      >
         {{ t('home.plans.tiers.step_1.crypto_hint', { cryptoPrice }) }}
       </div>
     </div>
 
     <div class="max-w-[27.5rem] mx-auto flex flex-col justify-between grow">
       <div :class="css.notes">
-        <div v-for="i in 4" :key="i" :class="css.note">
-          <RuiIcon :class="css.note__icon" name="arrow-right-circle-line" />
+        <div
+          v-for="i in 4"
+          :key="i"
+          :class="css.note"
+        >
+          <RuiIcon
+            :class="css.note__icon"
+            name="arrow-right-circle-line"
+          />
           <p>{{ t(`home.plans.tiers.step_1.notes.${i}`) }}</p>
         </div>
       </div>
diff --git a/components/checkout/plan/SelectablePlan.vue b/components/checkout/plan/SelectablePlan.vue
index cc6b3afd..a7358734 100644
--- a/components/checkout/plan/SelectablePlan.vue
+++ b/components/checkout/plan/SelectablePlan.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { get } from '@vueuse/core';
-import { type Plan } from '~/types';
 import { getPlanSelectionName } from '~/utils/plans';
+import type { Plan } from '~/types';
 
 const props = withDefaults(
   defineProps<{
@@ -26,13 +26,16 @@ const price = computed(() => {
   return (parseFloat(priceFiat) / months).toFixed(2);
 });
 
-const click = () => {
+function click() {
   emit('click');
-};
+}
 </script>
 
 <template>
-  <div :class="[css.plan, { [css.selected]: selected }]" @click="click()">
+  <div
+    :class="[css.plan, { [css.selected]: selected }]"
+    @click="click()"
+  >
     <div class="flex items-center h-0 justify-center relative w-full">
       <RuiChip
         v-if="popular"
@@ -43,18 +46,33 @@ const click = () => {
       />
     </div>
     <CheckMark :selected="selected" />
-    <div :class="css.name">{{ name }}</div>
-    <div :class="css.emphasis">{{ price }}€</div>
-    <div :class="css.monthly">{{ t('home.plans.per_month') }}</div>
+    <div :class="css.name">
+      {{ name }}
+    </div>
+    <div :class="css.emphasis">
+      {{ price }}€
+    </div>
+    <div :class="css.monthly">
+      {{ t('home.plans.per_month') }}
+    </div>
     <div :class="css.total">
       {{ t('home.plans.total', { total: totalPrice }) }}
     </div>
-    <RuiButton :color="selected ? 'primary' : undefined" class="w-full">
+    <RuiButton
+      :color="selected ? 'primary' : undefined"
+      class="w-full"
+    >
       {{ t('home.plans.choose') }}
     </RuiButton>
 
-    <div v-if="plan.discount" :class="css.discount">
-      <RuiIcon class="text-black/60" name="hand-coin-line" />
+    <div
+      v-if="plan.discount"
+      :class="css.discount"
+    >
+      <RuiIcon
+        class="text-black/60"
+        name="hand-coin-line"
+      />
       <span>
         {{ t('home.plans.save_discount', { discount: plan.discount }) }}
       </span>
diff --git a/components/common/AppShowcaseSlider.vue b/components/common/AppShowcaseSlider.vue
index 48cbb2a8..6a627bcd 100644
--- a/components/common/AppShowcaseSlider.vue
+++ b/components/common/AppShowcaseSlider.vue
@@ -3,8 +3,8 @@ import 'swiper/css/pagination';
 import 'swiper/css/navigation';
 import { Autoplay } from 'swiper/modules';
 import { SwiperSlide } from 'swiper/vue';
-import { type Swiper } from 'swiper/types';
 import { get, set } from '@vueuse/core';
+import type { Swiper } from 'swiper/types';
 
 const css = useCssModule();
 
@@ -14,29 +14,32 @@ const activeIndex = ref((get(swiper)?.activeIndex ?? 0) + 1);
 
 const images = ref([]);
 
-const scanImages = () => {
+function scanImages() {
   const assetContext = import.meta.glob(
     '~/public/img/screenshots/*.(png|jpe?g|webp)',
   );
 
-  const assetPaths = Object.keys(assetContext).map((path) =>
+  const assetPaths = Object.keys(assetContext).map(path =>
     path.replace('/public/img', '/img'),
   );
 
   set(images, assetPaths);
-};
+}
 
-const onSwiperUpdate = (s: Swiper) => {
+function onSwiperUpdate(s: Swiper) {
   set(swiper, s);
   set(activeIndex, s.activeIndex + 1);
   set(pages, s.snapGrid.length);
-};
+}
 
 scanImages();
 </script>
 
 <template>
-  <div :class="css.container" class="container">
+  <div
+    :class="css.container"
+    class="container"
+  >
     <Carousel
       :autoplay="{
         delay: 5000,
@@ -49,8 +52,15 @@ scanImages();
       @swiper="onSwiperUpdate($event)"
       @slide-change="onSwiperUpdate($event)"
     >
-      <SwiperSlide v-for="(image, i) in images" :key="i">
-        <img :src="image" alt=" " class="w-full" />
+      <SwiperSlide
+        v-for="(image, i) in images"
+        :key="i"
+      >
+        <img
+          :src="image"
+          alt=" "
+          class="w-full"
+        />
       </SwiperSlide>
     </Carousel>
     <div class="container relative !px-0">
diff --git a/components/common/BoxContainer.vue b/components/common/BoxContainer.vue
index b65ed317..8f4204d2 100644
--- a/components/common/BoxContainer.vue
+++ b/components/common/BoxContainer.vue
@@ -1,14 +1,20 @@
 <script setup lang="ts">
-const stop = (event: any) => {
+function stop(event: any) {
   event.stopPropagation();
-};
+}
 const slots = useSlots();
 const css = useCssModule();
 </script>
 
 <template>
-  <div :class="css.box" @click="stop($event)">
-    <div v-if="slots.label" :class="css.label">
+  <div
+    :class="css.box"
+    @click="stop($event)"
+  >
+    <div
+      v-if="slots.label"
+      :class="css.label"
+    >
       <slot name="label" />
     </div>
 
diff --git a/components/common/ButtonLink.vue b/components/common/ButtonLink.vue
index 9b9984cd..174c24bf 100644
--- a/components/common/ButtonLink.vue
+++ b/components/common/ButtonLink.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { get } from '@vueuse/core';
-import { type RouteLocationRaw } from 'vue-router';
+import type { RouteLocationRaw } from 'vue-router';
 
 defineOptions({
   inheritAttrs: false,
@@ -26,16 +26,15 @@ const attrs = useAttrs();
 
 const { highlightActive, highlightExactActive } = toRefs(props);
 
-const getColor = (active: boolean, exact: boolean) => {
+function getColor(active: boolean, exact: boolean) {
   if (
-    (get(highlightActive) && active) ||
-    (get(highlightExactActive) && exact)
-  ) {
+    (get(highlightActive) && active)
+    || (get(highlightExactActive) && exact)
+  )
     return 'primary';
-  }
 
   return undefined;
-};
+}
 </script>
 
 <template>
diff --git a/components/common/CopyButton.vue b/components/common/CopyButton.vue
index 88219b86..1908469d 100644
--- a/components/common/CopyButton.vue
+++ b/components/common/CopyButton.vue
@@ -8,12 +8,12 @@ const copied = ref(false);
 const { start, stop } = useTimeoutFn(() => set(copied, false), 4000);
 const { copy } = useClipboard({ source: modelValue });
 
-const copyToClipboard = () => {
+function copyToClipboard() {
   stop();
   copy();
   set(copied, true);
   start();
-};
+}
 </script>
 
 <template>
diff --git a/components/common/CustomCheckbox.vue b/components/common/CustomCheckbox.vue
index cc7661b8..80c1f0b9 100644
--- a/components/common/CustomCheckbox.vue
+++ b/components/common/CustomCheckbox.vue
@@ -13,9 +13,9 @@ const emit = defineEmits<{
   (e: 'update:modelValue', value: boolean): void;
 }>();
 
-const update = (checked: boolean) => {
+function update(checked: boolean) {
   emit('update:modelValue', checked);
-};
+}
 
 const css = useCssModule();
 </script>
@@ -28,7 +28,10 @@ const css = useCssModule();
       type="checkbox"
       @click="update(!modelValue)"
     />
-    <label :class="css.label" :for="id">
+    <label
+      :class="css.label"
+      :for="id"
+    >
       <slot />
     </label>
   </div>
diff --git a/components/common/IconButton.vue b/components/common/IconButton.vue
index 12e95bd6..c44a91e3 100644
--- a/components/common/IconButton.vue
+++ b/components/common/IconButton.vue
@@ -13,13 +13,13 @@ const emit = defineEmits<{
 }>();
 
 const { disabled } = toRefs(props);
-const click = () => {
-  if (disabled.value) {
+
+function click() {
+  if (disabled.value)
     return;
-  }
 
   emit('click');
-};
+}
 
 const css = useCssModule();
 </script>
diff --git a/components/common/InfoTooltip.vue b/components/common/InfoTooltip.vue
index cb765033..19239bdf 100644
--- a/components/common/InfoTooltip.vue
+++ b/components/common/InfoTooltip.vue
@@ -16,24 +16,27 @@ const { start, stop } = useTimeoutFn(
   { immediate: false },
 );
 
-const on = () => {
-  if (get(disabled)) {
+function on() {
+  if (get(disabled))
     return;
-  }
+
   start();
-};
+}
 
-const off = () => {
+function off() {
   set(visible, false);
   stop();
-};
+}
 
 const css = useCssModule();
 </script>
 
 <template>
   <div :class="css.wrapper">
-    <span @mouseenter="on()" @mouseleave="off()">
+    <span
+      @mouseenter="on()"
+      @mouseleave="off()"
+    >
       <slot name="activator" />
     </span>
     <div
diff --git a/components/common/LoadingIndicator.vue b/components/common/LoadingIndicator.vue
index 1885faef..34485611 100644
--- a/components/common/LoadingIndicator.vue
+++ b/components/common/LoadingIndicator.vue
@@ -18,7 +18,10 @@ const css = useCssModule();
     }"
   >
     <div :class="css.loader">
-      <svg :class="css.circular" viewBox="25 25 50 50">
+      <svg
+        :class="css.circular"
+        viewBox="25 25 50 50"
+      >
         <circle
           :class="css.path"
           cx="50"
diff --git a/components/common/ModalDialog.vue b/components/common/ModalDialog.vue
index c80f9119..c5430d1a 100644
--- a/components/common/ModalDialog.vue
+++ b/components/common/ModalDialog.vue
@@ -28,7 +28,8 @@ watch(modelValue, (display) => {
   if (display) {
     out.value = false;
     visible.value = true;
-  } else {
+  }
+  else {
     out.value = true;
     nextTick(() => {
       setTimeout(() => {
@@ -37,27 +38,34 @@ watch(modelValue, (display) => {
     });
   }
 });
-const dismiss = () => {
+
+function dismiss() {
   emit('update:modelValue', false);
-};
+}
 
-const prevent = (e: Event) => {
+function prevent(e: Event) {
   e.stopPropagation();
-};
+}
 
 const style = computed(() => ({
   'max-width': width.value,
-  height: height.value,
-  padding: padding.value,
-  margin: '0.5rem',
+  'height': height.value,
+  'padding': padding.value,
+  'margin': '0.5rem',
 }));
 
 const css = useCssModule();
 </script>
 
 <template>
-  <div v-if="visible" :class="{ [css.container]: true, [css.out]: out }">
-    <div :class="css.overlay" @click="dismiss()">
+  <div
+    v-if="visible"
+    :class="{ [css.container]: true, [css.out]: out }"
+  >
+    <div
+      :class="css.overlay"
+      @click="dismiss()"
+    >
       <div :class="css.wrapper">
         <div
           :class="{
diff --git a/components/common/PageContainer.vue b/components/common/PageContainer.vue
index 3e5f7d54..f03fd49a 100644
--- a/components/common/PageContainer.vue
+++ b/components/common/PageContainer.vue
@@ -17,7 +17,10 @@ const slots = useSlots();
 </script>
 
 <template>
-  <div :class="css.wrapper" class="container">
+  <div
+    :class="css.wrapper"
+    class="container"
+  >
     <div
       :class="{
         [css.content]: true,
@@ -31,14 +34,20 @@ const slots = useSlots();
           [css.wideBody]: wide,
         }"
       >
-        <h4 v-if="slots.title" class="text-h4 text-rui-text text-center mb-4">
+        <h4
+          v-if="slots.title"
+          class="text-h4 text-rui-text text-center mb-4"
+        >
           <slot name="title" />
         </h4>
         <slot />
       </div>
     </div>
 
-    <div v-if="slots.hint" :class="css.hint">
+    <div
+      v-if="slots.hint"
+      :class="css.hint"
+    >
       <slot name="hint" />
     </div>
   </div>
diff --git a/components/common/Recaptcha.client.vue b/components/common/Recaptcha.client.vue
index 93037cda..4021373d 100644
--- a/components/common/Recaptcha.client.vue
+++ b/components/common/Recaptcha.client.vue
@@ -37,23 +37,22 @@ const grecaptcha = toRef(window, 'grecaptcha');
 /**
  * Renders the captcha if not rendered and required fields are available
  */
-const renderCaptcha = () => {
-  if (rendered.value || !(grecaptcha.value && recaptchaEl.value)) {
+function renderCaptcha() {
+  if (rendered.value || !(grecaptcha.value && recaptchaEl.value))
     return;
-  }
 
   const id = grecaptcha.value.render(recaptchaEl.value, {
-    sitekey: siteKey,
-    callback: (token: string) => emit('success', token),
+    'sitekey': siteKey,
+    'callback': (token: string) => emit('success', token),
     'expired-callback': () => emit('expired'),
     'error-callback': () => emit('error'),
-    theme: props.theme,
-    size: props.size,
+    'theme': props.theme,
+    'size': props.size,
   });
 
   emit('captcha-id', id);
   rendered.value = true;
-};
+}
 
 window.onRecaptchaLoaded = renderCaptcha;
 
@@ -72,7 +71,8 @@ onMounted(() => {
         },
       ],
     });
-  } else {
+  }
+  else {
     nextTick(renderCaptcha);
   }
 });
@@ -80,9 +80,15 @@ onMounted(() => {
 
 <template>
   <div :class="css.wrapper">
-    <div ref="recaptchaEl" :class="css.recaptcha" />
+    <div
+      ref="recaptchaEl"
+      :class="css.recaptcha"
+    />
 
-    <p v-if="invalid" :class="css.error">
+    <p
+      v-if="invalid"
+      :class="css.error"
+    >
       Invalid or expired captcha, please try again
     </p>
   </div>
diff --git a/components/common/VisibilityButton.vue b/components/common/VisibilityButton.vue
index 69143767..f156b193 100644
--- a/components/common/VisibilityButton.vue
+++ b/components/common/VisibilityButton.vue
@@ -18,13 +18,12 @@ const emit = defineEmits<{
   (e: 'update:modelValue', value: boolean): void;
 }>();
 
-const toggle = () => {
-  if (props.disabled) {
+function toggle() {
+  if (props.disabled)
     return;
-  }
 
   emit('update:modelValue', !props.modelValue);
-};
+}
 
 const css = useCssModule();
 </script>
@@ -32,7 +31,11 @@ const css = useCssModule();
 <template>
   <InfoTooltip :class="css.tooltip">
     <template #activator>
-      <button :class="css.button" :disabled="disabled" @click="toggle()">
+      <button
+        :class="css.button"
+        :disabled="disabled"
+        @click="toggle()"
+      >
         <VisibilityIcon :visible="modelValue" />
       </button>
     </template>
diff --git a/components/common/carousel/CarouselControls.vue b/components/common/carousel/CarouselControls.vue
index 8bd5c3d9..b3a8cbb8 100644
--- a/components/common/carousel/CarouselControls.vue
+++ b/components/common/carousel/CarouselControls.vue
@@ -22,16 +22,15 @@ const { swiper } = toRefs(props);
 
 const css = useCssModule();
 
-const onNavigate = (index: number) => {
+function onNavigate(index: number) {
   const s = get(swiper);
 
-  if (!s) {
+  if (!s)
     return;
-  }
 
   s.slideTo(index - 1);
   emit('update:swiper', s);
-};
+}
 </script>
 
 <template>
diff --git a/components/common/status/BaseDisplay.vue b/components/common/status/BaseDisplay.vue
index 7198e3ad..be5cd83b 100644
--- a/components/common/status/BaseDisplay.vue
+++ b/components/common/status/BaseDisplay.vue
@@ -26,8 +26,12 @@ const css = useCssModule();
         <slot name="icon" />
       </div>
       <div :class="css.body">
-        <div :class="css.title">{{ title }}</div>
-        <div :class="css.message">{{ message }}</div>
+        <div :class="css.title">
+          {{ title }}
+        </div>
+        <div :class="css.message">
+          {{ message }}
+        </div>
         <slot />
       </div>
     </div>
diff --git a/components/common/status/ErrorDisplay.vue b/components/common/status/ErrorDisplay.vue
index 9a6fe53b..59d808c1 100644
--- a/components/common/status/ErrorDisplay.vue
+++ b/components/common/status/ErrorDisplay.vue
@@ -6,9 +6,17 @@ defineProps<{
 </script>
 
 <template>
-  <BaseDisplay :message="message" :title="title" status="error">
+  <BaseDisplay
+    :message="message"
+    :title="title"
+    status="error"
+  >
     <template #icon>
-      <AlertIcon height="48px" width="48px" color="white" />
+      <AlertIcon
+        height="48px"
+        width="48px"
+        color="white"
+      />
     </template>
     <slot />
   </BaseDisplay>
diff --git a/components/common/status/PendingDisplay.vue b/components/common/status/PendingDisplay.vue
index 9668a404..113a4f88 100644
--- a/components/common/status/PendingDisplay.vue
+++ b/components/common/status/PendingDisplay.vue
@@ -3,7 +3,11 @@ defineProps<{ message: string; title: string }>();
 </script>
 
 <template>
-  <BaseDisplay :message="message" :title="title" status="neutral">
+  <BaseDisplay
+    :message="message"
+    :title="title"
+    status="neutral"
+  >
     <template #icon>
       <RippleLoader />
     </template>
diff --git a/components/common/status/SuccessDisplay.vue b/components/common/status/SuccessDisplay.vue
index 2746c52d..6e064c9f 100644
--- a/components/common/status/SuccessDisplay.vue
+++ b/components/common/status/SuccessDisplay.vue
@@ -6,9 +6,16 @@ defineProps<{
 </script>
 
 <template>
-  <BaseDisplay :message="message" :title="title" status="success">
+  <BaseDisplay
+    :message="message"
+    :title="title"
+    status="success"
+  >
     <template #icon>
-      <CheckCircle height="48px" width="48px" />
+      <CheckCircle
+        height="48px"
+        width="48px"
+      />
     </template>
     <slot />
   </BaseDisplay>
diff --git a/components/content/ProseA.vue b/components/content/ProseA.vue
index ccba378d..0fb2d979 100644
--- a/components/content/ProseA.vue
+++ b/components/content/ProseA.vue
@@ -16,7 +16,12 @@ const css = useCssModule();
 </script>
 
 <template>
-  <NuxtLink :class="css.link" :href="href" :target="target" :rel="rel">
+  <NuxtLink
+    :class="css.link"
+    :href="href"
+    :target="target"
+    :rel="rel"
+  >
     <slot />
   </NuxtLink>
 </template>
diff --git a/components/content/ProseH2.vue b/components/content/ProseH2.vue
index 4db28e10..bc8ce6a2 100644
--- a/components/content/ProseH2.vue
+++ b/components/content/ProseH2.vue
@@ -14,8 +14,14 @@ const css = useCssModule();
 </script>
 
 <template>
-  <h2 :id="id" :class="css.heading">
-    <a v-if="generate" :href="`#${id}`">
+  <h2
+    :id="id"
+    :class="css.heading"
+  >
+    <a
+      v-if="generate"
+      :href="`#${id}`"
+    >
       <slot />
     </a>
     <slot v-else />
diff --git a/components/content/ProseH3.vue b/components/content/ProseH3.vue
index c7dcf82c..bee8934c 100644
--- a/components/content/ProseH3.vue
+++ b/components/content/ProseH3.vue
@@ -15,8 +15,14 @@ const css = useCssModule();
 </script>
 
 <template>
-  <h3 :id="id" :class="css.heading">
-    <a v-if="generate" :href="`#${id}`">
+  <h3
+    :id="id"
+    :class="css.heading"
+  >
+    <a
+      v-if="generate"
+      :href="`#${id}`"
+    >
       <slot />
     </a>
     <slot v-else />
diff --git a/components/documents/MarkdownContent.vue b/components/documents/MarkdownContent.vue
index 4523b42c..ace0bcf6 100644
--- a/components/documents/MarkdownContent.vue
+++ b/components/documents/MarkdownContent.vue
@@ -13,7 +13,8 @@ const data = await loadContent(props.path);
 
 if (!data) {
   showError({ message: `Page not found: ${props.path}`, statusCode: 404 });
-} else {
+}
+else {
   useContentHead(data);
   const { title, description } = data;
 
@@ -33,10 +34,16 @@ if (!data) {
   <div class="py-10 md:py-20 border-b border-rui-grey-300">
     <div class="container flex flex-col lg:flex-row gap-8 justify-between">
       <div v-if="data?.subtitle">
-        <div v-if="data?.title" class="text-h6 text-rui-primary mb-3">
+        <div
+          v-if="data?.title"
+          class="text-h6 text-rui-primary mb-3"
+        >
           {{ data.title }}
         </div>
-        <div v-if="data?.subtitle" class="text-h4">
+        <div
+          v-if="data?.subtitle"
+          class="text-h4"
+        >
           {{ data.subtitle }}
         </div>
       </div>
@@ -56,7 +63,10 @@ if (!data) {
 
   <div class="py-10 md:py-20">
     <div class="container lg:max-w-[720px]">
-      <ContentRenderer v-if="data" :value="data">
+      <ContentRenderer
+        v-if="data"
+        :value="data"
+      >
         <ContentRendererMarkdown :value="data" />
       </ContentRenderer>
     </div>
diff --git a/components/download/DownloadDocs.vue b/components/download/DownloadDocs.vue
index 81240df5..89629195 100644
--- a/components/download/DownloadDocs.vue
+++ b/components/download/DownloadDocs.vue
@@ -5,7 +5,10 @@ const css = useCssModule();
 
 <template>
   <div :class="css.wrapper">
-    <div :class="css.wrapper__container" class="container">
+    <div
+      :class="css.wrapper__container"
+      class="container"
+    >
       <h6 :class="css.title">
         {{ t('download.documentation.title') }}
       </h6>
diff --git a/components/download/DownloadHeading.vue b/components/download/DownloadHeading.vue
index 8af20cc6..d648053f 100644
--- a/components/download/DownloadHeading.vue
+++ b/components/download/DownloadHeading.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { type DownloadItemProps } from '~/components/download/DownloadItem.vue';
+import type { DownloadItemProps } from '~/components/download/DownloadItem.vue';
 
 defineProps<{ version: string; links: DownloadItemProps[] }>();
 
@@ -9,7 +9,10 @@ const css = useCssModule();
 
 <template>
   <div :class="css.wrapper">
-    <div :class="css.wrapper__container" class="container">
+    <div
+      :class="css.wrapper__container"
+      class="container"
+    >
       <div :class="css.titles">
         <h6 :class="css.title">
           {{ t('download.heading.download_rotki') }}
diff --git a/components/download/DownloadItem.vue b/components/download/DownloadItem.vue
index f87418f4..a4019701 100644
--- a/components/download/DownloadItem.vue
+++ b/components/download/DownloadItem.vue
@@ -14,16 +14,29 @@ const css = useCssModule();
 <template>
   <div :class="css.wrapper">
     <div :class="css.icon">
-      <RuiIcon :name="icon" color="primary" />
+      <RuiIcon
+        :name="icon"
+        color="primary"
+      />
     </div>
     <div :class="css.body">
       <div>
-        <p :class="css.for">{{ t('download.download_for') }}</p>
-        <h6 :class="css.platform">{{ platform }}</h6>
+        <p :class="css.for">
+          {{ t('download.download_for') }}
+        </p>
+        <h6 :class="css.platform">
+          {{ platform }}
+        </h6>
       </div>
       <div>
-        <a :href="url" download>
-          <RuiButton color="primary" size="lg">
+        <a
+          :href="url"
+          download
+        >
+          <RuiButton
+            color="primary"
+            size="lg"
+          >
             {{ t('download.action') }}
           </RuiButton>
         </a>
diff --git a/components/footer/FooterIconLinks.vue b/components/footer/FooterIconLinks.vue
index 4b1a5150..71f485e8 100644
--- a/components/footer/FooterIconLinks.vue
+++ b/components/footer/FooterIconLinks.vue
@@ -35,8 +35,16 @@ const menus = [
 
 <template>
   <div class="flex flex-wrap items-center space-x-4">
-    <div v-for="menu in menus" :key="menu.title">
-      <ButtonLink size="lg" :to="menu.href" :title="menu.title" external>
+    <div
+      v-for="menu in menus"
+      :key="menu.title"
+    >
+      <ButtonLink
+        size="lg"
+        :to="menu.href"
+        :title="menu.title"
+        external
+      >
         <span class="flex space-x-2 items-center">
           <span v-if="menu.showText">{{ menu.title }}</span>
           <RuiIcon :name="menu.icon" />
diff --git a/components/footer/FooterLegalese.vue b/components/footer/FooterLegalese.vue
index d6a32740..a4a573d6 100644
--- a/components/footer/FooterLegalese.vue
+++ b/components/footer/FooterLegalese.vue
@@ -4,13 +4,25 @@ const { t } = useI18n();
 
 <template>
   <div class="flex flex-wrap justify-center gap-x-4">
-    <ButtonLink size="lg" to="/impressum" highlight-active>
+    <ButtonLink
+      size="lg"
+      to="/impressum"
+      highlight-active
+    >
       {{ t('footer_legalese.impressum') }}
     </ButtonLink>
-    <ButtonLink size="lg" to="/privacy-policy" highlight-active>
+    <ButtonLink
+      size="lg"
+      to="/privacy-policy"
+      highlight-active
+    >
       {{ t('footer_legalese.privacy_policy') }}
     </ButtonLink>
-    <ButtonLink size="lg" to="/tos" highlight-active>
+    <ButtonLink
+      size="lg"
+      to="/tos"
+      highlight-active
+    >
       {{ t('footer_legalese.tos') }}
     </ButtonLink>
     <ButtonLink
diff --git a/components/footer/PageFooter.vue b/components/footer/PageFooter.vue
index 0ed3510d..c2aef86a 100644
--- a/components/footer/PageFooter.vue
+++ b/components/footer/PageFooter.vue
@@ -16,13 +16,23 @@ const year = new Date().getFullYear().toString();
 <template>
   <div>
     <div class="container">
-      <div v-if="landing" class="space-y-8 mt-8 lg:mt-16 mb-10">
+      <div
+        v-if="landing"
+        class="space-y-8 mt-8 lg:mt-16 mb-10"
+      >
         <div class="flex justify-between items-center">
           <div>
-            <RuiLogo class="!h-8 md:h-12" text />
+            <RuiLogo
+              class="!h-8 md:h-12"
+              text
+            />
           </div>
           <NuxtLink to="/download">
-            <RuiButton color="primary" variant="text" size="lg">
+            <RuiButton
+              color="primary"
+              variant="text"
+              size="lg"
+            >
               {{ t('page_footer.download') }}
             </RuiButton>
           </NuxtLink>
diff --git a/components/header/PageHeader.vue b/components/header/PageHeader.vue
index 01847081..b635a03e 100644
--- a/components/header/PageHeader.vue
+++ b/components/header/PageHeader.vue
@@ -2,15 +2,16 @@
 import { storeToRefs } from 'pinia';
 import { set } from '@vueuse/core';
 import { useMainStore } from '~/store';
+
 const { t } = useI18n();
 
 const store = useMainStore();
 const { authenticated } = storeToRefs(store);
 
-const logout = async () => {
+async function logout() {
   await store.logout(true);
   await navigateTo('/login');
-};
+}
 
 const menuOpened: Ref<boolean> = ref(false);
 
@@ -49,11 +50,17 @@ const css = useCssModule();
         @click="menuOpened = false"
       >
         <RuiButton icon>
-          <RuiIcon name="close-line" color="primary" />
+          <RuiIcon
+            name="close-line"
+            color="primary"
+          />
         </RuiButton>
       </div>
       <div :class="[css.wrapper, { [css.wrapper__closed]: !menuOpened }]">
-        <NuxtLink to="/" :class="css.logo">
+        <NuxtLink
+          to="/"
+          :class="css.logo"
+        >
           <RuiLogo text />
         </NuxtLink>
 
@@ -61,7 +68,11 @@ const css = useCssModule();
 
         <div :class="css.auth">
           <NuxtLink to="/home/subscription">
-            <RuiButton rounded color="primary" class="w-full py-2 md:py-1.5">
+            <RuiButton
+              rounded
+              color="primary"
+              class="w-full py-2 md:py-1.5"
+            >
               {{ t('page_header.manage_premium') }}
             </RuiButton>
           </NuxtLink>
diff --git a/components/home/HomeBanner.vue b/components/home/HomeBanner.vue
index 5d449637..6c087c4b 100644
--- a/components/home/HomeBanner.vue
+++ b/components/home/HomeBanner.vue
@@ -43,9 +43,14 @@ const data = [
         class="flex items-center justify-center text-rui-text-secondary gap-2 py-5 md:py-0 sm:px-4 md:px-8 flex-1 cursor-pointer"
       >
         <RuiIcon :name="item.icon" />
-        <RuiTooltip tooltip-class="max-w-[10rem]" :open-delay="400">
+        <RuiTooltip
+          tooltip-class="max-w-[10rem]"
+          :open-delay="400"
+        >
           <template #activator>
-            <div class="whitespace-nowrap">{{ item.text }}</div>
+            <div class="whitespace-nowrap">
+              {{ item.text }}
+            </div>
           </template>
           {{ item.tooltip }}
         </RuiTooltip>
diff --git a/components/home/PremiumFeatures.vue b/components/home/PremiumFeatures.vue
index b67394fe..b40effb5 100644
--- a/components/home/PremiumFeatures.vue
+++ b/components/home/PremiumFeatures.vue
@@ -37,20 +37,33 @@ const data = computed(() => [
   <div class="py-20 container">
     <div class="lg:px-8 grid md:grid-cols-2 gap-x-16 gap-y-10">
       <div class="flex flex-col gap-4">
-        <h4 class="text-h4">{{ t('home.premium_features.title') }}</h4>
+        <h4 class="text-h4">
+          {{ t('home.premium_features.title') }}
+        </h4>
         <div class="text-body-1 text-rui-text-secondary">
           {{ t('home.premium_features.subtitle') }}
         </div>
-        <ButtonLink to="/products" variant="outlined" size="lg" class="mt-4">
+        <ButtonLink
+          to="/products"
+          variant="outlined"
+          size="lg"
+          class="mt-4"
+        >
           {{ t('actions.get_premium') }}
         </ButtonLink>
       </div>
-      <div v-for="item in data" :key="item.text" class="flex items-start gap-4">
+      <div
+        v-for="item in data"
+        :key="item.text"
+        class="flex items-start gap-4"
+      >
         <div class="p-3 rounded-lg bg-rui-primary text-white">
           <RuiIcon :name="item.icon" />
         </div>
         <div class="flex flex-col gap-2">
-          <h5 class="text-h5">{{ item.text }}</h5>
+          <h5 class="text-h5">
+            {{ item.text }}
+          </h5>
           <div
             class="text-body-1 text-rui-text-secondary whitespace-break-spaces"
           >
diff --git a/components/home/features/FeatureList.vue b/components/home/features/FeatureList.vue
index 6dc975f4..4674c6de 100644
--- a/components/home/features/FeatureList.vue
+++ b/components/home/features/FeatureList.vue
@@ -59,10 +59,17 @@ const [DefineTab, ReuseTab] = createReusableTemplate<{
       </div>
     </div>
   </DefineTab>
-  <div id="features" class="py-16 md:py-20 bg-[#f9f9f9]">
+  <div
+    id="features"
+    class="py-16 md:py-20 bg-[#f9f9f9]"
+  >
     <div class="container">
       <div class="pb-16 md:pb-20">
-        <i18n-t class="text-h4 mb-10" tag="h4" keypath="home.rotki_offer">
+        <i18n-t
+          class="text-h4 mb-10"
+          tag="h4"
+          keypath="home.rotki_offer"
+        >
           <span class="text-rui-primary">rotki</span>
         </i18n-t>
         <div
@@ -79,11 +86,21 @@ const [DefineTab, ReuseTab] = createReusableTemplate<{
         </div>
       </div>
       <RuiTabItems v-model="model">
-        <RuiTabItem eager><AppDashboard /></RuiTabItem>
-        <RuiTabItem eager><SupportedExchangeDetails /></RuiTabItem>
-        <RuiTabItem eager><DefiProtocols /></RuiTabItem>
-        <RuiTabItem eager><EthProtocols /></RuiTabItem>
-        <RuiTabItem eager><ProfitLossReport /></RuiTabItem>
+        <RuiTabItem eager>
+          <AppDashboard />
+        </RuiTabItem>
+        <RuiTabItem eager>
+          <SupportedExchangeDetails />
+        </RuiTabItem>
+        <RuiTabItem eager>
+          <DefiProtocols />
+        </RuiTabItem>
+        <RuiTabItem eager>
+          <EthProtocols />
+        </RuiTabItem>
+        <RuiTabItem eager>
+          <ProfitLossReport />
+        </RuiTabItem>
       </RuiTabItems>
     </div>
   </div>
diff --git a/components/home/features/details/AppDashboard.vue b/components/home/features/details/AppDashboard.vue
index f1c2244f..858bff21 100644
--- a/components/home/features/details/AppDashboard.vue
+++ b/components/home/features/details/AppDashboard.vue
@@ -12,8 +12,12 @@ const { t } = useI18n();
       />
     </div>
     <div class="flex flex-1 flex-col gap-4">
-      <h5 class="text-h5 text-rui-primary">{{ t('home.dashboard.title') }}</h5>
-      <h6 class="text-h6">{{ t('home.dashboard.subtitle') }}</h6>
+      <h5 class="text-h5 text-rui-primary">
+        {{ t('home.dashboard.title') }}
+      </h5>
+      <h6 class="text-h6">
+        {{ t('home.dashboard.subtitle') }}
+      </h6>
       <div class="flex flex-col gap-6 text-rui-text-secondary pt-2">
         <div>
           <div class="text-subtitle-1 font-bold">
diff --git a/components/home/features/details/DefiProtocols.vue b/components/home/features/details/DefiProtocols.vue
index 8afeb234..b40df17e 100644
--- a/components/home/features/details/DefiProtocols.vue
+++ b/components/home/features/details/DefiProtocols.vue
@@ -45,7 +45,9 @@ const defi = [
     <h6 class="text-h6 text-rui-primary">
       {{ t('home.defi.title') }}
     </h6>
-    <h4 class="text-h4">{{ t('home.defi.detail') }}</h4>
+    <h4 class="text-h4">
+      {{ t('home.defi.detail') }}
+    </h4>
   </div>
   <div class="pt-8">
     <div class="grid sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4">
@@ -55,7 +57,11 @@ const defi = [
         class="flex items-center gap-3 text-subtitle-1 font-bold"
       >
         <div class="w-8 h-8 rounded-full overflow-hidden">
-          <img :src="item.img" :alt="item.name" class="w-full h-full" />
+          <img
+            :src="item.img"
+            :alt="item.name"
+            class="w-full h-full"
+          />
         </div>
         {{ item.name }}
       </div>
diff --git a/components/home/features/details/EthProtocols.vue b/components/home/features/details/EthProtocols.vue
index 3db9af54..ca1defeb 100644
--- a/components/home/features/details/EthProtocols.vue
+++ b/components/home/features/details/EthProtocols.vue
@@ -40,7 +40,9 @@ const data = computed(() => [
     <h6 class="text-h6 text-rui-primary">
       {{ t('home.eth_protocols.title') }}
     </h6>
-    <h4 class="text-h4">{{ t('home.eth_protocols.subtitle') }}</h4>
+    <h4 class="text-h4">
+      {{ t('home.eth_protocols.subtitle') }}
+    </h4>
     <div
       class="text-body-1 text-rui-text-secondary whitespace-break-spaces pt-2"
     >
@@ -54,10 +56,16 @@ const data = computed(() => [
       class="bg-rui-primary/[0.04] rounded p-4 flex gap-4 items-center"
     >
       <div class="w-10 h-10 shrink-0 rounded-full overflow-hidden">
-        <img :src="item.image" :alt="item.name" class="w-full h-full" />
+        <img
+          :src="item.image"
+          :alt="item.name"
+          class="w-full h-full"
+        />
       </div>
       <div>
-        <div class="text-body-1">{{ item.name }}</div>
+        <div class="text-body-1">
+          {{ item.name }}
+        </div>
         <div class="text-body-2 text-rui-text-secondary">
           {{ item.description }}
         </div>
diff --git a/components/home/features/details/ProfitLossReport.vue b/components/home/features/details/ProfitLossReport.vue
index 9bf9bcdc..5b7180f0 100644
--- a/components/home/features/details/ProfitLossReport.vue
+++ b/components/home/features/details/ProfitLossReport.vue
@@ -15,7 +15,9 @@ const { t } = useI18n();
       <h5 class="text-h5 text-rui-primary">
         {{ t('home.profit_loss_report.title') }}
       </h5>
-      <h6 class="text-h6">{{ t('home.profit_loss_report.subtitle') }}</h6>
+      <h6 class="text-h6">
+        {{ t('home.profit_loss_report.subtitle') }}
+      </h6>
       <div
         class="text-body-1 text-rui-text-secondary whitespace-break-spaces pt-2"
       >
diff --git a/components/home/features/details/SupportedExchangeDetails.vue b/components/home/features/details/SupportedExchangeDetails.vue
index 2faecba1..666b70ff 100644
--- a/components/home/features/details/SupportedExchangeDetails.vue
+++ b/components/home/features/details/SupportedExchangeDetails.vue
@@ -82,7 +82,9 @@ const exchanges = [
       <h6 class="text-h6 text-rui-primary">
         {{ t('home.exchanges.title') }}
       </h6>
-      <h4 class="text-h4">{{ t('home.exchanges.subtitle') }}</h4>
+      <h4 class="text-h4">
+        {{ t('home.exchanges.subtitle') }}
+      </h4>
       <div class="text-body-1 text-rui-text-secondary pt-2">
         {{ t('home.exchanges.detail') }}
       </div>
@@ -96,7 +98,11 @@ const exchanges = [
             class="flex items-center gap-3 text-subtitle-1 font-bold"
           >
             <div class="w-8 h-8 rounded-full overflow-hidden">
-              <img :src="item.img" :alt="item.name" class="w-full h-full" />
+              <img
+                :src="item.img"
+                :alt="item.name"
+                class="w-full h-full"
+              />
             </div>
             {{ item.name }}
           </div>
diff --git a/components/home/plans/blocks/PlanBox.vue b/components/home/plans/blocks/PlanBox.vue
index 04990444..d5a8e654 100644
--- a/components/home/plans/blocks/PlanBox.vue
+++ b/components/home/plans/blocks/PlanBox.vue
@@ -30,7 +30,10 @@ const { t } = useI18n();
         <slot />
       </div>
     </div>
-    <div v-if="url" class="border-t py-6 px-8">
+    <div
+      v-if="url"
+      class="border-t py-6 px-8"
+    >
       <ButtonLink
         :variant="buttonVariant"
         class="w-full"
diff --git a/components/home/plans/details/AdvancedPlan.vue b/components/home/plans/details/AdvancedPlan.vue
index 21f1ddcb..15cd8031 100644
--- a/components/home/plans/details/AdvancedPlan.vue
+++ b/components/home/plans/details/AdvancedPlan.vue
@@ -4,7 +4,9 @@ const { t } = useI18n();
 
 <template>
   <PlanBox :action="t('actions.get_advanced_plan')">
-    <template #title>{{ t('home.plans.details.advanced.title') }}</template>
+    <template #title>
+      {{ t('home.plans.details.advanced.title') }}
+    </template>
     {{ t('home.plans.details.advanced.subtitle') }}
   </PlanBox>
 </template>
diff --git a/components/home/plans/details/BasicPlan.vue b/components/home/plans/details/BasicPlan.vue
index 3488fb11..228a2fdb 100644
--- a/components/home/plans/details/BasicPlan.vue
+++ b/components/home/plans/details/BasicPlan.vue
@@ -14,20 +14,30 @@ onMounted(async () => {
 
 const startingPrice = computed(() => {
   const plansVal = get(plans);
-  if (!plansVal || plansVal.length === 0) {
+  if (!plansVal || plansVal.length === 0)
     return '';
-  }
 
-  return `${plansVal.find((item) => item.months === 1)?.priceFiat || ''}€`;
+  return `${plansVal.find(item => item.months === 1)?.priceFiat || ''}€`;
 });
 </script>
 
 <template>
-  <PlanBox :action="t('actions.get_premium_plan')" url="/products/" recommended>
-    <template #title>{{ t('home.plans.details.premium.title') }}</template>
+  <PlanBox
+    :action="t('actions.get_premium_plan')"
+    url="/products/"
+    recommended
+  >
+    <template #title>
+      {{ t('home.plans.details.premium.title') }}
+    </template>
     <template #price>
-      <div v-if="plans">{{ startingPrice }}</div>
-      <RuiSkeletonLoader v-else class="h-[2.625rem]" />
+      <div v-if="plans">
+        {{ startingPrice }}
+      </div>
+      <RuiSkeletonLoader
+        v-else
+        class="h-[2.625rem]"
+      />
     </template>
     {{ t('home.plans.details.premium.subtitle') }}
   </PlanBox>
diff --git a/components/home/plans/details/CustomPlan.vue b/components/home/plans/details/CustomPlan.vue
index ccfe12f4..f37fa4f1 100644
--- a/components/home/plans/details/CustomPlan.vue
+++ b/components/home/plans/details/CustomPlan.vue
@@ -6,10 +6,17 @@ const css = useCssModule();
 <template>
   <div>
     <div :class="css.space">
-      <img :class="css.image" alt="rotki in Space" src="/img/space.svg" />
+      <img
+        :class="css.image"
+        alt="rotki in Space"
+        src="/img/space.svg"
+      />
     </div>
     <div :class="css.row">
-      <div :class="css.wrapper" class="container">
+      <div
+        :class="css.wrapper"
+        class="container"
+      >
         <div :class="css.row">
           <div :class="css.column2">
             <div :class="css.title">
diff --git a/components/home/plans/details/FreePlan.vue b/components/home/plans/details/FreePlan.vue
index 0df412c2..c441dd00 100644
--- a/components/home/plans/details/FreePlan.vue
+++ b/components/home/plans/details/FreePlan.vue
@@ -8,8 +8,12 @@ const { t } = useI18n();
     url="/download"
     button-variant="outlined"
   >
-    <template #title>{{ t('home.plans.details.free.title') }}</template>
-    <template #price>{{ t('home.plans.details.free.price') }}</template>
+    <template #title>
+      {{ t('home.plans.details.free.title') }}
+    </template>
+    <template #price>
+      {{ t('home.plans.details.free.price') }}
+    </template>
     {{ t('home.plans.details.free.subtitle') }}
   </PlanBox>
 </template>
diff --git a/components/home/testimonials/Testimonial.vue b/components/home/testimonials/Testimonial.vue
index 0b093d72..a6c5ffce 100644
--- a/components/home/testimonials/Testimonial.vue
+++ b/components/home/testimonials/Testimonial.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { type TestimonialMarkdownContent } from '~/composables/markdown';
+import type { TestimonialMarkdownContent } from '~/composables/markdown';
 
 withDefaults(
   defineProps<{
@@ -17,22 +17,55 @@ const css = useCssModule();
   <div :class="css.content">
     <span :class="css.thumbnails">
       <span :class="css.icon">
-        <RuiIcon name="chat-1-line" size="16" />
+        <RuiIcon
+          name="chat-1-line"
+          size="16"
+        />
       </span>
-      <span v-if="avatar" :class="css.avatar">
-        <a v-if="url" :href="url" target="_blank">
-          <img :src="avatar" :alt="username" class="object-cover" />
+      <span
+        v-if="avatar"
+        :class="css.avatar"
+      >
+        <a
+          v-if="url"
+          :href="url"
+          target="_blank"
+        >
+          <img
+            :src="avatar"
+            :alt="username"
+            class="object-cover"
+          />
         </a>
-        <img v-else :src="avatar" :alt="username" class="object-cover" />
+        <img
+          v-else
+          :src="avatar"
+          :alt="username"
+          class="object-cover"
+        />
       </span>
     </span>
     <ContentRenderer :value="body">
-      <ContentRendererMarkdown :class="css.text" :value="body" tag="span" />
+      <ContentRendererMarkdown
+        :class="css.text"
+        :value="body"
+        tag="span"
+      />
     </ContentRenderer>
-    <a v-if="url" :href="url" :class="css.username" target="_blank">
+    <a
+      v-if="url"
+      :href="url"
+      :class="css.username"
+      target="_blank"
+    >
       {{ username }}
     </a>
-    <span v-else :class="css.username">{{ username }}</span>
+    <span
+      v-else
+      :class="css.username"
+    >
+      {{ username }}
+    </span>
   </div>
 </template>
 
diff --git a/components/home/testimonials/TestimonialCarousel.vue b/components/home/testimonials/TestimonialCarousel.vue
index 4de4455b..af410309 100644
--- a/components/home/testimonials/TestimonialCarousel.vue
+++ b/components/home/testimonials/TestimonialCarousel.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { Autoplay } from 'swiper/modules';
 import { SwiperSlide } from 'swiper/vue';
-import { type Swiper, type SwiperOptions } from 'swiper/types';
 import { get, set } from '@vueuse/core';
-import { type TestimonialMarkdownContent } from '~/composables/markdown';
+import type { Swiper, SwiperOptions } from 'swiper/types';
+import type { TestimonialMarkdownContent } from '~/composables/markdown';
 
 defineProps<{
   testimonials: TestimonialMarkdownContent[];
@@ -41,9 +41,9 @@ const breakpoints: Record<number, SwiperOptions> = {
   },
 };
 
-const onSwiperUpdate = (s: Swiper) => {
+function onSwiperUpdate(s: Swiper) {
   set(swiper, s);
-};
+}
 </script>
 
 <template>
@@ -61,7 +61,10 @@ const onSwiperUpdate = (s: Swiper) => {
       @swiper="onSwiperUpdate($event)"
       @slide-change="onSwiperUpdate($event)"
     >
-      <SwiperSlide v-for="(testimonial, i) in testimonials" :key="i">
+      <SwiperSlide
+        v-for="(testimonial, i) in testimonials"
+        :key="i"
+      >
         <Testimonial v-bind="testimonial" />
       </SwiperSlide>
     </Carousel>
diff --git a/components/home/testimonials/Testimonials.vue b/components/home/testimonials/Testimonials.vue
index 33745ce2..48aba911 100644
--- a/components/home/testimonials/Testimonials.vue
+++ b/components/home/testimonials/Testimonials.vue
@@ -12,8 +12,12 @@ await loadTestimonials();
 <template>
   <div :class="css.testimonials">
     <div class="container">
-      <div :class="css.title">{{ t('home.testimonials.title') }}</div>
-      <div :class="css.detail">{{ t('home.testimonials.detail') }}</div>
+      <div :class="css.title">
+        {{ t('home.testimonials.title') }}
+      </div>
+      <div :class="css.detail">
+        {{ t('home.testimonials.detail') }}
+      </div>
       <TestimonialCarousel :testimonials="testimonials" />
     </div>
   </div>
diff --git a/components/icons/CheckCircle.vue b/components/icons/CheckCircle.vue
index 6d91f172..39b79866 100644
--- a/components/icons/CheckCircle.vue
+++ b/components/icons/CheckCircle.vue
@@ -12,7 +12,10 @@ withDefaults(
 </script>
 
 <template>
-  <svg :style="{ width, height }" viewBox="0 0 24 24">
+  <svg
+    :style="{ width, height }"
+    viewBox="0 0 24 24"
+  >
     <path
       d="M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2,4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"
       fill="white"
diff --git a/components/icons/ChevronDoubleLeft.vue b/components/icons/ChevronDoubleLeft.vue
index 9beccf27..30669433 100644
--- a/components/icons/ChevronDoubleLeft.vue
+++ b/components/icons/ChevronDoubleLeft.vue
@@ -3,7 +3,10 @@ import { defaultIconSize } from '~/utils/icon-size';
 </script>
 
 <template>
-  <svg :style="defaultIconSize()" viewBox="0 0 24 24">
+  <svg
+    :style="defaultIconSize()"
+    viewBox="0 0 24 24"
+  >
     <path
       d="M18.41,7.41L17,6L11,12L17,18L18.41,16.59L13.83,12L18.41,7.41M12.41,7.41L11,6L5,12L11,18L12.41,16.59L7.83,12L12.41,7.41Z"
       fill="currentColor"
diff --git a/components/icons/ChevronDoubleRight.vue b/components/icons/ChevronDoubleRight.vue
index 2b1c06c9..212048d8 100644
--- a/components/icons/ChevronDoubleRight.vue
+++ b/components/icons/ChevronDoubleRight.vue
@@ -3,7 +3,10 @@ import { defaultIconSize } from '~/utils/icon-size';
 </script>
 
 <template>
-  <svg :style="defaultIconSize()" viewBox="0 0 24 24">
+  <svg
+    :style="defaultIconSize()"
+    viewBox="0 0 24 24"
+  >
     <path
       d="M5.59,7.41L7,6L13,12L7,18L5.59,16.59L10.17,12L5.59,7.41M11.59,7.41L13,6L19,12L13,18L11.59,16.59L16.17,12L11.59,7.41Z"
       fill="currentColor"
diff --git a/components/icons/ChevronLeft.vue b/components/icons/ChevronLeft.vue
index d9579a7c..49d3178d 100644
--- a/components/icons/ChevronLeft.vue
+++ b/components/icons/ChevronLeft.vue
@@ -3,7 +3,10 @@ import { defaultIconSize } from '~/utils/icon-size';
 </script>
 
 <template>
-  <svg :style="defaultIconSize()" viewBox="0 0 24 24">
+  <svg
+    :style="defaultIconSize()"
+    viewBox="0 0 24 24"
+  >
     <path
       d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z"
       fill="currentColor"
diff --git a/components/icons/ChevronRight.vue b/components/icons/ChevronRight.vue
index af9b40ed..71a4de8e 100644
--- a/components/icons/ChevronRight.vue
+++ b/components/icons/ChevronRight.vue
@@ -3,7 +3,10 @@ import { defaultIconSize } from '~/utils/icon-size';
 </script>
 
 <template>
-  <svg :style="defaultIconSize()" viewBox="0 0 24 24">
+  <svg
+    :style="defaultIconSize()"
+    viewBox="0 0 24 24"
+  >
     <path
       d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"
       fill="currentColor"
diff --git a/components/icons/MetamaskIcon.vue b/components/icons/MetamaskIcon.vue
index 66501ac0..ef5a749a 100644
--- a/components/icons/MetamaskIcon.vue
+++ b/components/icons/MetamaskIcon.vue
@@ -1,8 +1,17 @@
 <template>
-  <svg viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    viewBox="0 0 48 48"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <g transform="matrix(.17188 0 0 .17188 -3.3797 -2.4172)">
-      <polygon class="st0" points="193 65.8 274.1 35.5 174.6 109.4" />
-      <polygon class="st1" points="125.6 65.8 44.4 35.5 143.1 110.1" />
+      <polygon
+        class="st0"
+        points="193 65.8 274.1 35.5 174.6 109.4"
+      />
+      <polygon
+        class="st1"
+        points="125.6 65.8 44.4 35.5 143.1 110.1"
+      />
       <polygon
         class="st1"
         points="238.3 206.8 211.8 247.4 268.5 263 284.8 207.7"
@@ -19,8 +28,14 @@
         class="st1"
         points="214.9 138.2 175.9 103.4 174.6 164.6 230.8 162.1"
       />
-      <polygon class="st1" points="111.4 208.1 106.8 247.4 140.6 230.9" />
-      <polygon class="st1" points="207.1 208.1 177.9 230.9 211.8 247.4" />
+      <polygon
+        class="st1"
+        points="111.4 208.1 106.8 247.4 140.6 230.9"
+      />
+      <polygon
+        class="st1"
+        points="207.1 208.1 177.9 230.9 211.8 247.4"
+      />
       <polygon
         class="st2"
         points="211.8 247.4 177.9 230.9 180.6 253 180.3 262.3"
@@ -29,10 +44,22 @@
         class="st2"
         points="106.8 247.4 138.3 262.3 138.1 253 140.6 230.9"
       />
-      <polygon class="st3" points="130.5 176.1 138.8 193.5 110.6 185.2" />
-      <polygon class="st3" points="208 185.2 179.7 193.5 188 176.1" />
-      <polygon class="st4" points="80.3 207.7 106.8 247.4 111.6 206.8" />
-      <polygon class="st4" points="238.3 207.7 207 206.8 211.8 247.4" />
+      <polygon
+        class="st3"
+        points="130.5 176.1 138.8 193.5 110.6 185.2"
+      />
+      <polygon
+        class="st3"
+        points="208 185.2 179.7 193.5 188 176.1"
+      />
+      <polygon
+        class="st4"
+        points="80.3 207.7 106.8 247.4 111.6 206.8"
+      />
+      <polygon
+        class="st4"
+        points="238.3 207.7 207 206.8 211.8 247.4"
+      />
       <polygon
         class="st4"
         points="188.1 176.1 208.1 185.2 230.8 162.1 174.6 164.6 179.8 193.5"
@@ -41,8 +68,14 @@
         class="st4"
         points="144.1 164.6 87.8 162.1 110.6 185.2 130.6 176.1 138.8 193.5"
       />
-      <polygon class="st5" points="110.6 185.2 87.8 162.1 111.4 208.1" />
-      <polygon class="st5" points="230.8 162.1 208.1 185.2 207.1 208.1" />
+      <polygon
+        class="st5"
+        points="110.6 185.2 87.8 162.1 111.4 208.1"
+      />
+      <polygon
+        class="st5"
+        points="230.8 162.1 208.1 185.2 207.1 208.1"
+      />
       <polygon
         class="st5"
         points="144.1 164.6 138.8 193.5 145.4 227.6 146.9 182.7"
diff --git a/components/icons/VisibilityIcon.vue b/components/icons/VisibilityIcon.vue
index 4d2d469e..af4793c0 100644
--- a/components/icons/VisibilityIcon.vue
+++ b/components/icons/VisibilityIcon.vue
@@ -5,7 +5,12 @@ defineProps<{
 </script>
 
 <template>
-  <svg v-if="visible" height="24" width="24" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    v-if="visible"
+    height="24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <path
       d="M0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0z"
       fill="none"
@@ -15,8 +20,16 @@ defineProps<{
       fill="currentColor"
     />
   </svg>
-  <svg v-else height="24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M0 0h24v24H0z" fill="none" />
+  <svg
+    v-else
+    height="24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M0 0h24v24H0z"
+      fill="none"
+    />
     <path
       d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"
       fill="currentColor"
diff --git a/components/jobs/JobDescription.vue b/components/jobs/JobDescription.vue
index c40aadd7..ce71b1ea 100644
--- a/components/jobs/JobDescription.vue
+++ b/components/jobs/JobDescription.vue
@@ -18,8 +18,15 @@ defineProps<{
     <div class="text-body-2 text-rui-text-secondary">
       {{ job.description }}
     </div>
-    <div v-if="job.tags && job.tags.length > 0" class="space-x-2.5">
-      <JobTag v-for="tag in job.tags" :key="tag" :tag="tag" />
+    <div
+      v-if="job.tags && job.tags.length > 0"
+      class="space-x-2.5"
+    >
+      <JobTag
+        v-for="tag in job.tags"
+        :key="tag"
+        :tag="tag"
+      />
     </div>
   </div>
 </template>
diff --git a/components/jobs/JobDetail.vue b/components/jobs/JobDetail.vue
index 885bb303..055dbccb 100644
--- a/components/jobs/JobDetail.vue
+++ b/components/jobs/JobDetail.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { get } from '@vueuse/core';
-import { type JobMarkdownContent } from '~/composables/markdown';
+import type { JobMarkdownContent } from '~/composables/markdown';
 
 const props = defineProps<{
   data: JobMarkdownContent;
@@ -18,11 +18,10 @@ const separatedData: ComputedRef<{
   const dataVal = get(data);
 
   for (const item of dataVal.body.children) {
-    if (item.tag !== 'blockquote') {
+    if (item.tag !== 'blockquote')
       regularItems.push(item);
-    } else {
+    else
       blockquoteItems.push(item);
-    }
   }
 
   return {
diff --git a/components/jobs/JobTag.vue b/components/jobs/JobTag.vue
index dcbae097..a7cee15d 100644
--- a/components/jobs/JobTag.vue
+++ b/components/jobs/JobTag.vue
@@ -13,7 +13,7 @@ const icon: ComputedRef<string> = computed(() => {
     {
       'full-time': 'timer-2-line',
       'part-time': 'timer-2-line',
-      remote: 'user-location-line',
+      'remote': 'user-location-line',
     }[value] ?? ''
   );
 });
@@ -25,8 +25,14 @@ const icon: ComputedRef<string> = computed(() => {
     :label="tag"
     variant="outlined"
   >
-    <template v-if="icon" #prepend>
-      <RuiIcon :name="icon" class="p-0.5" />
+    <template
+      v-if="icon"
+      #prepend
+    >
+      <RuiIcon
+        :name="icon"
+        class="p-0.5"
+      />
     </template>
   </RuiChip>
 </template>
diff --git a/components/products/ProductDescription.vue b/components/products/ProductDescription.vue
index 1bc73bcf..9d4a4617 100644
--- a/components/products/ProductDescription.vue
+++ b/components/products/ProductDescription.vue
@@ -10,7 +10,10 @@ const slots = useSlots();
       [css.reverse]: slots.right,
     }"
   >
-    <div v-if="slots.left" :class="css.left">
+    <div
+      v-if="slots.left"
+      :class="css.left"
+    >
       <slot name="left" />
     </div>
     <div
@@ -26,7 +29,10 @@ const slots = useSlots();
         <slot />
       </div>
     </div>
-    <div v-if="slots.right" :class="css.right">
+    <div
+      v-if="slots.right"
+      :class="css.right"
+    >
       <slot name="right" />
     </div>
   </div>
diff --git a/components/products/ProductDetailDescription.vue b/components/products/ProductDetailDescription.vue
index 1ef70d98..d69895ea 100644
--- a/components/products/ProductDetailDescription.vue
+++ b/components/products/ProductDetailDescription.vue
@@ -4,7 +4,10 @@ const css = useCssModule();
 
 <template>
   <div :class="css.container">
-    <div v-if="$slots.left" :class="css.left">
+    <div
+      v-if="$slots.left"
+      :class="css.left"
+    >
       <slot name="left" />
     </div>
     <div :class="css.text">
diff --git a/components/products/ProductsDetailPage.vue b/components/products/ProductsDetailPage.vue
index b388c989..f0616686 100644
--- a/components/products/ProductsDetailPage.vue
+++ b/components/products/ProductsDetailPage.vue
@@ -4,12 +4,18 @@ const css = useCssModule();
 
 <template>
   <PageContainer :center-vertically="false">
-    <template #title> Premium Features </template>
+    <template #title>
+      Premium Features
+    </template>
     <PageContent>
       <div class="w-full">
-        <div :class="css.title">Premium Features Details</div>
+        <div :class="css.title">
+          Premium Features Details
+        </div>
         <div :class="css.details">
-          <TextHeading :class="css.subtitle">Data synchronization</TextHeading>
+          <TextHeading :class="css.subtitle">
+            Data synchronization
+          </TextHeading>
           <ProductDetailDescription>
             <template #left>
               <img
@@ -26,7 +32,9 @@ const css = useCssModule();
             expires
           </ProductDetailDescription>
 
-          <TextHeading :class="css.subtitle">Analytics</TextHeading>
+          <TextHeading :class="css.subtitle">
+            Analytics
+          </TextHeading>
           <ProductDetailDescription>
             <template #left>
               <img
@@ -35,7 +43,9 @@ const css = useCssModule();
                 src="/img/products/details/stats_asset_amount_value.jpg"
               />
             </template>
-            <template #title>Asset amount & value over time</template>
+            <template #title>
+              Asset amount & value over time
+            </template>
             As a premium user you can access the analytics section of the
             application and unlock analytics graphs such as analysis of net
             value and amount over time for each asset you own.
@@ -49,12 +59,16 @@ const css = useCssModule();
                 src="/img/products/details/stats_distribution_location.jpg"
               />
             </template>
-            <template #title>Value distribution</template>
+            <template #title>
+              Value distribution
+            </template>
             Or a distribution pie chart of your net value per location
             (exchanges, blockchain accounts, banks e.t.c.)
           </ProductDetailDescription>
 
-          <TextHeading :class="css.subtitle">Dark Mode</TextHeading>
+          <TextHeading :class="css.subtitle">
+            Dark Mode
+          </TextHeading>
           <ProductDetailDescription>
             <template #left>
               <img
@@ -67,9 +81,9 @@ const css = useCssModule();
             readability of text and prolong the battery life of your device.
           </ProductDetailDescription>
 
-          <TextHeading :class="css.subtitle"
-            >Increased event limits</TextHeading
-          >
+          <TextHeading :class="css.subtitle">
+            Increased event limits
+          </TextHeading>
           <ProductDetailDescription>
             <template #left>
               <img
@@ -78,7 +92,9 @@ const css = useCssModule();
                 src="/img/products/details/transactions.jpg"
               />
             </template>
-            <template #title>Ethereum transactions</template>
+            <template #title>
+              Ethereum transactions
+            </template>
             Free users have a limit of the 100 most recent ethereum transactions
             in the transactions viewer. As a premium user you have higher limits
             in the amount of transactions you can see.
@@ -92,7 +108,9 @@ const css = useCssModule();
                 src="/img/products/details/trades.jpg"
               />
             </template>
-            <template #title>Trades</template>
+            <template #title>
+              Trades
+            </template>
             Free users have a limit of the 250 most recent trades in the trades
             viewer. As a premium user you have higher limits in the amount of
             trades you can see.
@@ -106,14 +124,18 @@ const css = useCssModule();
                 src="/img/products/details/deposits_and_withdrawals.jpg"
               />
             </template>
-            <template #title>Deposit/withdrawals</template>
+            <template #title>
+              Deposit/withdrawals
+            </template>
             Free users have a limit of the 100 most recent exchange
             deposits/withdrawals in the deposits/withdrawals viewer. As a
             premium user there are higher limits in the amount of exchange
             deposits/withdrawals you can see
           </ProductDetailDescription>
 
-          <TextHeading :class="css.subtitle">DeFi</TextHeading>
+          <TextHeading :class="css.subtitle">
+            DeFi
+          </TextHeading>
           <ProductDetailDescription>
             <template #left>
               <img
@@ -122,7 +144,9 @@ const css = useCssModule();
                 src="/img/products/details/sc_compound1.jpg"
               />
             </template>
-            <template #title>Compound Finance Historical Analysis</template>
+            <template #title>
+              Compound Finance Historical Analysis
+            </template>
             As a premium user you can see how much you have earned/lost by using
             the Compound Finance protocol. For earning, how much you earned by
             lending and COMP rewards. For losses, how much you lost by borrowing
@@ -149,7 +173,9 @@ const css = useCssModule();
                 src="/img/products/details/sc_vaults_premium.jpg"
               />
             </template>
-            <template #title>MakerDAO Vaults</template>
+            <template #title>
+              MakerDAO Vaults
+            </template>
             By having a premium subscription all your MakerDAO vaults are
             auto-detected and you can see all of the information per vault,
             including the interest rate owed in DAI. You can also see all the
@@ -170,7 +196,9 @@ const css = useCssModule();
                 src="/img/products/details/sc_vaults_premium_watchers_email.jpg"
               />
             </template>
-            <template #title>MakerDAO Vault Watchers</template>
+            <template #title>
+              MakerDAO Vault Watchers
+            </template>
             Premium users can also set vault watchers that will reside on
             Rotki's servers. That means they can choose a target
             collateralization ratio and if the vault's ratio goes above or below
@@ -186,7 +214,9 @@ const css = useCssModule();
                 src="/img/products/details/sc_aave.jpg"
               />
             </template>
-            <template #title>Aave Historical Analysis</template>
+            <template #title>
+              Aave Historical Analysis
+            </template>
             All Aave historical accounting data for lending/borrowing along with
             how much interest you have earned by lending from the Aave protocol
             can be inspected when you are using a premium account.
diff --git a/components/products/ProductsPage.vue b/components/products/ProductsPage.vue
index c02d2efb..cae2b7b3 100644
--- a/components/products/ProductsPage.vue
+++ b/components/products/ProductsPage.vue
@@ -4,10 +4,14 @@ const css = useCssModule();
 
 <template>
   <PageContainer :center-vertically="false">
-    <template #title>Premium</template>
+    <template #title>
+      Premium
+    </template>
     <PageContent>
       <div class="w-full">
-        <div :class="css.title">Premium Features</div>
+        <div :class="css.title">
+          Premium Features
+        </div>
         <div :class="css.details">
           <ProductDescription>
             <template #left>
@@ -17,7 +21,9 @@ const css = useCssModule();
                 src="/img/products/staking.svg"
               />
             </template>
-            <template #title>Staking</template>
+            <template #title>
+              Staking
+            </template>
             See information about your staking activity for multiple chains and
             locations (ETH, LQTY, Kraken and more). Information like total
             gained in a period and individual staking deposit/withdrawal/income
@@ -25,9 +31,14 @@ const css = useCssModule();
           </ProductDescription>
           <ProductDescription>
             <template #right>
-              <img alt="Higher limits" src="/img/products/crypto.svg" />
+              <img
+                alt="Higher limits"
+                src="/img/products/crypto.svg"
+              />
+            </template>
+            <template #title>
+              Higher Limits
             </template>
-            <template #title>Higher Limits</template>
             rotki has limits for multiple things that the free version can
             process. Number of trades, number of transactions,
             deposits/withdrawals, historic events and more. With premium these
@@ -35,9 +46,14 @@ const css = useCssModule();
           </ProductDescription>
           <ProductDescription>
             <template #left>
-              <img alt="Customizations" src="/img/products/dark.svg" />
+              <img
+                alt="Customizations"
+                src="/img/products/dark.svg"
+              />
+            </template>
+            <template #title>
+              Dark mode and more perks
             </template>
-            <template #title>Dark mode and more perks</template>
             Premium gives you access to various perks such as dark mode and
             customizable color layout in the app. Some other perks include
             watchers for your makerdao CDP position that can warn you when by
@@ -45,9 +61,14 @@ const css = useCssModule();
           </ProductDescription>
           <ProductDescription>
             <template #right>
-              <img alt="Graphs" src="/img/products/trades.svg" />
+              <img
+                alt="Graphs"
+                src="/img/products/trades.svg"
+              />
+            </template>
+            <template #title>
+              Graphs
             </template>
-            <template #title>Graphs</template>
             Rotki premium gives you access to an array of analytics in the form
             of graphs. You can see, among others, the analysis of total net
             value over time, amount and value per asset over time, distribution
@@ -60,7 +81,9 @@ const css = useCssModule();
                 src="/img/products/sync.svg"
               />
             </template>
-            <template #title>Synchronization</template>
+            <template #title>
+              Synchronization
+            </template>
             You have the option to upload your account's encrypted database to
             our server. It can then be synchronized between different devices.
             It also serves as a backup. The data is encrypted with your password
@@ -68,9 +91,14 @@ const css = useCssModule();
           </ProductDescription>
           <ProductDescription>
             <template #right>
-              <img alt="DeFi protocols" src="/img/products/eth@2x.png" />
+              <img
+                alt="DeFi protocols"
+                src="/img/products/eth@2x.png"
+              />
+            </template>
+            <template #title>
+              Information per DeFi protocol
             </template>
-            <template #title>Information per DeFi protocol</template>
             You can see extra information per supported DeFi protocols. For
             example analysis of your liquity, aave, compound, makerdao
             positions. Analysis of your yearn vaults. Breakdown of the swaps
diff --git a/components/products/SubscribeNowButton.vue b/components/products/SubscribeNowButton.vue
index d2221a6d..853f26a5 100644
--- a/components/products/SubscribeNowButton.vue
+++ b/components/products/SubscribeNowButton.vue
@@ -12,18 +12,16 @@ const hasActiveSubscription = computed(
 );
 
 const showTooltip = computed(() => {
-  if (!isDefined(account)) {
+  if (!isDefined(account))
     return false;
-  }
 
   const { emailConfirmed } = get(account);
   return !emailConfirmed;
 });
 
 const allowNavigation = computed(() => {
-  if (!isDefined(account)) {
+  if (!isDefined(account))
     return true;
-  }
 
   const { emailConfirmed } = get(account);
   return emailConfirmed;
@@ -31,7 +29,10 @@ const allowNavigation = computed(() => {
 </script>
 
 <template>
-  <InfoTooltip v-if="!hasActiveSubscription" :disabled="!showTooltip">
+  <InfoTooltip
+    v-if="!hasActiveSubscription"
+    :disabled="!showTooltip"
+  >
     <template #activator>
       <ButtonLink
         variant="default"
diff --git a/components/values/ValueBody.vue b/components/values/ValueBody.vue
index e0a6cc18..a8d22a55 100644
--- a/components/values/ValueBody.vue
+++ b/components/values/ValueBody.vue
@@ -4,21 +4,28 @@ const { t } = useI18n();
 
 <template>
   <div class="flex flex-col items-center justify-center">
-    <img src="/img/scenery.jpg" alt="Rotki values" />
+    <img
+      src="/img/scenery.jpg"
+      alt="Rotki values"
+    />
   </div>
   <div class="py-10 md:py-20 bg-rui-primary/[0.04]">
     <div
       class="container grid items-start md:grid-flow-col grid-cols-1 md:grid-cols-2 md:grid-rows-[auto_3rem_auto] gap-y-10 md:gap-y-0 gap-x-20"
     >
       <div class="space-y-5">
-        <div class="text-h4">{{ t('values.values_section.title') }}</div>
+        <div class="text-h4">
+          {{ t('values.values_section.title') }}
+        </div>
         <div>
           {{ t('values.values_section.description') }}
         </div>
       </div>
       <div class="border-t border-rui-grey-300 self-center" />
       <ValueBodyItem>
-        <template #number>01</template>
+        <template #number>
+          01
+        </template>
         <template #title>
           {{ t('values.values_section.list.1.title') }}
         </template>
@@ -27,12 +34,17 @@ const { t } = useI18n();
         </template>
       </ValueBodyItem>
       <ValueBodyItem>
-        <template #number>02</template>
+        <template #number>
+          02
+        </template>
         <template #title>
           {{ t('values.values_section.list.2.title') }}
         </template>
         <template #values>
-          <i18n-t keypath="values.values_section.list.2.value" scope="global">
+          <i18n-t
+            keypath="values.values_section.list.2.value"
+            scope="global"
+          >
             <template #open_source>
               <strong>
                 {{ t('values.values_section.list.2.open_source') }}
@@ -48,7 +60,9 @@ const { t } = useI18n();
       </ValueBodyItem>
       <div class="hidden md:block border-t border-rui-grey-300 self-center" />
       <ValueBodyItem>
-        <template #number>03</template>
+        <template #number>
+          03
+        </template>
         <template #title>
           {{ t('values.values_section.list.3.title') }}
         </template>
diff --git a/components/values/ValueContact.vue b/components/values/ValueContact.vue
index 9aac0982..b4967dd0 100644
--- a/components/values/ValueContact.vue
+++ b/components/values/ValueContact.vue
@@ -65,13 +65,20 @@ const contacts = [
           </div>
           <div class="space-y-5">
             <div class="space-y-2">
-              <div class="text-h6">{{ contact.title }}</div>
+              <div class="text-h6">
+                {{ contact.title }}
+              </div>
               <div class="text-body-1 text-rui-text-secondary">
                 {{ contact.description }}
               </div>
             </div>
             <div class="-ml-1">
-              <ButtonLink external :to="contact.href" inline color="primary">
+              <ButtonLink
+                external
+                :to="contact.href"
+                inline
+                color="primary"
+              >
                 {{ contact.linkLabel ?? contact.href }}
               </ButtonLink>
             </div>
diff --git a/components/values/ValueVision.vue b/components/values/ValueVision.vue
index e5a4620b..0219c580 100644
--- a/components/values/ValueVision.vue
+++ b/components/values/ValueVision.vue
@@ -16,7 +16,9 @@ const values = [
   <div class="py-10 md:py-20">
     <div class="container space-y-10 md:space-y-16">
       <div class="space-y-5">
-        <div class="text-h4">{{ t('values.vision_section.title') }}</div>
+        <div class="text-h4">
+          {{ t('values.vision_section.title') }}
+        </div>
         <div class="text-body-1">
           {{ t('values.vision_section.description') }}
         </div>
diff --git a/composables/autologout.ts b/composables/autologout.ts
index 5f5dd90f..f1fd077c 100644
--- a/composables/autologout.ts
+++ b/composables/autologout.ts
@@ -2,7 +2,7 @@ import { storeToRefs } from 'pinia';
 import { useMainStore } from '~/store';
 import { logger } from '~/utils/logger';
 
-export const useAutoLogout = () => {
+export function useAutoLogout() {
   const store = useMainStore();
   const { authenticated } = storeToRefs(store);
   watch(authenticated, async (authenticated) => {
@@ -11,4 +11,4 @@ export const useAutoLogout = () => {
       await navigateTo('/login');
     }
   });
-};
+}
diff --git a/composables/braintree.ts b/composables/braintree.ts
index 36c4af0e..ff869d96 100644
--- a/composables/braintree.ts
+++ b/composables/braintree.ts
@@ -1,13 +1,13 @@
 import { get, set } from '@vueuse/core';
 import { useMainStore } from '~/store';
-import {
-  type CardCheckout,
-  type PaymentStep,
-  type SelectedPlan,
+import type {
+  CardCheckout,
+  PaymentStep,
+  SelectedPlan,
 } from '~/types';
-import { type PayEvent } from '~/types/common';
+import type { PayEvent } from '~/types/common';
 
-export const useBraintree = () => {
+export function useBraintree() {
   const { t } = useI18n();
   const store = useMainStore();
   const route = useRoute();
@@ -25,17 +25,19 @@ export const useBraintree = () => {
 
     if (isPending) {
       return {
-        type: 'pending',
-        title: t('subscription.progress.payment_progress'),
         message: t('subscription.progress.payment_progress_wait'),
+        title: t('subscription.progress.payment_progress'),
+        type: 'pending',
       };
-    } else if (isFailure) {
+    }
+    else if (isFailure) {
       return {
-        type: 'failure',
-        title: t('subscription.error.payment_failure'),
         message: isFailure,
+        title: t('subscription.error.payment_failure'),
+        type: 'failure',
       };
-    } else if (isSuccess) {
+    }
+    else if (isSuccess) {
       return {
         type: 'success',
       };
@@ -52,11 +54,10 @@ export const useBraintree = () => {
     const plan = parseInt(months);
     const data = await store.checkout(plan);
     set(loadingPlan, false);
-    if (data.isError) {
+    if (data.isError)
       router.back();
-    } else {
+    else
       set(checkout, data.result);
-    }
   }
 
   onBeforeMount(async () => {
@@ -65,19 +66,18 @@ export const useBraintree = () => {
 
   const plan = computed<SelectedPlan | null>(() => {
     const payload = get(checkout);
-    if (!payload) {
+    if (!payload)
       return null;
-    }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
     const { braintreeClientToken, ...data } = payload;
     return data;
   });
 
   const token = computed<string>(() => {
     const payload = get(checkout);
-    if (!payload) {
+    if (!payload)
       return '';
-    }
+
     return payload.braintreeClientToken;
   });
 
@@ -87,11 +87,11 @@ export const useBraintree = () => {
       months,
       paymentMethodNonce: nonce,
     });
-    if (result.isError) {
+    if (result.isError)
       set(paymentError, result.error.message);
-    } else {
+    else
       set(paymentSuccess, true);
-    }
+
     set(pending, false);
   };
 
@@ -102,12 +102,12 @@ export const useBraintree = () => {
   };
 
   return {
+    loading: loadingPlan,
+    pending,
     plan,
-    token,
+    reset,
     step,
-    pending,
-    loading: loadingPlan,
     submit,
-    reset,
+    token,
   };
-};
+}
diff --git a/composables/countries.ts b/composables/countries.ts
index 1ed73039..92d708b6 100644
--- a/composables/countries.ts
+++ b/composables/countries.ts
@@ -1,22 +1,23 @@
-import { type Ref } from 'vue';
-import { type ApiResponse } from '~/types';
+import type { Ref } from 'vue';
+import type { ApiResponse } from '~/types';
 
 export interface Country {
   readonly code: string;
   readonly name: string;
 }
 
-export const useCountries = () => {
+export function useCountries() {
   const countries: Ref<Country[]> = ref([]);
   const countriesLoadError: Ref<string> = ref('');
 
   const loadCountries = async () => {
     try {
-      const response =
-        await fetchWithCsrf<ApiResponse<Country[]>>('/webapi/countries/');
+      const response
+        = await fetchWithCsrf<ApiResponse<Country[]>>('/webapi/countries/');
       countries.value = response.result ?? [];
-    } catch (e: any) {
-      countriesLoadError.value = e.message;
+    }
+    catch (error: any) {
+      countriesLoadError.value = error.message;
     }
   };
   onMounted(loadCountries);
@@ -24,4 +25,4 @@ export const useCountries = () => {
     countries,
     countriesLoadError,
   };
-};
+}
diff --git a/composables/crypto-payment.ts b/composables/crypto-payment.ts
index e1230f37..3b289949 100644
--- a/composables/crypto-payment.ts
+++ b/composables/crypto-payment.ts
@@ -7,16 +7,16 @@ import {
   parseEther,
 } from 'ethers';
 import { get, set, useTimeoutFn } from '@vueuse/core';
-import { type Ref } from 'vue';
 import { logger } from '~/utils/logger';
-import {
-  type CryptoPayment,
-  type IdleStep,
-  type Provider,
-  type StepType,
-} from '~/types';
 import { assert } from '~/utils/assert';
 import { useMainStore } from '~/store';
+import type {
+  CryptoPayment,
+  IdleStep,
+  Provider,
+  StepType,
+} from '~/types';
+import type { Ref } from 'vue';
 
 const abi = [
   // Some details about the token
@@ -35,11 +35,7 @@ const abi = [
 
 export const getChainId = (testing: boolean) => BigInt(testing ? 11155111 : 1);
 
-export const useWeb3Payment = (
-  data: Ref<CryptoPayment | null>,
-  getProvider: () => Provider,
-  testing: boolean,
-) => {
+export function useWeb3Payment(data: Ref<CryptoPayment | null>, getProvider: () => Provider, testing: boolean) {
   const { markTransactionStarted } = useMainStore();
   const state = ref<StepType | IdleStep>('idle');
   const error = ref('');
@@ -123,26 +119,25 @@ export const useWeb3Payment = (
 
       const signer = await browserProvider.getSigner();
 
-      if (payment.cryptocurrency === 'ETH') {
+      if (payment.cryptocurrency === 'ETH')
         await payWithEth(signer);
-      } else if (payment.cryptocurrency === 'DAI') {
+      else if (payment.cryptocurrency === 'DAI')
         await payWithDai(signer);
-      }
-    } catch (e: any) {
-      logger.error(e);
+    }
+    catch (error_: any) {
+      logger.error(error_);
       set(state, 'idle');
 
-      if ('reason' in e) {
-        set(error, e.reason);
-      } else {
-        set(error, e.message);
-      }
+      if ('reason' in error_)
+        set(error, error_.reason);
+      else
+        set(error, error_.message);
     }
   };
 
   return {
+    error,
     payWithMetamask,
     state,
-    error,
   };
-};
+}
diff --git a/composables/download.ts b/composables/download.ts
index b9cc2fa2..d9c899c5 100644
--- a/composables/download.ts
+++ b/composables/download.ts
@@ -1,20 +1,18 @@
 import { get, set } from '@vueuse/core';
 import { logger } from '~/utils/logger';
 
-type Asset = {
+interface Asset {
   readonly name: string;
 
   readonly browser_download_url: string;
-};
+}
 
-type GithubRelease = {
+interface GithubRelease {
   readonly tag_name: string;
   readonly assets: Asset[];
-};
+}
 
-export const useAppDownload = (
-  fallbackUrl = 'https://github.com/rotki/rotki/releases/latest',
-) => {
+export function useAppDownload(fallbackUrl = 'https://github.com/rotki/rotki/releases/latest') {
   const version = ref('');
   const linuxUrl = ref(fallbackUrl);
   const macOSUrl = ref(fallbackUrl);
@@ -35,8 +33,8 @@ export const useAppDownload = (
   }
 
   function isMacOsApp(name: string, arm64 = false): boolean {
-    const archMatch =
-      (arm64 && name.includes('arm64')) || (!arm64 && name.includes('x64'));
+    const archMatch
+      = (arm64 && name.includes('arm64')) || (!arm64 && name.includes('x64'));
     return archMatch && name.endsWith('.dmg');
   }
 
@@ -46,9 +44,8 @@ export const useAppDownload = (
         'https://api.github.com/repos/rotki/rotki/releases/latest',
       );
 
-      if (!get(data)) {
+      if (!get(data))
         await refresh();
-      }
 
       const latestRelease = get(data);
       if (latestRelease) {
@@ -72,17 +69,18 @@ export const useAppDownload = (
           getUrl(assets, ({ name }) => isWindowApp(name)),
         );
       }
-    } catch (e) {
-      logger.error(e);
+    }
+    catch (error) {
+      logger.error(error);
     }
   };
 
   return {
     fetchLatestRelease,
-    version,
     linuxUrl,
-    macOSUrl,
     macOSArmUrl,
+    macOSUrl,
+    version,
     windowsUrl,
   };
-};
+}
diff --git a/composables/markdown.ts b/composables/markdown.ts
index 17f5dd58..10f9e3ba 100644
--- a/composables/markdown.ts
+++ b/composables/markdown.ts
@@ -1,13 +1,13 @@
 import { get, objectPick, set } from '@vueuse/core';
 import { groupBy } from 'graphql/jsutils/groupBy';
-import {
-  type MarkdownParsedContent,
-  type QueryBuilderWhere,
-} from '@nuxt/content/dist/runtime/types';
-import type { ComputedRef, Ref } from 'vue';
 import { replacePathPrefix } from '~/utils/api';
 import { CONTENT_PREFIX, LOCAL_CONTENT_PREFIX } from '~/utils/constants';
 import { logger } from '~/utils/logger';
+import type {
+  MarkdownParsedContent,
+  QueryBuilderWhere,
+} from '@nuxt/content/dist/runtime/types';
+import type { ComputedRef, Ref } from 'vue';
 
 export interface JobMarkdownContent extends MarkdownParsedContent {
   link?: string;
@@ -26,16 +26,16 @@ export interface TestimonialMarkdownContent extends MarkdownParsedContent {
 /**
  * Loads jobs and markdown content based on given path
  */
-export const useMarkdownContent = () => {
+export function useMarkdownContent() {
   const jobs: Ref<JobMarkdownContent[]> = ref([]);
   const testimonials: Ref<TestimonialMarkdownContent[]> = ref([]);
   const openJobs: ComputedRef<JobMarkdownContent[]> = computed(() =>
-    get(jobs).filter((job) => job.open),
+    get(jobs).filter(job => job.open),
   );
   const groupedOpenJobsByCategory: ComputedRef<
     Record<string, readonly JobMarkdownContent[]>
   > = computed(() =>
-    Object.fromEntries(groupBy(get(openJobs), (item) => item.category ?? '')),
+    Object.fromEntries(groupBy(get(openJobs), item => item.category ?? '')),
   );
 
   const firstJob: ComputedRef<JobMarkdownContent | null> = computed(
@@ -52,8 +52,9 @@ export const useMarkdownContent = () => {
     try {
       // try to fetch from remote
       found = await queryContent<T>(`${prefix}${path}`).where(where).find();
-    } catch (e: any) {
-      logger.error(e);
+    }
+    catch (error: any) {
+      logger.error(error);
       prefix = LOCAL_CONTENT_PREFIX;
       // fallback to local if remote fails
       found = await queryContent<T>(`${prefix}${path}`).where(where).find();
@@ -78,8 +79,9 @@ export const useMarkdownContent = () => {
           return job;
         }) ?? [],
       );
-    } catch (e) {
-      logger.error(e);
+    }
+    catch (error) {
+      logger.error(error);
     }
   };
 
@@ -96,7 +98,7 @@ export const useMarkdownContent = () => {
 
       set(
         testimonials,
-        data.map((testimonial) =>
+        data.map(testimonial =>
           objectPick(testimonial, [
             'avatar',
             'visible',
@@ -106,8 +108,9 @@ export const useMarkdownContent = () => {
           ]),
         ),
       );
-    } catch (e) {
-      logger.error(e);
+    }
+    catch (error) {
+      logger.error(error);
     }
   };
 
@@ -117,13 +120,14 @@ export const useMarkdownContent = () => {
   ): Promise<JobMarkdownContent | null> => {
     const prefixedPath = `${prefix}${path}`;
     try {
-      const data =
-        await queryContent<JobMarkdownContent>(prefixedPath).findOne();
+      const data
+        = await queryContent<JobMarkdownContent>(prefixedPath).findOne();
       return {
         ...data,
         link: replacePathPrefix(prefix, data?._path),
       };
-    } catch {
+    }
+    catch {
       return null;
     }
   };
@@ -135,8 +139,9 @@ export const useMarkdownContent = () => {
     try {
       // try to fetch from prefix
       return await queryPrefixForJob(CONTENT_PREFIX, path);
-    } catch (e: any) {
-      logger.error(e);
+    }
+    catch (error: any) {
+      logger.error(error);
 
       // fallback to local if remote fails
       return await queryPrefixForJob(LOCAL_CONTENT_PREFIX, path);
@@ -151,20 +156,21 @@ export const useMarkdownContent = () => {
     try {
       const { data } = await useAsyncData(path, queryContent(path).findOne);
       return get(data);
-    } catch (e: any) {
-      logger.error(e);
+    }
+    catch (error: any) {
+      logger.error(error);
     }
   };
 
   return {
-    jobs,
-    openJobs,
-    groupedOpenJobsByCategory,
     firstJob,
-    testimonials,
+    groupedOpenJobsByCategory,
+    jobs,
+    loadContent,
     loadJob,
     loadJobs,
     loadTestimonials,
-    loadContent,
+    openJobs,
+    testimonials,
   };
-};
+}
diff --git a/composables/overflow.ts b/composables/overflow.ts
index 12a44851..12f8154b 100644
--- a/composables/overflow.ts
+++ b/composables/overflow.ts
@@ -1,7 +1,7 @@
-export const useOverflow = () => {
+export function useOverflow() {
   const visible = ref(false);
   watch(visible, (visible) => {
     document.body.style.overflowY = visible ? 'hidden' : 'auto';
   });
   return { visible };
-};
+}
diff --git a/composables/plan.ts b/composables/plan.ts
index a47cad34..b2b77e5c 100644
--- a/composables/plan.ts
+++ b/composables/plan.ts
@@ -8,38 +8,38 @@ export type Currency = (typeof supportedCurrencies)[number];
 
 type CurrencyParam = Currency | null;
 
-export const usePlanParams = () => {
+export function usePlanParams() {
   const route = useRoute();
   const plan = computed(() => {
     // NB: this param name is also used in backend email links,
     // if changed, kindly sync with backend team to update email links as well.
     const { plan } = route.query;
-    if (typeof plan !== 'string') {
+    if (typeof plan !== 'string')
       return -1;
-    }
+
     const selectedPlan = parseInt(plan);
     if (
-      isNaN(selectedPlan) ||
-      !isFinite(selectedPlan) ||
-      !availablePlans.includes(selectedPlan)
-    ) {
+      isNaN(selectedPlan)
+      || !isFinite(selectedPlan)
+      || !availablePlans.includes(selectedPlan)
+    )
       return -1;
-    }
+
     return selectedPlan;
   });
 
   return { plan };
-};
+}
 
-export const useCurrencyParams = () => {
+export function useCurrencyParams() {
   const route = useRoute();
   const currency = computed<CurrencyParam>(() => {
     // NB: this param name is also used in backend email links,
     // if changed, kindly sync with backend team to update email links as well.
     const { currency } = route.query;
-    if (typeof currency !== 'string' || !isSupported(currency)) {
+    if (typeof currency !== 'string' || !isSupported(currency))
       return null;
-    }
+
     return currency as Currency;
   });
 
@@ -47,9 +47,9 @@ export const useCurrencyParams = () => {
     supportedCurrencies.includes(value as Currency);
 
   return { currency, isSupportedCrypto: isSupported };
-};
+}
 
-export const useSubscriptionIdParam = () => {
+export function useSubscriptionIdParam() {
   const route = useRoute();
   const subscriptionId = computed(() => {
     // NB: this param name is also used in backend email links,
@@ -58,9 +58,9 @@ export const useSubscriptionIdParam = () => {
     return typeof query.id === 'string' ? query.id : undefined;
   });
   return { subscriptionId };
-};
+}
 
-export const usePaymentMethodParam = () => {
+export function usePaymentMethodParam() {
   const route = useRoute();
   const paymentMethodId = computed(() => {
     // NB: this param name is also used in backend email links,
@@ -69,4 +69,4 @@ export const usePaymentMethodParam = () => {
     return typeof method === 'string' ? Number(method) : -1;
   });
   return { paymentMethodId };
-};
+}
diff --git a/composables/repatcha.ts b/composables/repatcha.ts
index bea466dc..cb04eea2 100644
--- a/composables/repatcha.ts
+++ b/composables/repatcha.ts
@@ -1,6 +1,6 @@
 import { set } from '@vueuse/core';
 
-export const useRecaptcha = () => {
+export function useRecaptcha() {
   const recaptchaPassed = ref(false);
   const recaptchaToken = ref('');
   const captchaId = ref<number>();
@@ -26,11 +26,11 @@ export const useRecaptcha = () => {
 
   return {
     captchaId,
+    onError,
+    onExpired,
+    onSuccess,
     recaptchaPassed,
     recaptchaToken,
-    onSuccess,
-    onExpired,
-    onError,
     resetCaptcha,
   };
-};
+}
diff --git a/content/documents/impressum.md b/content/documents/impressum.md
index 676357af..2ded4083 100644
--- a/content/documents/impressum.md
+++ b/content/documents/impressum.md
@@ -21,7 +21,7 @@ email: info@rotki.com
 
 Die Europäische Kommission stellt eine Plattform zur
 Online-Streitbeilegung (OS) bereit:
-[https://ec.europa.eu/consumers/odr](https://ec.europa.eu/consumers/odr){target="_blank"}.
+[https://ec.europa.eu/consumers/odr](https://ec.europa.eu/consumers/odr){target="\_blank"}.
 Unsere E-Mail-Adresse finden Sie oben im Impressum
 
 ##### Verbraucherstreitbeilegung/Universalschlichtungsstelle
diff --git a/content/documents/privacy-policy.md b/content/documents/privacy-policy.md
index d477a1c6..d646cafc 100644
--- a/content/documents/privacy-policy.md
+++ b/content/documents/privacy-policy.md
@@ -2,6 +2,7 @@
 title: Privacy Policy
 description: Information for the website visitors regarding our policies with the collection, use, and disclosure of Personal Information regarding the service usage
 ---
+
 Rotki Solutions GmbH operates the Rotki website and Premium API
 subscription, henceforth known as the SERVICE.
 
diff --git a/content/documents/terms-of-service.md b/content/documents/terms-of-service.md
index da0675fd..128e499b 100644
--- a/content/documents/terms-of-service.md
+++ b/content/documents/terms-of-service.md
@@ -2,6 +2,7 @@
 title: Terms Of Service
 description: The terms and conditions outline the rules and regulations for the use of rotki.com Website and all services offered in the Premium Rotki subscription.
 ---
+
 These terms and conditions outline the rules and regulations for the use
 of rotki.com Website and all services offered in the Premium Rotki
 subscription.
diff --git a/content/jobs/1.backend.md b/content/jobs/1.backend.md
index 54345dcb..5a64ab71 100644
--- a/content/jobs/1.backend.md
+++ b/content/jobs/1.backend.md
@@ -38,59 +38,59 @@ website, and our API.
 
 ##### Requirements:
 
-* Excellent command of python.
+- Excellent command of python.
 
 ---
 
 ##### Bonus points:
 
-* Write tests for features you code and bugs you fix. Not strict TDD,
+- Write tests for features you code and bugs you fix. Not strict TDD,
   but we’re always looking to increase test coverage
-* Understanding of the frontend tech used in Rotki: Typescript + vue.js +
+- Understanding of the frontend tech used in Rotki: Typescript + vue.js +
   electron. This role doesn't require you to be a front end expert,
   but understanding of these technologies will help you.
-* Experience with distributed systems: we connect to API endpoints and
+- Experience with distributed systems: we connect to API endpoints and
   nodes for various blockchains.
-* Understanding of Ethereum blockchain structures, nodes, and API
+- Understanding of Ethereum blockchain structures, nodes, and API
   endpoints
-* Experience with any other blockchain stack — e.g. Cosmos, Substrate,
+- Experience with any other blockchain stack — e.g. Cosmos, Substrate,
   etc.
-* Sharing our values on open source, data ownership and privacy
+- Sharing our values on open source, data ownership and privacy
 
 ---
 
 ##### Non-technical bonus points:
 
-* 4 hours daily overlap with European working hours 0900 CET - 1700 CET
+- 4 hours daily overlap with European working hours 0900 CET - 1700 CET
   for smoother teamwork
-* Can work independently, but co-operates well with other team members.
-* Proactive and customer-oriented
+- Can work independently, but co-operates well with other team members.
+- Proactive and customer-oriented
 
 ---
 
 ##### What we offer:
 
-* A full-time position, but are open to part-time contributors as well.
+- A full-time position, but are open to part-time contributors as well.
   If located in Germany we can provide full employment with insurance
   and social benefits.
-* Flexible working hours. We sync once per day, but other than that you
+- Flexible working hours. We sync once per day, but other than that you
   decide when you work.
-* Remote / WFH
-* Training in the specifics of the project and guidance through the
+- Remote / WFH
+- Training in the specifics of the project and guidance through the
   sector of cryptocurrencies and decentralized finance
-* Participation in conferences and events to represent rotki and get to
+- Participation in conferences and events to represent rotki and get to
   know other fascinating projects from the field (travel expenses are on
   us)
 
 > ###### How to apply?
 
 > We are looking for both senior and junior developers, so if you are coding
-in Python, don’t hesitate to apply!
+> in Python, don’t hesitate to apply!
 
 > Send your CV, a link to your GitHub profile and a cover letter to
-careers@rotki.com. In the cover letter tell us what you think of rotki’s
-codebase and include a link to a project you worked on and are most proud
-about and tell us why.
+> careers@rotki.com. In the cover letter tell us what you think of rotki’s
+> codebase and include a link to a project you worked on and are most proud
+> about and tell us why.
 
 > If you have any questions hit us up on discord:
-> [https://discord.rotki.com](https://discord.rotki.com){target="_blank"}
+> [https://discord.rotki.com](https://discord.rotki.com){target="\_blank"}
diff --git a/content/jobs/2.frontend.md b/content/jobs/2.frontend.md
index aebdd6dd..a546464c 100644
--- a/content/jobs/2.frontend.md
+++ b/content/jobs/2.frontend.md
@@ -14,7 +14,7 @@ Ethereum ecosystem and general crypto space. In order to support more
 blockchains (Cosmos, Roll Ups, etc.), and to continue to ship new features
 we need the help of a Vue.js/Typescript developer. Our project is open
 source, so feel free to take a look at our codebase here:
-[https://github.com/rotki/rotki](https://github.com/rotki/rotki){target="_blank"}
+[https://github.com/rotki/rotki](https://github.com/rotki/rotki){target="\_blank"}
 
 ---
 
@@ -34,56 +34,56 @@ applications that provide value to our users.
 
 ##### Technical requirements:
 
-* Excellent knowledge of TypeScript.
-* Excellent knowledge of Vue.js & Vuex (or pinia)
-* Experience with automated JavaScript testing (Jest, vitest, Cypress)
-* Experience with consuming RESTful APIs
-* Any experience building modular Vue.js applications with reusable
+- Excellent knowledge of TypeScript.
+- Excellent knowledge of Vue.js & Vuex (or pinia)
+- Experience with automated JavaScript testing (Jest, vitest, Cypress)
+- Experience with consuming RESTful APIs
+- Any experience building modular Vue.js applications with reusable
   components
 
 ---
 
 ##### Bonus points:
 
-* Python backend development experience
-* DevOps experience
+- Python backend development experience
+- DevOps experience
 
 ---
 
 ##### Non-technical bonus points:
 
-* 4 hours daily overlap with European working hours 1000 CET - 1800 CET
+- 4 hours daily overlap with European working hours 1000 CET - 1800 CET
   for smoother teamwork
-* The ability to work independently and as a part of a team
-* Proactive can-do attitude and self-confidence to propose new solutions
+- The ability to work independently and as a part of a team
+- Proactive can-do attitude and self-confidence to propose new solutions
   and take charge in their execution.
-* Customer-oriented approach.
-* Excellent English-speaking skills.
-* Located in Berlin or somewhere close. 2 other full time members of
+- Customer-oriented approach.
+- Excellent English-speaking skills.
+- Located in Berlin or somewhere close. 2 other full time members of
   Rotki are here and meeting face to face is valuable.
 
 ---
 
 ##### What we offer:
 
-* A full-time position, but are open to part-time contributors as well.
+- A full-time position, but are open to part-time contributors as well.
   If located in Germany we can provide full employment with insurance
   and social benefits.
-* Flexible working hours. We sync once per day, but other than that you
+- Flexible working hours. We sync once per day, but other than that you
   decide when you work.
-* Remote / WFH
-* Training in the specifics of the project and guidance through the
+- Remote / WFH
+- Training in the specifics of the project and guidance through the
   sector of cryptocurrencies and decentralized finance
-* Participation in conferences and events to represent rotki and get to
+- Participation in conferences and events to represent rotki and get to
   know other fascinating projects from the field (travel expenses are on
   us)
 
 > ###### How to apply?
 
 > Send your CV, a link to your GitHub profile and a cover letter to
-careers@rotki.com. In the cover letter tell us what you think of rotki’s
-codebase and include a link to a project you worked on and are most proud
-about and tell us why.
+> careers@rotki.com. In the cover letter tell us what you think of rotki’s
+> codebase and include a link to a project you worked on and are most proud
+> about and tell us why.
 
 > If you have any questions hit us up on discord:
-> [https://discord.rotki.com](https://discord.rotki.com){target="_blank"}
+> [https://discord.rotki.com](https://discord.rotki.com){target="\_blank"}
diff --git a/content/jobs/3.ui-ux.md b/content/jobs/3.ui-ux.md
index 4e546706..34f6a622 100644
--- a/content/jobs/3.ui-ux.md
+++ b/content/jobs/3.ui-ux.md
@@ -18,11 +18,11 @@ we need the help of a backend Python developer.
 
 ##### What are we looking for
 
-We are looking for a UI/UX designer who wants to be part of our team and 
+We are looking for a UI/UX designer who wants to be part of our team and
 aligns with the open-source local-first application ethos, to help us improve
-our application's user experience and design. Familiarity with blockschain is 
+our application's user experience and design. Familiarity with blockschain is
 important. The candidate should be a user of crypto to understand the content
-of the app that we are developing. They should also be able to use the app 
+of the app that we are developing. They should also be able to use the app
 and point out the direction of changes.
 The position is fully remote and it can be either part-time or full-time.
 
@@ -30,32 +30,32 @@ The position is fully remote and it can be either part-time or full-time.
 
 ##### What will working with us look like?
 
-Your primary focus will be working with the team to improve the overall 
-application user experience. You will brainstorm, collect and evaluate 
-user feedback, iterate and translate it to user flows, wireframes, 
-prototypes and mockups that the frontend team can use for implementation. 
-Your secondary focus will be defining and building a brand identity around 
-our current logo (european red robin), the website ux improvement and the 
+Your primary focus will be working with the team to improve the overall
+application user experience. You will brainstorm, collect and evaluate
+user feedback, iterate and translate it to user flows, wireframes,
+prototypes and mockups that the frontend team can use for implementation.
+Your secondary focus will be defining and building a brand identity around
+our current logo (european red robin), the website ux improvement and the
 creation of promotional material, such as twitter headers and other graphics.
 
 ---
 
 ##### Responsibilities
 
-* Create and define user centric design SOPs.
-* Define and create current and new Personas.
-* Study and define current user flows and new ones.
-* Collect, understand and prioritize feedback.
-* Help the team to brainstorm new ideas and improve existing ones in a user centric way.
-* Create user flows, wireframes, prototypes and mockups
-* Creating original designs (graphics/promotional material)
+- Create and define user centric design SOPs.
+- Define and create current and new Personas.
+- Study and define current user flows and new ones.
+- Collect, understand and prioritize feedback.
+- Help the team to brainstorm new ideas and improve existing ones in a user centric way.
+- Create user flows, wireframes, prototypes and mockups
+- Creating original designs (graphics/promotional material)
 
 ---
 
 ##### Requirements
 
-* 4 hours daily overlap with European working hours 0900 - 1800 CET for smoother teamwork
-* Understanding of blockchain in theory and practice
+- 4 hours daily overlap with European working hours 0900 - 1800 CET for smoother teamwork
+- Understanding of blockchain in theory and practice
 
 > ###### How to apply?
 
diff --git a/content/testimonials/1.peter_szilagyi.md b/content/testimonials/1.peter_szilagyi.md
index 73797ee5..8a54cdaf 100644
--- a/content/testimonials/1.peter_szilagyi.md
+++ b/content/testimonials/1.peter_szilagyi.md
@@ -5,4 +5,4 @@ url: "https://twitter.com/peter_szilagyi/status/1549797521899282432"
 visible: true
 ---
 
-Take a look at [@rotkiapp](https://twitter.com/rotkiapp){:target="_blank"} they spend a lot of time creating an awesome open source app and deserve more love than they get. 🥰
+Take a look at [@rotkiapp](https://twitter.com/rotkiapp){:target="\_blank"} they spend a lot of time creating an awesome open source app and deserve more love than they get. 🥰
diff --git a/content/testimonials/2.lex_node.md b/content/testimonials/2.lex_node.md
index 73d4b282..78bdbf62 100644
--- a/content/testimonials/2.lex_node.md
+++ b/content/testimonials/2.lex_node.md
@@ -5,4 +5,4 @@ url: "https://twitter.com/lex_node/status/1344658596408283141"
 visible: true
 ---
 
-[@rotkiapp](https://twitter.com/rotkiapp){:target="_blank"} is killing it, super useful.
+[@rotkiapp](https://twitter.com/rotkiapp){:target="\_blank"} is killing it, super useful.
diff --git a/content/testimonials/4.fransixles.md b/content/testimonials/4.fransixles.md
index c3de1ef5..6939954f 100644
--- a/content/testimonials/4.fransixles.md
+++ b/content/testimonials/4.fransixles.md
@@ -5,6 +5,6 @@ url: "https://twitter.com/fransixles/status/1364993955151171586"
 visible: true
 ---
 
-Me dropping everything, updating my local [@rotkiapp](https://twitter.com/rotkiapp){:target="_blank"} and trying the [@loopringorg](https://twitter.com/loopringorg){:target="_blank"} integration.
+Me dropping everything, updating my local [@rotkiapp](https://twitter.com/rotkiapp){:target="\_blank"} and trying the [@loopringorg](https://twitter.com/loopringorg){:target="\_blank"} integration.
 
 Yeah, you should get your hands on this wonderful open source software. It’s just awesome 👏
diff --git a/content/testimonials/5.shresth3103.md b/content/testimonials/5.shresth3103.md
index 9fa7cfec..a1626ecd 100644
--- a/content/testimonials/5.shresth3103.md
+++ b/content/testimonials/5.shresth3103.md
@@ -5,4 +5,4 @@ url: "https://twitter.com/shresth3103/status/1461258358124597254"
 visible: true
 ---
 
-Just tried [@rotkiapp](https://twitter.com/rotkiapp){:target="_blank"}! So far it's the best portfolio tracking app I have used. I also love that its open source. Awesome work [@LefterisJP](https://twitter.com/LefterisJP){:target="_blank"}
+Just tried [@rotkiapp](https://twitter.com/rotkiapp){:target="\_blank"}! So far it's the best portfolio tracking app I have used. I also love that its open source. Awesome work [@LefterisJP](https://twitter.com/LefterisJP){:target="\_blank"}
diff --git a/content/testimonials/6.flyguyinthesky.md b/content/testimonials/6.flyguyinthesky.md
index 07f328c7..63c295b2 100644
--- a/content/testimonials/6.flyguyinthesky.md
+++ b/content/testimonials/6.flyguyinthesky.md
@@ -5,4 +5,4 @@ url: "https://twitter.com/FlyGuyInTheSky/status/1653434467304833024"
 visible: true
 ---
 
-Awesome If you haven't tried [@rotkiapp](https://twitter.com/rotkiapp){:target="_blank"} then give it a go. There's a free version, but you'll want to go Premium after trying it. Rotki gives you control and the after sales is great too.
+Awesome If you haven't tried [@rotkiapp](https://twitter.com/rotkiapp){:target="\_blank"} then give it a go. There's a free version, but you'll want to go Premium after trying it. Rotki gives you control and the after sales is great too.
diff --git a/content/testimonials/7.wholesomecrypto.md b/content/testimonials/7.wholesomecrypto.md
index f66d56c1..4325410a 100644
--- a/content/testimonials/7.wholesomecrypto.md
+++ b/content/testimonials/7.wholesomecrypto.md
@@ -5,9 +5,9 @@ url: "https://twitter.com/wholesomecrypto/status/1636647449744883712"
 visible: true
 ---
 
-I use [@rotkiapp](https://twitter.com/rotkiapp){:target="_blank"} because it is the only #crypto accounting and tracking tool that is 100% focused on privacy.
+I use [@rotkiapp](https://twitter.com/rotkiapp){:target="\_blank"} because it is the only #crypto accounting and tracking tool that is 100% focused on privacy.
 
 You can actually prove that.
 
-When I found it I had to interview [@LefterisJP](https://twitter.com/LefterisJP){:target="_blank"} to hear his story and you can too.
-[https://youtu.be/AwMkOJQbhTY](https://youtu.be/AwMkOJQbhTY){:target="_blank"}
+When I found it I had to interview [@LefterisJP](https://twitter.com/LefterisJP){:target="\_blank"} to hear his story and you can too.
+[https://youtu.be/AwMkOJQbhTY](https://youtu.be/AwMkOJQbhTY){:target="\_blank"}
diff --git a/content/testimonials/8.richatlarge.md b/content/testimonials/8.richatlarge.md
index 6863d531..6d689950 100644
--- a/content/testimonials/8.richatlarge.md
+++ b/content/testimonials/8.richatlarge.md
@@ -5,7 +5,7 @@ url: "https://twitter.com/richatlarge/status/1362104819595415554"
 visible: true
 ---
 
-Constantly amazed at how useful [@rotkiapp](https://twitter.com/rotkiapp){:target="_blank"} is.
+Constantly amazed at how useful [@rotkiapp](https://twitter.com/rotkiapp){:target="\_blank"} is.
 
 Aggressive releases; deep portfolio tracking; private and local; finds your forgotten farms.
 
diff --git a/cypress.config.ts b/cypress.config.ts
index 1db0d96c..e146c1a7 100644
--- a/cypress.config.ts
+++ b/cypress.config.ts
@@ -1,23 +1,23 @@
 import { defineConfig } from 'cypress';
 
 export default defineConfig({
-  viewportWidth: 1280,
-  viewportHeight: 720,
+  defaultCommandTimeout: 60000,
   e2e: {
     baseUrl: 'http://localhost:3000',
+    downloadsFolder: 'tests/e2e/downloads',
     fixturesFolder: 'tests/e2e/fixtures',
-    specPattern: `tests/e2e/specs/**/*.spec.cy.ts`,
     screenshotsFolder: 'tests/e2e/screenshots',
-    supportFile: 'tests/e2e/support/e2e.ts',
-    videosFolder: 'tests/e2e/videos',
-    downloadsFolder: 'tests/e2e/downloads',
-    testIsolation: false,
     setupNodeEvents(on, config) {
       // implement node event listeners here
       return config;
     },
+    specPattern: `tests/e2e/specs/**/*.spec.cy.ts`,
+    supportFile: 'tests/e2e/support/e2e.ts',
+    testIsolation: false,
+    videosFolder: 'tests/e2e/videos',
   },
-  defaultCommandTimeout: 60000,
-  responseTimeout: 60000,
   pageLoadTimeout: 300000,
+  responseTimeout: 60000,
+  viewportHeight: 720,
+  viewportWidth: 1280,
 });
diff --git a/error.vue b/error.vue
index 0a6a889a..9671a0ea 100644
--- a/error.vue
+++ b/error.vue
@@ -23,9 +23,16 @@ useHead(() => ({
 
 <template>
   <PageContainer>
-    <div v-if="error" :class="css.wrapper">
-      <h1 :class="css.title">{{ statusCode }}</h1>
-      <p :class="css.subtitle">{{ title }}</p>
+    <div
+      v-if="error"
+      :class="css.wrapper"
+    >
+      <h1 :class="css.title">
+        {{ statusCode }}
+      </h1>
+      <p :class="css.subtitle">
+        {{ title }}
+      </p>
 
       <div class="flex justify-center">
         <RuiButton
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 00000000..59497a09
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,50 @@
+import rotki from '@rotki/eslint-config';
+import pluginNuxt from 'eslint-plugin-nuxt';
+
+export default rotki({
+  vue: true,
+  typescript: {
+    tsconfigPath: './.nuxt/tsconfig.json',
+  },
+  stylistic: true,
+  formatters: true,
+}, {
+  files: ['**/*.ts'],
+  rules: {
+    'perfectionist/sort-objects': 'error',
+  },
+}, {
+  plugins: {
+    nuxt: pluginNuxt,
+  },
+  rules: {
+    ...pluginNuxt.configs.base.rules,
+    ...pluginNuxt.configs.recommended.rules,
+  },
+}, {
+  files: [
+    'vue-shims.d.ts',
+    'modules/**/*.ts',
+    'server/**/*.ts',
+    'middleware/**/*.ts',
+    'plugins/**/*.ts',
+    'types/recaptcha.d.ts',
+  ],
+  rules: {
+    'import/no-default-export': 'off',
+  },
+}, {
+  files: [
+    'content/testimonials/**/*',
+  ],
+  rules: {
+    'unicorn/filename-case': 'off',
+  },
+}, {
+  files: [
+    'utils/**/*',
+  ],
+  rules: {
+    'node/prefer-global/process': 'off',
+  },
+});
diff --git a/i18n.config.ts b/i18n.config.ts
index 150812ae..da08e6e4 100644
--- a/i18n.config.ts
+++ b/i18n.config.ts
@@ -1,5 +1,5 @@
 export default defineI18nConfig(() => ({
   fallbackLocale: 'en',
-  locale: 'en',
   legacy: false,
+  locale: 'en',
 }));
diff --git a/layouts/account.vue b/layouts/account.vue
index 9bc9f3f6..78887f90 100644
--- a/layouts/account.vue
+++ b/layouts/account.vue
@@ -44,25 +44,37 @@ const tabModelValue = ref();
               align="start"
               color="primary"
             >
-              <RuiTab link to="/home/subscription">
+              <RuiTab
+                link
+                to="/home/subscription"
+              >
                 <template #prepend>
                   <RuiIcon name="vip-crown-line" />
                 </template>
                 {{ t('account.tabs.subscription') }}
               </RuiTab>
-              <RuiTab link to="/home/account-details">
+              <RuiTab
+                link
+                to="/home/account-details"
+              >
                 <template #prepend>
                   <RuiIcon name="account-circle-line" />
                 </template>
                 {{ t('account.tabs.account_details') }}
               </RuiTab>
-              <RuiTab link to="/home/customer-information">
+              <RuiTab
+                link
+                to="/home/customer-information"
+              >
                 <template #prepend>
                   <RuiIcon name="information-line" />
                 </template>
                 {{ t('account.tabs.customer_information') }}
               </RuiTab>
-              <RuiTab link to="/home/address">
+              <RuiTab
+                link
+                to="/home/address"
+              >
                 <template #prepend>
                   <RuiIcon name="map-pin-line" />
                 </template>
@@ -71,28 +83,56 @@ const tabModelValue = ref();
             </RuiTabs>
           </div>
           <div class="lg:hidden">
-            <RuiTabs v-model="tabModelValue" grow color="primary">
-              <RuiTab link to="/home/subscription">
+            <RuiTabs
+              v-model="tabModelValue"
+              grow
+              color="primary"
+            >
+              <RuiTab
+                link
+                to="/home/subscription"
+              >
                 <template #prepend>
-                  <RuiIcon class="shrink-0" name="vip-crown-line" />
+                  <RuiIcon
+                    class="shrink-0"
+                    name="vip-crown-line"
+                  />
                 </template>
                 {{ t('account.tabs.subscription') }}
               </RuiTab>
-              <RuiTab link to="/home/account-details">
+              <RuiTab
+                link
+                to="/home/account-details"
+              >
                 <template #prepend>
-                  <RuiIcon class="shrink-0" name="account-circle-line" />
+                  <RuiIcon
+                    class="shrink-0"
+                    name="account-circle-line"
+                  />
                 </template>
                 {{ t('account.tabs.account_details') }}
               </RuiTab>
-              <RuiTab link to="/home/customer-information">
+              <RuiTab
+                link
+                to="/home/customer-information"
+              >
                 <template #prepend>
-                  <RuiIcon class="shrink-0" name="information-line" />
+                  <RuiIcon
+                    class="shrink-0"
+                    name="information-line"
+                  />
                 </template>
                 {{ t('account.tabs.customer_information') }}
               </RuiTab>
-              <RuiTab link to="/home/address">
+              <RuiTab
+                link
+                to="/home/address"
+              >
                 <template #prepend>
-                  <RuiIcon class="shrink-0" name="map-pin-line" />
+                  <RuiIcon
+                    class="shrink-0"
+                    name="map-pin-line"
+                  />
                 </template>
                 {{ t('account.tabs.address') }}
               </RuiTab>
diff --git a/layouts/jobs.vue b/layouts/jobs.vue
index 1500f8a9..2339bf76 100644
--- a/layouts/jobs.vue
+++ b/layouts/jobs.vue
@@ -12,14 +12,21 @@ const { t } = useI18n();
       <div class="container">
         <div class="max-w-[768px]">
           <div class="mb-3 text-h6 -ml-1">
-            <ButtonLink to="/jobs" color="primary" inline>
+            <ButtonLink
+              to="/jobs"
+              color="primary"
+              inline
+            >
               {{ t('jobs.title') }}
             </ButtonLink>
           </div>
           <div class="text-h4">
             <slot name="title" />
           </div>
-          <div v-if="slots.description" class="mt-5 body-1">
+          <div
+            v-if="slots.description"
+            class="mt-5 body-1"
+          >
             <slot name="description" />
           </div>
         </div>
diff --git a/middleware/authenticated.ts b/middleware/authenticated.ts
index fc504c97..cc28e609 100644
--- a/middleware/authenticated.ts
+++ b/middleware/authenticated.ts
@@ -4,7 +4,6 @@ import { useMainStore } from '~/store';
 export default defineNuxtRouteMiddleware(() => {
   const { account } = storeToRefs(useMainStore());
 
-  if (isDefined(account)) {
+  if (isDefined(account))
     return navigateTo('/home/subscription');
-  }
 });
diff --git a/middleware/authentication.ts b/middleware/authentication.ts
index cbc8d9f2..7bbf0053 100644
--- a/middleware/authentication.ts
+++ b/middleware/authentication.ts
@@ -4,7 +4,6 @@ import { useMainStore } from '~/store';
 
 export default defineNuxtRouteMiddleware(() => {
   const { authenticated } = storeToRefs(useMainStore());
-  if (!get(authenticated)) {
+  if (!get(authenticated))
     return navigateTo('/login');
-  }
 });
diff --git a/middleware/maintenance.ts b/middleware/maintenance.ts
index 891b3967..790771e7 100644
--- a/middleware/maintenance.ts
+++ b/middleware/maintenance.ts
@@ -1,6 +1,5 @@
 export default defineNuxtRouteMiddleware(() => {
   const config = useRuntimeConfig();
-  if (config.public.maintenance) {
+  if (config.public.maintenance)
     return navigateTo('/maintenance');
-  }
 });
diff --git a/middleware/pending-payment.ts b/middleware/pending-payment.ts
index 111254ed..6b407b3b 100644
--- a/middleware/pending-payment.ts
+++ b/middleware/pending-payment.ts
@@ -5,9 +5,8 @@ import { useMainStore } from '~/store';
 export default defineNuxtRouteMiddleware(async () => {
   const store = useMainStore();
   const { account } = storeToRefs(store);
-  if (!isDefined(account)) {
+  if (!isDefined(account))
     return;
-  }
 
   const { subscriptions } = get(account);
 
@@ -20,20 +19,20 @@ export default defineNuxtRouteMiddleware(async () => {
     const id = status === 'Pending' ? undefined : identifier;
     const response = await store.checkPendingCryptoPayment(id);
 
-    if (response.isError) {
+    if (response.isError)
       return;
-    }
 
     if (response.result?.transactionStarted) {
       return navigateTo('/home/subscription');
-    } else if (response.result.pending) {
+    }
+    else if (response.result.pending) {
       const queryParams: { plan: string; currency: string; id?: string } = {
-        plan: durationInMonths.toString(),
         currency: response.result.currency ?? '',
+        plan: durationInMonths.toString(),
       };
-      if (id) {
+      if (id)
         queryParams.id = id;
-      }
+
       return navigateTo({
         path: '/checkout/pay/crypto',
         query: queryParams,
diff --git a/middleware/subscriber.ts b/middleware/subscriber.ts
index 33a3bda6..96278167 100644
--- a/middleware/subscriber.ts
+++ b/middleware/subscriber.ts
@@ -5,9 +5,8 @@ import { useMainStore } from '~/store';
 export default defineNuxtRouteMiddleware(() => {
   const { account } = storeToRefs(useMainStore());
 
-  if (!isDefined(account)) {
+  if (!isDefined(account))
     return;
-  }
 
   const { hasActiveSubscription, subscriptions } = get(account);
   if (hasActiveSubscription) {
@@ -15,8 +14,7 @@ export default defineNuxtRouteMiddleware(() => {
       actions.includes('renew'),
     );
 
-    if (!renewableSubscriptions) {
+    if (!renewableSubscriptions)
       return navigateTo('/home/subscription');
-    }
   }
 });
diff --git a/middleware/unverified.ts b/middleware/unverified.ts
index 9a3c9a63..4ffd3649 100644
--- a/middleware/unverified.ts
+++ b/middleware/unverified.ts
@@ -5,12 +5,10 @@ import { useMainStore } from '~/store';
 export default defineNuxtRouteMiddleware(() => {
   const { account } = storeToRefs(useMainStore());
 
-  if (!isDefined(account)) {
+  if (!isDefined(account))
     return;
-  }
 
   const { emailConfirmed } = get(account);
-  if (!emailConfirmed) {
+  if (!emailConfirmed)
     return navigateTo('/home/subscription');
-  }
 });
diff --git a/modules/ui-library/module.ts b/modules/ui-library/module.ts
index 943fedac..a1ce3aa6 100644
--- a/modules/ui-library/module.ts
+++ b/modules/ui-library/module.ts
@@ -12,12 +12,12 @@ import * as composables from '@rotki/ui-library/composables';
 export interface ModuleOptions {}
 
 export default defineNuxtModule<ModuleOptions>({
+  // Default configuration options of the Nuxt module
+  defaults: {},
   meta: {
-    name: '@rotki/ui-library',
     configKey: '@rotki/ui-library',
+    name: '@rotki/ui-library',
   },
-  // Default configuration options of the Nuxt module
-  defaults: {},
   async setup() {
     const resolver = createResolver(import.meta.url);
 
@@ -25,17 +25,17 @@ export default defineNuxtModule<ModuleOptions>({
 
     for (const component in components) {
       await addComponent({
-        name: component,
         export: component,
         filePath: '@rotki/ui-library/components',
+        name: component,
       });
     }
 
     for (const composable in composables) {
       addImports({
-        name: composable,
         as: composable,
         from: '@rotki/ui-library/composables',
+        name: composable,
       });
     }
   },
diff --git a/modules/ui-library/runtime/plugin.ts b/modules/ui-library/runtime/plugin.ts
index 6106c28a..cb3e9ccb 100644
--- a/modules/ui-library/runtime/plugin.ts
+++ b/modules/ui-library/runtime/plugin.ts
@@ -47,7 +47,6 @@ import '@fontsource/roboto/latin.css';
 export default defineNuxtPlugin((nuxtApp) => {
   const RuiPlugin = createRui({
     theme: {
-      mode: 'light',
       icons: [
         RiAppleLine,
         RiArrowDropRightLine,
@@ -90,6 +89,7 @@ export default defineNuxtPlugin((nuxtApp) => {
         RiCoinsLine,
         RiBarChart2Line,
       ],
+      mode: 'light',
     },
   });
 
diff --git a/nuxt.config.ts b/nuxt.config.ts
index e1b7c7e0..79bb2ceb 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,3 +1,4 @@
+import process from 'node:process';
 import { GITHUB_CONTENT_PREFIX, LOCAL_CONTENT_PREFIX } from './utils/constants';
 
 const nonIndexed = [
@@ -38,57 +39,91 @@ const proxy = {
 export default defineNuxtConfig({
   app: {
     head: {
-      title: 'rotki.com',
-      titleTemplate: '%s | rotki',
       htmlAttrs: {
         lang: 'en',
       },
-      meta: [
-        { charset: 'utf-8' },
-        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
-        { name: 'msapplication-TileColor', content: '#00aba9' },
-        { name: 'theme-color', content: '#ffffff' },
-      ],
       link: [
         {
-          rel: 'apple-touch-icon',
           href: '/apple-touch-icon.png',
+          rel: 'apple-touch-icon',
           sizes: '180x180',
         },
-        { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
+        { href: '/favicon.ico', rel: 'icon', type: 'image/x-icon' },
         {
-          rel: 'icon',
-          type: 'image/png',
           href: '/favicon-32x32.png',
+          rel: 'icon',
           sizes: '32x32',
+          type: 'image/png',
         },
         {
-          rel: 'icon',
-          type: 'image/png',
           href: '/favicon-16x16.png',
+          rel: 'icon',
           sizes: '16x16',
+          type: 'image/png',
         },
         {
-          rel: 'manifest',
-          href: '/site.webmanifest',
           crossorigin: 'use-credentials',
+          href: '/site.webmanifest',
+          rel: 'manifest',
         },
         {
-          rel: 'mask-icon',
-          href: '/safari-pinned-tab.svg',
           color: '#5bbad5',
+          href: '/safari-pinned-tab.svg',
+          rel: 'mask-icon',
         },
       ],
+      meta: [
+        { charset: 'utf-8' },
+        { content: 'width=device-width, initial-scale=1', name: 'viewport' },
+        { content: '#00aba9', name: 'msapplication-TileColor' },
+        { content: '#ffffff', name: 'theme-color' },
+      ],
+      title: 'rotki.com',
+      titleTemplate: '%s | rotki',
     },
   },
 
+  components: [{ path: '~/components', pathPrefix: false }],
+  content: {
+    api: {
+      baseURL: '/md/_content',
+    },
+    // https://content.nuxtjs.org/api/configuration
+    markdown: {
+      // https://content.nuxtjs.org/api/configuration#tags
+      tags: {
+        address: 'ProseAddress',
+      },
+    },
+    sources: {
+      content: {
+        base: 'content',
+        driver: 'fs',
+        prefix: LOCAL_CONTENT_PREFIX,
+      },
+      github: {
+        branch: 'main',
+        dir: 'content', // Directory where contents are located. It could be a subdirectory of the repository.
+        driver: 'github', // Driver used to fetch contents
+        prefix: GITHUB_CONTENT_PREFIX, // Prefix for routes used to query contents
+        repo: 'rotki/rotki.com',
+      },
+    },
+  },
   css: [],
-  ssr: true,
-  site: {
-    url: 'https://rotki.com',
+
+  devtools: {
+    enabled: !!process.env.CI || !!process.env.TEST,
   },
 
-  components: [{ path: '~/components', pathPrefix: false }],
+  i18n: {
+    defaultLocale: 'en',
+    langDir: 'locales',
+    lazy: true,
+    locales: [{ code: 'en', file: 'en.json', iso: 'en-US' }],
+    strategy: 'no_prefix',
+    vueI18n: './i18n.config.ts',
+  },
 
   modules: [
     '@nuxt/devtools',
@@ -103,91 +138,57 @@ export default defineNuxtConfig({
     './modules/ui-library/module.ts',
   ],
 
-  i18n: {
-    locales: [{ code: 'en', iso: 'en-US', file: 'en.json' }],
-    defaultLocale: 'en',
-    strategy: 'no_prefix',
-    langDir: 'locales',
-    lazy: true,
-    vueI18n: './i18n.config.ts',
-  },
-
   nitro: {
     devProxy: {
       '/webapi': {
-        target: proxy.target,
         changeOrigin: true,
         headers: {
           host: proxy.host,
           referer: proxy.referrer,
         },
+        target: proxy.target,
       },
     },
   },
 
-  devtools: {
-    enabled: !!process.env.CI || !!process.env.TEST,
+  robots: {
+    rules: {
+      Disallow: nonIndexed,
+      UserAgent: '*',
+    },
+  },
+
+  routeRules: {
+    '/home/**': { index: false },
   },
 
   runtimeConfig: {
     public: {
-      recaptcha: {
-        siteKey: '',
-      },
       baseUrl: '',
-      maintenance: false,
-      testing: false,
       contact: {
-        emailMailto: 'mailto:info@rotki.com',
+        discord: 'https://discord.rotki.com',
         email: 'info@rotki.com',
+        emailMailto: 'mailto:info@rotki.com',
+        github: 'https://github.com/rotki',
         supportEmail: 'support@rotki.com',
         supportEmailMailto: 'mailto:support@rotki.com',
         twitter: 'https://twitter.com/rotkiapp',
-        discord: 'https://discord.rotki.com',
-        github: 'https://github.com/rotki',
       },
+      maintenance: false,
+      recaptcha: {
+        siteKey: '',
+      },
+      testing: false,
     },
   },
 
-  sitemap: {
-    exclude: nonIndexed,
-  },
-
-  routeRules: {
-    '/home/**': { index: false },
+  site: {
+    url: 'https://rotki.com',
   },
 
-  robots: {
-    rules: {
-      UserAgent: '*',
-      Disallow: nonIndexed,
-    },
+  sitemap: {
+    exclude: nonIndexed,
   },
 
-  content: {
-    // https://content.nuxtjs.org/api/configuration
-    markdown: {
-      // https://content.nuxtjs.org/api/configuration#tags
-      tags: {
-        address: 'ProseAddress',
-      },
-    },
-    api: {
-      baseURL: '/md/_content',
-    },
-    sources: {
-      content: {
-        driver: 'fs',
-        prefix: LOCAL_CONTENT_PREFIX,
-        base: 'content',
-      },
-      github: {
-        prefix: GITHUB_CONTENT_PREFIX, // Prefix for routes used to query contents
-        driver: 'github', // Driver used to fetch contents
-        repo: 'rotki/rotki.com',
-        branch: 'main',
-        dir: 'content', // Directory where contents are located. It could be a subdirectory of the repository.
-      },
-    },
-  },
+  ssr: true,
 });
diff --git a/package.json b/package.json
index 5debbe3d..52e32b37 100644
--- a/package.json
+++ b/package.json
@@ -53,7 +53,7 @@
     "@nuxt/devtools": "1.0.8",
     "@nuxt/test-utils": "3.11.0",
     "@nuxtjs/i18n": "8.0.1",
-    "@rotki/eslint-config": "1.1.2",
+    "@rotki/eslint-config": "2.4.5",
     "@rotki/ui-library": "0.8.1",
     "@types/braintree-web": "3.96.10",
     "@types/paypal-checkout-components": "4.0.8",
diff --git a/pages/checkout/pay.vue b/pages/checkout/pay.vue
index 61066934..dc38215f 100644
--- a/pages/checkout/pay.vue
+++ b/pages/checkout/pay.vue
@@ -33,7 +33,7 @@ const steps = computed(() => [
 ]);
 
 const step = computed(() => {
-  const index = get(steps).findIndex((step) =>
+  const index = get(steps).findIndex(step =>
     step.names.includes(String(route.name)),
   );
   return index + 1;
diff --git a/pages/checkout/pay/method.vue b/pages/checkout/pay/method.vue
index d02f9cf9..d71284b0 100644
--- a/pages/checkout/pay/method.vue
+++ b/pages/checkout/pay/method.vue
@@ -25,9 +25,8 @@ const { plan } = usePlanParams();
 const { subscriptionId } = useSubscriptionIdParam();
 
 onBeforeMount(() => {
-  if (!get(plan)) {
+  if (!get(plan))
     navigateTo({ name: 'checkout-pay' });
-  }
 });
 </script>
 
diff --git a/pages/download.vue b/pages/download.vue
index 270f26e5..77850718 100644
--- a/pages/download.vue
+++ b/pages/download.vue
@@ -2,7 +2,7 @@
 import { get } from '@vueuse/core';
 import { commonAttrs } from '~/utils/metadata';
 import { useAppDownload } from '~/composables/download';
-import { type DownloadItemProps } from '~/components/download/DownloadItem.vue';
+import type { DownloadItemProps } from '~/components/download/DownloadItem.vue';
 
 useHead({
   title: 'download',
@@ -40,7 +40,10 @@ definePageMeta({
 </script>
 
 <template>
-  <DownloadHeading :links="links" :version="version" />
+  <DownloadHeading
+    :links="links"
+    :version="version"
+  />
   <DownloadDocs />
   <DownloadPreview />
 </template>
diff --git a/pages/home/subscription.vue b/pages/home/subscription.vue
index 4b4c656f..c5e949e7 100644
--- a/pages/home/subscription.vue
+++ b/pages/home/subscription.vue
@@ -8,7 +8,7 @@ const { account, subscriptions } = storeToRefs(store);
 
 const premium = computed(() => get(account)?.canUsePremium ?? false);
 const emailConfirmed = computed(() => get(account)?.emailConfirmed ?? false);
-const pending = computed(() => get(subscriptions).filter((sub) => sub.pending));
+const pending = computed(() => get(subscriptions).filter(sub => sub.pending));
 
 const canUsePremium = computed(() => {
   const arePending = get(pending);
diff --git a/pages/index.vue b/pages/index.vue
index 1c09cdb8..307b1845 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { commonAttrs, getMetadata } from '~/utils/metadata';
 
-const description =
-  'rotki is an open source portfolio tracker, accounting and analytics tool that protects your privacy.';
+const description
+  = 'rotki is an open source portfolio tracker, accounting and analytics tool that protects your privacy.';
 
 const keywords = `portfolio,portfolio-tracking,cryptocurrency-portfolio-tracker,cryptocurrency,bitcoin,ethereum,
 privacy,opensource,accounting,asset-management,taxes,tax-reporting`;
diff --git a/pages/jobs/[id].vue b/pages/jobs/[id].vue
index 40b3ceaa..59b9b63b 100644
--- a/pages/jobs/[id].vue
+++ b/pages/jobs/[id].vue
@@ -12,7 +12,8 @@ const data = await loadJob(path);
 
 if (!data?.open) {
   showError({ message: `Page not found: ${path}`, statusCode: 404 });
-} else {
+}
+else {
   useContentHead(data);
   const { title, description } = data;
 
@@ -33,8 +34,13 @@ definePageMeta({
 </script>
 
 <template>
-  <NuxtLayout v-if="data" name="jobs">
-    <template #title>{{ data.title }}</template>
+  <NuxtLayout
+    v-if="data"
+    name="jobs"
+  >
+    <template #title>
+      {{ data.title }}
+    </template>
     <JobDetail :data="data" />
   </NuxtLayout>
 </template>
diff --git a/pages/jobs/index.vue b/pages/jobs/index.vue
index fe40773b..4b90196d 100644
--- a/pages/jobs/index.vue
+++ b/pages/jobs/index.vue
@@ -30,7 +30,9 @@ definePageMeta({
 
 <template>
   <NuxtLayout name="jobs">
-    <template #title>{{ header }}</template>
+    <template #title>
+      {{ header }}
+    </template>
     <template #description>
       {{ subheader }}
     </template>
@@ -45,7 +47,10 @@ definePageMeta({
             :key="category"
             class="space-y-6"
           >
-            <div v-if="category" class="text-h6 font-medium">
+            <div
+              v-if="category"
+              class="text-h6 font-medium"
+            >
               {{ category }}
             </div>
             <div class="space-y-6">
diff --git a/pages/maintenance.vue b/pages/maintenance.vue
index 16d4963c..4925f511 100644
--- a/pages/maintenance.vue
+++ b/pages/maintenance.vue
@@ -22,9 +22,8 @@ const {
   },
 } = useRuntimeConfig();
 
-if (!maintenance) {
+if (!maintenance)
   navigateTo('/');
-}
 
 const css = useCssModule();
 </script>
@@ -37,13 +36,19 @@ const css = useCssModule();
       src="/img/maintenance.svg"
     />
 
-    <TextHeading :class="css.heading">We'll be back soon!</TextHeading>
+    <TextHeading :class="css.heading">
+      We'll be back soon!
+    </TextHeading>
 
     <div :class="css.description">
       Sorry for the inconvenience but we're performing some maintenance at the
       moment. <br />
       If you need anything, you can always contact us on
-      <a :class="css.link" :href="emailMailto" target="_blank">
+      <a
+        :class="css.link"
+        :href="emailMailto"
+        target="_blank"
+      >
         {{ email }}
       </a>
     </div>
diff --git a/pages/refund-policy.vue b/pages/refund-policy.vue
index 681596ff..45e0170b 100644
--- a/pages/refund-policy.vue
+++ b/pages/refund-policy.vue
@@ -18,7 +18,9 @@ useHead({
 
 <template>
   <PageContainer :center-vertically="false">
-    <template #title> {{ t('policies.refund.title') }} </template>
+    <template #title>
+      {{ t('policies.refund.title') }}
+    </template>
     <p>
       <i18n-t keypath="policies.refund.policy">
         <template #non_refundable>
diff --git a/plugins/startup.ts b/plugins/startup.ts
index 32330a83..8f7a3a23 100644
--- a/plugins/startup.ts
+++ b/plugins/startup.ts
@@ -3,9 +3,8 @@ import { SESSION_COOKIE } from '~/utils/api';
 
 export default defineNuxtPlugin(async () => {
   const { name } = useRoute();
-  if (name === 'health') {
+  if (name === 'health')
     return;
-  }
 
   const sessionId = useCookie(SESSION_COOKIE).value;
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c9ae4e50..d41d11cc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -89,8 +89,8 @@ devDependencies:
     specifier: 8.0.1
     version: 8.0.1(rollup@4.9.3)(vue@3.4.15)
   '@rotki/eslint-config':
-    specifier: 1.1.2
-    version: 1.1.2(eslint@8.56.0)(vue@3.4.15)
+    specifier: 2.4.5
+    version: 2.4.5(@vue/compiler-sfc@3.4.15)(eslint@8.56.0)(typescript@5.3.3)(vitest@1.2.2)
   '@rotki/ui-library':
     specifier: 0.8.1
     version: 0.8.1(@vueuse/core@10.7.2)(@vueuse/shared@10.7.2)(vue@3.4.15)
@@ -218,6 +218,11 @@ packages:
       '@jridgewell/gen-mapping': 0.3.3
       '@jridgewell/trace-mapping': 0.3.20
 
+  /@antfu/eslint-define-config@1.23.0-2:
+    resolution: {integrity: sha512-LvxY21+ZhpuBf/aHeBUtGQhSEfad4PkNKXKvDOSvukaM3XVTfBhwmHX2EKwAsdq5DlfjbT3qqYyMiueBIO5iDQ==}
+    engines: {node: '>=18.0.0', npm: '>=9.0.0', pnpm: '>= 8.6.0'}
+    dev: true
+
   /@antfu/install-pkg@0.1.1:
     resolution: {integrity: sha512-LyB/8+bSfa0DFGC06zpCEfs89/XoWZwws5ygEa5D+Xsm3OfI+aXQ86VgVG7Acyef+rSZ5HE7J8rrxzrQeM3PjQ==}
     dependencies:
@@ -225,6 +230,12 @@ packages:
       find-up: 5.0.0
     dev: true
 
+  /@antfu/install-pkg@0.3.1:
+    resolution: {integrity: sha512-A3zWY9VeTPnxlMiZtsGHw2lSd3ghwvL8s9RiGOtqvDxhhFfZ781ynsGBa/iUnDJ5zBrmTFQrJDud3TGgRISaxw==}
+    dependencies:
+      execa: 8.0.1
+    dev: true
+
   /@antfu/utils@0.7.7:
     resolution: {integrity: sha512-gFPqTG7otEJ8uP6wrhDv6mqwGWYZKNvAcCq6u9hOj0c+IKCEsY4L1oC9trPq2SaWIzAfHvqfBDxF591JkMf+kg==}
 
@@ -855,6 +866,18 @@ packages:
       - supports-color
     dev: false
 
+  /@dprint/formatter@0.2.1:
+    resolution: {integrity: sha512-GCzgRt2o4mhZLy8L47k2A+q9EMG/jWhzZebE29EqKsxmjDrSfv2VisEj/Q+39OOf04jTkEfB/TRO+IZSyxHdYg==}
+    dev: true
+
+  /@dprint/markdown@0.16.3:
+    resolution: {integrity: sha512-KvwUrCdHR1spFk0EcdW33KEGFLfkcdx6hJN8mwipGBw0b40sl5oPtVUTgRiH70eV7VUhPfycDfIsDutWNHb17w==}
+    dev: true
+
+  /@dprint/toml@0.5.4:
+    resolution: {integrity: sha512-d+5GwwzztZD0QixmOBhaO6nWVLsAeYsJ1HJYNxDoDRbASFCpza9BBVshG5ctBRXCkkIHhD9BO1SnbOoRQltUQw==}
+    dev: true
+
   /@esbuild/aix-ppc64@0.19.11:
     resolution: {integrity: sha512-FnzU0LyE3ySQk7UntJO4+qIiQgI7KoODnZg5xzXIrFJlKd2P2gwHsHY4927xj9y5PJmJSzULiUCWmv7iWnNa7g==}
     engines: {node: '>=12'}
@@ -1236,6 +1259,14 @@ packages:
     resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
+  /@eslint-types/typescript-eslint@6.18.1:
+    resolution: {integrity: sha512-sROyc1rWhtvSdszkR3VAv2fioXIyKNFFRbIgoiije2FA+iNn4FEDhP2+kvbq8wPda2adcrNhSZyWSEFsef+lbg==}
+    dev: true
+
+  /@eslint-types/unicorn@50.0.1:
+    resolution: {integrity: sha512-nuJuipTNcg9f+oxZ+3QZw4tuDLmir4RJOPfM/oujgToiy1s+tePDZhwg5jUGc3q8OzTtPbVpsFSYX7QApjO3EA==}
+    dev: true
+
   /@eslint/eslintrc@2.1.4:
     resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -2801,97 +2832,74 @@ packages:
     requiresBuild: true
     optional: true
 
-  /@rotki/eslint-config-basic@1.1.2(@typescript-eslint/eslint-plugin@6.7.0)(@typescript-eslint/parser@6.7.0)(eslint@8.56.0):
-    resolution: {integrity: sha512-cZ0JuVLxhhBic9pr1CJRr+kWHGCTgYoFQAWRW+ZahmljM5b5/3hrTmL/STmdQK3OckBXwdnpIDjpza/HOgsX2g==}
+  /@rotki/eslint-config@2.4.5(@vue/compiler-sfc@3.4.15)(eslint@8.56.0)(typescript@5.3.3)(vitest@1.2.2):
+    resolution: {integrity: sha512-IGMaKeAYQOjvQ73leIWsclzZ/Isl+5kSmKdcgQsdvd5bZOa7k4wxUZfDc/EDZVAwOpFtsJ7jbagKKIBEHMZhHg==}
+    engines: {node: '>=16 <19', pnpm: '>=8 <9'}
     peerDependencies:
-      eslint: '>=8.10.0'
+      '@intlify/eslint-plugin-vue-i18n': ^2.0.0
+      '@rotki/eslint-plugin': '>=0.2.1'
+      eslint: '>=8.56.0'
+      eslint-plugin-cypress: '>=2.15.0'
+      eslint-plugin-storybook: ^0.6.15
+      eslint-plugin-vuetify: ^1 || ^2
+    peerDependenciesMeta:
+      '@intlify/eslint-plugin-vue-i18n':
+        optional: true
+      '@rotki/eslint-plugin':
+        optional: true
+      eslint-plugin-cypress:
+        optional: true
+      eslint-plugin-storybook:
+        optional: true
+      eslint-plugin-vuetify:
+        optional: true
     dependencies:
+      '@antfu/eslint-define-config': 1.23.0-2
+      '@antfu/install-pkg': 0.3.1
+      '@eslint-types/typescript-eslint': 6.18.1
+      '@eslint-types/unicorn': 50.0.1
+      '@stylistic/eslint-plugin': 1.5.4(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/eslint-plugin': 6.19.1(@typescript-eslint/parser@6.19.1)(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/parser': 6.19.1(eslint@8.56.0)(typescript@5.3.3)
       eslint: 8.56.0
-      eslint-define-config: 1.23.0
+      eslint-config-flat-gitignore: 0.1.2
+      eslint-config-prettier: 9.1.0(eslint@8.56.0)
+      eslint-merge-processors: 0.1.0(eslint@8.56.0)
+      eslint-plugin-antfu: 2.1.2(eslint@8.56.0)
       eslint-plugin-eslint-comments: 3.2.0(eslint@8.56.0)
+      eslint-plugin-format: 0.1.0(eslint@8.56.0)
       eslint-plugin-html: 7.1.0
-      eslint-plugin-import: 2.28.1(@typescript-eslint/parser@6.7.0)(eslint@8.56.0)
-      eslint-plugin-jsonc: 2.9.0(eslint@8.56.0)
+      eslint-plugin-i: 2.29.1(@typescript-eslint/parser@6.19.1)(eslint@8.56.0)
+      eslint-plugin-jsonc: 2.13.0(eslint@8.56.0)
       eslint-plugin-markdown: 3.0.1(eslint@8.56.0)
-      eslint-plugin-unicorn: 48.0.1(eslint@8.56.0)
-      eslint-plugin-unused-imports: 3.0.0(@typescript-eslint/eslint-plugin@6.7.0)(eslint@8.56.0)
-      eslint-plugin-yml: 1.9.0(eslint@8.56.0)
-    transitivePeerDependencies:
-      - '@typescript-eslint/eslint-plugin'
-      - '@typescript-eslint/parser'
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
-    dev: true
-
-  /@rotki/eslint-config-prettier@1.1.2(eslint@8.56.0):
-    resolution: {integrity: sha512-lQQcmMLL9cOUafUl9cBBaS8wdJgJhsfZMiZsa5I9GwmIzEox6yNJatf9pgh2Eimut2aj4uhrcJYygNa6InDgsA==}
-    peerDependencies:
-      eslint: '>=8.1.0'
-    dependencies:
-      eslint: 8.56.0
-      eslint-config-prettier: 9.0.0(eslint@8.56.0)
-      eslint-define-config: 1.23.0
-      eslint-plugin-prettier: 5.0.0(eslint-config-prettier@9.0.0)(eslint@8.56.0)(prettier@3.0.3)
-      eslint-plugin-yml: 1.9.0(eslint@8.56.0)
-      prettier: 3.0.3
-    transitivePeerDependencies:
-      - '@types/eslint'
-      - supports-color
-    dev: true
-
-  /@rotki/eslint-config-ts@1.1.2(eslint@8.56.0):
-    resolution: {integrity: sha512-z2OII+1We+XMWnMl5RoKL34BusB6sBUiBfCnhsIKJLjktIxHGZ2XlhnNaUFoNqJ0MWQ+s/sUOPBLO9OHE5+RqA==}
-    peerDependencies:
-      eslint: '>=8.10.0'
-    dependencies:
-      '@rotki/eslint-config-basic': 1.1.2(@typescript-eslint/eslint-plugin@6.7.0)(@typescript-eslint/parser@6.7.0)(eslint@8.56.0)
-      '@typescript-eslint/eslint-plugin': 6.7.0(@typescript-eslint/parser@6.7.0)(eslint@8.56.0)(typescript@5.2.2)
-      '@typescript-eslint/parser': 6.7.0(eslint@8.56.0)(typescript@5.3.3)
-      eslint: 8.56.0
-      eslint-define-config: 1.23.0
-      typescript: 5.2.2
-    transitivePeerDependencies:
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
-    dev: true
-
-  /@rotki/eslint-config-vue@1.1.2(eslint@8.56.0)(vue@3.4.15):
-    resolution: {integrity: sha512-1/mNIglHy13D8SGpT6/dpP7gGou/cstyFs5ftAJlhJo/TKoLVL3QPMQ9HDwINs9xAeRelvF9HVwBJVSL+jYQiQ==}
-    peerDependencies:
-      eslint: '>=8.10.0'
-      vue: '>=2.7.0 || ^3.0.0'
-    peerDependenciesMeta:
-      vue:
-        optional: true
-    dependencies:
-      '@rotki/eslint-config-ts': 1.1.2(eslint@8.56.0)
-      eslint: 8.56.0
-      eslint-define-config: 1.23.0
-      eslint-plugin-vue: 9.17.0(eslint@8.56.0)
-      local-pkg: 0.4.3
-      vue: 3.4.15(typescript@5.3.3)
-    transitivePeerDependencies:
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
-    dev: true
-
-  /@rotki/eslint-config@1.1.2(eslint@8.56.0)(vue@3.4.15):
-    resolution: {integrity: sha512-tlme8/Nmdmx/xltetnc3BEqxbZWhwtodGJPzOfdmziSvhZnps1jq13KCyVZKCfaD+Lc5XTzel24GNTuMNtmXaw==}
-    peerDependencies:
-      eslint: '>=8.1.0'
-    dependencies:
-      '@rotki/eslint-config-prettier': 1.1.2(eslint@8.56.0)
-      '@rotki/eslint-config-vue': 1.1.2(eslint@8.56.0)(vue@3.4.15)
-      eslint: 8.56.0
+      eslint-plugin-n: 16.6.2(eslint@8.56.0)
+      eslint-plugin-no-only-tests: 3.1.0
+      eslint-plugin-perfectionist: 2.5.0(eslint@8.56.0)(typescript@5.3.3)(vue-eslint-parser@9.4.2)
+      eslint-plugin-prettier: 5.1.3(eslint-config-prettier@9.1.0)(eslint@8.56.0)(prettier@3.2.4)
+      eslint-plugin-unicorn: 50.0.1(eslint@8.56.0)
+      eslint-plugin-unused-imports: 3.0.0(@typescript-eslint/eslint-plugin@6.19.1)(eslint@8.56.0)
+      eslint-plugin-vitest: 0.3.20(@typescript-eslint/eslint-plugin@6.19.1)(eslint@8.56.0)(typescript@5.3.3)(vitest@1.2.2)
+      eslint-plugin-vue: 9.20.1(eslint@8.56.0)
+      eslint-plugin-yml: 1.12.2(eslint@8.56.0)
+      eslint-processor-vue-blocks: 0.1.1(@vue/compiler-sfc@3.4.15)(eslint@8.56.0)
+      globals: 13.24.0
+      jsonc-eslint-parser: 2.4.0
+      local-pkg: 0.5.0
+      prettier: 3.2.4
+      prompts: 2.4.2
+      vue-eslint-parser: 9.4.2(eslint@8.56.0)
+      yaml-eslint-parser: 1.2.2
     transitivePeerDependencies:
       - '@types/eslint'
+      - '@vue/compiler-sfc'
+      - astro-eslint-parser
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
-      - vue
+      - svelte
+      - svelte-eslint-parser
+      - typescript
+      - vitest
     dev: true
 
   /@rotki/ui-library@0.8.1(@vueuse/core@10.7.2)(@vueuse/shared@10.7.2)(vue@3.4.15):
@@ -2955,6 +2963,72 @@ packages:
     resolution: {integrity: sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg==}
     dev: true
 
+  /@stylistic/eslint-plugin-js@1.5.4(eslint@8.56.0):
+    resolution: {integrity: sha512-3ctWb3NvJNV1MsrZN91cYp2EGInLPSoZKphXIbIRx/zjZxKwLDr9z4LMOWtqjq14li/OgqUUcMq5pj8fgbLoTw==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: '>=8.40.0'
+    dependencies:
+      acorn: 8.11.3
+      escape-string-regexp: 4.0.0
+      eslint: 8.56.0
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+    dev: true
+
+  /@stylistic/eslint-plugin-jsx@1.5.4(eslint@8.56.0):
+    resolution: {integrity: sha512-JUfrpCkeBCqt1IZ4QsP4WgxGza4PhK4LPbc0VnCjHKygl+rgqoDAovqOuzFJ49wJ4Ix3r6OIHFuwiBGswZEVvg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: '>=8.40.0'
+    dependencies:
+      '@stylistic/eslint-plugin-js': 1.5.4(eslint@8.56.0)
+      eslint: 8.56.0
+      estraverse: 5.3.0
+    dev: true
+
+  /@stylistic/eslint-plugin-plus@1.5.4(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-dI0Cs5vYX/0uMhQDY+NK0cKQ0Pe9B6jWYxd0Ndud+mNloDaVLrsmJocK4zn+YfhGEDs1E4Nk5uAPZEumIpDuSg==}
+    peerDependencies:
+      eslint: '*'
+    dependencies:
+      '@typescript-eslint/utils': 6.20.0(eslint@8.56.0)(typescript@5.3.3)
+      eslint: 8.56.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@stylistic/eslint-plugin-ts@1.5.4(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-NZDFVIlVNjuPvhT+0Cidm5IS3emtx338xbJTqs2xfOVRDGTpYwRHhNVEGa1rFOpYHmv0sAj6+OXbMDn7ul0K/g==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: '>=8.40.0'
+    dependencies:
+      '@stylistic/eslint-plugin-js': 1.5.4(eslint@8.56.0)
+      '@typescript-eslint/utils': 6.20.0(eslint@8.56.0)(typescript@5.3.3)
+      eslint: 8.56.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@stylistic/eslint-plugin@1.5.4(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-zWPXr+O67GC9KDAFkbL1U9UVqE6Iv69YMKhkIECCmE0GvClUJwdfsimm4XebEDondV7kfjMrTDZaYfrI5aS0Jg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: '>=8.40.0'
+    dependencies:
+      '@stylistic/eslint-plugin-js': 1.5.4(eslint@8.56.0)
+      '@stylistic/eslint-plugin-jsx': 1.5.4(eslint@8.56.0)
+      '@stylistic/eslint-plugin-plus': 1.5.4(eslint@8.56.0)(typescript@5.3.3)
+      '@stylistic/eslint-plugin-ts': 1.5.4(eslint@8.56.0)(typescript@5.3.3)
+      eslint: 8.56.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
   /@trysound/sax@0.2.0:
     resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
     engines: {node: '>=10.13.0'}
@@ -3027,10 +3101,6 @@ packages:
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
     dev: true
 
-  /@types/json5@0.0.29:
-    resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
-    dev: true
-
   /@types/mdast@3.0.15:
     resolution: {integrity: sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ==}
     dependencies:
@@ -3112,8 +3182,8 @@ packages:
     dev: false
     optional: true
 
-  /@typescript-eslint/eslint-plugin@6.7.0(@typescript-eslint/parser@6.7.0)(eslint@8.56.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-gUqtknHm0TDs1LhY12K2NA3Rmlmp88jK9Tx8vGZMfHeNMLE3GH2e9TRub+y+SOjuYgtOmok+wt1AyDPZqxbNag==}
+  /@typescript-eslint/eslint-plugin@6.19.1(@typescript-eslint/parser@6.19.1)(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-roQScUGFruWod9CEyoV5KlCYrubC/fvG8/1zXuT0WTcxX87GnMMmnksMwSg99lo1xiKrBzw2icsJPMAw1OtKxg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
@@ -3124,25 +3194,25 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': 4.10.0
-      '@typescript-eslint/parser': 6.7.0(eslint@8.56.0)(typescript@5.3.3)
-      '@typescript-eslint/scope-manager': 6.7.0
-      '@typescript-eslint/type-utils': 6.7.0(eslint@8.56.0)(typescript@5.2.2)
-      '@typescript-eslint/utils': 6.7.0(eslint@8.56.0)(typescript@5.2.2)
-      '@typescript-eslint/visitor-keys': 6.7.0
+      '@typescript-eslint/parser': 6.19.1(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/scope-manager': 6.19.1
+      '@typescript-eslint/type-utils': 6.19.1(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/utils': 6.19.1(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/visitor-keys': 6.19.1
       debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.56.0
       graphemer: 1.4.0
       ignore: 5.3.0
       natural-compare: 1.4.0
       semver: 7.5.4
-      ts-api-utils: 1.0.3(typescript@5.2.2)
-      typescript: 5.2.2
+      ts-api-utils: 1.0.3(typescript@5.3.3)
+      typescript: 5.3.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser@6.7.0(eslint@8.56.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-jZKYwqNpNm5kzPVP5z1JXAuxjtl2uG+5NpaMocFPTNC2EdYIgbXIPImObOkhbONxtFTTdoZstLZefbaK+wXZng==}
+  /@typescript-eslint/parser@6.19.1(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-WEfX22ziAh6pRE9jnbkkLGp/4RhTpffr2ZK5bJ18M8mIfA8A+k97U9ZyaXCEJRlmMHh7R9MJZWXp/r73DzINVQ==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -3151,10 +3221,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 6.7.0
-      '@typescript-eslint/types': 6.7.0
-      '@typescript-eslint/typescript-estree': 6.7.0(typescript@5.3.3)
-      '@typescript-eslint/visitor-keys': 6.7.0
+      '@typescript-eslint/scope-manager': 6.19.1
+      '@typescript-eslint/types': 6.19.1
+      '@typescript-eslint/typescript-estree': 6.19.1(typescript@5.3.3)
+      '@typescript-eslint/visitor-keys': 6.19.1
       debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.56.0
       typescript: 5.3.3
@@ -3162,16 +3232,24 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/scope-manager@6.7.0:
-    resolution: {integrity: sha512-lAT1Uau20lQyjoLUQ5FUMSX/dS07qux9rYd5FGzKz/Kf8W8ccuvMyldb8hadHdK/qOI7aikvQWqulnEq2nCEYA==}
+  /@typescript-eslint/scope-manager@6.19.1:
+    resolution: {integrity: sha512-4CdXYjKf6/6aKNMSly/BP4iCSOpvMmqtDzRtqFyyAae3z5kkqEjKndR5vDHL8rSuMIIWP8u4Mw4VxLyxZW6D5w==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': 6.19.1
+      '@typescript-eslint/visitor-keys': 6.19.1
+    dev: true
+
+  /@typescript-eslint/scope-manager@6.20.0:
+    resolution: {integrity: sha512-p4rvHQRDTI1tGGMDFQm+GtxP1ZHyAh64WANVoyEcNMpaTFn3ox/3CcgtIlELnRfKzSs/DwYlDccJEtr3O6qBvA==}
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': 6.7.0
-      '@typescript-eslint/visitor-keys': 6.7.0
+      '@typescript-eslint/types': 6.20.0
+      '@typescript-eslint/visitor-keys': 6.20.0
     dev: true
 
-  /@typescript-eslint/type-utils@6.7.0(eslint@8.56.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-f/QabJgDAlpSz3qduCyQT0Fw7hHpmhOzY/Rv6zO3yO+HVIdPfIWhrQoAyG+uZVtWAIS85zAyzgAFfyEr+MgBpg==}
+  /@typescript-eslint/type-utils@6.19.1(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-0vdyld3ecfxJuddDjACUvlAeYNrHP/pDeQk2pWBR2ESeEzQhg52DF53AbI9QCBkYE23lgkhLCZNkHn2hEXXYIg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -3180,23 +3258,28 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 6.7.0(typescript@5.2.2)
-      '@typescript-eslint/utils': 6.7.0(eslint@8.56.0)(typescript@5.2.2)
+      '@typescript-eslint/typescript-estree': 6.19.1(typescript@5.3.3)
+      '@typescript-eslint/utils': 6.19.1(eslint@8.56.0)(typescript@5.3.3)
       debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.56.0
-      ts-api-utils: 1.0.3(typescript@5.2.2)
-      typescript: 5.2.2
+      ts-api-utils: 1.0.3(typescript@5.3.3)
+      typescript: 5.3.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/types@6.7.0:
-    resolution: {integrity: sha512-ihPfvOp7pOcN/ysoj0RpBPOx3HQTJTrIN8UZK+WFd3/iDeFHHqeyYxa4hQk4rMhsz9H9mXpR61IzwlBVGXtl9Q==}
+  /@typescript-eslint/types@6.19.1:
+    resolution: {integrity: sha512-6+bk6FEtBhvfYvpHsDgAL3uo4BfvnTnoge5LrrCj2eJN8g3IJdLTD4B/jK3Q6vo4Ql/Hoip9I8aB6fF+6RfDqg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree@6.7.0(typescript@5.2.2):
-    resolution: {integrity: sha512-dPvkXj3n6e9yd/0LfojNU8VMUGHWiLuBZvbM6V6QYD+2qxqInE7J+J/ieY2iGwR9ivf/R/haWGkIj04WVUeiSQ==}
+  /@typescript-eslint/types@6.20.0:
+    resolution: {integrity: sha512-MM9mfZMAhiN4cOEcUOEx+0HmuaW3WBfukBZPCfwSqFnQy0grXYtngKCqpQN339X3RrwtzspWJrpbrupKYUSBXQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dev: true
+
+  /@typescript-eslint/typescript-estree@6.19.1(typescript@5.3.3):
+    resolution: {integrity: sha512-aFdAxuhzBFRWhy+H20nYu19+Km+gFfwNO4TEqyszkMcgBDYQjmPJ61erHxuT2ESJXhlhrO7I5EFIlZ+qGR8oVA==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       typescript: '*'
@@ -3204,20 +3287,21 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 6.7.0
-      '@typescript-eslint/visitor-keys': 6.7.0
+      '@typescript-eslint/types': 6.19.1
+      '@typescript-eslint/visitor-keys': 6.19.1
       debug: 4.3.4(supports-color@8.1.1)
       globby: 11.1.0
       is-glob: 4.0.3
+      minimatch: 9.0.3
       semver: 7.5.4
-      ts-api-utils: 1.0.3(typescript@5.2.2)
-      typescript: 5.2.2
+      ts-api-utils: 1.0.3(typescript@5.3.3)
+      typescript: 5.3.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/typescript-estree@6.7.0(typescript@5.3.3):
-    resolution: {integrity: sha512-dPvkXj3n6e9yd/0LfojNU8VMUGHWiLuBZvbM6V6QYD+2qxqInE7J+J/ieY2iGwR9ivf/R/haWGkIj04WVUeiSQ==}
+  /@typescript-eslint/typescript-estree@6.20.0(typescript@5.3.3):
+    resolution: {integrity: sha512-RnRya9q5m6YYSpBN7IzKu9FmLcYtErkDkc8/dKv81I9QiLLtVBHrjz+Ev/crAqgMNW2FCsoZF4g2QUylMnJz+g==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       typescript: '*'
@@ -3225,11 +3309,12 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 6.7.0
-      '@typescript-eslint/visitor-keys': 6.7.0
+      '@typescript-eslint/types': 6.20.0
+      '@typescript-eslint/visitor-keys': 6.20.0
       debug: 4.3.4(supports-color@8.1.1)
       globby: 11.1.0
       is-glob: 4.0.3
+      minimatch: 9.0.3
       semver: 7.5.4
       ts-api-utils: 1.0.3(typescript@5.3.3)
       typescript: 5.3.3
@@ -3237,8 +3322,8 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils@6.7.0(eslint@8.56.0)(typescript@5.2.2):
-    resolution: {integrity: sha512-MfCq3cM0vh2slSikQYqK2Gq52gvOhe57vD2RM3V4gQRZYX4rDPnKLu5p6cm89+LJiGlwEXU8hkYxhqqEC/V3qA==}
+  /@typescript-eslint/utils@6.19.1(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-JvjfEZuP5WoMqwh9SPAPDSHSg9FBHHGhjPugSRxu5jMfjvBpq5/sGTD+9M9aQ5sh6iJ8AY/Kk/oUYVEMAPwi7w==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -3246,9 +3331,9 @@ packages:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
       '@types/json-schema': 7.0.15
       '@types/semver': 7.5.6
-      '@typescript-eslint/scope-manager': 6.7.0
-      '@typescript-eslint/types': 6.7.0
-      '@typescript-eslint/typescript-estree': 6.7.0(typescript@5.2.2)
+      '@typescript-eslint/scope-manager': 6.19.1
+      '@typescript-eslint/types': 6.19.1
+      '@typescript-eslint/typescript-estree': 6.19.1(typescript@5.3.3)
       eslint: 8.56.0
       semver: 7.5.4
     transitivePeerDependencies:
@@ -3256,11 +3341,38 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/visitor-keys@6.7.0:
-    resolution: {integrity: sha512-/C1RVgKFDmGMcVGeD8HjKv2bd72oI1KxQDeY8uc66gw9R0OK0eMq48cA+jv9/2Ag6cdrsUGySm1yzYmfz0hxwQ==}
+  /@typescript-eslint/utils@6.20.0(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-/EKuw+kRu2vAqCoDwDCBtDRU6CTKbUmwwI7SH7AashZ+W+7o8eiyy6V2cdOqN49KsTcASWsC5QeghYuRDTyOOg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
+      '@types/json-schema': 7.0.15
+      '@types/semver': 7.5.6
+      '@typescript-eslint/scope-manager': 6.20.0
+      '@typescript-eslint/types': 6.20.0
+      '@typescript-eslint/typescript-estree': 6.20.0(typescript@5.3.3)
+      eslint: 8.56.0
+      semver: 7.5.4
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@typescript-eslint/visitor-keys@6.19.1:
+    resolution: {integrity: sha512-gkdtIO+xSO/SmI0W68DBg4u1KElmIUo3vXzgHyGPs6cxgB0sa3TlptRAAE0hUY1hM6FcDKEv7aIwiTGm76cXfQ==}
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': 6.7.0
+      '@typescript-eslint/types': 6.19.1
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
+  /@typescript-eslint/visitor-keys@6.20.0:
+    resolution: {integrity: sha512-E8Cp98kRe4gKHjJD4NExXKz/zOJ1A2hhZc+IMVD6i7w4yjIvh6VyuRI0gRtxAsXtoC35uGMaQ9rjI2zJaXDEAw==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': 6.20.0
       eslint-visitor-keys: 3.4.3
     dev: true
 
@@ -4391,76 +4503,14 @@ packages:
   /argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
-  /array-buffer-byte-length@1.0.0:
-    resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
-    dependencies:
-      call-bind: 1.0.5
-      is-array-buffer: 3.0.2
-    dev: true
-
   /array-ify@1.0.0:
     resolution: {integrity: sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==}
     dev: true
 
-  /array-includes@3.1.7:
-    resolution: {integrity: sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.5
-      define-properties: 1.2.1
-      es-abstract: 1.22.3
-      get-intrinsic: 1.2.2
-      is-string: 1.0.7
-    dev: true
-
   /array-union@2.1.0:
     resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
     engines: {node: '>=8'}
 
-  /array.prototype.findlastindex@1.2.3:
-    resolution: {integrity: sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.5
-      define-properties: 1.2.1
-      es-abstract: 1.22.3
-      es-shim-unscopables: 1.0.2
-      get-intrinsic: 1.2.2
-    dev: true
-
-  /array.prototype.flat@1.3.2:
-    resolution: {integrity: sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.5
-      define-properties: 1.2.1
-      es-abstract: 1.22.3
-      es-shim-unscopables: 1.0.2
-    dev: true
-
-  /array.prototype.flatmap@1.3.2:
-    resolution: {integrity: sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.5
-      define-properties: 1.2.1
-      es-abstract: 1.22.3
-      es-shim-unscopables: 1.0.2
-    dev: true
-
-  /arraybuffer.prototype.slice@1.0.2:
-    resolution: {integrity: sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      array-buffer-byte-length: 1.0.0
-      call-bind: 1.0.5
-      define-properties: 1.2.1
-      es-abstract: 1.22.3
-      get-intrinsic: 1.2.2
-      is-array-buffer: 3.0.2
-      is-shared-array-buffer: 1.0.2
-    dev: true
-
   /arrify@1.0.1:
     resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
     engines: {node: '>=0.10.0'}
@@ -4550,11 +4600,6 @@ packages:
       postcss: 8.4.33
       postcss-value-parser: 4.2.0
 
-  /available-typed-arrays@1.0.5:
-    resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
   /aws-sign2@0.7.0:
     resolution: {integrity: sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==}
     dev: false
@@ -4768,6 +4813,7 @@ packages:
       function-bind: 1.1.2
       get-intrinsic: 1.2.2
       set-function-length: 1.1.1
+    dev: false
 
   /call-me-maybe@1.0.2:
     resolution: {integrity: sha512-HpX65o1Hnr9HH25ojC1YGs7HCQLq0GCOibSaWER0eNpgJ/Z1MZv2mTc7+xh6WOPxbRVcmgbv4hGU+uSQ/2xFZQ==}
@@ -4932,6 +4978,7 @@ packages:
   /ci-info@3.9.0:
     resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
     engines: {node: '>=8'}
+    dev: false
 
   /ci-info@4.0.0:
     resolution: {integrity: sha512-TdHqgGf9odd8SXNuxtUBVx8Nv+qZOejE6qyqiy5NtbYYQOeFa6zmHkxlPzmaLxWWHsU6nJmB7AETdVPi+2NBUg==}
@@ -5222,6 +5269,12 @@ packages:
       keygrip: 1.1.0
     dev: false
 
+  /core-js-compat@3.35.1:
+    resolution: {integrity: sha512-sftHa5qUJY3rs9Zht1WEnmkvXputCyDBczPnr7QDgL8n3qrF3CMXY4VPSYtOLLiOUJcah2WNXREd48iOl6mQIw==}
+    dependencies:
+      browserslist: 4.22.2
+    dev: true
+
   /core-util-is@1.0.2:
     resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==}
     dev: false
@@ -5587,6 +5640,7 @@ packages:
       get-intrinsic: 1.2.2
       gopd: 1.0.1
       has-property-descriptors: 1.0.1
+    dev: false
 
   /define-lazy-prop@2.0.0:
     resolution: {integrity: sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==}
@@ -5596,15 +5650,6 @@ packages:
     resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
     engines: {node: '>=12'}
 
-  /define-properties@1.2.1:
-    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      define-data-property: 1.1.1
-      has-property-descriptors: 1.0.1
-      object-keys: 1.1.1
-    dev: true
-
   /defu@6.1.3:
     resolution: {integrity: sha512-Vy2wmG3NTkmHNg/kzpuvHhkqeIx3ODWqasgCRbKtbXEN0G+HpEEv9BtJLp7ZG1CZloFaC41Ah3ZFbq7aqCqMeQ==}
 
@@ -5690,13 +5735,6 @@ packages:
   /dlv@1.1.3:
     resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
 
-  /doctrine@2.1.0:
-    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      esutils: 2.0.3
-    dev: true
-
   /doctrine@3.0.0:
     resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
     engines: {node: '>=6.0.0'}
@@ -5864,79 +5902,10 @@ packages:
   /error-stack-parser-es@0.1.1:
     resolution: {integrity: sha512-g/9rfnvnagiNf+DRMHEVGuGuIBlCIMDFoTA616HaP2l9PlCjGjVhD98PNbVSJvmK4TttqT5mV5tInMhoFgi+aA==}
 
-  /es-abstract@1.22.3:
-    resolution: {integrity: sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      array-buffer-byte-length: 1.0.0
-      arraybuffer.prototype.slice: 1.0.2
-      available-typed-arrays: 1.0.5
-      call-bind: 1.0.5
-      es-set-tostringtag: 2.0.2
-      es-to-primitive: 1.2.1
-      function.prototype.name: 1.1.6
-      get-intrinsic: 1.2.2
-      get-symbol-description: 1.0.0
-      globalthis: 1.0.3
-      gopd: 1.0.1
-      has-property-descriptors: 1.0.1
-      has-proto: 1.0.1
-      has-symbols: 1.0.3
-      hasown: 2.0.0
-      internal-slot: 1.0.6
-      is-array-buffer: 3.0.2
-      is-callable: 1.2.7
-      is-negative-zero: 2.0.2
-      is-regex: 1.1.4
-      is-shared-array-buffer: 1.0.2
-      is-string: 1.0.7
-      is-typed-array: 1.1.12
-      is-weakref: 1.0.2
-      object-inspect: 1.13.1
-      object-keys: 1.1.1
-      object.assign: 4.1.5
-      regexp.prototype.flags: 1.5.1
-      safe-array-concat: 1.0.1
-      safe-regex-test: 1.0.0
-      string.prototype.trim: 1.2.8
-      string.prototype.trimend: 1.0.7
-      string.prototype.trimstart: 1.0.7
-      typed-array-buffer: 1.0.0
-      typed-array-byte-length: 1.0.0
-      typed-array-byte-offset: 1.0.0
-      typed-array-length: 1.0.4
-      unbox-primitive: 1.0.2
-      which-typed-array: 1.1.13
-    dev: true
-
   /es-module-lexer@1.4.1:
     resolution: {integrity: sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w==}
     dev: true
 
-  /es-set-tostringtag@2.0.2:
-    resolution: {integrity: sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      get-intrinsic: 1.2.2
-      has-tostringtag: 1.0.0
-      hasown: 2.0.0
-    dev: true
-
-  /es-shim-unscopables@1.0.2:
-    resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
-    dependencies:
-      hasown: 2.0.0
-    dev: true
-
-  /es-to-primitive@1.2.1:
-    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      is-callable: 1.2.7
-      is-date-object: 1.0.5
-      is-symbol: 1.0.4
-    dev: true
-
   /esbuild@0.19.11:
     resolution: {integrity: sha512-HJ96Hev2hX/6i5cDVwcqiJBBtuo9+FeIJOtZ9W1kA5M6AMJRHUZlpYZ1/SbEwtO0ioNAW8rUooVpC/WehY2SfA==}
     engines: {node: '>=12'}
@@ -6028,8 +5997,33 @@ packages:
       source-map: 0.6.1
     dev: true
 
-  /eslint-config-prettier@9.0.0(eslint@8.56.0):
-    resolution: {integrity: sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==}
+  /eslint-compat-utils@0.1.2(eslint@8.56.0):
+    resolution: {integrity: sha512-Jia4JDldWnFNIru1Ehx1H5s9/yxiRHY/TimCuUc0jNexew3cF1gI6CYZil1ociakfWO3rRqFjl1mskBblB3RYg==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      eslint: '>=6.0.0'
+    dependencies:
+      eslint: 8.56.0
+    dev: true
+
+  /eslint-compat-utils@0.4.1(eslint@8.56.0):
+    resolution: {integrity: sha512-5N7ZaJG5pZxUeNNJfUchurLVrunD1xJvyg5kYOIVF8kg1f3ajTikmAu/5fZ9w100omNPOoMjngRszh/Q/uFGMg==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      eslint: '>=6.0.0'
+    dependencies:
+      eslint: 8.56.0
+      semver: 7.5.4
+    dev: true
+
+  /eslint-config-flat-gitignore@0.1.2:
+    resolution: {integrity: sha512-PcBsqtd5QHEZH4ROvpnRN4EP0qcHh9voCCHgtyHxnJZHGspJREcZn7oPqRG/GfWt9m3C0fkC2l5CuBtMig2wXQ==}
+    dependencies:
+      parse-gitignore: 2.0.0
+    dev: true
+
+  /eslint-config-prettier@9.1.0(eslint@8.56.0):
+    resolution: {integrity: sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==}
     hasBin: true
     peerDependencies:
       eslint: '>=7.0.0'
@@ -6037,9 +6031,13 @@ packages:
       eslint: 8.56.0
     dev: true
 
-  /eslint-define-config@1.23.0:
-    resolution: {integrity: sha512-4mMyu0JuBkQHsCtR+42irIQdFLmLIW+pMAVcyOV/gZRL4O1R8iuH0eMG3oL3Cbi1eo9fDAfT5CIHVHgdyxcf6w==}
-    engines: {node: ^16.13.0 || >=18.0.0, npm: '>=7.0.0', pnpm: '>= 8.6.0'}
+  /eslint-formatting-reporter@0.0.0(eslint@8.56.0):
+    resolution: {integrity: sha512-k9RdyTqxqN/wNYVaTk/ds5B5rA8lgoAmvceYN7bcZMBwU7TuXx5ntewJv81eF3pIL/CiJE+pJZm36llG8yhyyw==}
+    peerDependencies:
+      eslint: '>=8.40.0'
+    dependencies:
+      eslint: 8.56.0
+      prettier-linter-helpers: 1.0.0
     dev: true
 
   /eslint-import-resolver-node@0.3.9:
@@ -6052,7 +6050,15 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-node@0.3.9)(eslint@8.56.0):
+  /eslint-merge-processors@0.1.0(eslint@8.56.0):
+    resolution: {integrity: sha512-IvRXXtEajLeyssvW4wJcZ2etxkR9mUf4zpNwgI+m/Uac9RfXHskuJefkHUcawVzePnd6xp24enp5jfgdHzjRdQ==}
+    peerDependencies:
+      eslint: '*'
+    dependencies:
+      eslint: 8.56.0
+    dev: true
+
+  /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.19.1)(eslint-import-resolver-node@0.3.9)(eslint@8.56.0):
     resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -6073,7 +6079,7 @@ packages:
       eslint-import-resolver-webpack:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 6.7.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/parser': 6.19.1(eslint@8.56.0)(typescript@5.3.3)
       debug: 3.2.7(supports-color@8.1.1)
       eslint: 8.56.0
       eslint-import-resolver-node: 0.3.9
@@ -6081,6 +6087,30 @@ packages:
       - supports-color
     dev: true
 
+  /eslint-parser-plain@0.1.0:
+    resolution: {integrity: sha512-oOeA6FWU0UJT/Rxc3XF5Cq0nbIZbylm7j8+plqq0CZoE6m4u32OXJrR+9iy4srGMmF6v6pmgvP1zPxSRIGh3sg==}
+    dev: true
+
+  /eslint-plugin-antfu@2.1.2(eslint@8.56.0):
+    resolution: {integrity: sha512-s7ZTOM3uq0iqpp6gF0UEotnvup7f2PHBUftCytLZX0+6C9j9KadKZQh6bVVngAyFgsmeD9+gcBopOYLClb2oDg==}
+    peerDependencies:
+      eslint: '*'
+    dependencies:
+      eslint: 8.56.0
+    dev: true
+
+  /eslint-plugin-es-x@7.5.0(eslint@8.56.0):
+    resolution: {integrity: sha512-ODswlDSO0HJDzXU0XvgZ3lF3lS3XAZEossh15Q2UHjwrJggWeBoKqqEsLTZLXl+dh5eOAozG0zRcYtuE35oTuQ==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=8'
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
+      '@eslint-community/regexpp': 4.10.0
+      eslint: 8.56.0
+      eslint-compat-utils: 0.1.2(eslint@8.56.0)
+    dev: true
+
   /eslint-plugin-eslint-comments@3.2.0(eslint@8.56.0):
     resolution: {integrity: sha512-0jkOl0hfojIHHmEHgmNdqv4fmh7300NdpA9FFpF7zaoLvB/QeXOGNLIo86oAveJFrfB1p05kC8hpEMHM8DwWVQ==}
     engines: {node: '>=6.5.0'}
@@ -6092,57 +6122,63 @@ packages:
       ignore: 5.3.0
     dev: true
 
+  /eslint-plugin-format@0.1.0(eslint@8.56.0):
+    resolution: {integrity: sha512-IgOu+GEH+PdKnpuPrFzY8q8QgnzAUijDZsNLhpp5jx0Lbu9u968/STcmEZGnIMVBw3zeTNN/FsU6d2Rdgcy6Aw==}
+    peerDependencies:
+      eslint: ^8.40.0
+    dependencies:
+      '@dprint/formatter': 0.2.1
+      '@dprint/markdown': 0.16.3
+      '@dprint/toml': 0.5.4
+      eslint: 8.56.0
+      eslint-formatting-reporter: 0.0.0(eslint@8.56.0)
+      eslint-parser-plain: 0.1.0
+      prettier: 3.2.4
+      synckit: 0.8.8
+    dev: true
+
   /eslint-plugin-html@7.1.0:
     resolution: {integrity: sha512-fNLRraV/e6j8e3XYOC9xgND4j+U7b1Rq+OygMlLcMg+wI/IpVbF+ubQa3R78EjKB9njT6TQOlcK5rFKBVVtdfg==}
     dependencies:
       htmlparser2: 8.0.2
     dev: true
 
-  /eslint-plugin-import@2.28.1(@typescript-eslint/parser@6.7.0)(eslint@8.56.0):
-    resolution: {integrity: sha512-9I9hFlITvOV55alzoKBI+K9q74kv0iKMeY6av5+umsNwayt59fz692daGyjR+oStBQgx6nwR9rXldDev3Clw+A==}
-    engines: {node: '>=4'}
+  /eslint-plugin-i@2.29.1(@typescript-eslint/parser@6.19.1)(eslint@8.56.0):
+    resolution: {integrity: sha512-ORizX37MelIWLbMyqI7hi8VJMf7A0CskMmYkB+lkCX3aF4pkGV7kwx5bSEb4qx7Yce2rAf9s34HqDRPjGRZPNQ==}
+    engines: {node: '>=12'}
     peerDependencies:
-      '@typescript-eslint/parser': '*'
-      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
+      eslint: ^7.2.0 || ^8
     dependencies:
-      '@typescript-eslint/parser': 6.7.0(eslint@8.56.0)(typescript@5.3.3)
-      array-includes: 3.1.7
-      array.prototype.findlastindex: 1.2.3
-      array.prototype.flat: 1.3.2
-      array.prototype.flatmap: 1.3.2
-      debug: 3.2.7(supports-color@8.1.1)
-      doctrine: 2.1.0
+      debug: 4.3.4(supports-color@8.1.1)
+      doctrine: 3.0.0
       eslint: 8.56.0
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-node@0.3.9)(eslint@8.56.0)
-      has: 1.0.4
-      is-core-module: 2.13.1
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.19.1)(eslint-import-resolver-node@0.3.9)(eslint@8.56.0)
+      get-tsconfig: 4.7.2
       is-glob: 4.0.3
       minimatch: 3.1.2
-      object.fromentries: 2.0.7
-      object.groupby: 1.0.1
-      object.values: 1.1.7
-      semver: 6.3.1
-      tsconfig-paths: 3.15.0
+      semver: 7.5.4
     transitivePeerDependencies:
+      - '@typescript-eslint/parser'
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
     dev: true
 
-  /eslint-plugin-jsonc@2.9.0(eslint@8.56.0):
-    resolution: {integrity: sha512-RK+LeONVukbLwT2+t7/OY54NJRccTXh/QbnXzPuTLpFMVZhPuq1C9E07+qWenGx7rrQl0kAalAWl7EmB+RjpGA==}
+  /eslint-plugin-jsonc@2.13.0(eslint@8.56.0):
+    resolution: {integrity: sha512-2wWdJfpO/UbZzPDABuUVvlUQjfMJa2p2iQfYt/oWxOMpXCcjuiMUSaA02gtY/Dbu82vpaSqc+O7Xq6ECHwtIxA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
       eslint: 8.56.0
+      eslint-compat-utils: 0.4.1(eslint@8.56.0)
+      espree: 9.6.1
+      graphemer: 1.4.0
       jsonc-eslint-parser: 2.4.0
       natural-compare: 1.4.0
+      synckit: 0.6.2
     dev: true
 
   /eslint-plugin-markdown@3.0.1(eslint@8.56.0):
@@ -6157,6 +6193,31 @@ packages:
       - supports-color
     dev: true
 
+  /eslint-plugin-n@16.6.2(eslint@8.56.0):
+    resolution: {integrity: sha512-6TyDmZ1HXoFQXnhCTUjVFULReoBPOAjpuiKELMkeP40yffI/1ZRO+d9ug/VC6fqISo2WkuIBk3cvuRPALaWlOQ==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      eslint: '>=7.0.0'
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
+      builtins: 5.0.1
+      eslint: 8.56.0
+      eslint-plugin-es-x: 7.5.0(eslint@8.56.0)
+      get-tsconfig: 4.7.2
+      globals: 13.24.0
+      ignore: 5.3.0
+      is-builtin-module: 3.2.1
+      is-core-module: 2.13.1
+      minimatch: 3.1.2
+      resolve: 1.22.8
+      semver: 7.5.4
+    dev: true
+
+  /eslint-plugin-no-only-tests@3.1.0:
+    resolution: {integrity: sha512-Lf4YW/bL6Un1R6A76pRZyE1dl1vr31G/ev8UzIc/geCgFWyrKil8hVjYqWVKGB/UIGmb6Slzs9T0wNezdSVegw==}
+    engines: {node: '>=5.0.0'}
+    dev: true
+
   /eslint-plugin-nuxt@4.0.0(eslint@8.56.0):
     resolution: {integrity: sha512-v3Vwdk8YKe52bAz8eSIDqQuTtfL/T1r9dSl1uhC5SyR5pgLxgKkQdxXVf/Bf6Ax7uyd9rHqiAuYVdqqDb7ILdA==}
     dependencies:
@@ -6168,8 +6229,36 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-plugin-prettier@5.0.0(eslint-config-prettier@9.0.0)(eslint@8.56.0)(prettier@3.0.3):
-    resolution: {integrity: sha512-AgaZCVuYDXHUGxj/ZGu1u8H8CYgDY3iG6w5kUFw4AzMVXzB7VvbKgYR4nATIN+OvUrghMbiDLeimVjVY5ilq3w==}
+  /eslint-plugin-perfectionist@2.5.0(eslint@8.56.0)(typescript@5.3.3)(vue-eslint-parser@9.4.2):
+    resolution: {integrity: sha512-F6XXcq4mKKUe/SREoMGQqzgw6cgCgf3pFzkFfQVIGtqD1yXVpQjnhTepzhBeZfxZwgMzR9HO4yH4CUhIQ2WBcQ==}
+    peerDependencies:
+      astro-eslint-parser: ^0.16.0
+      eslint: '>=8.0.0'
+      svelte: '>=3.0.0'
+      svelte-eslint-parser: ^0.33.0
+      vue-eslint-parser: '>=9.0.0'
+    peerDependenciesMeta:
+      astro-eslint-parser:
+        optional: true
+      svelte:
+        optional: true
+      svelte-eslint-parser:
+        optional: true
+      vue-eslint-parser:
+        optional: true
+    dependencies:
+      '@typescript-eslint/utils': 6.20.0(eslint@8.56.0)(typescript@5.3.3)
+      eslint: 8.56.0
+      minimatch: 9.0.3
+      natural-compare-lite: 1.4.0
+      vue-eslint-parser: 9.4.2(eslint@8.56.0)
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /eslint-plugin-prettier@5.1.3(eslint-config-prettier@9.1.0)(eslint@8.56.0)(prettier@3.2.4):
+    resolution: {integrity: sha512-C9GCVAs4Eq7ZC/XFQHITLiHJxQngdtraXaM+LoUFoFp/lHNl2Zn8f3WQbe9HvTBBQ9YnKFB0/2Ajdqwo5D1EAw==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       '@types/eslint': '>=8.0.0'
@@ -6183,37 +6272,40 @@ packages:
         optional: true
     dependencies:
       eslint: 8.56.0
-      eslint-config-prettier: 9.0.0(eslint@8.56.0)
-      prettier: 3.0.3
+      eslint-config-prettier: 9.1.0(eslint@8.56.0)
+      prettier: 3.2.4
       prettier-linter-helpers: 1.0.0
       synckit: 0.8.8
     dev: true
 
-  /eslint-plugin-unicorn@48.0.1(eslint@8.56.0):
-    resolution: {integrity: sha512-FW+4r20myG/DqFcCSzoumaddKBicIPeFnTrifon2mWIzlfyvzwyqZjqVP7m4Cqr/ZYisS2aiLghkUWaPg6vtCw==}
+  /eslint-plugin-unicorn@50.0.1(eslint@8.56.0):
+    resolution: {integrity: sha512-KxenCZxqSYW0GWHH18okDlOQcpezcitm5aOSz6EnobyJ6BIByiPDviQRjJIUAjG/tMN11958MxaQ+qCoU6lfDA==}
     engines: {node: '>=16'}
     peerDependencies:
-      eslint: '>=8.44.0'
+      eslint: '>=8.56.0'
     dependencies:
       '@babel/helper-validator-identifier': 7.22.20
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
-      ci-info: 3.9.0
+      '@eslint/eslintrc': 2.1.4
+      ci-info: 4.0.0
       clean-regexp: 1.0.0
+      core-js-compat: 3.35.1
       eslint: 8.56.0
       esquery: 1.5.0
       indent-string: 4.0.0
       is-builtin-module: 3.2.1
       jsesc: 3.0.2
-      lodash: 4.17.21
       pluralize: 8.0.0
       read-pkg-up: 7.0.1
       regexp-tree: 0.1.27
       regjsparser: 0.10.0
       semver: 7.5.4
       strip-indent: 3.0.0
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
-  /eslint-plugin-unused-imports@3.0.0(@typescript-eslint/eslint-plugin@6.7.0)(eslint@8.56.0):
+  /eslint-plugin-unused-imports@3.0.0(@typescript-eslint/eslint-plugin@6.19.1)(eslint@8.56.0):
     resolution: {integrity: sha512-sduiswLJfZHeeBJ+MQaG+xYzSWdRXoSw61DpU13mzWumCkR0ufD0HmO4kdNokjrkluMHpj/7PJeN35pgbhW3kw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -6223,13 +6315,35 @@ packages:
       '@typescript-eslint/eslint-plugin':
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 6.7.0(@typescript-eslint/parser@6.7.0)(eslint@8.56.0)(typescript@5.2.2)
+      '@typescript-eslint/eslint-plugin': 6.19.1(@typescript-eslint/parser@6.19.1)(eslint@8.56.0)(typescript@5.3.3)
       eslint: 8.56.0
       eslint-rule-composer: 0.3.0
     dev: true
 
-  /eslint-plugin-vue@9.17.0(eslint@8.56.0):
-    resolution: {integrity: sha512-r7Bp79pxQk9I5XDP0k2dpUC7Ots3OSWgvGZNu3BxmKK6Zg7NgVtcOB6OCna5Kb9oQwJPl5hq183WD0SY5tZtIQ==}
+  /eslint-plugin-vitest@0.3.20(@typescript-eslint/eslint-plugin@6.19.1)(eslint@8.56.0)(typescript@5.3.3)(vitest@1.2.2):
+    resolution: {integrity: sha512-O05k4j9TGMOkkghj9dRgpeLDyOSiVIxQWgNDPfhYPm5ioJsehcYV/zkRLekQs+c8+RBCVXucSED3fYOyy2EoWA==}
+    engines: {node: ^18.0.0 || >= 20.0.0}
+    peerDependencies:
+      '@typescript-eslint/eslint-plugin': '*'
+      eslint: '>=8.0.0'
+      vitest: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/eslint-plugin':
+        optional: true
+      vitest:
+        optional: true
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 6.19.1(@typescript-eslint/parser@6.19.1)(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/utils': 6.20.0(eslint@8.56.0)(typescript@5.3.3)
+      eslint: 8.56.0
+      vitest: 1.2.2(@types/node@20.10.6)(happy-dom@12.10.3)(sass@1.70.0)
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /eslint-plugin-vue@9.19.2(eslint@8.56.0):
+    resolution: {integrity: sha512-CPDqTOG2K4Ni2o4J5wixkLVNwgctKXFu6oBpVJlpNq7f38lh9I80pRTouZSJ2MAebPJlINU/KTFSXyQfBUlymA==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
@@ -6246,8 +6360,8 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-plugin-vue@9.19.2(eslint@8.56.0):
-    resolution: {integrity: sha512-CPDqTOG2K4Ni2o4J5wixkLVNwgctKXFu6oBpVJlpNq7f38lh9I80pRTouZSJ2MAebPJlINU/KTFSXyQfBUlymA==}
+  /eslint-plugin-vue@9.20.1(eslint@8.56.0):
+    resolution: {integrity: sha512-GyCs8K3lkEvoyC1VV97GJhP1SvqsKCiWGHnbn0gVUYiUhaH2+nB+Dv1uekv1THFMPbBfYxukrzQdltw950k+LQ==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
@@ -6258,20 +6372,21 @@ packages:
       nth-check: 2.1.1
       postcss-selector-parser: 6.0.15
       semver: 7.5.4
-      vue-eslint-parser: 9.3.2(eslint@8.56.0)
+      vue-eslint-parser: 9.4.2(eslint@8.56.0)
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /eslint-plugin-yml@1.9.0(eslint@8.56.0):
-    resolution: {integrity: sha512-ayuC57WyVQ5+QZ02y62GiB//5+zsiyzUGxUX/mrhLni+jfsKA4KoITjkbR65iUdjjhWpyTJHPcAIFLKQIOwgsw==}
+  /eslint-plugin-yml@1.12.2(eslint@8.56.0):
+    resolution: {integrity: sha512-hvS9p08FhPT7i/ynwl7/Wt7ke7Rf4P2D6fT8lZlL43peZDTsHtH2A0SIFQ7Kt7+mJ6if6P+FX3iJhMkdnxQwpg==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
       debug: 4.3.4(supports-color@8.1.1)
       eslint: 8.56.0
+      eslint-compat-utils: 0.4.1(eslint@8.56.0)
       lodash: 4.17.21
       natural-compare: 1.4.0
       yaml-eslint-parser: 1.2.2
@@ -6279,6 +6394,16 @@ packages:
       - supports-color
     dev: true
 
+  /eslint-processor-vue-blocks@0.1.1(@vue/compiler-sfc@3.4.15)(eslint@8.56.0):
+    resolution: {integrity: sha512-9+dU5lU881log570oBwpelaJmOfOzSniben7IWEDRYQPPWwlvaV7NhOtsTuUWDqpYT+dtKKWPsgz4OkOi+aZnA==}
+    peerDependencies:
+      '@vue/compiler-sfc': ^3.3.0
+      eslint: ^8.50.0
+    dependencies:
+      '@vue/compiler-sfc': 3.4.15
+      eslint: 8.56.0
+    dev: true
+
   /eslint-rule-composer@0.3.0:
     resolution: {integrity: sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==}
     engines: {node: '>=4.0.0'}
@@ -6657,12 +6782,6 @@ packages:
       tabbable: 6.2.0
     dev: true
 
-  /for-each@0.3.3:
-    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
-    dependencies:
-      is-callable: 1.2.7
-    dev: true
-
   /foreground-child@3.1.1:
     resolution: {integrity: sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==}
     engines: {node: '>=14'}
@@ -6739,20 +6858,6 @@ packages:
   /function-bind@1.1.2:
     resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
 
-  /function.prototype.name@1.1.6:
-    resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.5
-      define-properties: 1.2.1
-      es-abstract: 1.22.3
-      functions-have-names: 1.2.3
-    dev: true
-
-  /functions-have-names@1.2.3:
-    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
-    dev: true
-
   /gauge@3.0.2:
     resolution: {integrity: sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==}
     engines: {node: '>=10'}
@@ -6791,6 +6896,7 @@ packages:
       has-proto: 1.0.1
       has-symbols: 1.0.3
       hasown: 2.0.0
+    dev: false
 
   /get-port-please@3.1.1:
     resolution: {integrity: sha512-3UBAyM3u4ZBVYDsxOQfJDxEa6XTbpBDrOjp4mf7ExFRt5BKs/QywQQiJsh2B+hxcZLSapWqCRvElUe8DnKcFHA==}
@@ -6813,12 +6919,10 @@ packages:
     resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
     engines: {node: '>=16'}
 
-  /get-symbol-description@1.0.0:
-    resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
-    engines: {node: '>= 0.4'}
+  /get-tsconfig@4.7.2:
+    resolution: {integrity: sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==}
     dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
+      resolve-pkg-maps: 1.0.0
     dev: true
 
   /getos@3.2.1:
@@ -6968,13 +7072,6 @@ packages:
     dependencies:
       type-fest: 0.20.2
 
-  /globalthis@1.0.3:
-    resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      define-properties: 1.2.1
-    dev: true
-
   /globby@11.1.0:
     resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
     engines: {node: '>=10'}
@@ -7004,6 +7101,7 @@ packages:
     resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
     dependencies:
       get-intrinsic: 1.2.2
+    dev: false
 
   /graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
@@ -7078,10 +7176,6 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /has-bigints@1.0.2:
-    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
-    dev: true
-
   /has-flag@3.0.0:
     resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
     engines: {node: '>=4'}
@@ -7094,29 +7188,28 @@ packages:
     resolution: {integrity: sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==}
     dependencies:
       get-intrinsic: 1.2.2
+    dev: false
 
   /has-proto@1.0.1:
     resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==}
     engines: {node: '>= 0.4'}
+    dev: false
 
   /has-symbols@1.0.3:
     resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
     engines: {node: '>= 0.4'}
+    dev: false
 
   /has-tostringtag@1.0.0:
     resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
     engines: {node: '>= 0.4'}
     dependencies:
       has-symbols: 1.0.3
+    dev: false
 
   /has-unicode@2.0.1:
     resolution: {integrity: sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==}
 
-  /has@1.0.4:
-    resolution: {integrity: sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==}
-    engines: {node: '>= 0.4.0'}
-    dev: true
-
   /hash-sum@2.0.0:
     resolution: {integrity: sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==}
 
@@ -7458,15 +7551,6 @@ packages:
       wrap-ansi: 6.2.0
     dev: true
 
-  /internal-slot@1.0.6:
-    resolution: {integrity: sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      get-intrinsic: 1.2.2
-      hasown: 2.0.0
-      side-channel: 1.0.4
-    dev: true
-
   /ioredis@5.3.2:
     resolution: {integrity: sha512-1DKMMzlIHM02eBBVOFQ1+AolGjs6+xEcM4PDL7NqOS6szq7H9jSaEkIUH6/a5Hl241LzW6JLSiAbNvTQjUupUA==}
     engines: {node: '>=12.22.0'}
@@ -7516,48 +7600,21 @@ packages:
       is-decimal: 2.0.1
     dev: true
 
-  /is-array-buffer@3.0.2:
-    resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==}
-    dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
-      is-typed-array: 1.1.12
-    dev: true
-
   /is-arrayish@0.2.1:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
 
-  /is-bigint@1.0.4:
-    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
-    dependencies:
-      has-bigints: 1.0.2
-    dev: true
-
   /is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
     dependencies:
       binary-extensions: 2.2.0
 
-  /is-boolean-object@1.1.2:
-    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.5
-      has-tostringtag: 1.0.0
-    dev: true
-
   /is-builtin-module@3.2.1:
     resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
     engines: {node: '>=6'}
     dependencies:
       builtin-modules: 3.3.0
 
-  /is-callable@1.2.7:
-    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
   /is-ci@3.0.1:
     resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==}
     hasBin: true
@@ -7570,13 +7627,6 @@ packages:
     dependencies:
       hasown: 2.0.0
 
-  /is-date-object@1.0.5:
-    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-tostringtag: 1.0.0
-    dev: true
-
   /is-decimal@1.0.4:
     resolution: {integrity: sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw==}
     dev: true
@@ -7673,22 +7723,10 @@ packages:
   /is-module@1.0.0:
     resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
 
-  /is-negative-zero@2.0.2:
-    resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
   /is-node-process@1.2.0:
     resolution: {integrity: sha512-Vg4o6/fqPxIjtxgUH5QLJhwZ7gW5diGCVlXpuUfELC62CuxM1iHcRe51f2W1FDy04Ai4KJkagKjx3XaqyfRKXw==}
     dev: true
 
-  /is-number-object@1.0.7:
-    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-tostringtag: 1.0.0
-    dev: true
-
   /is-number@7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
@@ -7732,20 +7770,6 @@ packages:
     dependencies:
       '@types/estree': 1.0.5
 
-  /is-regex@1.1.4:
-    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.5
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-shared-array-buffer@1.0.2:
-    resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
-    dependencies:
-      call-bind: 1.0.5
-    dev: true
-
   /is-ssh@1.4.0:
     resolution: {integrity: sha512-x7+VxdxOdlV3CYpjvRLBv5Lo9OJerlYanjwFrPR9fuGPjCiNiCzFgAWpiLAohSbsnH4ZAys3SBh+hq5rJosxUQ==}
     dependencies:
@@ -7759,20 +7783,6 @@ packages:
     resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
-  /is-string@1.0.7:
-    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-tostringtag: 1.0.0
-    dev: true
-
-  /is-symbol@1.0.4:
-    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      has-symbols: 1.0.3
-    dev: true
-
   /is-text-path@2.0.0:
     resolution: {integrity: sha512-+oDTluR6WEjdXEJMnC2z6A4FRwFoYuvShVVEGsS7ewc0UTi2QtAKMDJuL4BDEVt+5T7MjFo12RP8ghOM75oKJw==}
     engines: {node: '>=8'}
@@ -7780,13 +7790,6 @@ packages:
       text-extensions: 2.4.0
     dev: true
 
-  /is-typed-array@1.1.12:
-    resolution: {integrity: sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      which-typed-array: 1.1.13
-    dev: true
-
   /is-typedarray@1.0.0:
     resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==}
     dev: false
@@ -7795,12 +7798,6 @@ packages:
     resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
     engines: {node: '>=10'}
 
-  /is-weakref@1.0.2:
-    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
-    dependencies:
-      call-bind: 1.0.5
-    dev: true
-
   /is-wsl@2.2.0:
     resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
     engines: {node: '>=8'}
@@ -7822,10 +7819,6 @@ packages:
   /isarray@1.0.0:
     resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
 
-  /isarray@2.0.5:
-    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
-    dev: true
-
   /isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
@@ -7961,13 +7954,6 @@ packages:
     resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==}
     dev: false
 
-  /json5@1.0.2:
-    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
-    hasBin: true
-    dependencies:
-      minimist: 1.2.8
-    dev: true
-
   /json5@2.2.3:
     resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
     engines: {node: '>=6'}
@@ -9184,6 +9170,10 @@ packages:
     engines: {node: ^14 || ^16 || >=18}
     hasBin: true
 
+  /natural-compare-lite@1.4.0:
+    resolution: {integrity: sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==}
+    dev: true
+
   /natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
@@ -9709,48 +9699,7 @@ packages:
 
   /object-inspect@1.13.1:
     resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
-
-  /object-keys@1.1.1:
-    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
-    engines: {node: '>= 0.4'}
-    dev: true
-
-  /object.assign@4.1.5:
-    resolution: {integrity: sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.5
-      define-properties: 1.2.1
-      has-symbols: 1.0.3
-      object-keys: 1.1.1
-    dev: true
-
-  /object.fromentries@2.0.7:
-    resolution: {integrity: sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.5
-      define-properties: 1.2.1
-      es-abstract: 1.22.3
-    dev: true
-
-  /object.groupby@1.0.1:
-    resolution: {integrity: sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==}
-    dependencies:
-      call-bind: 1.0.5
-      define-properties: 1.2.1
-      es-abstract: 1.22.3
-      get-intrinsic: 1.2.2
-    dev: true
-
-  /object.values@1.1.7:
-    resolution: {integrity: sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.5
-      define-properties: 1.2.1
-      es-abstract: 1.22.3
-    dev: true
+    dev: false
 
   /ofetch@1.3.3:
     resolution: {integrity: sha512-s1ZCMmQWXy4b5K/TW9i/DtiN8Ku+xCiHcjQ6/J/nDdssirrQNOoB165Zu8EqLMA2lln1JUth9a0aW9Ap2ctrUg==}
@@ -9976,6 +9925,11 @@ packages:
       git-config-path: 2.0.0
       ini: 1.3.8
 
+  /parse-gitignore@2.0.0:
+    resolution: {integrity: sha512-RmVuCHWsfu0QPNW+mraxh/xjQVw/lhUCUru8Zni3Ctq3AoMhpDTq0OVdKS6iesd6Kqb7viCV3isAL43dciOSog==}
+    engines: {node: '>=14'}
+    dev: true
+
   /parse-json@5.2.0:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
     engines: {node: '>=8'}
@@ -10561,8 +10515,8 @@ packages:
       fast-diff: 1.3.0
     dev: true
 
-  /prettier@3.0.3:
-    resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==}
+  /prettier@3.2.4:
+    resolution: {integrity: sha512-FWu1oLHKCrtpO1ypU6J0SbK2d9Ckwysq6bHj/uaCP26DxrPpppCLQRGVuqAxSTvhF00AcvDRyYrLNW7ocBhFFQ==}
     engines: {node: '>=14'}
     hasBin: true
     dev: true
@@ -10801,15 +10755,6 @@ packages:
     hasBin: true
     dev: true
 
-  /regexp.prototype.flags@1.5.1:
-    resolution: {integrity: sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.5
-      define-properties: 1.2.1
-      set-function-name: 2.0.1
-    dev: true
-
   /regjsparser@0.10.0:
     resolution: {integrity: sha512-qx+xQGZVsy55CH0a1hiVwHmqjLryfh7wQyF5HO07XJ9f7dQMY/gPQHhlyDkIzJKC+x2fUCpCcUODUUUFrm7SHA==}
     hasBin: true
@@ -10993,6 +10938,10 @@ packages:
       path-is-absolute: 1.0.1
     dev: false
 
+  /resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+    dev: true
+
   /resolve@1.22.8:
     resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
     hasBin: true
@@ -11105,30 +11054,12 @@ packages:
     dependencies:
       tslib: 2.6.2
 
-  /safe-array-concat@1.0.1:
-    resolution: {integrity: sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==}
-    engines: {node: '>=0.4'}
-    dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
-      has-symbols: 1.0.3
-      isarray: 2.0.5
-    dev: true
-
   /safe-buffer@5.1.2:
     resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
 
   /safe-buffer@5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
 
-  /safe-regex-test@1.0.0:
-    resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}
-    dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
-      is-regex: 1.1.4
-    dev: true
-
   /safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
@@ -11250,15 +11181,7 @@ packages:
       get-intrinsic: 1.2.2
       gopd: 1.0.1
       has-property-descriptors: 1.0.1
-
-  /set-function-name@2.0.1:
-    resolution: {integrity: sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      define-data-property: 1.1.1
-      functions-have-names: 1.2.3
-      has-property-descriptors: 1.0.1
-    dev: true
+    dev: false
 
   /setprototypeof@1.1.0:
     resolution: {integrity: sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==}
@@ -11306,6 +11229,7 @@ packages:
       call-bind: 1.0.5
       get-intrinsic: 1.2.2
       object-inspect: 1.13.1
+    dev: false
 
   /siginfo@2.0.0:
     resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
@@ -11599,31 +11523,6 @@ packages:
       strip-ansi: 7.1.0
     dev: true
 
-  /string.prototype.trim@1.2.8:
-    resolution: {integrity: sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.5
-      define-properties: 1.2.1
-      es-abstract: 1.22.3
-    dev: true
-
-  /string.prototype.trimend@1.0.7:
-    resolution: {integrity: sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==}
-    dependencies:
-      call-bind: 1.0.5
-      define-properties: 1.2.1
-      es-abstract: 1.22.3
-    dev: true
-
-  /string.prototype.trimstart@1.0.7:
-    resolution: {integrity: sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==}
-    dependencies:
-      call-bind: 1.0.5
-      define-properties: 1.2.1
-      es-abstract: 1.22.3
-    dev: true
-
   /string_decoder@1.1.1:
     resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
     dependencies:
@@ -11653,11 +11552,6 @@ packages:
     dependencies:
       ansi-regex: 6.0.1
 
-  /strip-bom@3.0.0:
-    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
-    engines: {node: '>=4'}
-    dev: true
-
   /strip-final-newline@2.0.0:
     resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
     engines: {node: '>=6'}
@@ -11912,6 +11806,13 @@ packages:
     engines: {node: '>= 4.7.0'}
     dev: false
 
+  /synckit@0.6.2:
+    resolution: {integrity: sha512-Vhf+bUa//YSTYKseDiiEuQmhGCoIF3CVBhunm3r/DQnYiGT4JssmnKQc44BIyOZRK2pKjXXAgbhfmbeoC9CJpA==}
+    engines: {node: '>=12.20'}
+    dependencies:
+      tslib: 2.6.2
+    dev: true
+
   /synckit@0.8.8:
     resolution: {integrity: sha512-HwOKAP7Wc5aRGYdKH+dw0PRRpbO841v2DENBtjnR5HFWoiNByAl7vrx3p0G/rCyYXQsrxqtX48TImFtPcIHSpQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -12169,15 +12070,6 @@ packages:
     resolution: {integrity: sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==}
     dev: true
 
-  /ts-api-utils@1.0.3(typescript@5.2.2):
-    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
-    engines: {node: '>=16.13.0'}
-    peerDependencies:
-      typescript: '>=4.2.0'
-    dependencies:
-      typescript: 5.2.2
-    dev: true
-
   /ts-api-utils@1.0.3(typescript@5.3.3):
     resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
     engines: {node: '>=16.13.0'}
@@ -12190,15 +12082,6 @@ packages:
   /ts-interface-checker@0.1.13:
     resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
 
-  /tsconfig-paths@3.15.0:
-    resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
-    dependencies:
-      '@types/json5': 0.0.29
-      json5: 1.0.2
-      minimist: 1.2.8
-      strip-bom: 3.0.0
-    dev: true
-
   /tslib@2.4.0:
     resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
     dev: false
@@ -12282,50 +12165,6 @@ packages:
       mime-types: 2.1.35
     dev: false
 
-  /typed-array-buffer@1.0.0:
-    resolution: {integrity: sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
-      is-typed-array: 1.1.12
-    dev: true
-
-  /typed-array-byte-length@1.0.0:
-    resolution: {integrity: sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      call-bind: 1.0.5
-      for-each: 0.3.3
-      has-proto: 1.0.1
-      is-typed-array: 1.1.12
-    dev: true
-
-  /typed-array-byte-offset@1.0.0:
-    resolution: {integrity: sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      available-typed-arrays: 1.0.5
-      call-bind: 1.0.5
-      for-each: 0.3.3
-      has-proto: 1.0.1
-      is-typed-array: 1.1.12
-    dev: true
-
-  /typed-array-length@1.0.4:
-    resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==}
-    dependencies:
-      call-bind: 1.0.5
-      for-each: 0.3.3
-      is-typed-array: 1.1.12
-    dev: true
-
-  /typescript@5.2.2:
-    resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==}
-    engines: {node: '>=14.17'}
-    hasBin: true
-    dev: true
-
   /typescript@5.3.3:
     resolution: {integrity: sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==}
     engines: {node: '>=14.17'}
@@ -12337,15 +12176,6 @@ packages:
   /ultrahtml@1.5.2:
     resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==}
 
-  /unbox-primitive@1.0.2:
-    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
-    dependencies:
-      call-bind: 1.0.5
-      has-bigints: 1.0.2
-      has-symbols: 1.0.3
-      which-boxed-primitive: 1.0.2
-    dev: true
-
   /unconfig@0.3.11:
     resolution: {integrity: sha512-bV/nqePAKv71v3HdVUn6UefbsDKQWRX+bJIkiSm0+twIds6WiD2bJLWWT3i214+J/B4edufZpG2w7Y63Vbwxow==}
     dependencies:
@@ -13111,6 +12941,24 @@ packages:
       - supports-color
     dev: true
 
+  /vue-eslint-parser@9.4.2(eslint@8.56.0):
+    resolution: {integrity: sha512-Ry9oiGmCAK91HrKMtCrKFWmSFWvYkpGglCeFAIqDdr9zdXmMMpJOmUJS7WWsW7fX81h6mwHmUZCQQ1E0PkSwYQ==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=6.0.0'
+    dependencies:
+      debug: 4.3.4(supports-color@8.1.1)
+      eslint: 8.56.0
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      esquery: 1.5.0
+      lodash: 4.17.21
+      semver: 7.5.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /vue-i18n@9.9.1(vue@3.4.15):
     resolution: {integrity: sha512-xyQ4VspLdNSPTKBFBPWa1tvtj+9HuockZwgFeD2OhxxXuC2CWeNvV4seu2o9+vbQOyQbhAM5Ez56oxUrrnTWdw==}
     engines: {node: '>= 16'}
@@ -13254,30 +13102,9 @@ packages:
       tr46: 0.0.3
       webidl-conversions: 3.0.1
 
-  /which-boxed-primitive@1.0.2:
-    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
-    dependencies:
-      is-bigint: 1.0.4
-      is-boolean-object: 1.1.2
-      is-number-object: 1.0.7
-      is-string: 1.0.7
-      is-symbol: 1.0.4
-    dev: true
-
   /which-module@2.0.1:
     resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
 
-  /which-typed-array@1.1.13:
-    resolution: {integrity: sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==}
-    engines: {node: '>= 0.4'}
-    dependencies:
-      available-typed-arrays: 1.0.5
-      call-bind: 1.0.5
-      for-each: 0.3.3
-      gopd: 1.0.1
-      has-tostringtag: 1.0.0
-    dev: true
-
   /which@1.3.1:
     resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
     hasBin: true
diff --git a/server/api/_sitemap-urls.ts b/server/api/_sitemap-urls.ts
index 06471448..1b8e080e 100644
--- a/server/api/_sitemap-urls.ts
+++ b/server/api/_sitemap-urls.ts
@@ -1,11 +1,12 @@
-import { type ParsedContent } from '@nuxt/content/dist/runtime/types';
-import { serverQueryContent } from '#content/server';
 import { CONTENT_PREFIX, LOCAL_CONTENT_PREFIX } from '~/utils/constants';
+import type { ParsedContent } from '@nuxt/content/dist/runtime/types';
+import { serverQueryContent } from '#content/server';
 
-const getLink = (path?: string) =>
-  path?.startsWith(CONTENT_PREFIX)
+function getLink(path?: string) {
+  return path?.startsWith(CONTENT_PREFIX)
     ? `${path}`.replace(CONTENT_PREFIX, '')
     : path;
+}
 
 export default cachedEventHandler(
   async (event) => {
@@ -20,7 +21,8 @@ export default cachedEventHandler(
         })
         .only('_path')
         .find();
-    } catch {
+    }
+    catch {
       // fallback to local if remote fails
       jobs = await serverQueryContent(event)
         .where({
@@ -33,15 +35,15 @@ export default cachedEventHandler(
 
     const now = new Date().toDateString();
 
-    return jobs.map((job) => ({
-      loc: getLink(job._path),
-      lastmod: now,
+    return jobs.map(job => ({
       changefreq: 'daily',
+      lastmod: now,
+      loc: getLink(job._path),
       priority: 0.8,
     }));
   },
   {
-    name: 'sitemap-dynamic-urls',
     maxAge: 60 * 10, // 10 minutes
+    name: 'sitemap-dynamic-urls',
   },
 );
diff --git a/server/middleware/csp.ts b/server/middleware/csp.ts
index a7007f5b..c159a2b0 100644
--- a/server/middleware/csp.ts
+++ b/server/middleware/csp.ts
@@ -1,50 +1,42 @@
-const SELF = "'self'";
-const UNSAFE_INLINE = "'unsafe-inline'";
-const UNSAFE_EVAL = "'unsafe-eval'";
-const NONE = "'none'";
+const SELF = '\'self\'';
+const UNSAFE_INLINE = '\'unsafe-inline\'';
+const UNSAFE_EVAL = '\'unsafe-eval\'';
+const NONE = '\'none\'';
 
 const ContentPolicy = {
-  FRAME_ANCESTORS: 'frame-ancestors',
+  BASE_URI: 'base-uri',
   BLOCK_ALL_MIXED_CONTENT: 'block-all-mixed-content',
-  DEFAULT_SRC: 'default-src',
-  SCRIPT_SRC: 'script-src',
-  STYLE_SRC: 'style-src',
-  OBJECT_SRC: 'object-src',
-  FRAME_SRC: 'frame-src',
   CHILD_SRC: 'child-src',
-  IMG_SRC: 'img-src',
   CONNECT_SRC: 'connect-src',
-  BASE_URI: 'base-uri',
+  DEFAULT_SRC: 'default-src',
+  FONT_SRC: 'font-src',
   FORM_ACTION: 'form-action',
+  FRAME_ANCESTORS: 'frame-ancestors',
+  FRAME_SRC: 'frame-src',
+  IMG_SRC: 'img-src',
+  OBJECT_SRC: 'object-src',
+  SCRIPT_SRC: 'script-src',
+  STYLE_SRC: 'style-src',
   WORKER_SRC: 'worker-src',
-  FONT_SRC: 'font-src',
 } as const;
 
 type ContentPolicy = (typeof ContentPolicy)[keyof typeof ContentPolicy];
 
 const policy: Record<ContentPolicy, string[]> = {
-  [ContentPolicy.FRAME_ANCESTORS]: [SELF],
+  [ContentPolicy.BASE_URI]: [SELF],
   [ContentPolicy.BLOCK_ALL_MIXED_CONTENT]: [],
+  [ContentPolicy.CHILD_SRC]: [NONE],
+  [ContentPolicy.CONNECT_SRC]: [SELF, 'api.github.com'],
   [ContentPolicy.DEFAULT_SRC]: [SELF],
-  [ContentPolicy.SCRIPT_SRC]: [
-    SELF,
-    UNSAFE_INLINE,
-    UNSAFE_EVAL,
-    'https://www.recaptcha.net',
-    'https://recaptcha.net',
-    'https://www.gstatic.com/recaptcha/',
-    'https://www.gstatic.cn/recaptcha/',
-    'https://www.google.com/recaptcha/',
-  ],
-  [ContentPolicy.STYLE_SRC]: [SELF, UNSAFE_INLINE, 'fonts.googleapis.com'],
-  [ContentPolicy.OBJECT_SRC]: [NONE],
+  [ContentPolicy.FONT_SRC]: [SELF, 'fonts.gstatic.com'],
+  [ContentPolicy.FORM_ACTION]: [SELF],
+  [ContentPolicy.FRAME_ANCESTORS]: [SELF],
   [ContentPolicy.FRAME_SRC]: [
     '*.recaptcha.net',
     'recaptcha.net',
     'https://www.google.com/recaptcha/',
     'https://recaptcha.google.com',
   ],
-  [ContentPolicy.CHILD_SRC]: [NONE],
   [ContentPolicy.IMG_SRC]: [
     SELF,
     UNSAFE_INLINE,
@@ -52,11 +44,19 @@ const policy: Record<ContentPolicy, string[]> = {
     'www.gstatic.com/recaptcha',
     'https://pbs.twimg.com/profile_images/',
   ],
-  [ContentPolicy.CONNECT_SRC]: [SELF, 'api.github.com'],
-  [ContentPolicy.BASE_URI]: [SELF],
-  [ContentPolicy.FORM_ACTION]: [SELF],
+  [ContentPolicy.OBJECT_SRC]: [NONE],
+  [ContentPolicy.SCRIPT_SRC]: [
+    SELF,
+    UNSAFE_INLINE,
+    UNSAFE_EVAL,
+    'https://www.recaptcha.net',
+    'https://recaptcha.net',
+    'https://www.gstatic.com/recaptcha/',
+    'https://www.gstatic.cn/recaptcha/',
+    'https://www.google.com/recaptcha/',
+  ],
+  [ContentPolicy.STYLE_SRC]: [SELF, UNSAFE_INLINE, 'fonts.googleapis.com'],
   [ContentPolicy.WORKER_SRC]: [SELF, 'www.recaptcha.net'],
-  [ContentPolicy.FONT_SRC]: [SELF, 'fonts.gstatic.com'],
 };
 
 function getCSP(page?: 'card' | 'paypal') {
@@ -72,7 +72,8 @@ function getCSP(page?: 'card' | 'paypal') {
     ];
     finalPolicy[ContentPolicy.CONNECT_SRC] = [SELF, '*'];
     finalPolicy[ContentPolicy.FORM_ACTION] = [SELF, '*'];
-  } else if (page === 'paypal') {
+  }
+  else if (page === 'paypal') {
     finalPolicy[ContentPolicy.SCRIPT_SRC] = [
       ...finalPolicy[ContentPolicy.SCRIPT_SRC],
       'js.braintreegateway.com',
@@ -103,9 +104,9 @@ function getCSP(page?: 'card' | 'paypal') {
       '*.paypal.com',
     ];
   }
-  for (const policyKey in finalPolicy) {
+  for (const policyKey in finalPolicy)
     csp += `${policyKey} ${finalPolicy[policyKey as ContentPolicy].join(' ')};`;
-  }
+
   return csp;
 }
 
@@ -113,14 +114,14 @@ const defaultCSP = getCSP();
 
 export default defineEventHandler((event) => {
   const url = event.node.req.url;
-  if (!url || import.meta.env.SKIP_CSP === 'true') {
+  if (!url || import.meta.env.SKIP_CSP === 'true')
     return;
-  }
+
   let csp = defaultCSP;
-  if (url.startsWith('/checkout/pay/card')) {
+  if (url.startsWith('/checkout/pay/card'))
     csp = getCSP('card');
-  } else if (url.startsWith('/checkout/pay/paypal')) {
+  else if (url.startsWith('/checkout/pay/paypal'))
     csp = getCSP('paypal');
-  }
+
   event.node.res.setHeader('content-security-policy', csp);
 });
diff --git a/store/index.ts b/store/index.ts
index 286f2158..9dbb30eb 100644
--- a/store/index.ts
+++ b/store/index.ts
@@ -1,9 +1,8 @@
-//TODO: split store functionality
+// TODO: split store functionality
 /* eslint-disable max-lines */
 import { get, isClient, set, useTimeoutFn } from '@vueuse/core';
 import { FetchError } from 'ofetch';
 import { acceptHMRUpdate, defineStore } from 'pinia';
-import { type Currency } from '~/composables/plan';
 import {
   Account,
   ApiKeys,
@@ -26,17 +25,18 @@ import {
   type Subscription,
   UpdateProfileResponse,
 } from '~/types';
-import {
-  type DeleteAccountPayload,
-  type PasswordChangePayload,
-  type ProfilePayload,
-} from '~/types/account';
 import { PaymentError } from '~/types/codes';
-import { type ActionResult } from '~/types/common';
-import { type LoginCredentials } from '~/types/login';
 import { fetchWithCsrf } from '~/utils/api';
 import { assert } from '~/utils/assert';
 import { logger } from '~/utils/logger';
+import type { LoginCredentials } from '~/types/login';
+import type { ActionResult } from '~/types/common';
+import type {
+  DeleteAccountPayload,
+  PasswordChangePayload,
+  ProfilePayload,
+} from '~/types/account';
+import type { Currency } from '~/composables/plan';
 
 const SESSION_TIMEOUT = 3600000;
 
@@ -57,34 +57,35 @@ export const useMainStore = defineStore('main', () => {
       );
       set(authenticated, true);
       set(account, Account.parse(response.result));
-    } catch (e) {
-      logger.error(e);
+    }
+    catch (error) {
+      logger.error(error);
     }
   };
 
   const login = async ({
-    username,
     password,
+    username,
   }: LoginCredentials): Promise<string> => {
     try {
       await fetchWithCsrf<string>('/webapi/login/', {
-        method: 'POST',
-        credentials: 'include',
         body: {
-          username,
           password,
+          username,
         },
+        credentials: 'include',
+        method: 'POST',
       });
       await getAccount();
       set(authenticated, true);
       return '';
-    } catch (e: any) {
-      let message = e.message;
-      if (e instanceof FetchError) {
-        const status = e?.status || -1;
-        if (status === 400 && e.response) {
-          message = e.data.message || '';
-        }
+    }
+    catch (error: any) {
+      let message = error.message;
+      if (error instanceof FetchError) {
+        const status = error?.status || -1;
+        if (status === 400 && error.response)
+          message = error.data.message || '';
       }
       set(authenticated, false);
       return message;
@@ -105,8 +106,9 @@ export const useMainStore = defineStore('main', () => {
         ...acc,
         ...ApiKeys.parse(response.result),
       });
-    } catch (e) {
-      logger.error(e);
+    }
+    catch (error) {
+      logger.error(error);
     }
   };
 
@@ -117,25 +119,26 @@ export const useMainStore = defineStore('main', () => {
       const response = await fetchWithCsrf<ChangePasswordResponse>(
         '/webapi/change-password/',
         {
-          method: 'PATCH',
           body: payload,
+          method: 'PATCH',
         },
       );
       const data = ChangePasswordResponse.parse(response);
       return {
-        success: data.result ?? false,
         message: '',
+        success: data.result ?? false,
       };
-    } catch (e: any) {
-      logger.error(e);
-      let message = e.message;
-      if (e instanceof FetchError && e.status === 400) {
-        const data = ChangePasswordResponse.parse(e.data);
+    }
+    catch (error: any) {
+      logger.error(error);
+      let message = error.message;
+      if (error instanceof FetchError && error.status === 400) {
+        const data = ChangePasswordResponse.parse(error.data);
         message = data.message;
       }
       return {
-        success: false,
         message,
+        success: false,
       };
     }
   };
@@ -147,8 +150,8 @@ export const useMainStore = defineStore('main', () => {
       const response = await fetchWithCsrf<UpdateProfileResponse>(
         '/webapi/account/',
         {
-          method: 'PATCH',
           body: payload,
+          method: 'PATCH',
         },
       );
 
@@ -162,19 +165,20 @@ export const useMainStore = defineStore('main', () => {
         ...result,
       });
 
-      if (payload.country !== country) {
+      if (payload.country !== country)
         await getAccount();
-      }
+
       return { success: true };
-    } catch (e: any) {
-      logger.error(e);
-      let message = e.message;
-      if (e instanceof FetchError && e.status === 400) {
-        message = UpdateProfileResponse.parse(e.data).message;
-      }
+    }
+    catch (error: any) {
+      logger.error(error);
+      let message = error.message;
+      if (error instanceof FetchError && error.status === 400)
+        message = UpdateProfileResponse.parse(error.data).message;
+
       return {
-        success: false,
         message,
+        success: false,
       };
     }
   };
@@ -193,27 +197,28 @@ export const useMainStore = defineStore('main', () => {
 
       const data = DeleteAccountResponse.parse(response);
       return {
-        success: data.result ?? false,
         message: data.message,
+        success: data.result ?? false,
       };
-    } catch (e: any) {
-      let message = e.message;
-      if (e instanceof FetchError && e.status === 400) {
-        message = DeleteAccountResponse.parse(e.data).message;
-      }
-      logger.error(e);
+    }
+    catch (error: any) {
+      let message = error.message;
+      if (error instanceof FetchError && error.status === 400)
+        message = DeleteAccountResponse.parse(error.data).message;
+
+      logger.error(error);
       return {
-        success: false,
         message,
+        success: false,
       };
     }
   };
 
   const subscriptions: ComputedRef<Subscription[]> = computed(() => {
     const userAccount = get(account);
-    if (!userAccount) {
+    if (!userAccount)
       return [];
-    }
+
     return userAccount.subscriptions;
   });
 
@@ -229,15 +234,15 @@ export const useMainStore = defineStore('main', () => {
         },
       );
       const data = CancelSubscriptionResponse.parse(response);
-      if (data.result) {
+      if (data.result)
         await getAccount();
-      }
-    } catch (e: any) {
-      let message = e.message;
-      if (e instanceof FetchError && e.status === 404) {
-        message = CancelSubscriptionResponse.parse(e.data).message;
-      }
-      logger.error(e);
+    }
+    catch (error: any) {
+      let message = error.message;
+      if (error instanceof FetchError && error.status === 404)
+        message = CancelSubscriptionResponse.parse(error.data).message;
+
+      logger.error(error);
       set(cancellationError, message);
     }
   };
@@ -258,8 +263,9 @@ export const useMainStore = defineStore('main', () => {
       const data = PremiumResponse.parse(response);
       set(plans, data.result.plans);
       set(authenticatedOnPlansLoad, get(authenticated));
-    } catch (e: any) {
-      logger.error(e);
+    }
+    catch (error: any) {
+      logger.error(error);
     }
   };
 
@@ -276,11 +282,12 @@ export const useMainStore = defineStore('main', () => {
         isError: false,
         result: data.result,
       };
-    } catch (e: any) {
-      logger.error(e);
+    }
+    catch (error: any) {
+      logger.error(error);
       return {
+        error,
         isError: true,
-        error: e,
       };
     }
   };
@@ -292,11 +299,11 @@ export const useMainStore = defineStore('main', () => {
       const response = await fetchWithCsrf<CardPaymentResponse>(
         '/webapi/payment/btr',
         {
-          method: 'POST',
           body: request,
+          method: 'POST',
         },
       );
-      getAccount().then();
+      getAccount().then().catch(error => logger.error(error));
 
       const data = CardPaymentResponse.parse(response);
       assert(data.result);
@@ -304,22 +311,24 @@ export const useMainStore = defineStore('main', () => {
         isError: false,
         result: true,
       };
-    } catch (e: any) {
-      let error = e;
-      let code: PaymentError | undefined = undefined;
-      if (e instanceof FetchError) {
-        if (e.status === 400) {
-          error = new Error(CardPaymentResponse.parse(e.data).message);
-        } else if (e.status === 403) {
+    }
+    catch (error_: any) {
+      let error = error_;
+      let code: PaymentError | undefined;
+      if (error_ instanceof FetchError) {
+        if (error_.status === 400) {
+          error = new Error(CardPaymentResponse.parse(error_.data).message);
+        }
+        else if (error_.status === 403) {
           error = '';
           code = PaymentError.UNVERIFIED;
         }
       }
-      logger.error(e);
+      logger.error(error_);
       return {
-        isError: true,
-        error,
         code,
+        error,
+        isError: true,
       };
     }
   };
@@ -333,7 +342,6 @@ export const useMainStore = defineStore('main', () => {
       const response = await fetchWithCsrf<CryptoPaymentResponse>(
         '/webapi/payment/crypto',
         {
-          method: 'POST',
           body: convertKeys(
             {
               currency,
@@ -343,31 +351,34 @@ export const useMainStore = defineStore('main', () => {
             false,
             false,
           ),
+          method: 'POST',
         },
       );
 
       const { result } = CryptoPaymentResponse.parse(response);
       assert(result);
       return {
-        result,
         isError: false,
+        result,
       };
-    } catch (e: any) {
-      let error = e;
-      let code: PaymentError | undefined = undefined;
-      if (e instanceof FetchError) {
-        if (e.status === 400) {
-          error = new Error(CardPaymentResponse.parse(e.data).message);
-        } else if (e.status === 403) {
+    }
+    catch (error_: any) {
+      let error = error_;
+      let code: PaymentError | undefined;
+      if (error_ instanceof FetchError) {
+        if (error_.status === 400) {
+          error = new Error(CardPaymentResponse.parse(error_.data).message);
+        }
+        else if (error_.status === 403) {
           error = '';
           code = PaymentError.UNVERIFIED;
         }
       }
-      logger.error(e);
+      logger.error(error_);
       return {
+        code,
         error,
         isError: true,
-        code,
       };
     }
   };
@@ -385,18 +396,19 @@ export const useMainStore = defineStore('main', () => {
       const data = PendingCryptoPaymentResponse.parse(response);
       if (data.result) {
         return {
-          result: data.result,
           isError: false,
+          result: data.result,
         };
       }
       return {
         error: new Error(data.message),
         isError: true,
       };
-    } catch (e: any) {
-      logger.error(e);
+    }
+    catch (error: any) {
+      logger.error(error);
       return {
-        error: e,
+        error,
         isError: true,
       };
     }
@@ -411,21 +423,22 @@ export const useMainStore = defineStore('main', () => {
         },
       );
       const data = PendingCryptoPaymentResultResponse.parse(response);
-      getAccount().then();
+      getAccount().then().catch(error => logger.error(error));
       if (data.result) {
         return {
-          result: data.result,
           isError: false,
+          result: data.result,
         };
       }
       return {
         error: new Error(data.message),
         isError: true,
       };
-    } catch (e: any) {
-      logger.error(e);
+    }
+    catch (error: any) {
+      logger.error(error);
       return {
-        error: e,
+        error,
         isError: true,
       };
     }
@@ -446,9 +459,9 @@ export const useMainStore = defineStore('main', () => {
       const data = PendingCryptoPaymentResultResponse.parse(response);
       if (data.result) {
         const payment = await cryptoPayment(plan, currency, subscriptionId);
-        if (payment.isError) {
+        if (payment.isError)
           return payment;
-        }
+
         return {
           isError: false,
           result: payment.result,
@@ -458,16 +471,17 @@ export const useMainStore = defineStore('main', () => {
         error: new Error(data.message),
         isError: true,
       };
-    } catch (e: any) {
-      logger.error(e);
+    }
+    catch (error: any) {
+      logger.error(error);
       return {
-        error: e,
+        error,
         isError: true,
       };
     }
   };
 
-  const { stop: stopCountdown, start: startCountdown } = useTimeoutFn(
+  const { start: startCountdown, stop: stopCountdown } = useTimeoutFn(
     async () => {
       logger.debug('session expired, logging out');
       await logout();
@@ -482,8 +496,9 @@ export const useMainStore = defineStore('main', () => {
         await fetchWithCsrf<UpdateProfileResponse>('/webapi/logout/', {
           method: 'POST',
         });
-      } catch (e) {
-        logger.error(e);
+      }
+      catch (error) {
+        logger.error(error);
       }
     }
     set(authenticated, false);
@@ -491,38 +506,37 @@ export const useMainStore = defineStore('main', () => {
   };
 
   const refreshSession = () => {
-    if (!isClient) {
+    if (!isClient)
       return;
-    }
+
     stopCountdown();
     startCountdown();
   };
 
   return {
-    authenticated,
     account,
-    plans,
+    authenticated,
     cancellationError,
-    subscriptions,
-    login,
-    getAccount,
-    changePassword,
-    updateKeys,
-    updateProfile,
-    deleteAccount,
     cancelSubscription,
-    getPlans,
+    changePassword,
     checkout,
-    pay,
-    cryptoPayment,
     checkPendingCryptoPayment,
-    switchCryptoPlan,
-    markTransactionStarted,
+    cryptoPayment,
+    deleteAccount,
+    getAccount,
+    getPlans,
+    login,
     logout,
+    markTransactionStarted,
+    pay,
+    plans,
     refreshSession,
+    subscriptions,
+    switchCryptoPlan,
+    updateKeys,
+    updateProfile,
   };
 });
 
-if (import.meta.hot) {
+if (import.meta.hot)
   import.meta.hot.accept(acceptHMRUpdate(useMainStore, import.meta.hot));
-}
diff --git a/tests/e2e/specs/pages/index.spec.cy.ts b/tests/e2e/specs/pages/index.spec.cy.ts
index 06e4a688..35c56a18 100644
--- a/tests/e2e/specs/pages/index.spec.cy.ts
+++ b/tests/e2e/specs/pages/index.spec.cy.ts
@@ -1,4 +1,4 @@
-describe('Homepage test', () => {
+describe('homepage test', () => {
   it('successfully loads', () => {
     cy.visit('/').wait(3000);
   });
diff --git a/tests/e2e/specs/pages/signup.spec.cy.ts b/tests/e2e/specs/pages/signup.spec.cy.ts
index 64eb3116..9de53b2e 100644
--- a/tests/e2e/specs/pages/signup.spec.cy.ts
+++ b/tests/e2e/specs/pages/signup.spec.cy.ts
@@ -1,4 +1,4 @@
-describe('Signup test', () => {
+describe('signup test', () => {
   before(() => {
     cy.visit('/signup').wait(3000);
   });
@@ -6,7 +6,7 @@ describe('Signup test', () => {
   beforeEach(() => {
     cy.intercept('/webapi/countries', {
       body: {
-        result: [{ name: 'Country', code: 'CT' }],
+        result: [{ code: 'CT', name: 'Country' }],
       },
     });
   });
diff --git a/tests/mocks/handlers.ts b/tests/mocks/handlers.ts
index 6e1b6047..1161abdc 100644
--- a/tests/mocks/handlers.ts
+++ b/tests/mocks/handlers.ts
@@ -13,26 +13,21 @@ export const handlers = [
           'Set-Cookie': 'csrftoken=1234',
         },
       },
-    ),
-  ),
+    )),
   http.post(`${BACKEND_URL}/webapi/login`, () =>
-    HttpResponse.json({ message: 'success' }),
-  ),
+    HttpResponse.json({ message: 'success' })),
   http.get(`${BACKEND_URL}/webapi/countries`, () =>
     HttpResponse.json({
-      result: [{ name: 'Country', code: 'CT' }],
       message: 'it works!',
-    }),
-  ),
+      result: [{ code: 'CT', name: 'Country' }],
+    })),
   http.get(`${BACKEND_URL}/webapi/countries`, () =>
-    HttpResponse.json({ result: [], message: 'it works!!' }),
-  ),
+    HttpResponse.json({ message: 'it works!!', result: [] })),
   http.get(`${BACKEND_URL}/webapi/account`, () =>
     HttpResponse.json(
-      { result: [], message: 'fail' },
+      { message: 'fail', result: [] },
       {
         status: 401,
       },
-    ),
-  ),
+    )),
 ];
diff --git a/tests/setup.ts b/tests/setup.ts
index dcb0fe61..33467d6e 100644
--- a/tests/setup.ts
+++ b/tests/setup.ts
@@ -5,18 +5,18 @@ import { server } from '~/tests/mocks/server';
 mockNuxtImport('useRuntimeConfig', () => () => {
   const { BACKEND_URL } = import.meta.env;
   return {
+    app: { baseURL: '/' },
     public: {
-      baseUrl: BACKEND_URL,
       backendUrl: BACKEND_URL,
+      baseUrl: BACKEND_URL,
       contact: {
-        emailMailto: 'mailto:info@rotki.com',
-        email: 'info@rotki.com',
-        twitter: 'https://twitter.com/rotkiapp',
         discord: 'https://discord.rotki.com',
+        email: 'info@rotki.com',
+        emailMailto: 'mailto:info@rotki.com',
         github: 'https://github.com/rotki',
+        twitter: 'https://twitter.com/rotkiapp',
       },
     },
-    app: { baseURL: '/' },
   };
 });
 
diff --git a/tests/unit/utils/api.nuxt.spec.ts b/tests/unit/utils/api.nuxt.spec.ts
index d651d274..589dc37e 100644
--- a/tests/unit/utils/api.nuxt.spec.ts
+++ b/tests/unit/utils/api.nuxt.spec.ts
@@ -1,7 +1,7 @@
 import { afterEach, describe, expect, it, vi } from 'vitest';
-import type { Account, ApiResponse } from '~/types';
 import { fetchWithCsrf, setHooks, sleep } from '~/utils/api';
-import { type Country } from '~/composables/countries';
+import type { Country } from '~/composables/countries';
+import type { Account, ApiResponse } from '~/types';
 
 const logout = vi.fn();
 const refresh = vi.fn();
@@ -18,7 +18,7 @@ describe('api utilities', () => {
       fetchWithCsrf<ApiResponse<Country[]>>(`/webapi/countries`),
     ).resolves.toMatchObject(
       expect.objectContaining({
-        result: [{ name: 'Country', code: 'CT' }],
+        result: [{ code: 'CT', name: 'Country' }],
       }),
     );
 
@@ -37,11 +37,11 @@ describe('api utilities', () => {
   it('initCsrf: login and setup csrf successfully', async () => {
     await expect(
       fetchWithCsrf<ApiResponse<undefined>>(`/webapi/login/`, {
-        method: 'POST',
         body: {
-          username: 'test',
           password: '1234',
+          username: 'test',
         },
+        method: 'POST',
       }),
     ).resolves.toMatchObject({ message: 'success' });
   }, 2000);
diff --git a/types/account.ts b/types/account.ts
index 2edb7e97..df540e96 100644
--- a/types/account.ts
+++ b/types/account.ts
@@ -16,6 +16,6 @@ export interface ProfilePayload {
   readonly country?: string;
 }
 
-export type DeleteAccountPayload = {
+export interface DeleteAccountPayload {
   username: string;
-};
+}
diff --git a/types/common.ts b/types/common.ts
index 316be0c1..c02b22e7 100644
--- a/types/common.ts
+++ b/types/common.ts
@@ -1,13 +1,13 @@
-import { type Ref } from 'vue';
-import { type ApiError } from '~/types/index';
+import type { Ref } from 'vue';
+import type { ApiError } from '~/types/index';
 
-export type ActionResult = {
+export interface ActionResult {
   readonly success: boolean;
   readonly message?: ApiError;
-};
+}
 
-export type BaseErrorObject = { $message: string | Ref<string> };
+export interface BaseErrorObject { $message: string | Ref<string> }
 
-export type PayEvent = { months: number; nonce: string };
+export interface PayEvent { months: number; nonce: string }
 
 export type ValidationErrors = Record<string, string[] | string>;
diff --git a/types/index.ts b/types/index.ts
index e5efafba..85a2c70d 100644
--- a/types/index.ts
+++ b/types/index.ts
@@ -1,15 +1,15 @@
 import { z } from 'zod';
 
-type ResultError<Code = undefined> = {
+interface ResultError<Code = undefined> {
   isError: true;
   error: Error;
   code?: Code;
-};
+}
 
-type ResultSuccess<T> = {
+interface ResultSuccess<T> {
   isError: false;
   result: T;
-};
+}
 
 export type Result<T, Code = undefined> = ResultError<Code> | ResultSuccess<T>;
 
@@ -25,16 +25,16 @@ export const ApiError = z.union([z.string(), z.record(StringArray)]);
 export type ApiError = z.infer<typeof ApiError>;
 
 export const Address = z.object({
-  firstName: z.string(),
-  lastName: z.string(),
-  companyName: z.string(),
   address1: z.string(),
   address2: z.string(),
   city: z.string(),
-  postcode: z.string(),
+  companyName: z.string(),
   country: z.string(),
-  vatId: z.string(),
+  firstName: z.string(),
+  lastName: z.string(),
   movedOffline: z.boolean(),
+  postcode: z.string(),
+  vatId: z.string(),
 });
 
 export type Address = z.infer<typeof Address>;
@@ -49,41 +49,41 @@ const SubStatus = z.enum([
 export type SubStatus = z.infer<typeof SubStatus>;
 
 export const Subscription = z.object({
-  identifier: z.string().nonempty(),
-  planName: z.string(),
-  durationInMonths: z.number().nonnegative(),
-  status: SubStatus,
-  pending: z.boolean().default(false),
+  actions: StringArray,
   createdDate: z.string(),
+  durationInMonths: z.number().nonnegative(),
+  identifier: z.string().nonempty(),
   nextActionDate: z.string(),
   nextBillingAmount: z.string(),
-  actions: StringArray,
+  pending: z.boolean().default(false),
+  planName: z.string(),
+  status: SubStatus,
 });
 
 export type Subscription = z.infer<typeof Subscription>;
 
 export const Payment = z.object({
+  eurAmount: z.string(),
   identifier: z.string().nonempty(),
-  plan: z.string(),
   paidAt: z.string(),
-  eurAmount: z.string(),
+  plan: z.string(),
 });
 
 export type Payment = z.infer<typeof Payment>;
 
 export const Account = z.object({
-  username: z.string().nonempty(),
-  email: z.string().nonempty(),
+  address: Address,
   apiKey: z.string(),
   apiSecret: z.string(),
   canUsePremium: z.boolean(),
-  address: Address,
-  vat: z.number(),
-  hasActiveSubscription: z.boolean(),
-  subscriptions: z.array(Subscription),
-  payments: z.array(Payment),
   dateNow: z.string(),
+  email: z.string().nonempty(),
   emailConfirmed: z.boolean(),
+  hasActiveSubscription: z.boolean(),
+  payments: z.array(Payment),
+  subscriptions: z.array(Subscription),
+  username: z.string().nonempty(),
+  vat: z.number(),
 });
 
 export type Account = z.infer<typeof Account>;
@@ -96,8 +96,8 @@ export const ApiKeys = z.object({
 export type ApiKeys = z.infer<typeof ApiKeys>;
 
 export const ChangePasswordResponse = z.object({
-  result: z.boolean().optional(),
   message: ApiError.optional(),
+  result: z.boolean().optional(),
 });
 
 export type ChangePasswordResponse = z.infer<typeof ChangePasswordResponse>;
@@ -107,22 +107,22 @@ const UpdateProfile = z.object({
 });
 
 export const UpdateProfileResponse = z.object({
-  result: UpdateProfile.optional(),
   message: ApiError.optional(),
+  result: UpdateProfile.optional(),
 });
 
 export type UpdateProfileResponse = z.infer<typeof UpdateProfileResponse>;
 
 export const DeleteAccountResponse = z.object({
-  result: z.boolean().optional(),
   message: z.string().optional(),
+  result: z.boolean().optional(),
 });
 
 export type DeleteAccountResponse = z.infer<typeof DeleteAccountResponse>;
 
 export const CancelSubscriptionResponse = z.object({
-  result: z.boolean().optional(),
   message: z.string().optional(),
+  result: z.boolean().optional(),
 });
 
 export type CancelSubscriptionResponse = z.infer<
@@ -130,10 +130,10 @@ export type CancelSubscriptionResponse = z.infer<
 >;
 
 const Plan = z.object({
+  discount: z.number(),
   months: z.number(),
-  priceFiat: z.string(),
   priceCrypto: z.string(),
-  discount: z.number(),
+  priceFiat: z.string(),
 });
 
 export type Plan = z.infer<typeof Plan>;
@@ -151,11 +151,11 @@ export const PremiumResponse = z.object({
 export type PremiumResponse = z.infer<typeof PremiumResponse>;
 
 const SelectedPlan = z.object({
+  finalPriceInEur: z.string(),
+  months: z.number(),
+  priceInEur: z.string(),
   startDate: z.number(),
   vat: z.number(),
-  priceInEur: z.string(),
-  months: z.number(),
-  finalPriceInEur: z.string(),
 });
 
 export type SelectedPlan = z.infer<typeof SelectedPlan>;
@@ -175,45 +175,45 @@ export const CardCheckoutResponse = z.object({
 export type CardCheckoutResponse = z.infer<typeof CardCheckoutResponse>;
 
 export const CardPaymentResponse = z.object({
-  result: z.boolean().optional(),
   message: z.string().optional(),
+  result: z.boolean().optional(),
 });
 
 export type CardPaymentResponse = z.infer<typeof CardPaymentResponse>;
 
 const CryptoPayment = z.object({
-  vat: z.number(),
-  finalPriceInEur: z.string().nonempty(),
+  cryptoAddress: z.string(),
   cryptocurrency: z.enum(supportedCurrencies),
   finalPriceInCrypto: z.string().nonempty(),
-  cryptoAddress: z.string(),
-  tokenAddress: z.string().nullish(),
-  startDate: z.number(),
+  finalPriceInEur: z.string().nonempty(),
   hoursForPayment: z.number(),
   months: z.number(),
+  startDate: z.number(),
+  tokenAddress: z.string().nullish(),
   transactionStarted: z.boolean(),
+  vat: z.number(),
 });
 
 export type CryptoPayment = z.infer<typeof CryptoPayment>;
 
 export const CryptoPaymentResponse = z.object({
-  result: CryptoPayment.optional(),
   message: ApiError.optional(),
+  result: CryptoPayment.optional(),
 });
 
 export type CryptoPaymentResponse = z.infer<typeof CryptoPaymentResponse>;
 
 const PendingCryptoPayment = z.object({
+  currency: z.enum(['ETH', 'BTC', 'DAI']).optional(),
   pending: z.boolean(),
   transactionStarted: z.boolean().optional(),
-  currency: z.enum(['ETH', 'BTC', 'DAI']).optional(),
 });
 
 export type PendingCryptoPayment = z.infer<typeof PendingCryptoPayment>;
 
 export const PendingCryptoPaymentResponse = z.object({
-  result: PendingCryptoPayment.optional(),
   message: z.string().optional(),
+  result: PendingCryptoPayment.optional(),
 });
 
 export type PendingCryptoPaymentResponse = z.infer<
@@ -221,18 +221,18 @@ export type PendingCryptoPaymentResponse = z.infer<
 >;
 
 export const PendingCryptoPaymentResultResponse = z.object({
-  result: z.boolean().optional(),
   message: z.string().optional(),
+  result: z.boolean().optional(),
 });
 
 export type PendingCryptoPaymentResultResponse = z.infer<
   typeof PendingCryptoPaymentResultResponse
 >;
 
-export type CardPaymentRequest = {
+export interface CardPaymentRequest {
   months: number;
   paymentMethodNonce: string;
-};
+}
 
 interface Request {
   readonly method: string;
@@ -258,9 +258,9 @@ export type StepType = 'pending' | 'failure' | 'success';
 
 export type IdleStep = 'idle';
 
-export type PaymentStep = {
+export interface PaymentStep {
   type: StepType | IdleStep;
   title?: string;
   message?: string;
   closeable?: boolean;
-};
+}
diff --git a/types/recaptcha.d.ts b/types/recaptcha.d.ts
index fb3cecdf..d49b38a6 100644
--- a/types/recaptcha.d.ts
+++ b/types/recaptcha.d.ts
@@ -1,21 +1,21 @@
 declare global {
   interface Window {
     grecaptcha: {
-      render(
+      render: (
         el: string | HTMLElement,
         options: {
           sitekey: string;
-          callback(token: string): void;
-          'expired-callback'(): void;
-          'error-callback'(): void;
+          callback: (token: string) => void;
+          'expired-callback': () => void;
+          'error-callback': () => void;
           theme?: 'light' | 'dark';
           size?: 'compact' | 'normal';
         },
-      ): number;
-      reset(id?: number): void;
+      ) => number;
+      reset: (id?: number) => void;
     };
 
-    onRecaptchaLoaded(): void;
+    onRecaptchaLoaded: () => void;
   }
 }
 
diff --git a/types/signup.ts b/types/signup.ts
index e8a23bd2..1eae54e2 100644
--- a/types/signup.ts
+++ b/types/signup.ts
@@ -22,5 +22,5 @@ export interface SignupAddressPayload {
 
 export interface SignupPayload
   extends SignupAccountPayload,
-    SignupCustomerInformationPayload,
-    SignupAddressPayload {}
+  SignupCustomerInformationPayload,
+  SignupAddressPayload {}
diff --git a/utils/api.ts b/utils/api.ts
index 5dee6e65..99aeacc1 100644
--- a/utils/api.ts
+++ b/utils/api.ts
@@ -1,13 +1,14 @@
 import { type FetchContext, FetchError, type FetchResponse } from 'ofetch';
-import { type NitroFetchOptions, type NitroFetchRequest } from 'nitropack';
 import { get, set } from '@vueuse/core';
-
-const isObject = (data: any): boolean =>
-  typeof data === 'object' &&
-  data !== null &&
-  !(data instanceof RegExp) &&
-  !(data instanceof Error) &&
-  !(data instanceof Date);
+import type { NitroFetchOptions, NitroFetchRequest } from 'nitropack';
+
+function isObject(data: any): boolean {
+  return typeof data === 'object'
+    && data !== null
+    && !(data instanceof RegExp)
+    && !(data instanceof Error)
+    && !(data instanceof Date);
+}
 
 function getUpdatedKey(key: string, camelCase: boolean) {
   if (camelCase) {
@@ -20,35 +21,29 @@ function getUpdatedKey(key: string, camelCase: boolean) {
     .replace(/([A-Z])/gu, (_, p1, offset, string) => {
       const nextCharOffset = offset + 1;
       if (
-        (nextCharOffset < string.length &&
-          /([A-Z])/.test(string[nextCharOffset])) ||
-        nextCharOffset === string.length
-      ) {
+        (nextCharOffset < string.length
+        && /([A-Z])/.test(string[nextCharOffset]))
+        || nextCharOffset === string.length
+      )
         return p1;
-      }
+
       return `_${p1.toLowerCase()}`;
     })
     .replace(/([0-9])/gu, (_, p1, offset, string) => {
       const previousOffset = offset - 1;
-      if (previousOffset >= 0 && /(\d)/.test(string[previousOffset])) {
+      if (previousOffset >= 0 && /(\d)/.test(string[previousOffset]))
         return p1;
-      }
+
       return `_${p1.toLowerCase()}`;
     });
 }
 
-export const convertKeys = (
-  data: any,
-  camelCase: boolean,
-  skipKey: boolean,
-): any => {
-  if (Array.isArray(data)) {
-    return data.map((entry) => convertKeys(entry, camelCase, false));
-  }
+export function convertKeys(data: any, camelCase: boolean, skipKey: boolean): any {
+  if (Array.isArray(data))
+    return data.map(entry => convertKeys(entry, camelCase, false));
 
-  if (!isObject(data)) {
+  if (!isObject(data))
     return data;
-  }
 
   const converted: { [key: string]: any } = {};
   for (const key in data) {
@@ -60,7 +55,7 @@ export const convertKeys = (
       : datum;
   }
   return converted;
-};
+}
 
 const CSRF_COOKIE = 'csrftoken';
 
@@ -70,22 +65,23 @@ const CSRF_HEADER = 'X-CSRFToken';
 const logout = ref<() => Promise<void>>();
 const refresh = ref<() => void>();
 
-export const setHooks = (hooks: {
+export function setHooks(hooks: {
   logout: () => Promise<void>;
   refresh: () => void;
-}) => {
+}) {
   set(logout, hooks.logout);
   set(refresh, hooks.refresh);
-};
+}
 
-export const sleep = (ms = 0, signal: AbortSignal): Promise<void> =>
-  new Promise((resolve, reject) => {
+export function sleep(ms = 0, signal: AbortSignal): Promise<void> {
+  return new Promise((resolve, reject) => {
     const id = setTimeout(() => resolve(), ms);
     signal?.addEventListener('abort', () => {
       clearTimeout(id);
       reject(new Error('request aborted'));
     });
   });
+}
 
 export async function fetchWithCsrf<
   Resp,
@@ -96,8 +92,8 @@ export async function fetchWithCsrf<
   let token = useCookie(CSRF_COOKIE).value;
 
   if (
-    process.client &&
-    ['post', 'delete', 'put', 'patch'].includes(
+    process.client
+    && ['post', 'delete', 'put', 'patch'].includes(
       options?.method?.toLowerCase() ?? '',
     )
   ) {
@@ -108,7 +104,7 @@ export async function fetchWithCsrf<
   let headers: any = {
     ...options?.headers,
     ...(token && { [CSRF_HEADER]: token }),
-    accept: 'application/json',
+    'accept': 'application/json',
     'content-type': 'application/json',
   };
 
@@ -126,33 +122,32 @@ export async function fetchWithCsrf<
     const fetch = $fetch<Resp>(request, {
       baseURL: baseUrl,
       ...options,
-      headers,
       credentials: 'include',
-      signal: controller.signal,
+      headers,
       onRequest(context: FetchContext): void {
         context.options.body = convertKeys(context.options.body, false, false);
       },
       onResponse(
         context: FetchContext & { response: FetchResponse<Req> },
       ): Promise<void> | void {
-        if ([200].includes(context.response.status) && isDefined(refresh)) {
+        if ([200].includes(context.response.status) && isDefined(refresh))
           get(refresh)();
-        }
       },
       parseResponse(responseText: string): Req {
         return convertKeys(JSON.parse(responseText), true, false);
       },
+      signal: controller.signal,
     });
 
     const race = await Promise.race<any>([aborter, fetch]);
-    if (race === null) {
+    if (race === null)
       controller.abort();
-    }
+
     return fetch;
-  } catch (error) {
-    if (!(error instanceof FetchError)) {
+  }
+  catch (error) {
+    if (!(error instanceof FetchError))
       throw error;
-    }
 
     // when any of the following redirects occur and the final throw is not caught then nuxt SSR will log the following error:
     // [unhandledRejection] Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client
@@ -161,17 +156,16 @@ export async function fetchWithCsrf<
 
     if ([401].includes(status)) {
       await navigateTo('/login');
-      if (isDefined(logout)) {
+      if (isDefined(logout))
         await get(logout)();
-      }
     }
 
-    if ([500].includes(status)) {
+    if ([500].includes(status))
       logger.error('[Error]', error.data?.message, error.data);
-    }
 
     throw error;
-  } finally {
+  }
+  finally {
     controller.abort();
   }
 }
@@ -191,10 +185,10 @@ async function initCsrf(): Promise<void> {
 
   try {
     const race = await Promise.race([aborter, csrf]);
-    if (race === null) {
+    if (race === null)
       controller.abort();
-    }
-  } finally {
+  }
+  finally {
     controller.abort();
   }
 }
@@ -205,5 +199,6 @@ function getCookie(name: string) {
   return match ? decodeURIComponent(match[3]) : null;
 }
 
-export const replacePathPrefix = (prefix: string, path?: string) =>
-  path?.startsWith(prefix) ? `${path}`.replace(prefix, '') : path;
+export function replacePathPrefix(prefix: string, path?: string) {
+  return path?.startsWith(prefix) ? `${path}`.replace(prefix, '') : path;
+}
diff --git a/utils/assert.ts b/utils/assert.ts
index f0ea924d..e01c002f 100644
--- a/utils/assert.ts
+++ b/utils/assert.ts
@@ -6,7 +6,6 @@ class AssertionError extends Error {
 }
 
 export function assert(condition: any, msg?: string): asserts condition {
-  if (!condition) {
+  if (!condition)
     throw new AssertionError(msg);
-  }
 }
diff --git a/utils/constants.ts b/utils/constants.ts
index 846e5192..f7567384 100644
--- a/utils/constants.ts
+++ b/utils/constants.ts
@@ -2,7 +2,7 @@ export const LOCAL_CONTENT_PREFIX = '/local';
 
 export const GITHUB_CONTENT_PREFIX = '/remote';
 
-export const CONTENT_PREFIX =
-  process.env.NODE_ENV === 'development'
+export const CONTENT_PREFIX
+  = process.env.NODE_ENV === 'development'
     ? LOCAL_CONTENT_PREFIX
     : GITHUB_CONTENT_PREFIX;
diff --git a/utils/icon-size.ts b/utils/icon-size.ts
index 75fe9b4d..833274fc 100644
--- a/utils/icon-size.ts
+++ b/utils/icon-size.ts
@@ -1,4 +1,6 @@
-export const defaultIconSize = () => ({
-  width: '24px',
-  height: '24px',
-});
+export function defaultIconSize() {
+  return {
+    height: '24px',
+    width: '24px',
+  };
+}
diff --git a/utils/logger.ts b/utils/logger.ts
index 2f9828f0..2b70bbda 100644
--- a/utils/logger.ts
+++ b/utils/logger.ts
@@ -1,7 +1,6 @@
 import logger from 'loglevel';
 
-if (process.env.NODE_ENV === 'development') {
+if (process.env.NODE_ENV === 'development')
   logger.setDefaultLevel('DEBUG');
-}
 
 export { logger };
diff --git a/utils/metadata.ts b/utils/metadata.ts
index ea055588..ab51ec66 100644
--- a/utils/metadata.ts
+++ b/utils/metadata.ts
@@ -7,41 +7,45 @@ export function getMetadata(
   const imageUrl = `${baseUrl}/img/share.png`;
   return [
     {
+      content: description,
       key: 'description',
       name: 'description',
-      content: description,
     },
     // Open graph/FB sharing metadata
-    { property: 'og:type', content: 'website' },
-    { property: 'og:url', content: url },
-    { property: 'og:title', content: title },
+    { content: 'website', property: 'og:type' },
+    { content: url, property: 'og:url' },
+    { content: title, property: 'og:title' },
     {
-      property: 'og:description',
       content: description,
+      property: 'og:description',
     },
-    { property: 'og:image', content: imageUrl },
+    { content: imageUrl, property: 'og:image' },
     // Twitter sharing metadata
-    { property: 'twitter:card', content: 'summary_large_image' },
-    { property: 'twitter:url', content: url },
-    { property: 'twitter:title', content: title },
+    { content: 'summary_large_image', property: 'twitter:card' },
+    { content: url, property: 'twitter:url' },
+    { content: title, property: 'twitter:title' },
     {
-      property: 'twitter:description',
       content: description,
+      property: 'twitter:description',
     },
-    { property: 'twitter:image', content: imageUrl },
+    { content: imageUrl, property: 'twitter:image' },
   ];
 }
 
-export const noIndex = () => ({
-  name: 'robots',
-  content: 'noindex',
-});
+export function noIndex() {
+  return {
+    content: 'noindex',
+    name: 'robots',
+  };
+}
 
-export const commonAttrs = () => ({
-  htmlAttrs: {
-    class: 'page',
-  },
-  bodyAttrs: {
-    class: 'body',
-  },
-});
+export function commonAttrs() {
+  return {
+    bodyAttrs: {
+      class: 'body',
+    },
+    htmlAttrs: {
+      class: 'page',
+    },
+  };
+}
diff --git a/utils/plans.ts b/utils/plans.ts
index d7b640ce..cca6e6c2 100644
--- a/utils/plans.ts
+++ b/utils/plans.ts
@@ -1,20 +1,19 @@
-export const getPlanName = (months: number) => {
+export function getPlanName(months: number) {
   const { t } = useI18n();
-  if (months === 1 || months === 12) {
+  if (months === 1 || months === 12)
     return t(`home.plans.names.${months}`);
-  }
 
   return t(`home.plans.names.numeric`, { months });
-};
+}
 
-export const getPlanSelectionName = (months: number) => {
+export function getPlanSelectionName(months: number) {
   const { t } = useI18n();
 
   return t(`home.plans.names.for`, { name: getPlanName(months) });
-};
+}
 
-export const getPlanNameFor = (months: number) => {
+export function getPlanNameFor(months: number) {
   const { t } = useI18n();
 
   return t(`home.plans.names.plan`, { name: getPlanName(months) });
-};
+}
diff --git a/utils/validation.ts b/utils/validation.ts
index 4568da34..c1681b66 100644
--- a/utils/validation.ts
+++ b/utils/validation.ts
@@ -1,5 +1,5 @@
-import { type BaseValidation } from '@vuelidate/core';
 import { get } from '@vueuse/core';
+import type { BaseValidation } from '@vuelidate/core';
 
 /**
  * Converts an object of vuelidate's BaseValidation to an array of
@@ -8,5 +8,6 @@ import { get } from '@vueuse/core';
  * @param validation BaseValidation
  * @return string[]
  */
-export const toMessages = (validation: BaseValidation): string[] =>
-  validation.$errors.map((e) => get(e.$message));
+export function toMessages(validation: BaseValidation): string[] {
+  return validation.$errors.map(e => get(e.$message));
+}
diff --git a/vitest.config.ts b/vitest.config.ts
index 41a51790..2941f660 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -1,15 +1,16 @@
+import process from 'node:process';
 import { defineVitestConfig } from '@nuxt/test-utils/config';
 
 export default defineVitestConfig({
+  plugins: [],
   test: {
-    globals: true,
-    environment: 'nuxt',
     env: {
-      BASE_URL: process.env.NUXT_PUBLIC_BASE_URL || 'http://localhost:3000',
       BACKEND_URL: process.env.NUXT_PUBLIC_BACKEND_URL || 'https://rotki.com',
+      BASE_URL: process.env.NUXT_PUBLIC_BASE_URL || 'http://localhost:3000',
       NODE_ENV: 'test',
     },
+    environment: 'nuxt',
+    globals: true,
     setupFiles: ['./tests/setup.ts'],
   },
-  plugins: [],
 });
diff --git a/vue-shim.d.ts b/vue-shims.d.ts
similarity index 100%
rename from vue-shim.d.ts
rename to vue-shims.d.ts