From 2109079c5bc4f48904a0543897ede33fcfebad77 Mon Sep 17 00:00:00 2001
From: brenzi <brenzi@users.noreply.github.com>
Date: Tue, 7 May 2024 10:05:41 +0200
Subject: [PATCH] introduce eslint and prettier and GHA checks (#21)

* introduce eslint and prettier

* add GHA CI

* run prettier again
---
 .github/workflows/build.yml          |   24 +
 .github/workflows/deploy.yml         |    4 +-
 .github/workflows/prettier.yml       |   24 +
 README.md                            |    5 +-
 app.config.ts                        |    8 +-
 app.vue                              |   37 +-
 assets/css/main.css                  |    2 +-
 assets/scss/_fonts.scss              |   36 +-
 assets/scss/_variables.scss          |   41 +-
 assets/scss/main.scss                |  510 ++++----
 components/CheckWalletTab.vue        |  145 ++-
 components/Contacts/Form.vue         |  197 +--
 components/Contacts/Info.vue         |   11 +-
 components/Contacts/index.vue        |   51 +-
 components/CreateWalletTab.vue       |   70 +-
 components/Docs/Texts.vue            |   21 +-
 components/Docs/index.vue            |  393 +++---
 components/Footer/index.vue          |  143 ++-
 components/Global/LineLink.vue       |  151 +--
 components/Global/RadialGradient.vue |   34 +-
 components/Global/Simple.vue         |  320 ++---
 components/Header/Menu.vue           |   38 +-
 components/Header/index.vue          |  217 ++--
 components/Index/Community.vue       |   18 +-
 components/Index/Delegator.vue       |   30 +-
 components/Index/Hunter.vue          |   27 +-
 components/Index/Main.vue            |   29 +-
 components/Index/News.vue            |   15 +-
 components/Index/Partner.vue         |   26 +-
 components/Index/Prizes.vue          |   43 +-
 components/Index/Rules.vue           |   67 +-
 components/Index/Scalability.vue     |   30 +-
 components/Index/Steps.vue           |   75 +-
 components/Index/UseCases.vue        |  116 --
 components/Index/Validator.vue       |   31 +-
 components/Index/Work.vue            |   16 +-
 components/InviteFriendTab.vue       |  140 ++-
 components/Logo/index.vue            |  151 ++-
 components/LogoIntegritee/index.vue  |  203 ++--
 components/PublishonxTab.vue         |  128 +-
 components/Socials/Section.vue       |  314 +++--
 components/Socials/index.vue         |   14 +-
 components/UnshieldTab.vue           |   80 +-
 configs/app.config.ts                |  281 +++--
 docker-compose.yml                   |    4 +-
 eslint.config.mjs                    |    5 +
 helpers/date.ts                      |   14 +-
 helpers/generateSEO.ts               |   33 +-
 helpers/stripHTML.ts                 |    4 +-
 nuxt.config.ts                       |   73 +-
 package.json                         |   12 +-
 pages/index.vue                      |   23 +-
 plugins/lockScroll.ts                |   26 +-
 prettierrc.json                      |    6 +
 public/site.webmanifest              |   34 +-
 store/account.ts                     |   45 +-
 store/incognitee.ts                  |   62 +-
 store/paseo.ts                       |   12 +-
 tailwind.config.js                   |    3 +-
 yarn.lock                            | 1652 +++++++++++++++++++++++++-
 60 files changed, 4257 insertions(+), 2067 deletions(-)
 create mode 100644 .github/workflows/build.yml
 create mode 100644 .github/workflows/prettier.yml
 delete mode 100644 components/Index/UseCases.vue
 create mode 100644 eslint.config.mjs
 create mode 100644 prettierrc.json

diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
new file mode 100644
index 0000000..b58bb7e
--- /dev/null
+++ b/.github/workflows/build.yml
@@ -0,0 +1,24 @@
+name: Generate Check
+
+on:
+  pull_request:
+    branches:
+      - master
+
+jobs:
+  generate:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: "20"
+
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+
+      - name: Run Generate
+        run: yarn generate
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index d13aa91..fa2d3ec 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -28,8 +28,8 @@ jobs:
     needs: build
     # Grant GITHUB_TOKEN the permissions required to make a Pages deployment
     permissions:
-      pages: write      # to deploy to Pages
-      id-token: write   # to verify the deployment originates from an appropriate source
+      pages: write # to deploy to Pages
+      id-token: write # to verify the deployment originates from an appropriate source
     # Deploy to the github_pages environment
     environment:
       name: github_pages
diff --git a/.github/workflows/prettier.yml b/.github/workflows/prettier.yml
new file mode 100644
index 0000000..9c864db
--- /dev/null
+++ b/.github/workflows/prettier.yml
@@ -0,0 +1,24 @@
+name: Prettier Check
+
+on:
+  pull_request:
+    branches:
+      - master
+
+jobs:
+  prettier:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: "20"
+
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+
+      - name: Run Prettier
+        run: yarn prettier --check .
diff --git a/README.md b/README.md
index edfa622..9e3c069 100644
--- a/README.md
+++ b/README.md
@@ -3,8 +3,9 @@
 Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
 
 ## Note
-The `@encointer/worker-api` uses the browser's built-in `webcrypto` api. This library is only available in secure 
-secure contexts. Hence, in local development you must use `localhost`. `webcrypto` is undefined on `127.0.0.1` and 
+
+The `@encointer/worker-api` uses the browser's built-in `webcrypto` api. This library is only available in secure
+secure contexts. Hence, in local development you must use `localhost`. `webcrypto` is undefined on `127.0.0.1` and
 `0.0.0.0`.
 
 ## Setup
diff --git a/app.config.ts b/app.config.ts
index 358e382..e47276a 100644
--- a/app.config.ts
+++ b/app.config.ts
@@ -1,10 +1,10 @@
-import { defineAppConfig } from '#imports'
+import { defineAppConfig } from "#imports";
 
 export default defineAppConfig({
-  title: 'Integritee',
+  title: "Integritee",
   theme: {
     colors: {
-      primary: '#ff0000',
+      primary: "#ff0000",
     },
   },
-})
+});
diff --git a/app.vue b/app.vue
index 1582f16..3d59a4f 100644
--- a/app.vue
+++ b/app.vue
@@ -1,10 +1,11 @@
-git<script setup lang="ts">
-import { defineAsyncComponent } from 'vue'
-import { useAsyncData } from '#imports'
-import Footer from '@/components/Footer'
-
-var exports = {};
-const Header = defineAsyncComponent(() => import('@/components/Header'))
+git
+<script setup lang="ts">
+import { defineAsyncComponent } from "vue";
+import { useAsyncData } from "#imports";
+import Footer from "@/components/Footer";
+
+const exports = {};
+const Header = defineAsyncComponent(() => import("@/components/Header"));
 </script>
 
 <template>
@@ -51,11 +52,11 @@ const Header = defineAsyncComponent(() => import('@/components/Header'))
 
 .top-lines {
   position: absolute;
-    right: -152px;
-    top: 436px;
-    width: 1061px;
-    transform: rotate(-159.84deg);
-    z-index: -1;
+  right: -152px;
+  top: 436px;
+  width: 1061px;
+  transform: rotate(-159.84deg);
+  z-index: -1;
 
   @include lg {
     width: 1417px;
@@ -87,11 +88,11 @@ const Header = defineAsyncComponent(() => import('@/components/Header'))
 
 .bottom-lines {
   position: absolute;
-    left: -198px;
-    top: -1858px;
-    width: 936px;
-    transform: rotate(159.84deg) scale(-1, 1);
-    z-index: -1;
+  left: -198px;
+  top: -1858px;
+  width: 936px;
+  transform: rotate(159.84deg) scale(-1, 1);
+  z-index: -1;
 
   @include lg {
     width: 1023px;
@@ -113,7 +114,7 @@ const Header = defineAsyncComponent(() => import('@/components/Header'))
 }
 
 .cookie-wrapper {
-  font-family: 'Inter';
+  font-family: "Inter";
   .cookieControl__BarContainer {
     border-radius: 24px;
     background: rgba(81, 81, 81, 0.25);
diff --git a/assets/css/main.css b/assets/css/main.css
index bd6213e..b5c61c9 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,3 +1,3 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
\ No newline at end of file
+@tailwind utilities;
diff --git a/assets/scss/_fonts.scss b/assets/scss/_fonts.scss
index ac4a34b..2868e7c 100644
--- a/assets/scss/_fonts.scss
+++ b/assets/scss/_fonts.scss
@@ -1,24 +1,26 @@
 @font-face {
-    font-family: 'Inter';
-    src: url('@/assets/fonts/Inter-Regular.woff2') format('woff2'),
-        url('@/assets/fonts/Inter-Regular.woff') format('woff');
-    font-weight: 400;
-    font-style: normal;
+  font-family: "Inter";
+  src:
+    url("@/assets/fonts/Inter-Regular.woff2") format("woff2"),
+    url("@/assets/fonts/Inter-Regular.woff") format("woff");
+  font-weight: 400;
+  font-style: normal;
 }
 
 @font-face {
-    font-family: 'Inter';
-    src: url('@/assets/fonts/Inter-Medium.woff2') format('woff2'),
-        url('@/assets/fonts/Inter-Medium.woff') format('woff');
-    font-weight: 500;
-    font-style: normal;
+  font-family: "Inter";
+  src:
+    url("@/assets/fonts/Inter-Medium.woff2") format("woff2"),
+    url("@/assets/fonts/Inter-Medium.woff") format("woff");
+  font-weight: 500;
+  font-style: normal;
 }
 
-
 @font-face {
-    font-family: 'WhyteInktrap';
-    src: url('@/assets/fonts/WhyteInktrap-Medium.woff2') format('woff2'),
-        url('@/assets/fonts/WhyteInktrap-Medium.woff') format('woff');
-    font-weight: 500;
-    font-style: normal;
-}
\ No newline at end of file
+  font-family: "WhyteInktrap";
+  src:
+    url("@/assets/fonts/WhyteInktrap-Medium.woff2") format("woff2"),
+    url("@/assets/fonts/WhyteInktrap-Medium.woff") format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss
index 8e97b5a..723fe40 100644
--- a/assets/scss/_variables.scss
+++ b/assets/scss/_variables.scss
@@ -8,7 +8,7 @@ $sm_pSm: 0.875em;
 // Default Paragraph .paragraph_medium
 $pDef: 1.125em;
 $md_pDef: 1em;
-$sm_pDef: .875em;
+$sm_pDef: 0.875em;
 
 // Large paragraph .paragraph_large
 $pLg: 1.5em;
@@ -28,10 +28,10 @@ $tLg: 4.5em;
 $md_tLg: 3.375em;
 $sm_tLg: 2.5em;
 
-$ltBlue: #5B92FF;
-$gray: #88888C;
+$ltBlue: #5b92ff;
+$gray: #88888c;
 $alphaGray: rgba(255, 255, 255, 0.2);
-$darkBlue: #11111A;
+$darkBlue: #11111a;
 
 // Breakpoints
 $lg: 1366px;
@@ -41,32 +41,31 @@ $sm: 840px;
 $xsm: 420px;
 
 @mixin lg {
-    @media screen and (max-width: $lg) {
-        @content;
-    }
+  @media screen and (max-width: $lg) {
+    @content;
+  }
 }
 
 @mixin slg {
-    @media screen and (max-width: $slg) {
-        @content;
-    }
+  @media screen and (max-width: $slg) {
+    @content;
+  }
 }
 
 @mixin md {
-    @media screen and (max-width: $md) {
-        @content;
-    }
+  @media screen and (max-width: $md) {
+    @content;
+  }
 }
 
-
 @mixin sm {
-    @media screen and (max-width: $sm) {
-        @content;
-    }
+  @media screen and (max-width: $sm) {
+    @content;
+  }
 }
 
 @mixin xsm {
-    @media screen and (max-width: $xsm) {
-        @content;
-    }
-}
\ No newline at end of file
+  @media screen and (max-width: $xsm) {
+    @content;
+  }
+}
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index 4e74254..b9d25d4 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -1,24 +1,24 @@
-@import url('./_fonts.scss');
+@import url("./_fonts.scss");
 
 * {
-    box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 html {
-    font-size: 16px;
+  font-size: 16px;
 }
 
 body {
-    background: #111119;
-    color: #fff;
-    font-family: 'Inter', sans-serif;
-    padding: 0;
-    margin: 0;
-    -webkit-font-smoothing: antialiased;
+  background: #111119;
+  color: #fff;
+  font-family: "Inter", sans-serif;
+  padding: 0;
+  margin: 0;
+  -webkit-font-smoothing: antialiased;
 }
 
 textarea {
-    font-family: 'Inter', sans-serif;
+  font-family: "Inter", sans-serif;
 }
 
 h1,
@@ -28,343 +28,347 @@ h4,
 h5,
 h6,
 p {
-    margin: 0;
+  margin: 0;
 }
 
-
 a {
-    color: #fff;
-    text-decoration: none;
-    transition: .3s ease;
-
-    &.text-link {
-        &:hover {
-            color: #5B92FF;
-        }
-    }
+  color: #fff;
+  text-decoration: none;
+  transition: 0.3s ease;
 
-    &.blue {
-        color: $ltBlue;
+  &.text-link {
+    &:hover {
+      color: #5b92ff;
     }
+  }
+
+  &.blue {
+    color: $ltBlue;
+  }
 }
 
 .container {
-    max-width: 1240px;
-    margin: 0 auto;
+  max-width: 1240px;
+  margin: 0 auto;
+
+  @include lg {
+    max-width: 1120px;
+  }
+
+  @include slg {
+    max-width: 980px;
+  }
+
+  @include md {
+    max-width: 800px;
+  }
+
+  @include sm {
+    max-width: 100%;
+    width: 100%;
+    padding: 0 20px;
+  }
+
+  @include xsm {
+    padding: 0 12px;
+  }
+}
 
-    @include lg {
-        max-width: 1120px;
-    }
+.btn {
+  position: relative;
+  display: inline-block;
+  font-size: $pDef;
+  padding: 14px 22px;
+  font-weight: 500;
+  border-radius: 12px;
+  line-height: 150%;
+  transition: 0.3s ease;
+  cursor: pointer;
+  backdrop-filter: blur(30px);
+
+  @include sm {
+    font-size: $sm_pDef;
+    padding: 12px 18px;
+    border-radius: 10px;
+  }
+
+  &_gradient {
+    background: linear-gradient(84.58deg, #24ad7c 0%, #1845b9 100%);
 
-    @include slg {
-        max-width: 980px;
+    &:before {
+      position: absolute;
+      content: "";
+      inset: 0;
+      background: linear-gradient(
+          0deg,
+          rgba(255, 255, 255, 0.15),
+          rgba(255, 255, 255, 0.15)
+        ),
+        linear-gradient(84.58deg, rgb(36, 173, 124) 0%, rgb(24, 69, 185) 100%);
+      transition: opacity 0.25s ease;
+      opacity: 0;
+      border-radius: 12px;
+      z-index: -1;
+
+      @include sm {
+        border-radius: 10px;
+      }
     }
 
-    @include md {
-        max-width: 800px;
+    &:hover {
+      &:before {
+        opacity: 1;
+        box-shadow: 0px 0px 20px 0px rgba(36, 173, 124, 0.65);
+      }
     }
+  }
 
-    @include sm {
-        max-width: 100%;
-        width: 100%;
-        padding: 0 20px;
-    }
+  &_border {
+    border: 2px solid rgba(255, 255, 255, 0.2);
 
-    @include xsm {
-        padding: 0 12px;
+    &:hover {
+      border: 2px solid rgba(255, 255, 255, 0.5);
     }
+  }
 }
 
-.btn {
-    position: relative;
-    display: inline-block;
-    font-size: $pDef;
-    padding: 14px 22px;
-    font-weight: 500;
-    border-radius: 12px;
-    line-height: 150%;
-    transition: .3s ease;
-    cursor: pointer;
-    backdrop-filter: blur(30px);
+.title {
+  font-family: "WhyteInktrap";
+  margin: 0;
 
-    @include sm {
-        font-size: $sm_pDef;
-        padding: 12px 18px;
-        border-radius: 10px;
-    }
+  &_h2 {
+    line-height: 110%;
+    font-size: $tMd;
+    font-weight: 500;
+    margin-bottom: 24px;
 
-    &_gradient {
-        background: linear-gradient(84.58deg, #24ad7c 0%, #1845b9 100%);
-
-        &:before {
-            position: absolute;
-            content: "";
-            inset: 0;
-            background: linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)), linear-gradient(84.58deg, rgb(36, 173, 124) 0%, rgb(24, 69, 185) 100%);
-            transition: opacity 0.25s ease;
-            opacity: 0;
-            border-radius: 12px;
-            z-index: -1;
-
-            @include sm {
-                border-radius: 10px;
-            }
-        }
-
-        &:hover {
-            &:before {
-                opacity: 1;
-                box-shadow: 0px 0px 20px 0px rgba(36, 173, 124, 0.65);
-            }
-
-        }
+    @include slg {
+      font-size: $md_tMd;
+      margin-bottom: 16px;
     }
 
-    &_border {
-        border: 2px solid rgba(255, 255, 255, 0.2);
-
-        &:hover {
-            border: 2px solid rgba(255, 255, 255, 0.5);
-        }
+    @include sm {
+      font-size: $sm_tMd;
     }
+  }
 
-}
+  &_sub {
+    font-size: $tSmd;
+    font-weight: 500;
 
-.title {
-    font-family: 'WhyteInktrap';
-    margin: 0;
-
-    &_h2 {
-        line-height: 110%;
-        font-size: $tMd;
-        font-weight: 500;
-        margin-bottom: 24px;
-
-        @include slg {
-            font-size: $md_tMd;
-            margin-bottom: 16px;
-        }
-
-        @include sm {
-            font-size: $sm_tMd;
-        }
+    @include sm {
+      font-size: $sm_tSmd;
     }
+  }
 
-    &_sub {
-        font-size: $tSmd;
-        font-weight: 500;
+  &_hero {
+    font-size: $tLg;
+    font-weight: 500;
 
-        @include sm {
-            font-size: $sm_tSmd;
-        }
+    @include slg {
+      font-size: $md_tLg;
     }
 
-    &_hero {
-        font-size: $tLg;
-        font-weight: 500;
-
-        @include slg {
-            font-size: $md_tLg;
-        }
-
-        @include sm {
-            font-size: $sm_tLg;
-        }
+    @include sm {
+      font-size: $sm_tLg;
     }
-
+  }
 }
 
 .paragraph {
-    line-height: 150%;
+  line-height: 150%;
 
-    &_medium {
-        font-size: $pDef;
+  &_medium {
+    font-size: $pDef;
 
-        @include slg {
-            font-size: $md_pDef;
-        }
+    @include slg {
+      font-size: $md_pDef;
+    }
 
-        @include sm {
-            font-size: $sm_pDef;
-        }
+    @include sm {
+      font-size: $sm_pDef;
     }
+  }
 
-    &_large {
-        font-weight: 500;
-        font-size: $pLg;
+  &_large {
+    font-weight: 500;
+    font-size: $pLg;
 
-        @include sm {
-            font-size: $sm_pLg;
-        }
+    @include sm {
+      font-size: $sm_pLg;
     }
+  }
 
-    &_small {
-        font-size: $pSm;
+  &_small {
+    font-size: $pSm;
 
-        @include sm {
-            font-size: $sm_pSm;
-        }
+    @include sm {
+      font-size: $sm_pSm;
     }
+  }
 }
 
 .row {
-    display: flex;
+  display: flex;
 
-    &.jcsb {
-        justify-content: space-between;
-    }
+  &.jcsb {
+    justify-content: space-between;
+  }
 }
 
 .column {
-    &_large {
-        width: 800px;
-        flex-shrink: 0;
+  &_large {
+    width: 800px;
+    flex-shrink: 0;
 
-        @include md {
-            width: 600px;
-        }
-
-        @include sm {
-            width: 100%;
-        }
+    @include md {
+      width: 600px;
     }
 
-    &_medium {
-        width: 600px;
-        flex-shrink: 0;
+    @include sm {
+      width: 100%;
     }
+  }
+
+  &_medium {
+    width: 600px;
+    flex-shrink: 0;
+  }
 }
 
 .color {
-    &_blue {
-        color: $ltBlue;
-    }
+  &_blue {
+    color: $ltBlue;
+  }
 }
 
 .block {
-    margin-bottom: 180px;
+  margin-bottom: 180px;
 
-    @include slg {
-        margin-bottom: 140px;
-    }
+  @include slg {
+    margin-bottom: 140px;
+  }
 
-    @include sm {
-        margin-bottom: 100px;
-    }
+  @include sm {
+    margin-bottom: 100px;
+  }
 }
 
 .margin {
-    &_large {
-        margin-bottom: 48px;
-
-        @include slg {
-            margin-bottom: 32px;
-        }
+  &_large {
+    margin-bottom: 48px;
 
-        @include sm {
-            margin-bottom: 24px;
-        }
+    @include slg {
+      margin-bottom: 32px;
     }
 
-    &_medium {
-        margin-bottom: 24px;
+    @include sm {
+      margin-bottom: 24px;
+    }
+  }
 
-        @include slg {
-            margin-bottom: 16px;
-        }
+  &_medium {
+    margin-bottom: 24px;
 
-        @include sm {
-            margin-bottom: 8px;
-        }
+    @include slg {
+      margin-bottom: 16px;
     }
 
-    &_xmedium {
-        margin-bottom: 18px;
+    @include sm {
+      margin-bottom: 8px;
     }
+  }
 
-    &_small {
-        margin-bottom: 12px;
-    }
+  &_xmedium {
+    margin-bottom: 18px;
+  }
+
+  &_small {
+    margin-bottom: 12px;
+  }
 }
 
 .text-gradient {
-    &_purple-blue {
-        background: linear-gradient(90deg, #A416FE, #4DAAFF 110%);
-    }
+  &_purple-blue {
+    background: linear-gradient(90deg, #a416fe, #4daaff 110%);
+  }
 
-    &_blue-purple {
-        background: linear-gradient(90deg, #30DAFF -25%, #A11BFE);
-    }
+  &_blue-purple {
+    background: linear-gradient(90deg, #30daff -25%, #a11bfe);
+  }
 }
 
-
 .tag {
-    font-size: $pSm;
-    background: rgba(255, 255, 255, 0.05);
-    border: 1px solid #34343a;
-    backdrop-filter: blur(30px);
-    border-radius: 8px;
-    padding: 9px 12px;
+  font-size: $pSm;
+  background: rgba(255, 255, 255, 0.05);
+  border: 1px solid #34343a;
+  backdrop-filter: blur(30px);
+  border-radius: 8px;
+  padding: 9px 12px;
 }
 
 .date {
-    color: #E5E5E5;
-    opacity: 0.5;
+  color: #e5e5e5;
+  opacity: 0.5;
 }
 
 .blur-gradient {
-    &.blur-gradient_extra-top {
-        &:before {
-            top: -100%;
-        }
+  &.blur-gradient_extra-top {
+    &:before {
+      top: -100%;
     }
+  }
 
-    &.blur-gradient_bottom {
-        &:before {
-            bottom: 0;
-            top: unset;
-        }
+  &.blur-gradient_bottom {
+    &:before {
+      bottom: 0;
+      top: unset;
     }
+  }
 
-    &.blur-gradient_top {
-        &:before {
-            top: -75%;
-        }
+  &.blur-gradient_top {
+    &:before {
+      top: -75%;
     }
+  }
 
-    &.blur-gradient_top-middle {
-        &:before {
-            top: -50%;
-        }
+  &.blur-gradient_top-middle {
+    &:before {
+      top: -50%;
+    }
+  }
+
+  &:before {
+    content: "";
+    position: absolute;
+    left: 50%;
+    top: 0;
+    width: 856px;
+    height: 856px;
+    background: radial-gradient(
+      49.25% 49.25% at 50% 50%,
+      #30a8ff 0%,
+      rgba(48, 168, 255, 0) 100%
+    );
+    opacity: 0.2;
+    transform: rotate(-20deg) translateX(-50%);
+    z-index: -1;
+
+    @include lg {
+      width: 818px;
+      height: 818px;
     }
 
-    &:before {
-        content: '';
-        position: absolute;
-        left: 50%;
-        top: 0;
-        width: 856px;
-        height: 856px;
-        background: radial-gradient(49.25% 49.25% at 50% 50.00%, #30A8FF 0%, rgba(48, 168, 255, 0.00) 100%);
-        opacity: 0.2;
-        transform: rotate(-20deg) translateX(-50%);
-        z-index: -1;
-
-        @include lg {
-            width: 818px;
-            height: 818px;
-        }
-
-        @include slg {
-            width: 806px;
-            height: 806px;
-        }
-
-        @include sm {
-            width: 732px;
-            height: 732px;
-            right: unset;
-            left: 0;
-        }
+    @include slg {
+      width: 806px;
+      height: 806px;
     }
-}
\ No newline at end of file
+
+    @include sm {
+      width: 732px;
+      height: 732px;
+      right: unset;
+      left: 0;
+    }
+  }
+}
diff --git a/components/CheckWalletTab.vue b/components/CheckWalletTab.vue
index f8b0189..fd58d9f 100644
--- a/components/CheckWalletTab.vue
+++ b/components/CheckWalletTab.vue
@@ -3,30 +3,40 @@
   <section id="steps">
     <div class="block steps">
       <div class="container">
-        <div class='grid grid-rows-3 grid-flow-col gap-4'>
-          <div class='text-4xl mt-10'>Shield PAS tokens to Incognitee</div>
-          <div class='text-lg'>
-            <template v-if="accountStore.paseoBalance > existential_deposit*10 || (accountStore.paseoBalance > 0 && txStatus != '')">
-              Shielding your tokens means that you send them from Paseo to Incognitee where you can then transfer them
-              privately
+        <div class="grid grid-rows-3 grid-flow-col gap-4">
+          <div class="text-4xl mt-10">Shield PAS tokens to Incognitee</div>
+          <div class="text-lg">
+            <template
+              v-if="
+                accountStore.paseoBalance > existential_deposit * 10 ||
+                (accountStore.paseoBalance > 0 && txStatus != '')
+              "
+            >
+              Shielding your tokens means that you send them from Paseo to
+              Incognitee where you can then transfer them privately
 
-
-              <div class='mt-4'>
-                <UButton class="btn btn_gradient" @click="shield">Shield PAS to Incognitee</UButton>
+              <div class="mt-4">
+                <UButton class="btn btn_gradient" @click="shield"
+                  >Shield PAS to Incognitee</UButton
+                >
                 <div>{{ txStatus }}</div>
               </div>
             </template>
             <template v-else>
-              You don’t have enough Paseo PAS on your account. Copy your address and follow the link below to obtain some PAS for free
-              from the Paseo faucet.
-              <div class='mt-3 mb-8'>
-                <button @click="copyToClipboard" class="button">
+              You don’t have enough Paseo PAS on your account. Copy your address
+              and follow the link below to obtain some PAS for free from the
+              Paseo faucet.
+              <div class="mt-3 mb-8">
+                <button class="button" @click="copyToClipboard">
                   Copy My Address
                 </button>
               </div>
-              <div class='mt-4'>
-                <NuxtLink to="https://faucet.polkadot.io/paseo" target="blank" class="btn btn_gradient">Get free PAS
-                  tokens
+              <div class="mt-4">
+                <NuxtLink
+                  to="https://faucet.polkadot.io/paseo"
+                  target="blank"
+                  class="btn btn_gradient"
+                  >Get free PAS tokens
                 </NuxtLink>
               </div>
             </template>
@@ -38,29 +48,29 @@
 </template>
 
 <script setup lang="ts">
-import {useAccount} from '@/store/account.ts'
-import {useIncognitee} from '@/store/incognitee.ts'
-import {onMounted, ref, watch} from 'vue'
-import {ApiPromise, WsProvider} from "@polkadot/api";
-import {Keyring} from "@polkadot/keyring";
-import {hexToU8a} from "@polkadot/util";
+import { useAccount } from "@/store/account.ts";
+import { useIncognitee } from "@/store/incognitee.ts";
+import { onMounted, ref, watch } from "vue";
+import { ApiPromise, WsProvider } from "@polkadot/api";
+import { Keyring } from "@polkadot/keyring";
+import { hexToU8a } from "@polkadot/util";
 
 const existential_deposit = 10000000000;
-const txStatus = ref('')
-const accountStore = useAccount()
-const incogniteeStore = useIncognitee()
-const emit = defineEmits(['change-tab'])
-const txResHandler = ({events = [], status, txHash}) => {
+const txStatus = ref("");
+const accountStore = useAccount();
+const incogniteeStore = useIncognitee();
+const emit = defineEmits(["change-tab"]);
+const txResHandler = ({ events = [], status, txHash }) => {
   status.isFinalized
-      ? txStatus.value = `😀 Finalized. You should see your Incognitee balance increase in seconds. Please proceed to the next tab and invite a friend`
-      : txStatus.value = `⌛ Current transaction status: ${status.type}. please be patient a few more seconds. you should see your Paseo balance going down`
+    ? (txStatus.value = `😀 Finalized. You should see your Incognitee balance increase in seconds. Please proceed to the next tab and invite a friend`)
+    : (txStatus.value = `⌛ Current transaction status: ${status.type}. please be patient a few more seconds. you should see your Paseo balance going down`);
 
   // Loop through Vec<EventRecord> to display all events
-  events.forEach(({_, event: {data, method, section}}) => {
-    if ((section + ":" + method) === 'system:ExtrinsicFailed') {
+  events.forEach(({ _, event: { data, method, section } }) => {
+    if (section + ":" + method === "system:ExtrinsicFailed") {
       // extract the data for this event
       const [dispatchError, dispatchInfo] = data;
-      console.log(`dispatchinfo: ${dispatchInfo}`)
+      console.log(`dispatchinfo: ${dispatchInfo}`);
       let errorInfo;
 
       // decode the error
@@ -68,50 +78,65 @@ const txResHandler = ({events = [], status, txHash}) => {
         // for module errors, we have the section indexed, lookup
         // (For specific known errors, we can also do a check against the
         // api.errors.<module>.<ErrorName>.is(dispatchError.asModule) guard)
-        const mod = dispatchError.asModule
+        const mod = dispatchError.asModule;
         const error = api.registry.findMetaError(
-            new Uint8Array([mod.index.toNumber(), bnFromHex(mod.error.toHex().slice(0, 4)).toNumber()])
-        )
-        let message = `${error.section}.${error.name}${
-            Array.isArray(error.docs) ? `(${error.docs.join('')})` : error.docs || ''
-        }`
+          new Uint8Array([
+            mod.index.toNumber(),
+            bnFromHex(mod.error.toHex().slice(0, 4)).toNumber(),
+          ]),
+        );
+        const message = `${error.section}.${error.name}${
+          Array.isArray(error.docs)
+            ? `(${error.docs.join("")})`
+            : error.docs || ""
+        }`;
 
         errorInfo = `${message}`;
-        console.log(`Error-info::${JSON.stringify(error)}`)
+        console.log(`Error-info::${JSON.stringify(error)}`);
       } else {
         // Other, CannotLookup, BadOrigin, no extra info
         errorInfo = dispatchError.toString();
       }
-      txStatus.value = `😞 Transaction Failed! ${section}.${method}::${errorInfo}`
-    } else if (section + ":" + method === 'system:ExtrinsicSuccess') {
-      txStatus.value`❤️️ Transaction successful! please proceed to the next tab and invite a friend`
+      txStatus.value = `😞 Transaction Failed! ${section}.${method}::${errorInfo}`;
+    } else if (section + ":" + method === "system:ExtrinsicSuccess") {
+      txStatus.value`❤️️ Transaction successful! please proceed to the next tab and invite a friend`;
     }
   });
-}
+};
 
-const txErrHandler = err =>
-    txStatus.value = `😞 Transaction Failed: ${err.toString()}`
+const txErrHandler = (err) =>
+  (txStatus.value = `😞 Transaction Failed: ${err.toString()}`);
 const shield = async () => {
-  console.log('shielding 90% of all your PAS')
-  txStatus.value = '⌛ connecting to Paseo....please be patient'
+  console.log("shielding 90% of all your PAS");
+  txStatus.value = "⌛ connecting to Paseo....please be patient";
   if (incogniteeStore.vault) {
-    let balance = accountStore.paseoBalance
-    let amount = Math.floor(0.9 * balance)
-    if (balance-amount < existential_deposit) {
-      alert("Your PAS balance would fall below the existential deposit. Please obtain more PAS from the faucet")
-      txStatus.value = ''
-      return
+    const balance = accountStore.paseoBalance;
+    const amount = Math.floor(0.9 * balance);
+    if (balance - amount < existential_deposit) {
+      alert(
+        "Your PAS balance would fall below the existential deposit. Please obtain more PAS from the faucet",
+      );
+      txStatus.value = "";
+      return;
     }
     console.log(`sending ${amount} to vault: ${incogniteeStore.vault}`);
-    const wsProvider = new WsProvider('wss://rpc.ibp.network/paseo');
-    const api = await ApiPromise.create({provider: wsProvider});
-    console.log("api initialized for shielding")
-    await api.tx.balances.transferKeepAlive(incogniteeStore.vault, amount).signAndSend(accountStore.account, txResHandler)
-        .catch(txErrHandler)
+    const wsProvider = new WsProvider("wss://rpc.ibp.network/paseo");
+    const api = await ApiPromise.create({ provider: wsProvider });
+    console.log("api initialized for shielding");
+    await api.tx.balances
+      .transferKeepAlive(incogniteeStore.vault, amount)
+      .signAndSend(accountStore.account, txResHandler)
+      .catch(txErrHandler);
   }
 };
 
 const copyToClipboard = () => {
-  navigator.clipboard.writeText(accountStore.getAddress).then(() => alert("copied your account address to clipboard. Please paste it into the address field on the Paseo faucet."));
-}
+  navigator.clipboard
+    .writeText(accountStore.getAddress)
+    .then(() =>
+      alert(
+        "copied your account address to clipboard. Please paste it into the address field on the Paseo faucet.",
+      ),
+    );
+};
 </script>
diff --git a/components/Contacts/Form.vue b/components/Contacts/Form.vue
index 8b5452e..96149be 100644
--- a/components/Contacts/Form.vue
+++ b/components/Contacts/Form.vue
@@ -1,60 +1,109 @@
 <template>
   <form class="form" @submit.prevent="onSubmit()">
     <div class="form__row row jcsb">
-      <div class="form__field" :class="{
-        error: v$.$errors.length > 0 && v$.$errors[0].$property === 'name',
-        active: formData.name !== '',
-      }">
-        <input @input="onFieldChange('name', $event.target.value)" :value="formData.name" type="text"
-          class="paragraph_medium form__input" />
-        <label :class="{ active: formData.name !== '' }" class="form__label paragraph_medium">Name</label>
+      <div
+        class="form__field"
+        :class="{
+          error: v$.$errors.length > 0 && v$.$errors[0].$property === 'name',
+          active: formData.name !== '',
+        }"
+      >
+        <input
+          :value="formData.name"
+          type="text"
+          class="paragraph_medium form__input"
+          @input="onFieldChange('name', $event.target.value)"
+        />
+        <label
+          :class="{ active: formData.name !== '' }"
+          class="form__label paragraph_medium"
+          >Name</label
+        >
         <div class="form__field_caption">
           {{ v$.$errors.length > 0 && v$.$errors[0].$message }}
         </div>
       </div>
-      <div class="form__field" :class="{
-        error: v$.$errors.length > 0 && v$.$errors[0].$property === 'email',
-        active: formData.email !== '',
-      }">
-        <input @input="onFieldChange('email', $event.target.value)" :value="formData.email" type="text"
-          class="paragraph_medium form__input" />
-        <label :class="{ active: formData.email !== '' }" class="form__label paragraph_medium">Email</label>
+      <div
+        class="form__field"
+        :class="{
+          error: v$.$errors.length > 0 && v$.$errors[0].$property === 'email',
+          active: formData.email !== '',
+        }"
+      >
+        <input
+          :value="formData.email"
+          type="text"
+          class="paragraph_medium form__input"
+          @input="onFieldChange('email', $event.target.value)"
+        />
+        <label
+          :class="{ active: formData.email !== '' }"
+          class="form__label paragraph_medium"
+          >Email</label
+        >
         <div class="form__field_caption">
           {{ v$.$errors.length > 0 && v$.$errors[0].$message }}
         </div>
       </div>
-      <div class="form__field" :class="{
-        error: v$.$errors.length > 0 && v$.$errors[0].$property === 'subject',
-        active: formData.subject !== '',
-      }">
-        <input maxlength="80" @input="onFieldChange('subject', $event.target.value)" :value="formData.subject" type="text"
-          class="paragraph_medium form__input" />
-        <label :class="{ active: formData.subject !== '' }" class="form__label paragraph_medium">Subject</label>
+      <div
+        class="form__field"
+        :class="{
+          error: v$.$errors.length > 0 && v$.$errors[0].$property === 'subject',
+          active: formData.subject !== '',
+        }"
+      >
+        <input
+          maxlength="80"
+          :value="formData.subject"
+          type="text"
+          class="paragraph_medium form__input"
+          @input="onFieldChange('subject', $event.target.value)"
+        />
+        <label
+          :class="{ active: formData.subject !== '' }"
+          class="form__label paragraph_medium"
+          >Subject</label
+        >
         <div class="form__field_caption">
           {{ v$.$errors.length > 0 && v$.$errors[0].$message }}
         </div>
         <span class="form__count">{{ getCount(formData.subject) }}/80</span>
       </div>
-      <div class="form__field" :class="{
-        error: v$.$errors.length > 0 && v$.$errors[0].$property === 'message',
-        active: formData.message !== '',
-      }">
-        <textarea maxlength="200" @input="onFieldChange('message', $event.target.value)" :value="formData.message"
-          class="paragraph_medium form__textarea scrollbar" />
-        <label :class="{ active: formData.message !== '' }" class="form__label paragraph_medium">Message</label>
+      <div
+        class="form__field"
+        :class="{
+          error: v$.$errors.length > 0 && v$.$errors[0].$property === 'message',
+          active: formData.message !== '',
+        }"
+      >
+        <textarea
+          maxlength="200"
+          :value="formData.message"
+          class="paragraph_medium form__textarea scrollbar"
+          @input="onFieldChange('message', $event.target.value)"
+        />
+        <label
+          :class="{ active: formData.message !== '' }"
+          class="form__label paragraph_medium"
+          >Message</label
+        >
         <div class="form__field_caption">
           {{ v$.$errors.length > 0 && v$.$errors[0].$message }}
         </div>
         <span class="form__count">{{ getCount(formData.message) }}/200</span>
       </div>
       <div class="btn__row row">
-        <button type="submit" class="btn btn_gradient form__button" :disabled="isSending">
+        <button
+          type="submit"
+          class="btn btn_gradient form__button"
+          :disabled="isSending"
+        >
           Submit
         </button>
         <div :class="{ active: isSuccess }" class="form__success">
           <div class="form__success-icon" />
           <div class="form__success-text">Form completed. Thanks!</div>
-          <div @click="onCloseHandler" class="form__success-close" />
+          <div class="form__success-close" @click="onCloseHandler" />
         </div>
       </div>
     </div>
@@ -62,71 +111,71 @@
 </template>
 
 <script>
-import { ref } from 'vue'
-import useVuelidate from '@vuelidate/core'
-import { required, minLength, email, maxLength } from '@vuelidate/validators'
+import { ref } from "vue";
+import useVuelidate from "@vuelidate/core";
+import { required, minLength, email, maxLength } from "@vuelidate/validators";
 
 export default {
   setup() {
     const formData = ref({
-      name: '',
-      email: '',
-      subject: '',
-      message: '',
-    })
+      name: "",
+      email: "",
+      subject: "",
+      message: "",
+    });
 
-    let isSuccess = ref(false)
-    let isSending = ref(false)
+    const isSuccess = ref(false);
+    const isSending = ref(false);
 
     const rules = {
       name: { required, minLength: minLength(2) },
       email: { required, email },
       subject: { required, minLength: minLength(2) },
       message: { required, minLength: minLength(2) },
-    }
+    };
 
-    const v$ = useVuelidate(rules, formData)
+    const v$ = useVuelidate(rules, formData);
 
     const resetForm = () => {
       formData.value = {
-        name: '',
-        email: '',
-        subject: '',
-        message: '',
-      }
-      v$.value.$reset()
-    }
+        name: "",
+        email: "",
+        subject: "",
+        message: "",
+      };
+      v$.value.$reset();
+    };
 
     const onSubmit = async () => {
-      const result = await v$.value.$validate()
+      const result = await v$.value.$validate();
       if (result) {
-        isSending.value = true
+        isSending.value = true;
         try {
-          await $fetch('/api/mail', {
-            method: 'POST',
-            body: formData.value
-          })
-          resetForm()
-          isSuccess.value = true
+          await $fetch("/api/mail", {
+            method: "POST",
+            body: formData.value,
+          });
+          resetForm();
+          isSuccess.value = true;
         } catch (err) {
-          console.log(err)
+          console.log(err);
         } finally {
-          isSending.value = false
+          isSending.value = false;
         }
       }
-    }
+    };
 
     const onCloseHandler = () => {
-      isSuccess.value = false
-    }
+      isSuccess.value = false;
+    };
 
     const getCount = (str) => {
-      return str.length
-    }
+      return str.length;
+    };
 
     const onFieldChange = (propertyName, value) => {
-      formData.value = { ...formData.value, [propertyName]: value }
-    }
+      formData.value = { ...formData.value, [propertyName]: value };
+    };
 
     return {
       formData,
@@ -136,9 +185,9 @@ export default {
       onCloseHandler,
       getCount,
       onFieldChange,
-    }
+    };
   },
-}
+};
 </script>
 
 <style lang="scss" scoped>
@@ -205,7 +254,7 @@ export default {
     }
 
     &_caption {
-      font-family: 'Inter';
+      font-family: "Inter";
       width: 100%;
       position: absolute;
       top: 110%;
@@ -282,7 +331,7 @@ export default {
     }
 
     &:focus {
-      +label {
+      + label {
         bottom: calc(100% + 8px);
         font-size: 14px;
         opacity: 0.4;
@@ -350,7 +399,7 @@ export default {
   }
 
   &__success-text {
-    font-family: 'Inter';
+    font-family: "Inter";
     font-weight: 500;
     font-size: 14px;
     line-height: 150%;
@@ -367,7 +416,7 @@ export default {
   &__success-icon {
     width: 21px;
     height: 21px;
-    background: url('@/assets/img/contacts/success-icon.svg');
+    background: url("@/assets/img/contacts/success-icon.svg");
     background-size: cover;
 
     @include sm {
@@ -379,7 +428,7 @@ export default {
   &__success-close {
     width: 24px;
     height: 24px;
-    background: url('@/assets/img/contacts/close-icon.svg');
+    background: url("@/assets/img/contacts/close-icon.svg");
     background-size: cover;
     cursor: pointer;
 
@@ -393,7 +442,7 @@ export default {
     position: absolute;
     bottom: -25px;
     right: 0;
-    font-family: 'Inter';
+    font-family: "Inter";
     font-weight: 400;
     font-size: 14px;
     line-height: 150%;
diff --git a/components/Contacts/Info.vue b/components/Contacts/Info.vue
index 52c2967..dc83cbb 100644
--- a/components/Contacts/Info.vue
+++ b/components/Contacts/Info.vue
@@ -1,14 +1,13 @@
 <template>
-  <div class='info'>
-    <div class='info__column'>
-      <slot name='title' />
-      <slot name='items' />
+  <div class="info">
+    <div class="info__column">
+      <slot name="title" />
+      <slot name="items" />
     </div>
   </div>
 </template>
 
-<script setup lang='ts'>
-</script>
+<script setup lang="ts"></script>
 
 <style lang="scss" scoped>
 .info {
diff --git a/components/Contacts/index.vue b/components/Contacts/index.vue
index 9b972c7..339ce16 100644
--- a/components/Contacts/index.vue
+++ b/components/Contacts/index.vue
@@ -2,33 +2,46 @@
   <div class="contacts">
     <Desc>
       <template #title>
-        <span>Build</span> and <span class="text-gradient_purple-blue">deploy</span> a new generation of data-driven
-        platforms with Integritee
+        <span>Build</span> and
+        <span class="text-gradient_purple-blue">deploy</span> a new generation
+        of data-driven platforms with Integritee
       </template>
     </Desc>
-    <div class='block'>
-      <div class='container'>
-        <div class='contacts__row row jcsb'>
-          <div class='contacts__column'>
+    <div class="block">
+      <div class="container">
+        <div class="contacts__row row jcsb">
+          <div class="contacts__column">
             <Info>
               <template #title>
-                <h2 class='title title_h2 margin_large'>Get in touch<br>
-                  with Integritee</h2>
+                <h2 class="title title_h2 margin_large">
+                  Get in touch<br />
+                  with Integritee
+                </h2>
               </template>
               <template #items>
-                <div class='info__row'>
-                  <div class='info__item'>
-                    <div class='contact__icon margin_medium' />
-                    <p class='title_sub margin_medium'>Contact Us</p>
-                    <p class='paragraph_large'>
-                      <a href="mailto: hello@integritee.network" class="text-link info__link">hello@integritee.network</a>
-                      <a href="mailto: support@integritee.network" class="text-link info__link">support@integritee.network</a>
+                <div class="info__row">
+                  <div class="info__item">
+                    <div class="contact__icon margin_medium" />
+                    <p class="title_sub margin_medium">Contact Us</p>
+                    <p class="paragraph_large">
+                      <a
+                        href="mailto: hello@integritee.network"
+                        class="text-link info__link"
+                        >hello@integritee.network</a
+                      >
+                      <a
+                        href="mailto: support@integritee.network"
+                        class="text-link info__link"
+                        >support@integritee.network</a
+                      >
                     </p>
                   </div>
-                  <div class='info__item'>
-                    <div class='address__icon margin_medium' />
-                    <p class='title_sub margin_medium'>Integritee AG</p>
-                    <p class='paragraph_large'>Technoparkstrasse 1, 8005 Zurich, Switzerland</p>
+                  <div class="info__item">
+                    <div class="address__icon margin_medium" />
+                    <p class="title_sub margin_medium">Integritee AG</p>
+                    <p class="paragraph_large">
+                      Technoparkstrasse 1, 8005 Zurich, Switzerland
+                    </p>
                   </div>
                 </div>
               </template>
diff --git a/components/CreateWalletTab.vue b/components/CreateWalletTab.vue
index 78ce752..44e64b8 100644
--- a/components/CreateWalletTab.vue
+++ b/components/CreateWalletTab.vue
@@ -3,14 +3,16 @@
   <section id="steps">
     <div class="block steps">
       <div class="container">
-        <div class='grid grid-rows-3 grid-flow-col gap-4'>
-          <div class='text-4xl mt-10'>Create a Wallet</div>
-          <div class='text-lg'>
-            By clicking the “Create Wallet” button, you will create a new wallet on Paseo and
-            Incognitee.
+        <div class="grid grid-rows-3 grid-flow-col gap-4">
+          <div class="text-4xl mt-10">Create a Wallet</div>
+          <div class="text-lg">
+            By clicking the “Create Wallet” button, you will create a new wallet
+            on Paseo and Incognitee.
           </div>
           <div>
-            <UButton class="btn btn_gradient" @click="createWallet">Create a Wallet</UButton>
+            <UButton class="btn btn_gradient" @click="createWallet"
+              >Create a Wallet</UButton
+            >
           </div>
         </div>
       </div>
@@ -19,50 +21,54 @@
 </template>
 
 <script setup lang="ts">
-import {Keyring} from '@polkadot/keyring'
-import {cryptoWaitReady, mnemonicGenerate, mnemonicToMiniSecret} from '@polkadot/util-crypto'
-import {u8aToHex} from "@polkadot/util";
-import { useAccount } from '@/store/account.ts'
-import { useRouter } from 'vue-router';
-import {hexToU8a} from '@polkadot/util';
-import { onMounted, ref } from 'vue';
-import { defineComponent } from 'vue';
+import { Keyring } from "@polkadot/keyring";
+import {
+  cryptoWaitReady,
+  mnemonicGenerate,
+  mnemonicToMiniSecret,
+} from "@polkadot/util-crypto";
+import { u8aToHex, hexToU8a } from "@polkadot/util";
+import { useAccount } from "@/store/account.ts";
+import { useRouter } from "vue-router";
+import { onMounted, ref, defineComponent } from "vue";
 
 const router = useRouter();
-const accountStore = useAccount()
+const accountStore = useAccount();
 
-const emit = defineEmits(['change-tab'])
+const emit = defineEmits(["change-tab"]);
 const createWallet = async () => {
-  console.log('creating fresh wallet');
-  await cryptoWaitReady()
+  console.log("creating fresh wallet");
+  await cryptoWaitReady();
   const generatedMnemonic = mnemonicGenerate();
-  const localKeyring = new Keyring({type: 'sr25519', ss58Format: 42});
-  const newAccount = localKeyring.addFromMnemonic(generatedMnemonic, {name: 'fresh'});
+  const localKeyring = new Keyring({ type: "sr25519", ss58Format: 42 });
+  const newAccount = localKeyring.addFromMnemonic(generatedMnemonic, {
+    name: "fresh",
+  });
   const seed = mnemonicToMiniSecret(generatedMnemonic);
   const privateKeyHex = u8aToHex(seed);
   console.log(`Private Key in Hex: ${privateKeyHex}`);
   // change url to contain new seed to allow bookmarking
   await router.push({
-    query: {seed: privateKeyHex}
-  })
-  accountStore.setAccount(newAccount)
-  emit('change-tab', 1);
+    query: { seed: privateKeyHex },
+  });
+  accountStore.setAccount(newAccount);
+  emit("change-tab", 1);
 };
 
 onMounted(() => {
-  const seedHex = router.currentRoute.value.query.seed
+  const seedHex = router.currentRoute.value.query.seed;
   if (seedHex) {
-    console.log("found seed in url: " + seedHex)
+    console.log("found seed in url: " + seedHex);
     cryptoWaitReady().then(() => {
-      const localKeyring = new Keyring({ type: 'sr25519' });
+      const localKeyring = new Keyring({ type: "sr25519" });
       const account = localKeyring.addFromSeed(hexToU8a(seedHex));
-      accountStore.setAccount(account)
-      emit('change-tab',1);
-    })
+      accountStore.setAccount(account);
+      emit("change-tab", 1);
+    });
   }
-})
+});
 
 defineComponent({
-  emits: ['change-tab']
+  emits: ["change-tab"],
 });
 </script>
diff --git a/components/Docs/Texts.vue b/components/Docs/Texts.vue
index 51bb90f..1bb9123 100644
--- a/components/Docs/Texts.vue
+++ b/components/Docs/Texts.vue
@@ -1,15 +1,14 @@
 <template>
-  <div class='container'>
-    <div class='text-block'>
+  <div class="container">
+    <div class="text-block">
       <slot />
     </div>
   </div>
 </template>
 
-<script setup>
-</script>
+<script setup></script>
 
-<style scoped lang='scss'>
+<style scoped lang="scss">
 .text-block {
   width: 715px;
   @include lg {
@@ -23,8 +22,8 @@
     width: 100%;
   }
   :slotted(h1) {
-    color: #FFF;
-    font-family: 'WhyteInktrap';
+    color: #fff;
+    font-family: "WhyteInktrap";
     font-size: 4em;
     font-weight: 500;
     line-height: 110%;
@@ -38,8 +37,8 @@
     }
   }
   :slotted(h2) {
-    color: #FFF;
-    font-family: 'Inter';
+    color: #fff;
+    font-family: "Inter";
     font-size: 2em;
     font-weight: 500;
     line-height: 120%;
@@ -59,8 +58,8 @@
     }
   }
   :slotted(p) {
-    color: #FFF;
-    font-family: 'Inter';
+    color: #fff;
+    font-family: "Inter";
     font-size: 1.125em;
     font-weight: 400;
     line-height: 150%;
diff --git a/components/Docs/index.vue b/components/Docs/index.vue
index d077464..462c6c1 100644
--- a/components/Docs/index.vue
+++ b/components/Docs/index.vue
@@ -1,24 +1,33 @@
 <template>
-  <div class='docs'>
-    <div class='container'>
-      <div class='docs__row'>
-        <div class='docs__column'>
-          <div class='docs__info-wrap'>
+  <div class="docs">
+    <div class="container">
+      <div class="docs__row">
+        <div class="docs__column">
+          <div class="docs__info-wrap">
             <Info>
               <template #items>
-                <div class='info__row'>
-                  <div class='info__item'>
-                    <div class='address__icon margin_medium' />
-                    <p class='title_sub margin_medium'>Integritee AG</p>
-                    <p class='paragraph_large'>Technoparkstrasse 1, 8005 Zurich, Switzerland</p>
+                <div class="info__row">
+                  <div class="info__item">
+                    <div class="address__icon margin_medium" />
+                    <p class="title_sub margin_medium">Integritee AG</p>
+                    <p class="paragraph_large">
+                      Technoparkstrasse 1, 8005 Zurich, Switzerland
+                    </p>
                   </div>
-                  <div class='info__item'>
-                    <div class='contact__icon margin_medium' />
-                    <p class='title_sub margin_medium'>Contact Us</p>
-                    <p class='paragraph_large'>
-                      <a href="mailto: hello@integritee.network" class="text-link info__link">hello@integritee.network</a>
-                      <a href="mailto: support@integritee.network"
-                        class="text-link info__link">support@integritee.network</a>
+                  <div class="info__item">
+                    <div class="contact__icon margin_medium" />
+                    <p class="title_sub margin_medium">Contact Us</p>
+                    <p class="paragraph_large">
+                      <a
+                        href="mailto: hello@integritee.network"
+                        class="text-link info__link"
+                        >hello@integritee.network</a
+                      >
+                      <a
+                        href="mailto: support@integritee.network"
+                        class="text-link info__link"
+                        >support@integritee.network</a
+                      >
                     </p>
                   </div>
                 </div>
@@ -29,138 +38,251 @@
         <Texts>
           <h1>Privacy Policy</h1>
           <h2>1. About this privacy policy</h2>
-          <p>This is the Privacy Policy for Integritee AG (a company incorporated in Switzerland and operating at
-            Technoparkstrasse 1, 8005 Zurich, Switzerland).</p>
-          <p>This Privacy Policy describes how we may collect, use, disclose and process your personal data when
-            you:access or use our website and network solution and services; and/orprovide us with your personal data.We
-            will only use your personal data where you have given us your consent or where we have other lawful basis for
-            doing so, and in the manner set out in this Privacy Policy.</p>
-          <p>By providing us with personal data, you acknowledge that our collection, use, disclosure and processing of
-            personal data will be in accordance with this Policy, including, for the avoidance of doubt, the
-            cross-jurisdictional transfer of your data. DO NOT provide any personal data to us if you do not accept this
-            Privacy Policy.</p>
-          <p>This Privacy Policy supplements but does not supersede or replace any consents you may have provided to us,
-            or any other agreements or arrangements that you may have with us, in respect of your personal data.If you
-            have any feedback or issues in relation to your personal data, or about this Privacy Policy, or wish to make a
-            complaint to us, you may contact us at by Email: hello@integritee.network</p>
-          <p>This does not affect your statutory rights. For example, if the GDPR applies to you, you may also have a
-            right to lodge a complaint with a European supervisory authority, in particular in the Member State in the
-            European Union where you are habitually resident, where you work or where an alleged infringement of Data
-            Protection law has taken place.</p>
-          <p>When you contact us, we may require that you submit certain forms or provide certain information, including
-            verification of your identity, before we are able to respond.</p>
+          <p>
+            This is the Privacy Policy for Integritee AG (a company incorporated
+            in Switzerland and operating at Technoparkstrasse 1, 8005 Zurich,
+            Switzerland).
+          </p>
+          <p>
+            This Privacy Policy describes how we may collect, use, disclose and
+            process your personal data when you:access or use our website and
+            network solution and services; and/orprovide us with your personal
+            data.We will only use your personal data where you have given us
+            your consent or where we have other lawful basis for doing so, and
+            in the manner set out in this Privacy Policy.
+          </p>
+          <p>
+            By providing us with personal data, you acknowledge that our
+            collection, use, disclosure and processing of personal data will be
+            in accordance with this Policy, including, for the avoidance of
+            doubt, the cross-jurisdictional transfer of your data. DO NOT
+            provide any personal data to us if you do not accept this Privacy
+            Policy.
+          </p>
+          <p>
+            This Privacy Policy supplements but does not supersede or replace
+            any consents you may have provided to us, or any other agreements or
+            arrangements that you may have with us, in respect of your personal
+            data.If you have any feedback or issues in relation to your personal
+            data, or about this Privacy Policy, or wish to make a complaint to
+            us, you may contact us at by Email: hello@integritee.network
+          </p>
+          <p>
+            This does not affect your statutory rights. For example, if the GDPR
+            applies to you, you may also have a right to lodge a complaint with
+            a European supervisory authority, in particular in the Member State
+            in the European Union where you are habitually resident, where you
+            work or where an alleged infringement of Data Protection law has
+            taken place.
+          </p>
+          <p>
+            When you contact us, we may require that you submit certain forms or
+            provide certain information, including verification of your
+            identity, before we are able to respond.
+          </p>
           <h2>2. Amendments to this privacy policy</h2>
-          <p>We may amend this Privacy Policy from time to time without notice to you, in compliance with applicable laws
-            or as we update our data usage and handling processes. The updated policy will supersede earlier versions and
-            will apply to personal data provided to us previously. The updated Privacy Policy will take effect when made
-            available on integritee.network/privacy-policy</p>
-          <p>If we make a change that significantly affects your rights or, to the extent we are permitted to do so,
-            significantly changes how or why we use personal data, we will notify you by way of a prominent notice on our
-            website or, if we have your email address, by email.</p>
+          <p>
+            We may amend this Privacy Policy from time to time without notice to
+            you, in compliance with applicable laws or as we update our data
+            usage and handling processes. The updated policy will supersede
+            earlier versions and will apply to personal data provided to us
+            previously. The updated Privacy Policy will take effect when made
+            available on integritee.network/privacy-policy
+          </p>
+          <p>
+            If we make a change that significantly affects your rights or, to
+            the extent we are permitted to do so, significantly changes how or
+            why we use personal data, we will notify you by way of a prominent
+            notice on our website or, if we have your email address, by email.
+          </p>
           <h2>3. What personal data we collect</h2>
-          <p><span>What is personal data.</span><br>"Personal data" is data that can be used to identify a natural person.
-            Examples of personal data include name, address, contact details, identification numbers, financial
-            information, transactional information based on your activities on our website, network solution, telephone
-            numbers, email address, images, and any other information of a personal nature.</p>
-          <p><span>Voluntary provision of personal data.</span><br>We may collect personal data (1) that you voluntarily
-            provide to us; or (2) from third parties. What personal data we collect depends on the purposes for which the
-            personal data is collected and what you have chosen to provide.</p>
-          <p>When our collection is based on consent, you can choose not to provide us with personal data. You also have
-            the right to withdraw your consent for us to continue collecting, using, disclosing and processing your
-            personal data, by contacting us in accordance by E-Mail: hello@integritee.network.</p>
-          <p><span>Providing personal data belonging to others.</span><br>In certain circumstances, you may also provide
-            us with personal data of persons other than yourself (such as your family members and next-of-kin). If you do
-            so, you represent and warrant that you have brought this Privacy Policy to his/her attention, informed him/her
-            of the purposes for which we are collecting his/her personal data and that he/she has consented to your
-            disclosure of his/her personal data to us for those purposes and accepts this Privacy Policy. You agree to
-            indemnify and hold us harmless from and against any and all claims by such individuals relating to our
-            collection, use and disclosure of such personal data in accordance with the terms of this Privacy Policy.</p>
-          <p><span>Accuracy and completeness of personal data.</span><br>You are responsible for ensuring that all
-            personal data that you provide to us is true, accurate and complete. You are responsible for informing us of
-            any changes to your personal data.</p>
+          <p>
+            <span>What is personal data.</span><br />"Personal data" is data
+            that can be used to identify a natural person. Examples of personal
+            data include name, address, contact details, identification numbers,
+            financial information, transactional information based on your
+            activities on our website, network solution, telephone numbers,
+            email address, images, and any other information of a personal
+            nature.
+          </p>
+          <p>
+            <span>Voluntary provision of personal data.</span><br />We may
+            collect personal data (1) that you voluntarily provide to us; or (2)
+            from third parties. What personal data we collect depends on the
+            purposes for which the personal data is collected and what you have
+            chosen to provide.
+          </p>
+          <p>
+            When our collection is based on consent, you can choose not to
+            provide us with personal data. You also have the right to withdraw
+            your consent for us to continue collecting, using, disclosing and
+            processing your personal data, by contacting us in accordance by
+            E-Mail: hello@integritee.network.
+          </p>
+          <p>
+            <span>Providing personal data belonging to others.</span><br />In
+            certain circumstances, you may also provide us with personal data of
+            persons other than yourself (such as your family members and
+            next-of-kin). If you do so, you represent and warrant that you have
+            brought this Privacy Policy to his/her attention, informed him/her
+            of the purposes for which we are collecting his/her personal data
+            and that he/she has consented to your disclosure of his/her personal
+            data to us for those purposes and accepts this Privacy Policy. You
+            agree to indemnify and hold us harmless from and against any and all
+            claims by such individuals relating to our collection, use and
+            disclosure of such personal data in accordance with the terms of
+            this Privacy Policy.
+          </p>
+          <p>
+            <span>Accuracy and completeness of personal data.</span><br />You
+            are responsible for ensuring that all personal data that you provide
+            to us is true, accurate and complete. You are responsible for
+            informing us of any changes to your personal data.
+          </p>
           <h2>4. How we collect personal data</h2>
-          <p><span>Personal data you provide.</span>We collect personal data that is relevant to our relationship with
-            you. We may collect your personal data directly or indirectly through various channels, such as when: you
-            request to be included in an e-mail or our mailing list; when you submit your personal data to us for through
-            our contact form</p>
-          <p><span>Personal data provided by others.</span>Depending on your relationship with us, we may also collect
-            your personal data from third party sources, for example, from: any third parties whom you have authorised us
-            to obtain your personal data from; entities in which you (or a party connected to you) have an interest; our
-            business partners such as third parties providing services to us; your family members or friends who provide
-            your personal data to us on your behalf; and/orpublic agencies or other public sources.</p>
+          <p>
+            <span>Personal data you provide.</span>We collect personal data that
+            is relevant to our relationship with you. We may collect your
+            personal data directly or indirectly through various channels, such
+            as when: you request to be included in an e-mail or our mailing
+            list; when you submit your personal data to us for through our
+            contact form
+          </p>
+          <p>
+            <span>Personal data provided by others.</span>Depending on your
+            relationship with us, we may also collect your personal data from
+            third party sources, for example, from: any third parties whom you
+            have authorised us to obtain your personal data from; entities in
+            which you (or a party connected to you) have an interest; our
+            business partners such as third parties providing services to us;
+            your family members or friends who provide your personal data to us
+            on your behalf; and/orpublic agencies or other public sources.
+          </p>
           <h2>5. What we do with your personal data</h2>
-          <p><span>What we do.</span><br>We collect, use, disclose and process your personal data where:you have given us
-            consent;necessary to comply with our legal or regulatory obligations, e.g. responding to valid requests from
-            public authorities;necessary to support our legitimate business interests, provided that this does not
-            override your interests or rights; and</p>
-          <p><span>General purposes.</span><br>We collect, use, disclose and process your personal data for purposes
-            connected or relevant to our business, to manage your relationship with us. Such purposes would
-            include:communicating with you, and assisting you with your queries, requests, applications, complaints, and
-            feedback;carrying out research and statistical analysis, including development of new products and services or
-            evaluation and improvement of our existing products and services;managing and engaging third parties or data
-            processors that provide services to us, e.g. IT services, technological services, delivery services, and other
-            professional services;such purposes that may be informed to you when your personal data is collected;
-            and/orany other reasonable purposes related to the aforesaid.</p>
-          <p><span>Legitimate business interests.</span><br>We may also collect, use, disclose and process your personal
-            data for the following purposes to support our legitimate business interests, provided that this does not
-            override your interests or rights, which include:managing our business and relationship with you, and
-            providing services to our customers;assistance of carrying out corporate restructuring plans;complying with
-            internal policies, and procedures;protecting our rights and interests, and those of our customers;enforcing
-            our terms and conditions, and obligations owed to us, or protecting ourselves from legal liability; managing
-            our investor and shareholder relations; andprocess or share your personal data to facilitate acquisitions,
-            mergers, or transfers of our business.</p>
-          <p><span>Marketing purposes.</span><br>In order for us to market products, events and services which are of
-            specific interest and relevance to you, we may analyse and rely on your personal data provided to us, or data
-            collected from your interactions with us However, no marketing, using your personal data in non-aggregated
-            and/or identifiable form would be carried out unless you have provided us with your consent to use your
-            personal data for such marketing purposes.If you do not want us to use your personal data for the purposes of
-            marketing you can withdraw your consent at any time by contacting us in accordance with paragraph 1 above.</p>
-          <p><span>Use permitted under applicable laws.</span><br>We may also collect, use, disclose and process your
-            personal data for other purposes, without your knowledge or consent, where this is required or permitted by
-            law. Your personal data may be processed if it is necessary on reasonable request by a law enforcement or
-            regulatory authority, body or agency or in the defence of a legal claim. We will not delete personal data if
-            relevant to an investigation or a dispute. It will continue to be stored until those issues are fully
-            resolved.</p>
-          <p><span>Contacting you.</span><br>When we contact or send you information for the above purposes and purposes
-            for which you have consented, we may do so by e-mail, SMS, telephone or such other means provided by you. If
-            you do not wish to receive any communication or information from us, or wish to restrict the manner by which
-            we may contact or send you information, you may contact us in accordance with paragraph 1 above.</p>
+          <p>
+            <span>What we do.</span><br />We collect, use, disclose and process
+            your personal data where:you have given us consent;necessary to
+            comply with our legal or regulatory obligations, e.g. responding to
+            valid requests from public authorities;necessary to support our
+            legitimate business interests, provided that this does not override
+            your interests or rights; and
+          </p>
+          <p>
+            <span>General purposes.</span><br />We collect, use, disclose and
+            process your personal data for purposes connected or relevant to our
+            business, to manage your relationship with us. Such purposes would
+            include:communicating with you, and assisting you with your queries,
+            requests, applications, complaints, and feedback;carrying out
+            research and statistical analysis, including development of new
+            products and services or evaluation and improvement of our existing
+            products and services;managing and engaging third parties or data
+            processors that provide services to us, e.g. IT services,
+            technological services, delivery services, and other professional
+            services;such purposes that may be informed to you when your
+            personal data is collected; and/orany other reasonable purposes
+            related to the aforesaid.
+          </p>
+          <p>
+            <span>Legitimate business interests.</span><br />We may also
+            collect, use, disclose and process your personal data for the
+            following purposes to support our legitimate business interests,
+            provided that this does not override your interests or rights, which
+            include:managing our business and relationship with you, and
+            providing services to our customers;assistance of carrying out
+            corporate restructuring plans;complying with internal policies, and
+            procedures;protecting our rights and interests, and those of our
+            customers;enforcing our terms and conditions, and obligations owed
+            to us, or protecting ourselves from legal liability; managing our
+            investor and shareholder relations; andprocess or share your
+            personal data to facilitate acquisitions, mergers, or transfers of
+            our business.
+          </p>
+          <p>
+            <span>Marketing purposes.</span><br />In order for us to market
+            products, events and services which are of specific interest and
+            relevance to you, we may analyse and rely on your personal data
+            provided to us, or data collected from your interactions with us
+            However, no marketing, using your personal data in non-aggregated
+            and/or identifiable form would be carried out unless you have
+            provided us with your consent to use your personal data for such
+            marketing purposes.If you do not want us to use your personal data
+            for the purposes of marketing you can withdraw your consent at any
+            time by contacting us in accordance with paragraph 1 above.
+          </p>
+          <p>
+            <span>Use permitted under applicable laws.</span><br />We may also
+            collect, use, disclose and process your personal data for other
+            purposes, without your knowledge or consent, where this is required
+            or permitted by law. Your personal data may be processed if it is
+            necessary on reasonable request by a law enforcement or regulatory
+            authority, body or agency or in the defence of a legal claim. We
+            will not delete personal data if relevant to an investigation or a
+            dispute. It will continue to be stored until those issues are fully
+            resolved.
+          </p>
+          <p>
+            <span>Contacting you.</span><br />When we contact or send you
+            information for the above purposes and purposes for which you have
+            consented, we may do so by e-mail, SMS, telephone or such other
+            means provided by you. If you do not wish to receive any
+            communication or information from us, or wish to restrict the manner
+            by which we may contact or send you information, you may contact us
+            in accordance with paragraph 1 above.
+          </p>
           <h2>6. Disclosure of personal data</h2>
-          <p><span>Disclosure to related parties.</span><br>We may disclose or share your personal data with our related
-            parties (including any IntegriTEE entity as set out in paragraph 1 above) in order to provide our services to
-            you, manage our shareholder and investor returns, for management and compliance purposes, and to utilise
-            shared group IT functions.</p>
-          <p>When disclosing personal data to third parties, we will (where appropriate and permissible) enter into
-            contracts with these third parties to protect your personal data in a manner that is consistent with all
-            applicable laws and/or ensure that they only process your personal data in accordance with our instructions.
+          <p>
+            <span>Disclosure to related parties.</span><br />We may disclose or
+            share your personal data with our related parties (including any
+            IntegriTEE entity as set out in paragraph 1 above) in order to
+            provide our services to you, manage our shareholder and investor
+            returns, for management and compliance purposes, and to utilise
+            shared group IT functions.
+          </p>
+          <p>
+            When disclosing personal data to third parties, we will (where
+            appropriate and permissible) enter into contracts with these third
+            parties to protect your personal data in a manner that is consistent
+            with all applicable laws and/or ensure that they only process your
+            personal data in accordance with our instructions.
           </p>
           <h2>7. Security and retention of personal data</h2>
-          <p><span>Unauthorised access.</span><br>While we take reasonable precautions to safeguard your personal data in
-            our possession or under our control, you agree not to hold us liable or responsible for any loss or damage
-            resulting from unauthorised or unintended access that is beyond our control, such as hacking or cybercrimes.
-          </p>
-          <p><span>Vulnerabilities.</span><br>We do not make any warranty, guarantee, or representation that your use of
-            our network solution is safe and protected from malware, and other vulnerabilities. We also do not guarantee
-            the security of data that you choose to send us electronically. Sending such data is entirely at your own
-            risk.</p>
-          <p><span>Period of retention.</span><br>We retain your personal data only for as long as is necessary to fulfil
-            the purposes we collected it for, and to satisfy our business and/or legal purposes, including data analytics,
-            audit, accounting or reporting purposes. How long we keep your personal data depends on the nature of the
-            data, e.g. we keep personal data for at least the duration of the limitation period for bringing claims if the
-            personal data may be required to commence or defend legal proceedings. Some information may also be retained
-            for longer, e.g. where we are required to do so by law.</p>
+          <p>
+            <span>Unauthorised access.</span><br />While we take reasonable
+            precautions to safeguard your personal data in our possession or
+            under our control, you agree not to hold us liable or responsible
+            for any loss or damage resulting from unauthorised or unintended
+            access that is beyond our control, such as hacking or cybercrimes.
+          </p>
+          <p>
+            <span>Vulnerabilities.</span><br />We do not make any warranty,
+            guarantee, or representation that your use of our network solution
+            is safe and protected from malware, and other vulnerabilities. We
+            also do not guarantee the security of data that you choose to send
+            us electronically. Sending such data is entirely at your own risk.
+          </p>
+          <p>
+            <span>Period of retention.</span><br />We retain your personal data
+            only for as long as is necessary to fulfil the purposes we collected
+            it for, and to satisfy our business and/or legal purposes, including
+            data analytics, audit, accounting or reporting purposes. How long we
+            keep your personal data depends on the nature of the data, e.g. we
+            keep personal data for at least the duration of the limitation
+            period for bringing claims if the personal data may be required to
+            commence or defend legal proceedings. Some information may also be
+            retained for longer, e.g. where we are required to do so by law.
+          </p>
         </Texts>
       </div>
     </div>
   </div>
 </template>
 
-<script setup lang='ts'>
-import Texts from '~/components/Docs/Texts.vue'
-import Info from '~/components/Contacts/Info.vue'
+<script setup lang="ts">
+import Texts from "~/components/Docs/Texts.vue";
+import Info from "~/components/Contacts/Info.vue";
 </script>
 
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .docs {
   padding-top: 104px;
   padding-bottom: 180px;
@@ -224,4 +346,5 @@ import Info from '~/components/Contacts/Info.vue'
   @include sm {
     margin-bottom: 24px !important;
   }
-}</style>
+}
+</style>
diff --git a/components/Footer/index.vue b/components/Footer/index.vue
index 9ca15e0..6c085b7 100644
--- a/components/Footer/index.vue
+++ b/components/Footer/index.vue
@@ -16,19 +16,39 @@
           <div class="footer__column">
             <div class="footer__column-title">TEER Token</div>
             <div class="footer__column-list">
-              <a :href="KRAKEN_LINK" target="_blank" class="footer__column-link text-link">
+              <a
+                :href="KRAKEN_LINK"
+                target="_blank"
+                class="footer__column-link text-link"
+              >
                 Kraken
               </a>
-              <a :href="GATE_LINK" target="_blank" class="footer__column-link text-link">
+              <a
+                :href="GATE_LINK"
+                target="_blank"
+                class="footer__column-link text-link"
+              >
                 Gate.io
               </a>
-              <a :href="COIN_MARKET_LINK" target="_blank" class="footer__column-link text-link">
+              <a
+                :href="COIN_MARKET_LINK"
+                target="_blank"
+                class="footer__column-link text-link"
+              >
                 CoinMarketCap
               </a>
-              <a :href="COIN_GECKO_LINK" target="_blank" class="footer__column-link text-link">
+              <a
+                :href="COIN_GECKO_LINK"
+                target="_blank"
+                class="footer__column-link text-link"
+              >
                 CoinGecko
               </a>
-              <a :href="TRADING_LINK" target="_blank" class="footer__column-link text-link">
+              <a
+                :href="TRADING_LINK"
+                target="_blank"
+                class="footer__column-link text-link"
+              >
                 TradingView
               </a>
             </div>
@@ -36,13 +56,25 @@
           <div class="footer__column">
             <div class="footer__column-title">Network</div>
             <div class="footer__column-list">
-              <a :href="GOVERNANCE_FOOTER_LINK" target="_blank" class="footer__column-link text-link">
+              <a
+                :href="GOVERNANCE_FOOTER_LINK"
+                target="_blank"
+                class="footer__column-link text-link"
+              >
                 Governance
               </a>
-              <a :href="SUBSCAN_LINK" target="_blank" class="footer__column-link text-link">
+              <a
+                :href="SUBSCAN_LINK"
+                target="_blank"
+                class="footer__column-link text-link"
+              >
                 Integritee Subscan
               </a>
-              <a :href="INTEGRITEE_NETWORK_LINK" target="_blank" class="footer__column-link text-link">
+              <a
+                :href="INTEGRITEE_NETWORK_LINK"
+                target="_blank"
+                class="footer__column-link text-link"
+              >
                 Integritee Network
               </a>
             </div>
@@ -50,16 +82,32 @@
           <div class="footer__column">
             <div class="footer__column-title">Resources</div>
             <div class="footer__column-list">
-              <a :href="TOKENOMICS_LINK" target="_blank" class="footer__column-link text-link">
+              <a
+                :href="TOKENOMICS_LINK"
+                target="_blank"
+                class="footer__column-link text-link"
+              >
                 Tokenomics
               </a>
-              <a :href="DOCS_LINK" target="_blank" class="footer__column-link text-link">
+              <a
+                :href="DOCS_LINK"
+                target="_blank"
+                class="footer__column-link text-link"
+              >
                 Documentation
               </a>
-              <a :href="LIGHTPAPER_LINK" target="_blank" class="footer__column-link text-link">
+              <a
+                :href="LIGHTPAPER_LINK"
+                target="_blank"
+                class="footer__column-link text-link"
+              >
                 Lightpaper
               </a>
-              <a :href="HELP_CENTER_LINK" target="_blank" class="footer__column-link text-link">
+              <a
+                :href="HELP_CENTER_LINK"
+                target="_blank"
+                class="footer__column-link text-link"
+              >
                 Help Center
               </a>
             </div>
@@ -67,19 +115,39 @@
           <div class="footer__column">
             <div class="footer__column-title">Community</div>
             <div class="footer__column-list">
-              <a :href="WATERCOOLER_LINK" target="_blank" class="footer__column-link text-link">
+              <a
+                :href="WATERCOOLER_LINK"
+                target="_blank"
+                class="footer__column-link text-link"
+              >
                 Watercooler
               </a>
-              <a :href="SUBSOCIAL_LINK" target="_blank" class="footer__column-link text-link">
+              <a
+                :href="SUBSOCIAL_LINK"
+                target="_blank"
+                class="footer__column-link text-link"
+              >
                 Subsocial
               </a>
-              <a :href="YOUTUBE_LINK" target="_blank" class="footer__column-link text-link">
+              <a
+                :href="YOUTUBE_LINK"
+                target="_blank"
+                class="footer__column-link text-link"
+              >
                 YouTube
               </a>
-              <a :href="MEDIUM_LINK" target="_blank" class="footer__column-link text-link">
+              <a
+                :href="MEDIUM_LINK"
+                target="_blank"
+                class="footer__column-link text-link"
+              >
                 Medium
               </a>
-              <a :href="REDDIT_LINK" target="_blank" class="footer__column-link text-link">
+              <a
+                :href="REDDIT_LINK"
+                target="_blank"
+                class="footer__column-link text-link"
+              >
                 Reddit
               </a>
             </div>
@@ -87,13 +155,25 @@
           <div class="footer__column">
             <div class="footer__column-title">Company</div>
             <div class="footer__column-list">
-              <NuxtLink to="https://www.integritee.network/about#join" target="_blank" class="footer__column-link text-link">
+              <NuxtLink
+                to="https://www.integritee.network/about#join"
+                target="_blank"
+                class="footer__column-link text-link"
+              >
                 Jobs
               </NuxtLink>
-              <NuxtLink to="https://www.integritee.network/about#roadmap" target="_blank" class="footer__column-link text-link">
+              <NuxtLink
+                to="https://www.integritee.network/about#roadmap"
+                target="_blank"
+                class="footer__column-link text-link"
+              >
                 Roadmap
               </NuxtLink>
-              <a :href="LINKEDIN_LINK" target="_blank" class="footer__column-link text-link">
+              <a
+                :href="LINKEDIN_LINK"
+                target="_blank"
+                class="footer__column-link text-link"
+              >
                 LinkedIn
               </a>
               <!--              <a href="/" target="_blank" class="footer__column-link text-link">-->
@@ -104,18 +184,24 @@
         </div>
       </div>
       <div class="footer__bottom">
-        <span class="paragraph_medium">©{{ new Date().getFullYear() }} Integritee, Inc.</span>
+        <span class="paragraph_medium"
+          >©{{ new Date().getFullYear() }} Integritee, Inc.</span
+        >
         <span>
-          <NuxtLink to="https://www.integritee.network/privacy-policy" class="blue paragraph_medium">Imprint and Privacy Policy</NuxtLink>
+          <NuxtLink
+            to="https://www.integritee.network/privacy-policy"
+            class="blue paragraph_medium"
+            >Imprint and Privacy Policy</NuxtLink
+          >
         </span>
       </div>
     </div>
   </footer>
 </template>
 
-<script setup lang='ts'>
-import Logo from '@/components/LogoIntegritee/index.vue'
-import Socials from '@/components/Socials/index.vue'
+<script setup lang="ts">
+import Logo from "@/components/LogoIntegritee/index.vue";
+import Socials from "@/components/Socials/index.vue";
 import {
   KRAKEN_LINK,
   GATE_LINK,
@@ -134,8 +220,8 @@ import {
   REDDIT_LINK,
   LINKEDIN_LINK,
   LIGHTPAPER_LINK,
-  TOKENOMICS_LINK
-} from '@/configs/app.config';
+  TOKENOMICS_LINK,
+} from "@/configs/app.config";
 </script>
 
 <style lang="scss" scoped>
@@ -245,7 +331,6 @@ import {
         margin-bottom: 24px !important;
         font-size: 0.875em;
       }
-
     }
 
     &:last-child {
@@ -350,7 +435,7 @@ import {
     }
 
     a {
-      transition: .3s ease;
+      transition: 0.3s ease;
 
       &:hover {
         color: #7ca8ff;
diff --git a/components/Global/LineLink.vue b/components/Global/LineLink.vue
index f509511..f8878f9 100644
--- a/components/Global/LineLink.vue
+++ b/components/Global/LineLink.vue
@@ -1,73 +1,78 @@
-<template>
-  <a :href="link" class="line-link" target="_blank">
-    <span class="line-link__text paragraph_large">{{ text }}</span>
-    <LinkIcon class="line-link__icon" />
-    <div class="line-link__underline" />
-  </a>
-</template>
-<script setup>
-import LinkIcon from '@/assets/img/link.svg'
-
-const props = defineProps({
-  link: {
-    type: String,
-    required: true,
-  },
-  text: {
-    type: String,
-    required: true,
-  }
-})
-</script>
-<style lang="scss" scoped>
-.line-link {
-  position: relative;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  width: 100%;
-  padding-bottom: 32px;
-
-  @include sm {
-    padding-bottom: 24px;
-  }
-
-  &:hover {
-    .line-link__underline {
-      &:before {
-        width: 100%;
-      }
-    }
-  }
-
-  &__icon {
-    width: 32px;
-    height: 32px;
-
-    @include sm {
-      width: 18px;
-      height: 18px;
-    }
-  }
-
-  &__underline {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: 2px;
-    background: rgba(255, 255, 255, 0.2);
-    transition: .6s ease;
-
-    &:before {
-      position: absolute;
-      content: '';
-      inset: 0;
-      width: 0%;
-      height: 100%;
-      transition: width .6s ease;
-      background: linear-gradient(90deg, #B000FD 0.01%, #B000FD 0.02%, #30DAFF 97.96%);
-    }
-  }
-}
-</style>
\ No newline at end of file
+<template>
+  <a :href="link" class="line-link" target="_blank">
+    <span class="line-link__text paragraph_large">{{ text }}</span>
+    <LinkIcon class="line-link__icon" />
+    <div class="line-link__underline" />
+  </a>
+</template>
+<script setup>
+import LinkIcon from "@/assets/img/link.svg";
+
+const props = defineProps({
+  link: {
+    type: String,
+    required: true,
+  },
+  text: {
+    type: String,
+    required: true,
+  },
+});
+</script>
+<style lang="scss" scoped>
+.line-link {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+  padding-bottom: 32px;
+
+  @include sm {
+    padding-bottom: 24px;
+  }
+
+  &:hover {
+    .line-link__underline {
+      &:before {
+        width: 100%;
+      }
+    }
+  }
+
+  &__icon {
+    width: 32px;
+    height: 32px;
+
+    @include sm {
+      width: 18px;
+      height: 18px;
+    }
+  }
+
+  &__underline {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 2px;
+    background: rgba(255, 255, 255, 0.2);
+    transition: 0.6s ease;
+
+    &:before {
+      position: absolute;
+      content: "";
+      inset: 0;
+      width: 0%;
+      height: 100%;
+      transition: width 0.6s ease;
+      background: linear-gradient(
+        90deg,
+        #b000fd 0.01%,
+        #b000fd 0.02%,
+        #30daff 97.96%
+      );
+    }
+  }
+}
+</style>
diff --git a/components/Global/RadialGradient.vue b/components/Global/RadialGradient.vue
index 59072f7..37b1507 100644
--- a/components/Global/RadialGradient.vue
+++ b/components/Global/RadialGradient.vue
@@ -1,15 +1,19 @@
-<template>
-  <div class="radial-gradient" />
-</template>
-<style lang="scss">
-.radial-gradient {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0.5;
-  background: radial-gradient(50% 50.00% at 50% 50.00%, rgba(36, 173, 124, 0.50) 0%, rgba(24, 69, 185, 0.00) 100%);
-  z-index: -1;
-}
-</style>
\ No newline at end of file
+<template>
+  <div class="radial-gradient" />
+</template>
+<style lang="scss">
+.radial-gradient {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0.5;
+  background: radial-gradient(
+    50% 50% at 50% 50%,
+    rgba(36, 173, 124, 0.5) 0%,
+    rgba(24, 69, 185, 0) 100%
+  );
+  z-index: -1;
+}
+</style>
diff --git a/components/Global/Simple.vue b/components/Global/Simple.vue
index 41b4e36..bdb41d7 100644
--- a/components/Global/Simple.vue
+++ b/components/Global/Simple.vue
@@ -1,160 +1,160 @@
-<template>
-  <div class="block simple">
-    <div class="simple__text">
-      <p class="simple__item-title margin_medium">
-        {{ item.title }}
-      </p>
-      <p class="simple__item-text paragraph paragraph_medium">
-        {{ item.text }}
-      </p>
-    </div>
-    <div class="simple__image-wrapper">
-      <div class="simple__image">
-        <img :src="item.img" />
-        <GlobalRadialGradient class="simple__image-gradient" />
-      </div>
-    </div>
-    <!-- <component :is='item.img' /> -->
-  </div>
-</template>
-<script setup lang="ts">
-defineProps<{
-  item: {
-    title: string
-    text: string
-    img: string
-  }
-}>()
-</script>
-<style lang="scss" scoped>
-.simple {
-  position: relative;
-  display: flex;
-  justify-content: space-between;
-  gap: 75px;
-
-  @include lg {
-    gap: 50px;
-  }
-
-  @include sm {
-    flex-direction: column-reverse;
-    gap: 0;
-  }
-
-  &__text {
-    width: 600px;
-    flex-shrink: 0;
-
-    @include lg {
-      width: 560px;
-    }
-
-    @include slg {
-      width: 480px;
-    }
-
-    @include md {
-      width: 350px;
-    }
-
-    @include sm {
-      width: 100%;
-    }
-  }
-
-  &__item-title {
-    position: relative;
-    z-index: 2;
-    font-family: 'WhyteInktrap';
-    font-weight: 500;
-    font-size: $tDef;
-    line-height: 110%;
-    color: #ffffff;
-
-    @include slg {
-      font-size: $sm_tMd;
-    }
-
-    @include sm {
-      font-size: 1.688em;
-    }
-  }
-
-  &__item-text {
-    position: relative;
-    z-index: 2;
-  }
-
-  &__image-wrapper {
-    position: relative;
-    width: 100%;
-  }
-
-  &__image {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    inset: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    @include sm {
-      position: relative;
-      text-align: center;
-      margin-bottom: 40px;
-    }
-
-    img {
-      width: 100%;
-      max-height: 420px;
-      z-index: 2;
-      object-fit: contain;
-
-      @include lg {
-        max-height: 390px;
-      }
-
-      @include slg {
-        max-height: 350px;
-      }
-
-      @include md {
-        max-height: 310px;
-      }
-
-      @include sm {
-        position: relative;
-        height: 100%;
-        max-width: 80%;
-        max-height: 300px;
-        width: auto;
-      }
-    }
-  }
-
-  &__image-gradient {
-    left: 50%;
-    top: 50%;
-    transform: translateX(-50%) translateY(-50%);
-    width: 900px;
-    height: 900px;
-
-    @include lg {
-      width: 850px;
-      height: 850px;
-    }
-
-    @include slg {
-      width: 800px;
-      height: 800px;
-    }
-
-    @include md {
-      width: 600px;
-      height: 600px;
-    }
-  }
-}
-</style>
+<template>
+  <div class="block simple">
+    <div class="simple__text">
+      <p class="simple__item-title margin_medium">
+        {{ item.title }}
+      </p>
+      <p class="simple__item-text paragraph paragraph_medium">
+        {{ item.text }}
+      </p>
+    </div>
+    <div class="simple__image-wrapper">
+      <div class="simple__image">
+        <img :src="item.img" />
+        <GlobalRadialGradient class="simple__image-gradient" />
+      </div>
+    </div>
+    <!-- <component :is='item.img' /> -->
+  </div>
+</template>
+<script setup lang="ts">
+defineProps<{
+  item: {
+    title: string;
+    text: string;
+    img: string;
+  };
+}>();
+</script>
+<style lang="scss" scoped>
+.simple {
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  gap: 75px;
+
+  @include lg {
+    gap: 50px;
+  }
+
+  @include sm {
+    flex-direction: column-reverse;
+    gap: 0;
+  }
+
+  &__text {
+    width: 600px;
+    flex-shrink: 0;
+
+    @include lg {
+      width: 560px;
+    }
+
+    @include slg {
+      width: 480px;
+    }
+
+    @include md {
+      width: 350px;
+    }
+
+    @include sm {
+      width: 100%;
+    }
+  }
+
+  &__item-title {
+    position: relative;
+    z-index: 2;
+    font-family: "WhyteInktrap";
+    font-weight: 500;
+    font-size: $tDef;
+    line-height: 110%;
+    color: #ffffff;
+
+    @include slg {
+      font-size: $sm_tMd;
+    }
+
+    @include sm {
+      font-size: 1.688em;
+    }
+  }
+
+  &__item-text {
+    position: relative;
+    z-index: 2;
+  }
+
+  &__image-wrapper {
+    position: relative;
+    width: 100%;
+  }
+
+  &__image {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    @include sm {
+      position: relative;
+      text-align: center;
+      margin-bottom: 40px;
+    }
+
+    img {
+      width: 100%;
+      max-height: 420px;
+      z-index: 2;
+      object-fit: contain;
+
+      @include lg {
+        max-height: 390px;
+      }
+
+      @include slg {
+        max-height: 350px;
+      }
+
+      @include md {
+        max-height: 310px;
+      }
+
+      @include sm {
+        position: relative;
+        height: 100%;
+        max-width: 80%;
+        max-height: 300px;
+        width: auto;
+      }
+    }
+  }
+
+  &__image-gradient {
+    left: 50%;
+    top: 50%;
+    transform: translateX(-50%) translateY(-50%);
+    width: 900px;
+    height: 900px;
+
+    @include lg {
+      width: 850px;
+      height: 850px;
+    }
+
+    @include slg {
+      width: 800px;
+      height: 800px;
+    }
+
+    @include md {
+      width: 600px;
+      height: 600px;
+    }
+  }
+}
+</style>
diff --git a/components/Header/Menu.vue b/components/Header/Menu.vue
index d6d1332..87adc4d 100644
--- a/components/Header/Menu.vue
+++ b/components/Header/Menu.vue
@@ -2,24 +2,26 @@
   <Transition name="menu-toggle">
     <div v-show="active" class="menu">
       <nav class="menu__nav">
-				<NuxtLink class="text-link paragraph_smll">
-          <span class="gradient gradient_one">Wallet Address
-        </span><p>xxxxxxxx...</p></NuxtLink>
+        <NuxtLink class="text-link paragraph_smll">
+          <span class="gradient gradient_one">Wallet Address </span>
+          <p>xxxxxxxx...</p></NuxtLink
+        >
 
-				<NuxtLink class="text-link paragraph_smll">
-          <span class="gradient gradient_two">Paseo Balance
-        </span><p>0.0000000 PAS</p></NuxtLink>
+        <NuxtLink class="text-link paragraph_smll">
+          <span class="gradient gradient_two">Paseo Balance </span>
+          <p>0.0000000 PAS</p></NuxtLink
+        >
 
-				<NuxtLink class="text-link paragraph_smll">
-          <span class="gradient gradient_one">Incognitee Balance
-        </span><p>0.0000000 PAS</p></NuxtLink>
-
-				<NuxtLink class="text-link paragraph_smll">
-          <span class="gradient gradient_two">Incognitee Status
-        </span><p><UBadge label="Online" /></p></NuxtLink>
+        <NuxtLink class="text-link paragraph_smll">
+          <span class="gradient gradient_one">Incognitee Balance </span>
+          <p>0.0000000 PAS</p></NuxtLink
+        >
 
+        <NuxtLink class="text-link paragraph_smll">
+          <span class="gradient gradient_two">Incognitee Status </span>
+          <p><UBadge label="Online" /></p
+        ></NuxtLink>
       </nav>
-
     </div>
   </Transition>
 </template>
@@ -28,13 +30,13 @@ const props = defineProps({
   active: {
     type: Boolean,
     required: true,
-    default: false
+    default: false,
   },
   clickHandler: {
     type: Function,
-    required: true
-  }
-})
+    required: true,
+  },
+});
 </script>
 <style lang="scss" scoped>
 .menu {
diff --git a/components/Header/index.vue b/components/Header/index.vue
index 901fe3b..fc7f0d5 100644
--- a/components/Header/index.vue
+++ b/components/Header/index.vue
@@ -2,10 +2,9 @@
   <header class="header" :class="{ 'header_no-bg': active }">
     <div class="container">
       <NuxtLink to="/" class="header__logo">
-        <Logo/>
+        <Logo />
       </NuxtLink>
-      <div class="header__nav grid grid-cols-4 gap-8 content-start ">
-
+      <div class="header__nav grid grid-cols-4 gap-8 content-start">
         <NuxtLink class="text-link paragraph_smll">
           <span class="gradient gradient_one">Wallet Address</span>
           <p>{{ accountStore.getShortAddress }}</p>
@@ -13,139 +12,162 @@
 
         <NuxtLink class="text-link paragraph_smll">
           <span class="gradient gradient_two">Paseo Balance</span>
-          <div v-if="isFetchingPaseoBalance && accountStore.getShortAddress != 'none'" class="spinner"></div>
+          <div
+            v-if="
+              isFetchingPaseoBalance && accountStore.getShortAddress != 'none'
+            "
+            class="spinner"
+          />
           <div v-else>{{ accountStore.getPaseoHumanBalance }}</div>
         </NuxtLink>
 
         <NuxtLink class="text-link paragraph_smll">
           <span class="gradient gradient_one">Incognitee Balance</span>
-          <div v-if="isFetchingIncogniteeBalance && accountStore.getShortAddress != 'none'" class="spinner"></div>
+          <div
+            v-if="
+              isFetchingIncogniteeBalance &&
+              accountStore.getShortAddress != 'none'
+            "
+            class="spinner"
+          />
           <div v-else>{{ accountStore.getIncogniteeHumanBalance }}</div>
         </NuxtLink>
 
-        <NuxtLink v-if="width > breakpoints.slg" class="text-link paragraph_smll">
+        <NuxtLink
+          v-if="width > breakpoints.slg"
+          class="text-link paragraph_smll"
+        >
           <span class="gradient gradient_two">Incognitee Status</span>
           <template v-if="incogniteeStore.apiReady">
             <p>
-              <UBadge label="Online"/>
+              <UBadge label="Online" />
             </p>
           </template>
           <template v-else>
             <p>
-              <UBadge label="checking..." color="orange"/>
+              <UBadge label="checking..." color="orange" />
             </p>
           </template>
         </NuxtLink>
-
       </div>
       <div v-if="width > breakpoints.slg" class="header__nav-right">
-        <Socials/>
-
-        <button v-if="width <= breakpoints.slg" class="header__burger" :class="{
-          active: active,
-        }" type="button" @click="toggleMenu()">
-          <div class="header__burger-line"/>
-          <div class="header__burger-line"/>
-          <div class="header__burger-line"/>
+        <Socials />
+
+        <button
+          v-if="width <= breakpoints.slg"
+          class="header__burger"
+          :class="{
+            active: active,
+          }"
+          type="button"
+          @click="toggleMenu()"
+        >
+          <div class="header__burger-line" />
+          <div class="header__burger-line" />
+          <div class="header__burger-line" />
         </button>
       </div>
     </div>
   </header>
-  <Menu v-if="width <= breakpoints.slg" :active="active" :clickHandler='toggleMenu'/>
+  <Menu
+    v-if="width <= breakpoints.slg"
+    :active="active"
+    :click-handler="toggleMenu"
+  />
 </template>
 
 <script setup lang="ts">
-import {useNuxtApp, useRoute} from '#imports'
-import Menu from '@/components/Header/Menu.vue'
-import Logo from '@/components/Logo'
-import Socials from '@/components/Socials'
-import {breakpoints} from '@/configs/app.config'
-import {useWindowScroll, useWindowSize} from '@vueuse/core'
-import {onMounted, ref, watch} from 'vue'
-import {useAccount} from '@/store/account.ts'
-import {useIncognitee} from '@/store/incognitee.ts'
-import {useInterval} from '@vueuse/core'
-import {ApiPromise, WsProvider} from "@polkadot/api";
+import { useNuxtApp, useRoute } from "#imports";
+import Menu from "@/components/Header/Menu.vue";
+import Logo from "@/components/Logo";
+import Socials from "@/components/Socials";
+import { breakpoints } from "@/configs/app.config";
+import { useWindowScroll, useWindowSize, useInterval } from "@vueuse/core";
+import { onMounted, ref, watch } from "vue";
+import { useAccount } from "@/store/account.ts";
+import { useIncognitee } from "@/store/incognitee.ts";
+import { ApiPromise, WsProvider } from "@polkadot/api";
 
-const pollCounter = useInterval(2000)
+const pollCounter = useInterval(2000);
 
-const accountStore = useAccount()
-const incogniteeStore = useIncognitee()
+const accountStore = useAccount();
+const incogniteeStore = useIncognitee();
 
-const active = ref(false)
-const isFetchingPaseoBalance = ref(true)
-const isFetchingIncogniteeBalance = ref(true)
+const active = ref(false);
+const isFetchingPaseoBalance = ref(true);
+const isFetchingIncogniteeBalance = ref(true);
 
-const {width} = useWindowSize()
-const {y} = useWindowScroll()
+const { width } = useWindowSize();
+const { y } = useWindowScroll();
 
-const {$lockScroll} = useNuxtApp()
+const { $lockScroll } = useNuxtApp();
 
-const route = useRoute()
+const route = useRoute();
 
 const toggleMenu = () => {
-  active.value = !active.value
-  $lockScroll(active.value)
-}
+  active.value = !active.value;
+  $lockScroll(active.value);
+};
 
-watch(
-    route,
-    () => {
-      active.value = false
-      $lockScroll(false)
-    },
-)
+watch(route, () => {
+  active.value = false;
+  $lockScroll(false);
+});
 
-watch(
-    pollCounter,
-    async () => {
-      console.log("ping: " + pollCounter.value)
-      await fetchIncogniteeBalance()
-    }
-)
+watch(pollCounter, async () => {
+  console.log("ping: " + pollCounter.value);
+  await fetchIncogniteeBalance();
+});
 
 const fetchIncogniteeBalance = async () => {
-  if (!incogniteeStore.apiReady) return
-  if (!accountStore.account) return
-  incogniteeStore.api.getBalance(accountStore.account, incogniteeStore.shard)
-      .then((balance) => {
-        console.log(`current account balance L2: ${balance} on shard ${incogniteeStore.shard}`)
-        accountStore.setIncogniteeBalance(balance)
-        isFetchingIncogniteeBalance.value = false;
-      });
-}
-
-let api: ApiPromise | null = null
-
-watch(
-    accountStore,
-    async () => {
-      //todo! only reinitilize if account changes
-      if (accountStore.getAddress === 'none') {
-        console.log("skipping api init. no address")
-        return
-      }
-      if (api?.isReady ) {
-        console.log("skipping api init. I seems the Paseo api is already subscribed to balance changes")
-        return
-      }
+  if (!incogniteeStore.apiReady) return;
+  if (!accountStore.account) return;
+  incogniteeStore.api
+    .getBalance(accountStore.account, incogniteeStore.shard)
+    .then((balance) => {
+      console.log(
+        `current account balance L2: ${balance} on shard ${incogniteeStore.shard}`,
+      );
+      accountStore.setIncogniteeBalance(balance);
+      isFetchingIncogniteeBalance.value = false;
+    });
+};
+
+let api: ApiPromise | null = null;
+
+watch(accountStore, async () => {
+  //todo! only reinitilize if account changes
+  if (accountStore.getAddress === "none") {
+    console.log("skipping api init. no address");
+    return;
+  }
+  if (api?.isReady) {
+    console.log(
+      "skipping api init. I seems the Paseo api is already subscribed to balance changes",
+    );
+    return;
+  }
 
-      console.log("trying to init api")
-      const wsProvider = new WsProvider('wss://rpc.ibp.network/paseo');
-      api = await ApiPromise.create({provider: wsProvider});
-      api.query.system.account(accountStore.account.address, ({data: {free: currentFree}}) => {
-        console.log("paseo balance:" + currentFree)
-        accountStore.paseoBalance = Number(currentFree)
-        isFetchingPaseoBalance.value = false;
-      });
-      // for quicker responsiveness we dont wait until the next regular poll, but trigger the balance fetch here
-      fetchIncogniteeBalance().then(() => console.log("fetched incognitee balance"))
-    }
-)
+  console.log("trying to init api");
+  const wsProvider = new WsProvider("wss://rpc.ibp.network/paseo");
+  api = await ApiPromise.create({ provider: wsProvider });
+  api.query.system.account(
+    accountStore.account.address,
+    ({ data: { free: currentFree } }) => {
+      console.log("paseo balance:" + currentFree);
+      accountStore.paseoBalance = Number(currentFree);
+      isFetchingPaseoBalance.value = false;
+    },
+  );
+  // for quicker responsiveness we dont wait until the next regular poll, but trigger the balance fetch here
+  fetchIncogniteeBalance().then(() =>
+    console.log("fetched incognitee balance"),
+  );
+});
 
 onMounted(() => {
-  incogniteeStore.initializeApi()
-})
+  incogniteeStore.initializeApi();
+});
 </script>
 
 <style lang="scss">
@@ -196,8 +218,6 @@ onMounted(() => {
   }
 
   &__logo {
-
-
     @include xsm {
       width: 118px;
     }
@@ -209,7 +229,7 @@ onMounted(() => {
     &:hover {
       svg {
         &.blue-hover {
-          background: #5B92FF;
+          background: #5b92ff;
         }
       }
     }
@@ -223,7 +243,6 @@ onMounted(() => {
     a {
       font-size: 0.875em;
 
-
       @include lg {
         margin-left: 18px;
       }
@@ -234,7 +253,7 @@ onMounted(() => {
     }
 
     a.router-link-active {
-      color: #5B92FF;
+      color: #5b92ff;
     }
   }
 
diff --git a/components/Index/Community.vue b/components/Index/Community.vue
index 618b5a8..0b09ed9 100644
--- a/components/Index/Community.vue
+++ b/components/Index/Community.vue
@@ -4,25 +4,27 @@
       <div class="container blur-gradient row jcsb community__row">
         <div class="column column_medium community__column">
           <h2 class="title title_h2 community__title">
-            Join our developer community <br /> and start your Integritee journey
+            Join our developer community <br />
+            and start your Integritee journey
           </h2>
           <div class="community__text">
             <p class="paragraph paragraph_medium margin_large">
               Developers are building amazing DApps that utilize our expanding
-              suite of tools.
-              Join us on Discord where we’re building a community of forward
-              thinking devs like you.
+              suite of tools. Join us on Discord where we’re building a
+              community of forward thinking devs like you.
             </p>
           </div>
-          <a :href="DISCORD_LINK" target='_blank' class="btn btn_gradient">Join Discord</a>
+          <a :href="DISCORD_LINK" target="_blank" class="btn btn_gradient"
+            >Join Discord</a
+          >
         </div>
-        <img class='community__image' src='/img/index/community/image.jpg' />
+        <img class="community__image" src="/img/index/community/image.jpg" />
       </div>
     </div>
   </section>
 </template>
-<script setup lang='ts'>
-import { DISCORD_LINK } from '@/configs/app.config'
+<script setup lang="ts">
+import { DISCORD_LINK } from "@/configs/app.config";
 </script>
 <style lang="scss">
 .community {
diff --git a/components/Index/Delegator.vue b/components/Index/Delegator.vue
index 04450c6..b6cf9ec 100644
--- a/components/Index/Delegator.vue
+++ b/components/Index/Delegator.vue
@@ -3,19 +3,31 @@
     <div class="block delegator">
       <div class="container">
         <div class="column column_medium delegator__column">
-          <h2 class="title title_h2 delegator__title">
-            Become a delegator
-          </h2>
-          <p class="paragraph paragraph_medium margin_large delegator__description">
-            Earn from locking your TEER: Validators receive transaction fees and can share them with TEER holders via Delegation.<br /><br />
-Join the Delegator Program: TEER holders can delegate their TEER tokens to existing Validators to help securing Incognitee’s backbone.
+          <h2 class="title title_h2 delegator__title">Become a delegator</h2>
+          <p
+            class="paragraph paragraph_medium margin_large delegator__description"
+          >
+            Earn from locking your TEER: Validators receive transaction fees and
+            can share them with TEER holders via Delegation.<br /><br />
+            Join the Delegator Program: TEER holders can delegate their TEER
+            tokens to existing Validators to help securing Incognitee’s
+            backbone.
           </p>
-          <NuxtLink to="https://docs.incognitee.io
-/4.-want-to-join-or-support-incognitee/4.2-become-a-delegator" target="blank" class="btn btn_gradient">Become a delegator</NuxtLink>
+          <NuxtLink
+            to="https://docs.incognitee.io
+/4.-want-to-join-or-support-incognitee/4.2-become-a-delegator"
+            target="blank"
+            class="btn btn_gradient"
+            >Become a delegator</NuxtLink
+          >
         </div>
         <div class="delegator__image-wrapper">
           <!-- <img src="/img/index/delegator/polygons.svg" class="delegator__image" alt="Polygons" /> -->
-          <img src="/img/index/delagator/become-a-delegator-picture.svg" class="delegator__image" alt="Polygons" />
+          <img
+            src="/img/index/delagator/become-a-delegator-picture.svg"
+            class="delegator__image"
+            alt="Polygons"
+          />
           <GlobalRadialGradient class="work__image-gradient" />
         </div>
       </div>
diff --git a/components/Index/Hunter.vue b/components/Index/Hunter.vue
index 0515177..ec799a8 100644
--- a/components/Index/Hunter.vue
+++ b/components/Index/Hunter.vue
@@ -3,18 +3,29 @@
     <div class="block hunter">
       <div class="container">
         <div class="column column_medium hunter__column">
-          <h2 class="title title_h2 hunter__title">
-            Are you a bounty hunter?
-          </h2>
-          <p class="paragraph paragraph_medium margin_large hunter__description">
-            We want to make our platform as secure as possible, that's why we will launch a bug bounty to attract the best talents to battle test our solution.
+          <h2 class="title title_h2 hunter__title">Are you a bounty hunter?</h2>
+          <p
+            class="paragraph paragraph_medium margin_large hunter__description"
+          >
+            We want to make our platform as secure as possible, that's why we
+            will launch a bug bounty to attract the best talents to battle test
+            our solution.
           </p>
-          <NuxtLink to="https://docs.incognitee.io
-/4.-want-to-join-or-support-incognitee/4.4-become-a-bug-hunter" target="blank" class="btn btn_gradient">Start Hunting</NuxtLink>
+          <NuxtLink
+            to="https://docs.incognitee.io
+/4.-want-to-join-or-support-incognitee/4.4-become-a-bug-hunter"
+            target="blank"
+            class="btn btn_gradient"
+            >Start Hunting</NuxtLink
+          >
         </div>
         <div class="hunter__image-wrapper">
           <!-- <img src="/img/index/hunter/polygons.svg" class="hunter__image" alt="Polygons" /> -->
-          <img src="/img/index/hunter/bounty-hunter-picture.svg" class="hunter__image" alt="Polygons" />
+          <img
+            src="/img/index/hunter/bounty-hunter-picture.svg"
+            class="hunter__image"
+            alt="Polygons"
+          />
           <GlobalRadialGradient class="work__image-gradient" />
         </div>
       </div>
diff --git a/components/Index/Main.vue b/components/Index/Main.vue
index e8e6724..bc9b992 100644
--- a/components/Index/Main.vue
+++ b/components/Index/Main.vue
@@ -5,24 +5,31 @@
         <div class="column column_large main__column">
           <h1 class="title title_hero main__title margin_medium">
             <span class="gradient gradient_one">Welcome to</span> our<br />
-            Incognitee <span class="gradient gradient_two"> Beta</span> <br/>
+            Incognitee <span class="gradient gradient_two"> Beta</span> <br />
             <span class="gradient gradient_one">Test</span> Campaign
           </h1>
           <p class="paragraph paragraph_medium main__description margin_large">
-            Become one of the first users to help improving Incognitee and get a chance to win one of the juicy prices.
+            Become one of the first users to help improving Incognitee and get a
+            chance to win one of the juicy prices.
           </p>
           <p class="paragraph paragraph_medium main__description margin_large">
-            <a href="https://incognitee.io/"> Incognitee</a> is a fast and scalable privacy enhancement for <a href="https://polkadot.network">Polkadot</a>,
-            and we are approaching production readiness.
-            Help us testing and do some private token transfers to win a prize!
-            You are going to obtain free PAS tokens (Polkadot Testnet Tokens) and convert them to private Incognitee Tokens - a process we call token shielding.
-            Afterwards you can transfer them to a friend privately via invite link or convert them back to PAS tokens without disclosing any transfer history - cool isn't it?
+            <a href="https://incognitee.io/"> Incognitee</a> is a fast and
+            scalable privacy enhancement for
+            <a href="https://polkadot.network">Polkadot</a>, and we are
+            approaching production readiness. Help us testing and do some
+            private token transfers to win a prize! You are going to obtain free
+            PAS tokens (Polkadot Testnet Tokens) and convert them to private
+            Incognitee Tokens - a process we call token shielding. Afterwards
+            you can transfer them to a friend privately via invite link or
+            convert them back to PAS tokens without disclosing any transfer
+            history - cool isn't it?
           </p>
         </div>
       </div>
     </div>
   </section>
 </template>
+<script setup lang="ts"></script>
 <style lang="scss" scoped>
 .main {
   padding-top: 90px;
@@ -55,7 +62,6 @@
     }
   }
 
-
   .gradient {
     display: inline-block;
 
@@ -81,7 +87,7 @@
     @include slg {
       right: -380px;
       top: -81px;
-      width: 741px
+      width: 741px;
     }
 
     @include md {
@@ -90,10 +96,9 @@
     }
 
     @include sm {
-display: none;
+      display: none;
     }
 
-
     @include xsm {
       width: 550px;
       left: 150px;
@@ -154,5 +159,3 @@ display: none;
   }
 }
 </style>
-<script setup lang="ts">
-</script>
diff --git a/components/Index/News.vue b/components/Index/News.vue
index af7eb62..d788baa 100644
--- a/components/Index/News.vue
+++ b/components/Index/News.vue
@@ -6,21 +6,26 @@
           Network <NuxtLink to="/blog" class="color_blue">news</NuxtLink>
         </h2>
         <div class="row news__list">
-          <New v-for="post in data" :post="post" class="news__item" :key="post.id" />
+          <New
+            v-for="post in data"
+            :key="post.id"
+            :post="post"
+            class="news__item"
+          />
         </div>
       </div>
     </div>
   </section>
 </template>
 <script setup lang="ts">
-import { useWpApi } from '@/api/wordpress'
-import New from '@/components/Blog/New.vue'
+import { useWpApi } from "@/api/wordpress";
+import New from "@/components/Blog/New.vue";
 
-const wpApi = useWpApi()
+const wpApi = useWpApi();
 
 const { data, error } = await wpApi.getPosts({
   limit: 3,
-})
+});
 </script>
 <style lang="scss">
 .news {
diff --git a/components/Index/Partner.vue b/components/Index/Partner.vue
index 92da731..842affd 100644
--- a/components/Index/Partner.vue
+++ b/components/Index/Partner.vue
@@ -3,18 +3,28 @@
     <div class="block partner">
       <div class="container">
         <div class="column column_medium partner__column">
-          <h2 class="title title_h2 partner__title">
-            Become a partner
-          </h2>
-          <p class="paragraph paragraph_medium margin_large partner__description">
-            If you are a wallet provider, an exchange or an validator operator, get in touch with us.
+          <h2 class="title title_h2 partner__title">Become a partner</h2>
+          <p
+            class="paragraph paragraph_medium margin_large partner__description"
+          >
+            If you are a wallet provider, an exchange or an validator operator,
+            get in touch with us.
           </p>
-          <NuxtLink to="https://docs.incognitee.io
-/4.-want-to-join-or-support-incognitee/4.3-become-a-partner" target="blank" class="btn btn_gradient">Contact</NuxtLink>
+          <NuxtLink
+            to="https://docs.incognitee.io
+/4.-want-to-join-or-support-incognitee/4.3-become-a-partner"
+            target="blank"
+            class="btn btn_gradient"
+            >Contact</NuxtLink
+          >
         </div>
         <div class="partner__image-wrapper">
           <!-- <img src="/img/index/partner/polygons.svg" class="partner__image" alt="Polygons" /> -->
-          <img src="/img/index/partner/become-a-partner-picture.svg" class="partner__image" alt="Polygons" />
+          <img
+            src="/img/index/partner/become-a-partner-picture.svg"
+            class="partner__image"
+            alt="Polygons"
+          />
         </div>
       </div>
     </div>
diff --git a/components/Index/Prizes.vue b/components/Index/Prizes.vue
index 5d40400..6fb39a9 100644
--- a/components/Index/Prizes.vue
+++ b/components/Index/Prizes.vue
@@ -3,19 +3,33 @@
     <div class="block prizes">
       <div class="container">
         <div class="column column_medium prizes__column">
-          <h2 class="title title_h2 prizes__title">
-            Prizes
-          </h2>
-
-<div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-8">
-          <img src="/img/index/prizes/prize1.svg" class="prize__image" alt="Polygons" />
-          <img src="/img/index/prizes/prize2.svg" class="prize__image" alt="Polygons" />
-          <img src="/img/index/prizes/prize3.svg" class="prize__image" alt="Polygons" />
-      </div>
+          <h2 class="title title_h2 prizes__title">Prizes</h2>
+
+          <div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-8">
+            <img
+              src="/img/index/prizes/prize1.svg"
+              class="prize__image"
+              alt="Polygons"
+            />
+            <img
+              src="/img/index/prizes/prize2.svg"
+              class="prize__image"
+              alt="Polygons"
+            />
+            <img
+              src="/img/index/prizes/prize3.svg"
+              class="prize__image"
+              alt="Polygons"
+            />
+          </div>
         </div>
         <div class="prizes__image-wrapper">
           <!-- <img src="/img/index/prizes/polygons.svg" class="prizes__image" alt="Polygons" /> -->
-          <img src="/img/index/prizes/prizes.svg" class="prizes__image" alt="Polygons" />
+          <img
+            src="/img/index/prizes/prizes.svg"
+            class="prizes__image"
+            alt="Polygons"
+          />
         </div>
       </div>
     </div>
@@ -48,8 +62,6 @@
     }
   }
 
-  
-
   &__image-wrapper {
     position: relative;
 
@@ -121,11 +133,10 @@
 }
 
 .prize {
-
   &__image {
-      justify-content: space-between;
-      padding-right: 20px;
-  width: 200px;
+    justify-content: space-between;
+    padding-right: 20px;
+    width: 200px;
 
     @include sm {
       width: 90%;
diff --git a/components/Index/Rules.vue b/components/Index/Rules.vue
index 1a8b0a8..069bb49 100644
--- a/components/Index/Rules.vue
+++ b/components/Index/Rules.vue
@@ -3,41 +3,64 @@
     <div class="block partner">
       <div class="container">
         <div class="column column_medium partner__column">
-          <h2 class="title title_h2 partner__title">
-            Rules
-          </h2>
+          <h2 class="title title_h2 partner__title">Rules</h2>
 
-          <ul class="paragraph paragraph_medium margin_large partner__description list-disc list-outside">
+          <ul
+            class="paragraph paragraph_medium margin_large partner__description list-disc list-outside"
+          >
             <li>Every shielding event will give you 1 Point</li>
             <li>Every unshield event will give you 2 Points</li>
-            <li>Your invites to other people are invisible even to us, but you'll get good karma for sure!</li>
-            <li>Perform step 5 to be considered as a participant and get additional 5 points</li>
-            <li>Don’t post multiple times with the same X account.
-              However, sending us a message over simpleX and posting on nostr will give you additional 5 points each</li>
-            <li>You can perform steps 2-4 repeatedly until you run out of funds</li>
-            <li>Once exhausted, you can refund your Paseo balance every 24h using the faucet in step 2</li>
-            <li>Don't close your browser tab without saving the link. Otherwise you may lose access to your testing wallet.
-              (This is a static webpage and we store no cookies to protect your privacy)</li>
-            <li>This campaign aims to test the limits of incognitee by generating substantial traffic.
-              Should the chain reach its limit and maybe even become inoperable at any point,
-              the campaign will conclude. Winners will then be determined based on the data available up to that moment.</li>
+            <li>
+              Your invites to other people are invisible even to us, but you'll
+              get good karma for sure!
+            </li>
+            <li>
+              Perform step 5 to be considered as a participant and get
+              additional 5 points
+            </li>
+            <li>
+              Don’t post multiple times with the same X account. However,
+              sending us a message over simpleX and posting on nostr will give
+              you additional 5 points each
+            </li>
+            <li>
+              You can perform steps 2-4 repeatedly until you run out of funds
+            </li>
+            <li>
+              Once exhausted, you can refund your Paseo balance every 24h using
+              the faucet in step 2
+            </li>
+            <li>
+              Don't close your browser tab without saving the link. Otherwise
+              you may lose access to your testing wallet. (This is a static
+              webpage and we store no cookies to protect your privacy)
+            </li>
+            <li>
+              This campaign aims to test the limits of incognitee by generating
+              substantial traffic. Should the chain reach its limit and maybe
+              even become inoperable at any point, the campaign will conclude.
+              Winners will then be determined based on the data available up to
+              that moment.
+            </li>
             <li>The top 3 participants will win a prize.</li>
-            <li>Winners will be announced latest 2 weeks after the event via X</li>
+            <li>
+              Winners will be announced latest 2 weeks after the event via X
+            </li>
           </ul>
-
         </div>
         <div class="partner__image-wrapper">
           <!-- <img src="/img/index/partner/polygons.svg" class="partner__image" alt="Polygons" /> -->
-          <img src="/img/index/rules/rules.svg" class="partner__image" alt="Polygons"/>
+          <img
+            src="/img/index/rules/rules.svg"
+            class="partner__image"
+            alt="Polygons"
+          />
         </div>
       </div>
     </div>
-
-
   </section>
 </template>
-<script setup>
-</script>
+<script setup></script>
 <style lang="scss">
 .partner {
   .container {
diff --git a/components/Index/Scalability.vue b/components/Index/Scalability.vue
index daf56b2..948e577 100644
--- a/components/Index/Scalability.vue
+++ b/components/Index/Scalability.vue
@@ -3,18 +3,22 @@
     <div class="block scalability">
       <div class="container">
         <div class="row scalability__row">
-          <div class="column column_medium scalability__column scalability__column_left">
+          <div
+            class="column column_medium scalability__column scalability__column_left"
+          >
             <h2 class="title title_h2 scalability__title">
-              Scalability <br /> and performance without sacrificing trust
+              Scalability <br />
+              and performance without sacrificing trust
             </h2>
             <p class="paragraph paragraph_medium margin_large">
               Integritee utilizes the blockchain to create security and trust
-              without the computational compromises.
-              Centralized approaches to data-driven services tend to be fast and
-              convenient, but involve big compromises of user privacy and data
-              security.
+              without the computational compromises. Centralized approaches to
+              data-driven services tend to be fast and convenient, but involve
+              big compromises of user privacy and data security.
             </p>
-            <NuxtLink to="/technology" class="btn btn_gradient">Learn more</NuxtLink>
+            <NuxtLink to="/technology" class="btn btn_gradient"
+              >Learn more</NuxtLink
+            >
           </div>
           <div class="column scalability__column_icons">
             <div class="scalability__item margin_large">
@@ -24,7 +28,9 @@
               <h3 class="scalability__item-title title_sub margin_medium">
                 Privacy & security
               </h3>
-              <p class="paragraph paragraph_medium scalability__item-description">
+              <p
+                class="paragraph paragraph_medium scalability__item-description"
+              >
                 The security and trust of the blockchain with the speed and
                 power of enterprise grade confidential computing hardware.
               </p>
@@ -36,7 +42,9 @@
               <h3 class="scalability__item-title title_sub margin_medium">
                 Speed & scalabillity
               </h3>
-              <p class="paragraph paragraph_medium scalability__item-description">
+              <p
+                class="paragraph paragraph_medium scalability__item-description"
+              >
                 The scalability of second-layer technology based on substrate
                 for building state of the art data-driven dApps and services.
               </p>
@@ -48,8 +56,8 @@
   </section>
 </template>
 <script setup>
-import Guard from '@/assets/img/index/scalability/guard.svg'
-import Speed from '@/assets/img/index/scalability/speed.svg'
+import Guard from "@/assets/img/index/scalability/guard.svg";
+import Speed from "@/assets/img/index/scalability/speed.svg";
 </script>
 <style lang="scss">
 .scalability {
diff --git a/components/Index/Steps.vue b/components/Index/Steps.vue
index ca99dc0..2595d62 100644
--- a/components/Index/Steps.vue
+++ b/components/Index/Steps.vue
@@ -1,37 +1,40 @@
 <template>
   <div class="container flex flex-col">
-    <div class=''>
-      <h2 class="title title_h2 partner__title text-left">
-        Campaign
-      </h2>
+    <div class="">
+      <h2 class="title title_h2 partner__title text-left">Campaign</h2>
     </div>
-    <div class=''>
-      <UTabs :items="items" v-model="currentTabIndex" class="w-full">
+    <div class="">
+      <UTabs v-model="currentTabIndex" :items="items" class="w-full">
         <template #default="{ item, index, selected }">
           <div
-              :class="{ 'text-gray-400': !selected }"
-              class=" relative truncate"
-              @click="currentTabIndex = index"
+            :class="{ 'text-gray-400': !selected }"
+            class="relative truncate"
+            @click="currentTabIndex = index"
           >
             <span class="truncate">{{ index + 1 }}. {{ item.label }}</span>
-            <span v-if="selected" class="absolute -right-4 w-2 h-2 rounded-full bg-primary-500 dark:bg-primary-400"/>
+            <span
+              v-if="selected"
+              class="absolute -right-4 w-2 h-2 rounded-full bg-primary-500 dark:bg-primary-400"
+            />
           </div>
         </template>
       </UTabs>
     </div>
     <div class="tab-content mt-4">
-      <component :is="items[currentTabIndex].component" @change-tab="(i) => currentTabIndex = i"/>
+      <component
+        :is="items[currentTabIndex].component"
+        @change-tab="(i) => (currentTabIndex = i)"
+      />
     </div>
   </div>
 </template>
 
-
 <script>
-import CheckWalletTab from '~/components/CheckWalletTab.vue'
-import CreateWalletTab from '~/components/CreateWalletTab.vue'
-import InviteFriendTab from '~/components/InviteFriendTab.vue'
-import PublishonxTab from '~/components/PublishonxTab.vue'
-import UnshieldTab from '~/components/UnshieldTab.vue'
+import CheckWalletTab from "~/components/CheckWalletTab.vue";
+import CreateWalletTab from "~/components/CreateWalletTab.vue";
+import InviteFriendTab from "~/components/InviteFriendTab.vue";
+import PublishonxTab from "~/components/PublishonxTab.vue";
+import UnshieldTab from "~/components/UnshieldTab.vue";
 
 export default {
   components: {
@@ -39,44 +42,44 @@ export default {
     CheckWalletTab,
     InviteFriendTab,
     UnshieldTab,
-    PublishonxTab
+    PublishonxTab,
   },
   data() {
     return {
       currentTabIndex: 0,
       items: [
         {
-          label: 'Create',
-          component: CreateWalletTab
+          label: "Create",
+          component: CreateWalletTab,
         },
         {
-          label: 'Shield',
-          component: CheckWalletTab
+          label: "Shield",
+          component: CheckWalletTab,
         },
         {
-          label: 'Invite',
-          component: InviteFriendTab
+          label: "Invite",
+          component: InviteFriendTab,
         },
         {
-          label: 'Unshield',
-          component: UnshieldTab
+          label: "Unshield",
+          component: UnshieldTab,
         },
         {
-          label: 'Share',
-          component: PublishonxTab
-        }
-      ]
-    }
+          label: "Share",
+          component: PublishonxTab,
+        },
+      ],
+    };
+  },
+  mounted() {
+    this.currentComponent = this.items[0].component;
   },
   methods: {
     onTabChanged(tabIndex) {
       this.currentComponent = this.items[tabIndex].component;
-    }
+    },
   },
-  mounted() {
-    this.currentComponent = this.items[0].component;
-  }
-}
+};
 </script>
 
 <style lang="scss">
diff --git a/components/Index/UseCases.vue b/components/Index/UseCases.vue
deleted file mode 100644
index eea3d05..0000000
--- a/components/Index/UseCases.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<template>
-  <section id="usecases">
-    <div class="block usecases">
-      <div class="container">
-        <div class="column">
-          <h2 class="title title_h2 usecases__title">
-            Use cases that matter
-          </h2>
-          <p class="paragraph paragraph_medium margin_large usecases__description">
-            <ul><li>Vote without a show of hands: Cast your vote in a black ballot box without being doxxed.</li>
-<li>Transfer in confidence: Keep your transaction history private for sensitive actions – you dont want your neighbor to know what you are buying right?</li>
-</ul>
-Unlike other platforms, our privacy sidechain is built for responsible concealment. Selective disclosure, compliance adherence, auditable yet confidential transactions, and a governance that includes you — it's privacy designed with accountability at its core.
-          </p>
-        </div>
-      </div>
-    </div>
-  </section>
-</template>
-<script setup></script>
-<style lang="scss">
-.usecases {
-  .container {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 50px;
-
-    @include md {
-      gap: 15px;
-    }
-
-    @include sm {
-      flex-direction: column-reverse;
-    }
-  }
-
-  &__image {
-    width: 100%;
-
-    @include sm {
-      width: 90%;
-    }
-  }
-
-  &__image-wrapper {
-    position: relative;
-
-    @include sm {
-      text-align: center;
-      margin-bottom: 70px;
-    }
-
-    @include xsm {
-      margin-bottom: 50px;
-    }
-  }
-
-  &__image-gradient {
-    left: 50%;
-    top: 50%;
-    transform: translateX(-50%) translateY(-50%);
-    width: 653px;
-    height: 520px;
-
-    @include slg {
-      height: 338px;
-      width: 676px;
-    }
-
-    @include md {
-      height: 309px;
-      width: 618px;
-    }
-
-    @include sm {
-      height: 330px;
-      width: 660px;
-    }
-
-    @include xsm {
-      height: 258px;
-      width: 516px;
-    }
-  }
-
-  &__column {
-    flex-shrink: 0;
-
-    @include lg {
-      width: 560px;
-    }
-
-    @include slg {
-      width: 480px;
-    }
-
-    @include slg {
-      width: 410px;
-    }
-
-    @include sm {
-      width: 100%;
-    }
-  }
-
-  &__title {
-    @include slg {
-      br {
-        display: none;
-      }
-    }
-  }
-}
-</style>
diff --git a/components/Index/Validator.vue b/components/Index/Validator.vue
index a502020..19a396d 100644
--- a/components/Index/Validator.vue
+++ b/components/Index/Validator.vue
@@ -3,19 +3,32 @@
     <div class="block validator">
       <div class="container">
         <div class="column column_medium validator__column">
-          <h2 class="title title_h2 validator__title">
-            Become a validator
-          </h2>
-          <p class="paragraph paragraph_medium margin_large validator__description">
-            Earn from Transactions: Validators receive a proportional amount of every transaction they validate, creating an opportunity for continual rewards in line with Incognitee’s activity.<br /><br />
-Join the Validator Program: Aspiring validators have to participate in the Testnet phase to be eligible for the main net launch to become a part of Incognitee’s backbone.
+          <h2 class="title title_h2 validator__title">Become a validator</h2>
+          <p
+            class="paragraph paragraph_medium margin_large validator__description"
+          >
+            Earn from Transactions: Validators receive a proportional amount of
+            every transaction they validate, creating an opportunity for
+            continual rewards in line with Incognitee’s activity.<br /><br />
+            Join the Validator Program: Aspiring validators have to participate
+            in the Testnet phase to be eligible for the main net launch to
+            become a part of Incognitee’s backbone.
           </p>
-          <NuxtLink to="https://docs.incognitee.io
-/4.-want-to-join-or-support-incognitee/4.1-become-a-validator" target="blank" class="btn btn_gradient">Become a Validator</NuxtLink>
+          <NuxtLink
+            to="https://docs.incognitee.io
+/4.-want-to-join-or-support-incognitee/4.1-become-a-validator"
+            target="blank"
+            class="btn btn_gradient"
+            >Become a Validator</NuxtLink
+          >
         </div>
         <div class="validator__image-wrapper">
           <!-- <img src="/img/index/validator/polygons.svg" class="validator__image" alt="Polygons" /> -->
-          <img src="/img/index/validator/become-a-validator-picture.svg" class="validator__image" alt="Polygons" />
+          <img
+            src="/img/index/validator/become-a-validator-picture.svg"
+            class="validator__image"
+            alt="Polygons"
+          />
         </div>
       </div>
     </div>
diff --git a/components/Index/Work.vue b/components/Index/Work.vue
index 602459f..b1ce125 100644
--- a/components/Index/Work.vue
+++ b/components/Index/Work.vue
@@ -3,16 +3,22 @@
     <div class="block work">
       <div class="container">
         <div class="column column_medium work__column">
-          <h2 class="title title_h2 work__title">
-            How does it work
-          </h2>
+          <h2 class="title title_h2 work__title">How does it work</h2>
           <p class="paragraph paragraph_medium margin_large work__description">
-            Alice would like to transfer funds to Bob privately or participate in on-chain Governance without revealing her pseudonym. She uses Incognitee to obtain a privacy shield without traces back to her account. Our TEE technology keeps sensitive data away from the chain and provides full privacy without security concerns.
+            Alice would like to transfer funds to Bob privately or participate
+            in on-chain Governance without revealing her pseudonym. She uses
+            Incognitee to obtain a privacy shield without traces back to her
+            account. Our TEE technology keeps sensitive data away from the chain
+            and provides full privacy without security concerns.
           </p>
         </div>
         <div class="work__image-wrapper">
           <!-- <img src="/img/index/work/polygons.svg" class="work__image" alt="Polygons" /> -->
-          <img src="/img/index/work/how-does-it-work-picture.svg" class="work__image" alt="Polygons" />
+          <img
+            src="/img/index/work/how-does-it-work-picture.svg"
+            class="work__image"
+            alt="Polygons"
+          />
           <GlobalRadialGradient class="work__image-gradient" />
         </div>
       </div>
diff --git a/components/InviteFriendTab.vue b/components/InviteFriendTab.vue
index 24e452d..d272e54 100644
--- a/components/InviteFriendTab.vue
+++ b/components/InviteFriendTab.vue
@@ -3,34 +3,50 @@
   <section id="steps">
     <div class="block steps">
       <div class="container">
-        <div class=''>
-          <div class='text-4xl mt-10 mb-10'>Invite a friend</div>
+        <div class="">
+          <div class="text-4xl mt-10 mb-10">Invite a friend</div>
           <div v-if="accountStore.incogniteeBalance <= min_incognitee_balance">
-            <i><b>You don't have enough balance on Incognitee to invite someone. Please go back to step 2</b></i>
+            <i
+              ><b
+                >You don't have enough balance on Incognitee to invite someone.
+                Please go back to step 2</b
+              ></i
+            >
           </div>
-          <div class='text-lg'>
-            By clicking the ”Invite Friend” button, you perform a private transfer of 30% of your
-            available PAS from your Incognitee wallet to another wallet with an invite link. You can share this with
-            your friends and let them participate.
+          <div class="text-lg">
+            By clicking the ”Invite Friend” button, you perform a private
+            transfer of 30% of your available PAS from your Incognitee wallet to
+            another wallet with an invite link. You can share this with your
+            friends and let them participate.
           </div>
 
-          <div class='mt-10 mb-8'>
-            <template v-if="accountStore.incogniteeBalance > min_incognitee_balance">
-              <UButton class="btn btn_gradient" @click="inviteFriend">Invite Friend</UButton>
+          <div class="mt-10 mb-8">
+            <template
+              v-if="accountStore.incogniteeBalance > min_incognitee_balance"
+            >
+              <UButton class="btn btn_gradient" @click="inviteFriend"
+                >Invite Friend
+              </UButton>
               <div>{{ topStatus }}</div>
             </template>
             <template v-else>
-              <NuxtLink to="" target="blank" class="btn btn_border">balance too low: go back to step 2</NuxtLink>
+              <NuxtLink to="" target="blank" class="btn btn_border"
+                >balance too low: go back to step 2
+              </NuxtLink>
             </template>
           </div>
-          <div class='mt-10 mb-3'>
-            <input type="text" ref="urlToShareWithFriend" class="dynamic-width border-2 border-gray-200 p-2"
-                   style="color: black;" :value="inviteUrl" readonly>
+          <div class="mt-10 mb-3">
+            <input
+              ref="urlToShareWithFriend"
+              type="text"
+              class="dynamic-width border-2 border-gray-200 p-2"
+              style="color: black"
+              :value="inviteUrl"
+              readonly
+            />
           </div>
-          <div class='mt-3 mb-8'>
-            <button @click="copyToClipboard" class="button">
-              Copy
-            </button>
+          <div class="mt-3 mb-8">
+            <button class="button" @click="copyToClipboard">Copy</button>
           </div>
         </div>
       </div>
@@ -39,58 +55,80 @@
 </template>
 
 <script setup lang="ts">
-import {Keyring} from '@polkadot/keyring'
-import {mnemonicGenerate, mnemonicToMiniSecret} from '@polkadot/util-crypto'
-import {formatBalance, u8aToHex} from "@polkadot/util";
-import {ref} from 'vue';
+import { Keyring } from "@polkadot/keyring";
+import { mnemonicGenerate, mnemonicToMiniSecret } from "@polkadot/util-crypto";
+import { formatBalance, u8aToHex } from "@polkadot/util";
+import { ref } from "vue";
 
-import {useAccount} from '@/store/account.ts'
-import {useIncognitee} from '@/store/incognitee.ts'
+import { useAccount } from "@/store/account.ts";
+import { useIncognitee } from "@/store/incognitee.ts";
 
-const accountStore = useAccount()
-const incogniteeStore = useIncognitee()
-const topStatus = ref('')
+const accountStore = useAccount();
+const incogniteeStore = useIncognitee();
+const topStatus = ref("");
 
-const inviteUrl = ref('click "invite friend" to generate a new wallet for them')
+const inviteUrl = ref(
+  'click "invite friend" to generate a new wallet for them',
+);
 
-const min_incognitee_balance = 0.02 *10**10
+const min_incognitee_balance = 0.02 * 10 ** 10;
 
 formatBalance.setDefaults({
   decimals: 10,
-  unit: 'PAS'
+  unit: "PAS",
 });
 
 const copyToClipboard = () => {
-  navigator.clipboard.writeText(inviteUrl.value).then(() => alert("copied invite url to clipboard. please share it with your friend"));
-}
+  navigator.clipboard
+    .writeText(inviteUrl.value)
+    .then(() =>
+      alert("copied invite url to clipboard. please share it with your friend"),
+    );
+};
 const inviteFriend = () => {
-  console.log('creating wallet for your friend');
-  topStatus.value = '⌛ sending 30% of your funds to a fresh wallet for your friend. you should see your incognitee balance decrease. make sure to copy the url below and share it with your friend'
+  console.log("creating wallet for your friend");
+  topStatus.value =
+    "⌛ sending 30% of your funds to a fresh wallet for your friend. you should see your incognitee balance decrease. make sure to copy the url below and share it with your friend";
   const generatedMnemonic = mnemonicGenerate();
-  const localKeyring = new Keyring({type: 'sr25519', ss58Format: 42});
-  const newAccount = localKeyring.addFromMnemonic(generatedMnemonic, {name: 'fresh'});
+  const localKeyring = new Keyring({ type: "sr25519", ss58Format: 42 });
+  const newAccount = localKeyring.addFromMnemonic(generatedMnemonic, {
+    name: "fresh",
+  });
   const seed = mnemonicToMiniSecret(generatedMnemonic);
   const privateKeyHex = u8aToHex(seed);
-  console.log(`friend account ${newAccount.address} with private key in hex: ${privateKeyHex}`);
-  inviteUrl.value = window.location.protocol + "//" + window.location.hostname + (window.location.port ? `:${window.location.port}` : '') + '/?seed=' + privateKeyHex
+  console.log(
+    `friend account ${newAccount.address} with private key in hex: ${privateKeyHex}`,
+  );
+  inviteUrl.value =
+    window.location.protocol +
+    "//" +
+    window.location.hostname +
+    (window.location.port ? `:${window.location.port}` : "") +
+    "/?seed=" +
+    privateKeyHex;
 
-  console.log("sending 30% of your funds to your friend's account")
-  let balance = accountStore.incogniteeBalance
+  console.log("sending 30% of your funds to your friend's account");
+  const balance = accountStore.incogniteeBalance;
   // todo! instead of sending 30% we should check fees explicitly and handle edge cases
-  let amount = Math.floor(0.30 * balance)
-  let signer = accountStore.account
-  console.log(`sending ${formatBalance(amount)} from ${signer.address} privately to ${newAccount.address}`)
-  incogniteeStore.api.trustedBalanceTransfer(
+  const amount = Math.floor(0.3 * balance);
+  const signer = accountStore.account;
+  console.log(
+    `sending ${formatBalance(amount)} from ${signer.address} privately to ${newAccount.address}`,
+  );
+  incogniteeStore.api
+    .trustedBalanceTransfer(
       signer,
       incogniteeStore.shard,
       incogniteeStore.fingerprint,
       signer.address,
       newAccount.address,
-      amount
-  ).then((hash) => {
-    console.log(`trustedOperationHash: ${hash}`)
-    topStatus.value = "😀 Success: sent 30% of your funds to a fresh wallet for your friend. you should see your incognitee balance decrease. Please copy the url below and share it with your friend. It's all they need"
-  });
+      amount,
+    )
+    .then((hash) => {
+      console.log(`trustedOperationHash: ${hash}`);
+      topStatus.value =
+        "😀 Success: sent 30% of your funds to a fresh wallet for your friend. you should see your incognitee balance decrease. Please copy the url below and share it with your friend. It's all they need";
+    });
 };
 </script>
 
@@ -101,7 +139,7 @@ const inviteFriend = () => {
   align-items: flex-start;
   gap: 10px;
   border-radius: 12px;
-  border: 2px solid var(--Transparent-White-20, rgba(255, 255, 255, 0.20));
+  border: 2px solid var(--Transparent-White-20, rgba(255, 255, 255, 0.2));
   backdrop-filter: blur(30px);
 }
 
@@ -112,12 +150,10 @@ const inviteFriend = () => {
   height: 55px;
 }
 
-
 .dynamic-width {
   width: 500px;
   border-radius: 8px;
   border-color: #24ad7c;
   height: 55px;
 }
-
 </style>
diff --git a/components/Logo/index.vue b/components/Logo/index.vue
index 3598e9d..2a46379 100644
--- a/components/Logo/index.vue
+++ b/components/Logo/index.vue
@@ -1,55 +1,96 @@
-<template>
-  <svg width="330" height="30" viewBox="0 0 330 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path class="blue-hover show-on-hover"
-      d="M62 7.39438C61.8841 13.2019 61.0444 18.6842 58.4869 23.779C57.6472 25.4513 56.6038 26.9813 55.1652 28.1933C52.8518 30.1428 50.2784 30.5604 47.575 29.2222C45.9695 28.4279 44.5045 27.3492 42.9535 26.4376C41.3076 25.469 39.6652 24.4881 37.9683 23.6156C33.2625 21.1934 28.5127 21.197 23.8578 23.6991C21.1544 25.1527 18.5617 26.8179 15.9391 28.4208C14.3512 29.3893 12.7053 30.1126 10.8029 29.9491C8.71084 29.7696 7.10357 28.666 5.76858 27.1128C3.42355 24.3833 2.18165 21.1028 1.2981 17.6695C0.184429 13.3458 -0.189721 8.94399 0.0878175 4.48353C0.129975 3.7958 0.35306 3.27689 0.874762 2.82196C2.86672 1.07864 5.22755 0.271848 7.79039 0.0852548C13.0935 -0.303925 18.0804 0.916928 22.86 3.20403C24.4989 3.98772 26.194 4.6559 27.8838 5.32408C29.9952 6.15753 32.1365 6.1291 34.2321 5.27966C36.1591 4.49774 38.0597 3.64652 39.9638 2.80596C44.5695 0.774761 49.3492 -0.353684 54.3975 0.0994714C56.8849 0.321606 59.186 1.12485 61.1094 2.8344C61.5837 3.25556 61.856 3.72294 61.87 4.37157C61.8928 5.43604 61.9596 6.49873 62 7.39438ZM36.6175 14.0193C37.9016 15.704 39.3314 17.1221 41.0968 18.1688C43.3065 19.4785 45.5813 19.7078 47.9281 18.558C49.9429 17.5699 51.5378 16.0701 52.901 14.3054C53.0011 14.1757 52.9589 13.8008 52.843 13.6515C51.7311 12.2067 50.4312 10.9628 48.8854 9.99425C46.5755 8.54948 44.1901 8.25804 41.7098 9.52688C39.6529 10.5789 38.0368 12.1445 36.6175 14.0193ZM25.3684 14.0211C23.8332 12.0148 22.0907 10.3301 19.8054 9.31363C18.6425 8.7965 17.4182 8.56014 16.1499 8.8036C12.9459 9.4167 10.8099 11.5581 8.82677 14.0069C10.283 15.9155 11.9254 17.5131 14.0403 18.5527C16.2553 19.642 18.4352 19.5176 20.5853 18.3341C22.4876 17.2856 23.9965 15.7964 25.3684 14.0229V14.0211Z"
-      fill="url(#paint0_linear_431_37837)" />
-    <path class="blue-hover show-on-hover"
-      d="M219.12 15.1342C219.12 9.8775 222.556 6.29492 227.16 6.29492C231.964 6.29492 234.966 9.91098 234.966 14.8663C234.966 15.3686 234.933 15.7703 234.9 16.1387H223.157C223.29 19.3529 224.958 20.7592 227.26 20.7592C229.395 20.7592 230.563 19.4869 231.33 17.7458L235 19.1186C233.832 22.065 231.363 23.9735 227.227 23.9735C222.323 23.9735 219.12 20.6587 219.12 15.1342ZM223.29 13.1253H230.863C230.73 10.7146 229.295 9.34179 227.16 9.34179C225.125 9.34179 223.59 10.7146 223.29 13.1253Z"
-      fill="white" />
-    <path class="blue-hover show-on-hover"
-      d="M200.55 15.1342C200.55 9.8775 203.986 6.29492 208.59 6.29492C213.394 6.29492 216.397 9.91098 216.397 14.8663C216.397 15.3686 216.363 15.7703 216.33 16.1387H204.587C204.72 19.3529 206.388 20.7592 208.69 20.7592C210.825 20.7592 211.993 19.4869 212.76 17.7458L216.43 19.1186C215.262 22.065 212.794 23.9735 208.657 23.9735C203.753 23.9735 200.55 20.6587 200.55 15.1342ZM204.72 13.1253H212.293C212.16 10.7146 210.725 9.34179 208.59 9.34179C206.555 9.34179 205.021 10.7146 204.72 13.1253Z"
-      fill="white" />
-    <path class="blue-hover show-on-hover"
-      d="M189.702 9.97724H186.099V6.79645H189.702V1.57324H193.772V6.79645H198.175V9.97724H193.772V18.5821C193.772 19.6201 194.272 20.1223 195.306 20.1223H198.843V23.4705H193.905C191.203 23.4705 189.702 21.8969 189.702 19.2183V9.97724Z"
-      fill="white" />
-    <path class="blue-hover show-on-hover" d="M178.908 4.15178V0H183.245V4.15178H178.908ZM179.074 23.4709V6.79686H183.111V23.4709H179.074Z" fill="white" />
-    <path class="blue-hover show-on-hover"
-      d="M163.434 23.4712H159.364V6.79715H163.134C163.101 7.76813 162.433 9.27483 161.499 10.6476H163.401C164.101 8.40429 165.87 6.29492 168.605 6.29492C172.375 6.29492 174.31 8.60518 174.31 12.4891V23.4712H170.24V13.2927C170.24 10.882 169.139 9.71009 167.237 9.71009C163.768 9.71009 163.434 13.0583 163.434 15.8373V23.4712Z"
-      fill="white" />
-    <path class="blue-hover show-on-hover"
-      d="M137.664 26.9199C137.664 25.5471 138.631 24.5092 139.965 24.0069V22.6007C138.898 22.2324 138.197 21.4958 138.197 20.4244C138.197 19.0181 139.065 18.0136 140.833 17.3775V16.0047C139.599 15.0672 138.931 14.0293 138.931 12.2547C138.931 8.87304 141.834 6.29492 145.637 6.29492C148.606 6.29492 150.741 7.6342 151.508 9.67661H152.843C153.076 7.6342 153.81 6.79715 155.445 6.79715H156.412V9.97795H154.778C153.543 9.97795 153.21 10.2458 153.043 12.0538L152.976 12.5561C152.609 16.2726 149.907 18.5159 146.037 18.5159C144.603 18.5159 143.502 18.315 142.734 17.9132C141.834 18.2145 141.367 18.6833 141.367 19.286C141.367 19.8552 141.9 20.1565 142.968 20.1565H150.141C153.477 20.1565 155.745 22.2324 155.745 25.0449C155.745 28.2257 153.377 30.0002 150.141 30.0002H141.767C138.798 30.0002 137.664 28.4266 137.664 26.9199ZM149.24 12.4891C149.24 10.5806 148.005 9.20786 146.037 9.20786C144.069 9.20786 142.835 10.5806 142.835 12.4891C142.835 14.3976 144.036 15.7034 146.037 15.7034C147.939 15.7034 149.24 14.3976 149.24 12.4891ZM142.968 26.8864H149.44C150.941 26.8864 151.709 26.3172 151.709 25.1453C151.709 24.0404 150.941 23.4712 149.44 23.4712H141.967C141.433 23.7726 140.933 24.4757 140.933 25.2458C140.933 26.3507 141.6 26.8864 142.968 26.8864Z"
-      fill="white" />
-    <path class="blue-hover show-on-hover"
-      d="M118.645 15.1342C118.645 9.94447 122.115 6.29492 127.019 6.29492C131.923 6.29492 135.393 9.94447 135.393 15.1342C135.393 20.3909 131.823 23.9735 127.019 23.9735C122.215 23.9735 118.645 20.2235 118.645 15.1342ZM131.189 15.2012C131.189 11.5516 129.454 9.60965 127.019 9.60965C124.483 9.60965 122.849 11.5516 122.849 15.2012C122.849 18.8172 124.483 20.6587 127.019 20.6587C129.554 20.6587 131.189 18.8172 131.189 15.2012Z"
-      fill="white" />
-    <path class="blue-hover show-on-hover"
-      d="M100.173 15.1007C100.173 9.8775 103.876 6.29492 108.714 6.29492C112.583 6.29492 115.219 8.40429 116.253 11.2503L112.517 12.5896C111.85 10.7146 110.515 9.60965 108.614 9.60965C106.178 9.60965 104.31 11.4846 104.31 15.1007C104.31 18.7503 106.212 20.6587 108.647 20.6587C110.782 20.6587 112.05 19.4534 112.75 17.277L116.587 18.6498C115.386 21.8641 112.583 23.9735 108.714 23.9735C103.743 23.9735 100.173 20.4244 100.173 15.1007Z"
-      fill="white" />
-    <path class="blue-hover show-on-hover"
-      d="M85.7002 23.4712H81.6301V6.79715H85.3999C85.3666 7.76813 84.6993 9.27483 83.7652 10.6476H85.6668C86.3674 8.40429 88.1355 6.29492 90.8711 6.29492C94.6409 6.29492 96.5759 8.60518 96.5759 12.4891V23.4712H92.5058V13.2927C92.5058 10.882 91.4049 9.71009 89.5033 9.71009C86.0338 9.71009 85.7002 13.0583 85.7002 15.8373V23.4712Z"
-      fill="white" />
-    <path class="blue-hover show-on-hover" d="M72 23.4707V0.0332031H76.3369V23.4707H72Z" fill="white" />
-    <defs>
-      <linearGradient id="paint0_linear_431_37837" x1="62" y1="15" x2="0" y2="15" gradientUnits="userSpaceOnUse">
-        <stop offset="0.0913122" stop-color="#24AD7C" />
-        <stop offset="1" stop-color="#1845B9" />
-      </linearGradient>
-    </defs>
-  </svg>
-</template>
-<style lang="scss" scoped>svg,
-path {
-  transition: .3s ease;
-}
-
-svg {
-  &:hover {
-    .blue-hover {
-      fill: #24ad7c;
-    }
-
-    .show-on-hover {
-      fill-opacity: 1;
-    }
-  }
-}</style>
\ No newline at end of file
+<template>
+  <svg
+    width="330"
+    height="30"
+    viewBox="0 0 330 30"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      class="blue-hover show-on-hover"
+      d="M62 7.39438C61.8841 13.2019 61.0444 18.6842 58.4869 23.779C57.6472 25.4513 56.6038 26.9813 55.1652 28.1933C52.8518 30.1428 50.2784 30.5604 47.575 29.2222C45.9695 28.4279 44.5045 27.3492 42.9535 26.4376C41.3076 25.469 39.6652 24.4881 37.9683 23.6156C33.2625 21.1934 28.5127 21.197 23.8578 23.6991C21.1544 25.1527 18.5617 26.8179 15.9391 28.4208C14.3512 29.3893 12.7053 30.1126 10.8029 29.9491C8.71084 29.7696 7.10357 28.666 5.76858 27.1128C3.42355 24.3833 2.18165 21.1028 1.2981 17.6695C0.184429 13.3458 -0.189721 8.94399 0.0878175 4.48353C0.129975 3.7958 0.35306 3.27689 0.874762 2.82196C2.86672 1.07864 5.22755 0.271848 7.79039 0.0852548C13.0935 -0.303925 18.0804 0.916928 22.86 3.20403C24.4989 3.98772 26.194 4.6559 27.8838 5.32408C29.9952 6.15753 32.1365 6.1291 34.2321 5.27966C36.1591 4.49774 38.0597 3.64652 39.9638 2.80596C44.5695 0.774761 49.3492 -0.353684 54.3975 0.0994714C56.8849 0.321606 59.186 1.12485 61.1094 2.8344C61.5837 3.25556 61.856 3.72294 61.87 4.37157C61.8928 5.43604 61.9596 6.49873 62 7.39438ZM36.6175 14.0193C37.9016 15.704 39.3314 17.1221 41.0968 18.1688C43.3065 19.4785 45.5813 19.7078 47.9281 18.558C49.9429 17.5699 51.5378 16.0701 52.901 14.3054C53.0011 14.1757 52.9589 13.8008 52.843 13.6515C51.7311 12.2067 50.4312 10.9628 48.8854 9.99425C46.5755 8.54948 44.1901 8.25804 41.7098 9.52688C39.6529 10.5789 38.0368 12.1445 36.6175 14.0193ZM25.3684 14.0211C23.8332 12.0148 22.0907 10.3301 19.8054 9.31363C18.6425 8.7965 17.4182 8.56014 16.1499 8.8036C12.9459 9.4167 10.8099 11.5581 8.82677 14.0069C10.283 15.9155 11.9254 17.5131 14.0403 18.5527C16.2553 19.642 18.4352 19.5176 20.5853 18.3341C22.4876 17.2856 23.9965 15.7964 25.3684 14.0229V14.0211Z"
+      fill="url(#paint0_linear_431_37837)"
+    />
+    <path
+      class="blue-hover show-on-hover"
+      d="M219.12 15.1342C219.12 9.8775 222.556 6.29492 227.16 6.29492C231.964 6.29492 234.966 9.91098 234.966 14.8663C234.966 15.3686 234.933 15.7703 234.9 16.1387H223.157C223.29 19.3529 224.958 20.7592 227.26 20.7592C229.395 20.7592 230.563 19.4869 231.33 17.7458L235 19.1186C233.832 22.065 231.363 23.9735 227.227 23.9735C222.323 23.9735 219.12 20.6587 219.12 15.1342ZM223.29 13.1253H230.863C230.73 10.7146 229.295 9.34179 227.16 9.34179C225.125 9.34179 223.59 10.7146 223.29 13.1253Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover show-on-hover"
+      d="M200.55 15.1342C200.55 9.8775 203.986 6.29492 208.59 6.29492C213.394 6.29492 216.397 9.91098 216.397 14.8663C216.397 15.3686 216.363 15.7703 216.33 16.1387H204.587C204.72 19.3529 206.388 20.7592 208.69 20.7592C210.825 20.7592 211.993 19.4869 212.76 17.7458L216.43 19.1186C215.262 22.065 212.794 23.9735 208.657 23.9735C203.753 23.9735 200.55 20.6587 200.55 15.1342ZM204.72 13.1253H212.293C212.16 10.7146 210.725 9.34179 208.59 9.34179C206.555 9.34179 205.021 10.7146 204.72 13.1253Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover show-on-hover"
+      d="M189.702 9.97724H186.099V6.79645H189.702V1.57324H193.772V6.79645H198.175V9.97724H193.772V18.5821C193.772 19.6201 194.272 20.1223 195.306 20.1223H198.843V23.4705H193.905C191.203 23.4705 189.702 21.8969 189.702 19.2183V9.97724Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover show-on-hover"
+      d="M178.908 4.15178V0H183.245V4.15178H178.908ZM179.074 23.4709V6.79686H183.111V23.4709H179.074Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover show-on-hover"
+      d="M163.434 23.4712H159.364V6.79715H163.134C163.101 7.76813 162.433 9.27483 161.499 10.6476H163.401C164.101 8.40429 165.87 6.29492 168.605 6.29492C172.375 6.29492 174.31 8.60518 174.31 12.4891V23.4712H170.24V13.2927C170.24 10.882 169.139 9.71009 167.237 9.71009C163.768 9.71009 163.434 13.0583 163.434 15.8373V23.4712Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover show-on-hover"
+      d="M137.664 26.9199C137.664 25.5471 138.631 24.5092 139.965 24.0069V22.6007C138.898 22.2324 138.197 21.4958 138.197 20.4244C138.197 19.0181 139.065 18.0136 140.833 17.3775V16.0047C139.599 15.0672 138.931 14.0293 138.931 12.2547C138.931 8.87304 141.834 6.29492 145.637 6.29492C148.606 6.29492 150.741 7.6342 151.508 9.67661H152.843C153.076 7.6342 153.81 6.79715 155.445 6.79715H156.412V9.97795H154.778C153.543 9.97795 153.21 10.2458 153.043 12.0538L152.976 12.5561C152.609 16.2726 149.907 18.5159 146.037 18.5159C144.603 18.5159 143.502 18.315 142.734 17.9132C141.834 18.2145 141.367 18.6833 141.367 19.286C141.367 19.8552 141.9 20.1565 142.968 20.1565H150.141C153.477 20.1565 155.745 22.2324 155.745 25.0449C155.745 28.2257 153.377 30.0002 150.141 30.0002H141.767C138.798 30.0002 137.664 28.4266 137.664 26.9199ZM149.24 12.4891C149.24 10.5806 148.005 9.20786 146.037 9.20786C144.069 9.20786 142.835 10.5806 142.835 12.4891C142.835 14.3976 144.036 15.7034 146.037 15.7034C147.939 15.7034 149.24 14.3976 149.24 12.4891ZM142.968 26.8864H149.44C150.941 26.8864 151.709 26.3172 151.709 25.1453C151.709 24.0404 150.941 23.4712 149.44 23.4712H141.967C141.433 23.7726 140.933 24.4757 140.933 25.2458C140.933 26.3507 141.6 26.8864 142.968 26.8864Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover show-on-hover"
+      d="M118.645 15.1342C118.645 9.94447 122.115 6.29492 127.019 6.29492C131.923 6.29492 135.393 9.94447 135.393 15.1342C135.393 20.3909 131.823 23.9735 127.019 23.9735C122.215 23.9735 118.645 20.2235 118.645 15.1342ZM131.189 15.2012C131.189 11.5516 129.454 9.60965 127.019 9.60965C124.483 9.60965 122.849 11.5516 122.849 15.2012C122.849 18.8172 124.483 20.6587 127.019 20.6587C129.554 20.6587 131.189 18.8172 131.189 15.2012Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover show-on-hover"
+      d="M100.173 15.1007C100.173 9.8775 103.876 6.29492 108.714 6.29492C112.583 6.29492 115.219 8.40429 116.253 11.2503L112.517 12.5896C111.85 10.7146 110.515 9.60965 108.614 9.60965C106.178 9.60965 104.31 11.4846 104.31 15.1007C104.31 18.7503 106.212 20.6587 108.647 20.6587C110.782 20.6587 112.05 19.4534 112.75 17.277L116.587 18.6498C115.386 21.8641 112.583 23.9735 108.714 23.9735C103.743 23.9735 100.173 20.4244 100.173 15.1007Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover show-on-hover"
+      d="M85.7002 23.4712H81.6301V6.79715H85.3999C85.3666 7.76813 84.6993 9.27483 83.7652 10.6476H85.6668C86.3674 8.40429 88.1355 6.29492 90.8711 6.29492C94.6409 6.29492 96.5759 8.60518 96.5759 12.4891V23.4712H92.5058V13.2927C92.5058 10.882 91.4049 9.71009 89.5033 9.71009C86.0338 9.71009 85.7002 13.0583 85.7002 15.8373V23.4712Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover show-on-hover"
+      d="M72 23.4707V0.0332031H76.3369V23.4707H72Z"
+      fill="white"
+    />
+    <defs>
+      <linearGradient
+        id="paint0_linear_431_37837"
+        x1="62"
+        y1="15"
+        x2="0"
+        y2="15"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop offset="0.0913122" stop-color="#24AD7C" />
+        <stop offset="1" stop-color="#1845B9" />
+      </linearGradient>
+    </defs>
+  </svg>
+</template>
+<style lang="scss" scoped>
+svg,
+path {
+  transition: 0.3s ease;
+}
+
+svg {
+  &:hover {
+    .blue-hover {
+      fill: #24ad7c;
+    }
+
+    .show-on-hover {
+      fill-opacity: 1;
+    }
+  }
+}
+</style>
diff --git a/components/LogoIntegritee/index.vue b/components/LogoIntegritee/index.vue
index 2dfa9ae..1e8f5ba 100644
--- a/components/LogoIntegritee/index.vue
+++ b/components/LogoIntegritee/index.vue
@@ -1,77 +1,126 @@
-<template>
-  <svg width="144" height="30" viewBox="0 0 144 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path class="blue-hover" d="M39 23.0178H42.5455V6.44773H39V23.0178Z" fill="white" />
-    <path class="blue-hover"
-      d="M45.5413 23.0178H48.8536V17.4076C48.8536 16.153 48.8769 13.5965 51.1862 13.5965C52.3291 13.5965 53.0523 14.2593 53.0523 15.8216V23.0178H56.3645V15.1825C56.3645 12.555 54.965 10.827 52.3991 10.827C50.533 10.827 49.3668 12.2236 48.8303 13.9043H47.384C48.0138 12.9811 48.5037 11.9632 48.527 11.182H45.5413V23.0178Z"
-      fill="white" />
-    <path class="blue-hover"
-      d="M63.1449 23.0178H67.0404V20.3429H64.5212C63.798 20.3429 63.4948 20.0115 63.4948 19.3014V13.7386H66.5272V11.182H63.4948V7.46561H60.1825V11.182H57.7333V13.7386H60.1825V19.9168C60.1825 21.7632 61.2555 23.0178 63.1449 23.0178Z"
-      fill="white" />
-    <path class="blue-hover"
-      d="M73.6815 23.3965C77.2271 23.3965 78.6966 21.4555 79.3497 19.9405L76.3873 18.7806C75.8975 19.8931 75.1744 20.84 73.6815 20.84C72.2586 20.84 71.1623 19.9878 71.069 17.9047H79.3031C79.6296 13.9516 77.577 10.827 73.6582 10.827C70.2759 10.827 67.7567 13.3598 67.7567 17.0762C67.7567 20.9584 70.0893 23.3965 73.6815 23.3965ZM71.1856 15.5376C71.4189 14.0463 72.3286 13.2415 73.6582 13.2415C75.0577 13.2415 75.8975 14.07 76.0374 15.5376H71.1856Z"
-      fill="white" />
-    <path class="blue-hover"
-      d="M83.2758 27.6337H89.2706C91.5565 27.6337 93.3293 26.3555 93.3293 23.9646C93.3293 22.0473 91.7664 20.3902 89.2706 20.3902H84.2555C83.579 20.3902 83.0892 20.3902 83.0892 19.8695C83.0892 19.4907 83.3224 19.2303 83.9756 19.041C84.6753 19.3487 85.5384 19.4434 86.4015 19.4434C89.1306 19.4434 91.16 17.8811 91.4399 15.3245L91.4632 15.1115C91.6031 13.9043 91.7898 13.7386 92.5129 13.7386H93.7958V11.182H93.1893C92.0697 11.182 91.5332 11.5844 91.3466 13.3125H90.3435C89.7371 11.5844 87.9876 10.827 86.0749 10.827C83.3458 10.827 81.2231 12.6023 81.2231 15.0878C81.2231 16.2951 81.7363 16.9579 82.5527 17.5497V18.6149C81.5497 18.9463 80.6399 19.5617 80.6399 20.84C80.6399 21.6922 81.2231 22.213 81.9695 22.426V23.5149C81.1298 23.7753 80.36 24.4617 80.36 25.4086C80.36 26.5448 81.0598 27.6337 83.2758 27.6337ZM86.3781 17.2419C85.1419 17.2419 84.3254 16.4371 84.3254 15.2299C84.3254 13.9989 85.1419 13.0994 86.3781 13.0994C87.6144 13.0994 88.4308 13.9989 88.4308 15.2299C88.4308 16.4371 87.6144 17.2419 86.3781 17.2419ZM84.0689 25.1956C83.4391 25.1956 82.9026 24.8405 82.9026 24.083C82.9026 23.6096 83.2291 23.1835 83.509 23.0178H88.6174C89.7137 23.0178 90.0636 23.5386 90.0636 24.083C90.0636 24.7458 89.7137 25.1956 88.6174 25.1956H84.0689Z"
-      fill="white" />
-    <path class="blue-hover"
-      d="M95.2475 23.0178H98.5597V18.4729C98.5597 15.2772 99.6094 14.354 101.989 14.354C102.385 14.354 102.805 14.3777 103.272 14.425V10.969C103.085 10.9453 102.922 10.9453 102.572 10.9453C100.099 10.9453 99.1429 12.3419 98.6297 14.7801H97.2302C97.7667 13.8806 98.2332 12.413 98.2332 11.182H95.2475V23.0178Z"
-      fill="white" />
-    <path class="blue-hover"
-      d="M104.664 9.57237H108.186V6.40039H104.664V9.57237ZM104.78 23.0178H108.093V11.182H104.78V23.0178Z" fill="white" />
-    <path class="blue-hover"
-      d="M114.959 23.0178H118.854V20.3429H116.335C115.612 20.3429 115.309 20.0115 115.309 19.3014V13.7386H118.341V11.182H115.309V7.46561H111.996V11.182H109.547V13.7386H111.996V19.9168C111.996 21.7632 113.069 23.0178 114.959 23.0178Z"
-      fill="white" />
-    <path class="blue-hover"
-      d="M125.495 23.3965C129.041 23.3965 130.51 21.4555 131.163 19.9405L128.201 18.7806C127.711 19.8931 126.988 20.84 125.495 20.84C124.072 20.84 122.976 19.9878 122.883 17.9047H131.117C131.443 13.9516 129.391 10.827 125.472 10.827C122.09 10.827 119.57 13.3598 119.57 17.0762C119.57 20.9584 121.903 23.3965 125.495 23.3965ZM122.999 15.5376C123.233 14.0463 124.142 13.2415 125.472 13.2415C126.871 13.2415 127.711 14.07 127.851 15.5376H122.999Z"
-      fill="white" />
-    <path class="blue-hover"
-      d="M138.332 23.3965C141.877 23.3965 143.347 21.4555 144 19.9405L141.038 18.7806C140.548 19.8931 139.825 20.84 138.332 20.84C136.909 20.84 135.813 19.9878 135.719 17.9047H143.953C144.28 13.9516 142.227 10.827 138.308 10.827C134.926 10.827 132.407 13.3598 132.407 17.0762C132.407 20.9584 134.74 23.3965 138.332 23.3965ZM135.836 15.5376C136.069 14.0463 136.979 13.2415 138.308 13.2415C139.708 13.2415 140.548 14.07 140.688 15.5376H135.836Z"
-      fill="white" />
-    <path
-      d="M4.44434 11V24.6176C4.44396 24.7841 4.4885 24.9478 4.57343 25.0919C4.65836 25.2361 4.78073 25.3556 4.92797 25.4384C6.32268 26.2243 10.3873 28.5162 12.6222 29.7711C12.8089 29.8774 13.0983 30.0514 13.2327 29.9855C13.9796 29.6191 14.7114 29.1739 15.5087 28.7232C15.2996 28.5821 15.1913 28.4997 15.0718 28.4319C12.3621 26.8893 9.65289 25.3467 6.94438 23.8042V21.0561L9.1083 22.2818C11.8803 23.8488 14.6529 25.4133 17.4262 26.9754C17.6316 27.0909 17.9377 27.2759 18.0852 27.2063C18.8955 26.8161 19.6722 26.3562 20.5666 25.8615L6.93691 18.1028V15.3804C8.1169 16.0436 9.29132 16.7142 10.4713 17.3792C14.5229 19.6656 18.5738 21.9526 22.6241 24.2402C22.7455 24.3103 22.8838 24.3472 23.0246 24.3472C23.1654 24.3472 23.3037 24.3103 23.4251 24.2402C24.1308 23.8298 24.841 23.4255 25.5554 23.0274L22.6988 21.395L4.44434 11Z"
-      fill="url(#paint0_linear_392_6457)" />
-    <path
-      d="M27.304 7.25435C25.4762 6.27499 23.6636 5.27415 21.8472 4.27871L18.9882 2.71316L16.4812 4.08036C19.2424 5.58157 22.0043 7.08038 24.7667 8.57683C24.9268 8.64208 25.0617 8.75249 25.1528 8.89294C25.2439 9.03339 25.2868 9.19703 25.2757 9.36141C25.2757 10.0382 25.2757 10.7149 25.2757 11.3916L25.253 11.3791C23.8736 10.6428 19.6069 8.4428 18.237 7.69219C16.8672 6.94159 15.4481 6.16595 14.0536 5.40284L11.3933 6.85403C15.0659 8.85028 21.4082 12.1708 25.2833 14.2689C25.2833 15.1649 25.2864 16.0585 25.2927 16.9497C25.2476 16.9188 25.2009 16.8902 25.1527 16.8639C19.8794 13.9919 11.7188 9.66698 6.4531 6.77715L8.85416 5.46719L11.5239 4.01242L13.9382 2.69352L16.4491 1.32274L14.3507 0.177191C14.1785 0.0842584 13.9079 -0.0461866 13.783 0.0163639C13.3725 0.214738 12.9714 0.427417 12.5627 0.649024L3.60543 5.52614L3.49577 5.57976L3.09462 5.80495L0.445685 7.24719C0.302456 7.3082 0.18291 7.40977 0.103574 7.53787C0.0242376 7.66596 -0.010926 7.81423 0.00296373 7.96206C0.0168391 12.6861 0.0199557 17.4096 0.0123873 22.1324C-0.00103709 22.2896 0.037378 22.4468 0.122421 22.5825C0.207464 22.7182 0.334914 22.8257 0.48726 22.8902C1.17598 23.2476 1.86094 23.6265 2.54399 24V20.8761C2.53155 20.7968 2.5252 20.7167 2.52505 20.6366C2.54776 16.7298 2.54589 12.8231 2.54778 8.91637L3.7758 8.24619C8.36792 10.7482 14.4151 13.9651 19.8189 16.8549L19.8605 16.8764C21.4915 17.7521 23.0638 18.5974 24.5207 19.3784L27.7373 21.1048C27.7373 16.7418 27.7499 12.3787 27.7751 8.01568C27.7886 7.85848 27.7506 7.70116 27.6663 7.56501C27.5821 7.42885 27.4556 7.32043 27.304 7.25435Z"
-      fill="url(#paint1_linear_392_6457)" />
-
-    <path class="show-on-hover" fill-opacity="0"
-      d="M4.44446 11V24.6176C4.44409 24.7841 4.48862 24.9478 4.57355 25.0919C4.65848 25.2361 4.78085 25.3556 4.9281 25.4384C6.3228 26.2243 10.3874 28.5162 12.6223 29.7711C12.809 29.8774 13.0984 30.0514 13.2329 29.9855C13.9797 29.6191 14.7116 29.1739 15.5088 28.7232C15.2997 28.5821 15.1914 28.4997 15.0719 28.4319C12.3622 26.8893 9.65301 25.3467 6.9445 23.8042V21.0561L9.10842 22.2818C11.8804 23.8488 14.6531 25.4133 17.4263 26.9754C17.6317 27.0909 17.9378 27.2759 18.0853 27.2063C18.8957 26.8161 19.6724 26.3562 20.5667 25.8615L6.93703 18.1028V15.3804C8.11702 16.0436 9.29145 16.7142 10.4714 17.3792C14.523 19.6656 18.5739 21.9526 22.6242 24.2402C22.7456 24.3103 22.8839 24.3472 23.0247 24.3472C23.1655 24.3472 23.3038 24.3103 23.4252 24.2402C24.131 23.8298 24.8411 23.4255 25.5556 23.0274L22.6989 21.395L4.44446 11Z"
-      fill="#5B92FF" />
-    <path class="show-on-hover" fill-opacity="0"
-      d="M27.304 7.25435C25.4762 6.27499 23.6636 5.27415 21.8472 4.27871L18.9882 2.71316L16.4812 4.08036C19.2424 5.58157 22.0043 7.08038 24.7667 8.57683C24.9268 8.64208 25.0617 8.75249 25.1528 8.89294C25.2439 9.03339 25.2868 9.19703 25.2757 9.36141C25.2757 10.0382 25.2757 10.7149 25.2757 11.3916L25.253 11.3791C23.8736 10.6428 19.6069 8.4428 18.237 7.69219C16.8672 6.94159 15.4481 6.16595 14.0536 5.40284L11.3933 6.85403C15.0659 8.85028 21.4082 12.1708 25.2833 14.2689C25.2833 15.1649 25.2864 16.0585 25.2927 16.9497C25.2476 16.9188 25.2009 16.8902 25.1527 16.8639C19.8794 13.9919 11.7188 9.66698 6.4531 6.77715L8.85416 5.46719L11.5239 4.01242L13.9382 2.69352L16.4491 1.32274L14.3507 0.177191C14.1785 0.0842584 13.9079 -0.0461866 13.783 0.0163639C13.3725 0.214738 12.9714 0.427417 12.5627 0.649024L3.60543 5.52614L3.49577 5.57976L3.09462 5.80495L0.445685 7.24719C0.302456 7.3082 0.18291 7.40977 0.103574 7.53787C0.0242376 7.66596 -0.010926 7.81423 0.00296373 7.96206C0.0168391 12.6861 0.0199557 17.4096 0.0123873 22.1324C-0.00103709 22.2896 0.037378 22.4468 0.122421 22.5825C0.207464 22.7182 0.334914 22.8257 0.48726 22.8902C1.17598 23.2476 1.86094 23.6265 2.54399 24V20.8761C2.53155 20.7968 2.5252 20.7167 2.52505 20.6366C2.54776 16.7298 2.54589 12.8231 2.54778 8.91637L3.7758 8.24619C8.36792 10.7482 14.4151 13.9651 19.8189 16.8549L19.8605 16.8764C21.4915 17.7521 23.0638 18.5974 24.5207 19.3784L27.7373 21.1048C27.7373 16.7418 27.7499 12.3787 27.7751 8.01568C27.7886 7.85848 27.7506 7.70116 27.6663 7.56501C27.5821 7.42885 27.4556 7.32043 27.304 7.25435Z"
-      fill="#5B92FF" />
-
-    <defs>
-      <linearGradient id="paint0_linear_392_6457" x1="4.44659" y1="20.5093" x2="25.5462" y2="20.5093"
-        gradientUnits="userSpaceOnUse">
-        <stop stop-color="#B000FD" />
-        <stop offset="0.0001" stop-color="#B000FD" />
-        <stop offset="0.98" stop-color="#30DAFF" />
-      </linearGradient>
-      <linearGradient id="paint1_linear_392_6457" x1="0.0029638" y1="12.0118" x2="27.7657" y2="12.0118"
-        gradientUnits="userSpaceOnUse">
-        <stop stop-color="#B000FD" />
-        <stop offset="0.0001" stop-color="#B000FD" />
-        <stop offset="0.98" stop-color="#30DAFF" />
-      </linearGradient>
-    </defs>
-  </svg>
-</template>
-<style lang="scss" scoped>
-svg,
-path {
-  transition: .3s ease;
-}
-
-svg {
-  &:hover {
-    .blue-hover {
-      fill: #5B92FF;
-    }
-
-    .show-on-hover {
-      fill-opacity: 1;
-    }
-  }
-}
-</style>
\ No newline at end of file
+<template>
+  <svg
+    width="144"
+    height="30"
+    viewBox="0 0 144 30"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      class="blue-hover"
+      d="M39 23.0178H42.5455V6.44773H39V23.0178Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover"
+      d="M45.5413 23.0178H48.8536V17.4076C48.8536 16.153 48.8769 13.5965 51.1862 13.5965C52.3291 13.5965 53.0523 14.2593 53.0523 15.8216V23.0178H56.3645V15.1825C56.3645 12.555 54.965 10.827 52.3991 10.827C50.533 10.827 49.3668 12.2236 48.8303 13.9043H47.384C48.0138 12.9811 48.5037 11.9632 48.527 11.182H45.5413V23.0178Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover"
+      d="M63.1449 23.0178H67.0404V20.3429H64.5212C63.798 20.3429 63.4948 20.0115 63.4948 19.3014V13.7386H66.5272V11.182H63.4948V7.46561H60.1825V11.182H57.7333V13.7386H60.1825V19.9168C60.1825 21.7632 61.2555 23.0178 63.1449 23.0178Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover"
+      d="M73.6815 23.3965C77.2271 23.3965 78.6966 21.4555 79.3497 19.9405L76.3873 18.7806C75.8975 19.8931 75.1744 20.84 73.6815 20.84C72.2586 20.84 71.1623 19.9878 71.069 17.9047H79.3031C79.6296 13.9516 77.577 10.827 73.6582 10.827C70.2759 10.827 67.7567 13.3598 67.7567 17.0762C67.7567 20.9584 70.0893 23.3965 73.6815 23.3965ZM71.1856 15.5376C71.4189 14.0463 72.3286 13.2415 73.6582 13.2415C75.0577 13.2415 75.8975 14.07 76.0374 15.5376H71.1856Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover"
+      d="M83.2758 27.6337H89.2706C91.5565 27.6337 93.3293 26.3555 93.3293 23.9646C93.3293 22.0473 91.7664 20.3902 89.2706 20.3902H84.2555C83.579 20.3902 83.0892 20.3902 83.0892 19.8695C83.0892 19.4907 83.3224 19.2303 83.9756 19.041C84.6753 19.3487 85.5384 19.4434 86.4015 19.4434C89.1306 19.4434 91.16 17.8811 91.4399 15.3245L91.4632 15.1115C91.6031 13.9043 91.7898 13.7386 92.5129 13.7386H93.7958V11.182H93.1893C92.0697 11.182 91.5332 11.5844 91.3466 13.3125H90.3435C89.7371 11.5844 87.9876 10.827 86.0749 10.827C83.3458 10.827 81.2231 12.6023 81.2231 15.0878C81.2231 16.2951 81.7363 16.9579 82.5527 17.5497V18.6149C81.5497 18.9463 80.6399 19.5617 80.6399 20.84C80.6399 21.6922 81.2231 22.213 81.9695 22.426V23.5149C81.1298 23.7753 80.36 24.4617 80.36 25.4086C80.36 26.5448 81.0598 27.6337 83.2758 27.6337ZM86.3781 17.2419C85.1419 17.2419 84.3254 16.4371 84.3254 15.2299C84.3254 13.9989 85.1419 13.0994 86.3781 13.0994C87.6144 13.0994 88.4308 13.9989 88.4308 15.2299C88.4308 16.4371 87.6144 17.2419 86.3781 17.2419ZM84.0689 25.1956C83.4391 25.1956 82.9026 24.8405 82.9026 24.083C82.9026 23.6096 83.2291 23.1835 83.509 23.0178H88.6174C89.7137 23.0178 90.0636 23.5386 90.0636 24.083C90.0636 24.7458 89.7137 25.1956 88.6174 25.1956H84.0689Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover"
+      d="M95.2475 23.0178H98.5597V18.4729C98.5597 15.2772 99.6094 14.354 101.989 14.354C102.385 14.354 102.805 14.3777 103.272 14.425V10.969C103.085 10.9453 102.922 10.9453 102.572 10.9453C100.099 10.9453 99.1429 12.3419 98.6297 14.7801H97.2302C97.7667 13.8806 98.2332 12.413 98.2332 11.182H95.2475V23.0178Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover"
+      d="M104.664 9.57237H108.186V6.40039H104.664V9.57237ZM104.78 23.0178H108.093V11.182H104.78V23.0178Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover"
+      d="M114.959 23.0178H118.854V20.3429H116.335C115.612 20.3429 115.309 20.0115 115.309 19.3014V13.7386H118.341V11.182H115.309V7.46561H111.996V11.182H109.547V13.7386H111.996V19.9168C111.996 21.7632 113.069 23.0178 114.959 23.0178Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover"
+      d="M125.495 23.3965C129.041 23.3965 130.51 21.4555 131.163 19.9405L128.201 18.7806C127.711 19.8931 126.988 20.84 125.495 20.84C124.072 20.84 122.976 19.9878 122.883 17.9047H131.117C131.443 13.9516 129.391 10.827 125.472 10.827C122.09 10.827 119.57 13.3598 119.57 17.0762C119.57 20.9584 121.903 23.3965 125.495 23.3965ZM122.999 15.5376C123.233 14.0463 124.142 13.2415 125.472 13.2415C126.871 13.2415 127.711 14.07 127.851 15.5376H122.999Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover"
+      d="M138.332 23.3965C141.877 23.3965 143.347 21.4555 144 19.9405L141.038 18.7806C140.548 19.8931 139.825 20.84 138.332 20.84C136.909 20.84 135.813 19.9878 135.719 17.9047H143.953C144.28 13.9516 142.227 10.827 138.308 10.827C134.926 10.827 132.407 13.3598 132.407 17.0762C132.407 20.9584 134.74 23.3965 138.332 23.3965ZM135.836 15.5376C136.069 14.0463 136.979 13.2415 138.308 13.2415C139.708 13.2415 140.548 14.07 140.688 15.5376H135.836Z"
+      fill="white"
+    />
+    <path
+      d="M4.44434 11V24.6176C4.44396 24.7841 4.4885 24.9478 4.57343 25.0919C4.65836 25.2361 4.78073 25.3556 4.92797 25.4384C6.32268 26.2243 10.3873 28.5162 12.6222 29.7711C12.8089 29.8774 13.0983 30.0514 13.2327 29.9855C13.9796 29.6191 14.7114 29.1739 15.5087 28.7232C15.2996 28.5821 15.1913 28.4997 15.0718 28.4319C12.3621 26.8893 9.65289 25.3467 6.94438 23.8042V21.0561L9.1083 22.2818C11.8803 23.8488 14.6529 25.4133 17.4262 26.9754C17.6316 27.0909 17.9377 27.2759 18.0852 27.2063C18.8955 26.8161 19.6722 26.3562 20.5666 25.8615L6.93691 18.1028V15.3804C8.1169 16.0436 9.29132 16.7142 10.4713 17.3792C14.5229 19.6656 18.5738 21.9526 22.6241 24.2402C22.7455 24.3103 22.8838 24.3472 23.0246 24.3472C23.1654 24.3472 23.3037 24.3103 23.4251 24.2402C24.1308 23.8298 24.841 23.4255 25.5554 23.0274L22.6988 21.395L4.44434 11Z"
+      fill="url(#paint0_linear_392_6457)"
+    />
+    <path
+      d="M27.304 7.25435C25.4762 6.27499 23.6636 5.27415 21.8472 4.27871L18.9882 2.71316L16.4812 4.08036C19.2424 5.58157 22.0043 7.08038 24.7667 8.57683C24.9268 8.64208 25.0617 8.75249 25.1528 8.89294C25.2439 9.03339 25.2868 9.19703 25.2757 9.36141C25.2757 10.0382 25.2757 10.7149 25.2757 11.3916L25.253 11.3791C23.8736 10.6428 19.6069 8.4428 18.237 7.69219C16.8672 6.94159 15.4481 6.16595 14.0536 5.40284L11.3933 6.85403C15.0659 8.85028 21.4082 12.1708 25.2833 14.2689C25.2833 15.1649 25.2864 16.0585 25.2927 16.9497C25.2476 16.9188 25.2009 16.8902 25.1527 16.8639C19.8794 13.9919 11.7188 9.66698 6.4531 6.77715L8.85416 5.46719L11.5239 4.01242L13.9382 2.69352L16.4491 1.32274L14.3507 0.177191C14.1785 0.0842584 13.9079 -0.0461866 13.783 0.0163639C13.3725 0.214738 12.9714 0.427417 12.5627 0.649024L3.60543 5.52614L3.49577 5.57976L3.09462 5.80495L0.445685 7.24719C0.302456 7.3082 0.18291 7.40977 0.103574 7.53787C0.0242376 7.66596 -0.010926 7.81423 0.00296373 7.96206C0.0168391 12.6861 0.0199557 17.4096 0.0123873 22.1324C-0.00103709 22.2896 0.037378 22.4468 0.122421 22.5825C0.207464 22.7182 0.334914 22.8257 0.48726 22.8902C1.17598 23.2476 1.86094 23.6265 2.54399 24V20.8761C2.53155 20.7968 2.5252 20.7167 2.52505 20.6366C2.54776 16.7298 2.54589 12.8231 2.54778 8.91637L3.7758 8.24619C8.36792 10.7482 14.4151 13.9651 19.8189 16.8549L19.8605 16.8764C21.4915 17.7521 23.0638 18.5974 24.5207 19.3784L27.7373 21.1048C27.7373 16.7418 27.7499 12.3787 27.7751 8.01568C27.7886 7.85848 27.7506 7.70116 27.6663 7.56501C27.5821 7.42885 27.4556 7.32043 27.304 7.25435Z"
+      fill="url(#paint1_linear_392_6457)"
+    />
+
+    <path
+      class="show-on-hover"
+      fill-opacity="0"
+      d="M4.44446 11V24.6176C4.44409 24.7841 4.48862 24.9478 4.57355 25.0919C4.65848 25.2361 4.78085 25.3556 4.9281 25.4384C6.3228 26.2243 10.3874 28.5162 12.6223 29.7711C12.809 29.8774 13.0984 30.0514 13.2329 29.9855C13.9797 29.6191 14.7116 29.1739 15.5088 28.7232C15.2997 28.5821 15.1914 28.4997 15.0719 28.4319C12.3622 26.8893 9.65301 25.3467 6.9445 23.8042V21.0561L9.10842 22.2818C11.8804 23.8488 14.6531 25.4133 17.4263 26.9754C17.6317 27.0909 17.9378 27.2759 18.0853 27.2063C18.8957 26.8161 19.6724 26.3562 20.5667 25.8615L6.93703 18.1028V15.3804C8.11702 16.0436 9.29145 16.7142 10.4714 17.3792C14.523 19.6656 18.5739 21.9526 22.6242 24.2402C22.7456 24.3103 22.8839 24.3472 23.0247 24.3472C23.1655 24.3472 23.3038 24.3103 23.4252 24.2402C24.131 23.8298 24.8411 23.4255 25.5556 23.0274L22.6989 21.395L4.44446 11Z"
+      fill="#5B92FF"
+    />
+    <path
+      class="show-on-hover"
+      fill-opacity="0"
+      d="M27.304 7.25435C25.4762 6.27499 23.6636 5.27415 21.8472 4.27871L18.9882 2.71316L16.4812 4.08036C19.2424 5.58157 22.0043 7.08038 24.7667 8.57683C24.9268 8.64208 25.0617 8.75249 25.1528 8.89294C25.2439 9.03339 25.2868 9.19703 25.2757 9.36141C25.2757 10.0382 25.2757 10.7149 25.2757 11.3916L25.253 11.3791C23.8736 10.6428 19.6069 8.4428 18.237 7.69219C16.8672 6.94159 15.4481 6.16595 14.0536 5.40284L11.3933 6.85403C15.0659 8.85028 21.4082 12.1708 25.2833 14.2689C25.2833 15.1649 25.2864 16.0585 25.2927 16.9497C25.2476 16.9188 25.2009 16.8902 25.1527 16.8639C19.8794 13.9919 11.7188 9.66698 6.4531 6.77715L8.85416 5.46719L11.5239 4.01242L13.9382 2.69352L16.4491 1.32274L14.3507 0.177191C14.1785 0.0842584 13.9079 -0.0461866 13.783 0.0163639C13.3725 0.214738 12.9714 0.427417 12.5627 0.649024L3.60543 5.52614L3.49577 5.57976L3.09462 5.80495L0.445685 7.24719C0.302456 7.3082 0.18291 7.40977 0.103574 7.53787C0.0242376 7.66596 -0.010926 7.81423 0.00296373 7.96206C0.0168391 12.6861 0.0199557 17.4096 0.0123873 22.1324C-0.00103709 22.2896 0.037378 22.4468 0.122421 22.5825C0.207464 22.7182 0.334914 22.8257 0.48726 22.8902C1.17598 23.2476 1.86094 23.6265 2.54399 24V20.8761C2.53155 20.7968 2.5252 20.7167 2.52505 20.6366C2.54776 16.7298 2.54589 12.8231 2.54778 8.91637L3.7758 8.24619C8.36792 10.7482 14.4151 13.9651 19.8189 16.8549L19.8605 16.8764C21.4915 17.7521 23.0638 18.5974 24.5207 19.3784L27.7373 21.1048C27.7373 16.7418 27.7499 12.3787 27.7751 8.01568C27.7886 7.85848 27.7506 7.70116 27.6663 7.56501C27.5821 7.42885 27.4556 7.32043 27.304 7.25435Z"
+      fill="#5B92FF"
+    />
+
+    <defs>
+      <linearGradient
+        id="paint0_linear_392_6457"
+        x1="4.44659"
+        y1="20.5093"
+        x2="25.5462"
+        y2="20.5093"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#B000FD" />
+        <stop offset="0.0001" stop-color="#B000FD" />
+        <stop offset="0.98" stop-color="#30DAFF" />
+      </linearGradient>
+      <linearGradient
+        id="paint1_linear_392_6457"
+        x1="0.0029638"
+        y1="12.0118"
+        x2="27.7657"
+        y2="12.0118"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#B000FD" />
+        <stop offset="0.0001" stop-color="#B000FD" />
+        <stop offset="0.98" stop-color="#30DAFF" />
+      </linearGradient>
+    </defs>
+  </svg>
+</template>
+<style lang="scss" scoped>
+svg,
+path {
+  transition: 0.3s ease;
+}
+
+svg {
+  &:hover {
+    .blue-hover {
+      fill: #5b92ff;
+    }
+
+    .show-on-hover {
+      fill-opacity: 1;
+    }
+  }
+}
+</style>
diff --git a/components/PublishonxTab.vue b/components/PublishonxTab.vue
index 6e3ac1a..d7c1587 100644
--- a/components/PublishonxTab.vue
+++ b/components/PublishonxTab.vue
@@ -2,63 +2,101 @@
   <section id="steps">
     <div class="block steps">
       <div class="container">
-        <div class=''>
-          <div class='text-4xl mt-10 mb-10'>Tell the World - or Stay Anon</div>
-          <div class='text-lg'>
+        <div class="">
+          <div class="text-4xl mt-10 mb-10">Tell the World - or Stay Anon</div>
+          <div class="text-lg">
             <div v-if="accountStore.incogniteeBalance == 0">
-              <i><b>You have no balance on Incognitee. Please go back to step 2 to collect more points</b></i>
+              <i
+                ><b
+                  >You have no balance on Incognitee. Please go back to step 2
+                  to collect more points</b
+                ></i
+              >
             </div>
             <div v-if="accountStore.paseoBalance == 0">
-              <i><b>You have no balance on Paseo. Please go back to step 2 to collect more points</b></i>
+              <i
+                ><b
+                  >You have no balance on Paseo. Please go back to step 2 to
+                  collect more points</b
+                ></i
+              >
             </div>
           </div>
-          <div class='text-lg'>
-            To be eligible for our prices, please either tweet or send us a message over SimpleX.
-            Tell the world about your successful test using the button below. Make sure to
-            include hashtag #incognitee and your account
-            <div class='mt-5'>
+          <div class="text-lg">
+            To be eligible for our prices, please either tweet or send us a
+            message over SimpleX. Tell the world about your successful test
+            using the button below. Make sure to include hashtag #incognitee and
+            your account
+            <div class="mt-5">
               <template v-if="!isTwitterLinkDisabled">
-                <NuxtLink :to="twitterLinkUrl" target="blank" class="btn btn_gradient">tweet about your success
+                <NuxtLink
+                  :to="twitterLinkUrl"
+                  target="blank"
+                  class="btn btn_gradient"
+                  >tweet about your success
                 </NuxtLink>
               </template>
               <template v-else>
-                <NuxtLink to="" target="blank" class="btn btn_border">No account with a balance yet</NuxtLink>
+                <NuxtLink to="" target="blank" class="btn btn_border"
+                  >No account with a balance yet</NuxtLink
+                >
               </template>
             </div>
-            <div class='mt-5'>If X is too centralized for you, we also accept posts on Nostr mentioning our profile and your test account
+            <div class="mt-5">
+              If X is too centralized for you, we also accept posts on Nostr
+              mentioning our profile and your test account
             </div>
-            <div class='mt-5'>
+            <div class="mt-5">
               <template v-if="!isTwitterLinkDisabled">
                 <NuxtLink
-                    to="https://njump.me/npub1teerer7l6q4aweperlunlgrn9jd5y956cuxkrpju6tmj3qsulvast0weax"
-                    target="blank" class="btn btn_gradient">post a note on nostr
+                  to="https://njump.me/npub1teerer7l6q4aweperlunlgrn9jd5y956cuxkrpju6tmj3qsulvast0weax"
+                  target="blank"
+                  class="btn btn_gradient"
+                  >post a note on nostr
                 </NuxtLink>
-                <div class='mt-5'>
-                  <textarea readonly class="template-textarea">I have successfully tested #incognitee private token transfers on https://try.incognitee.io by @integritee with my account {{accountStore.getAddress}}</textarea>
+                <div class="mt-5">
+                  <textarea readonly class="template-textarea">
+I have successfully tested #incognitee private token transfers on https://try.incognitee.io by @integritee with my account {{
+                      accountStore.getAddress
+                    }}</textarea
+                  >
                 </div>
               </template>
               <template v-else>
-                <NuxtLink to="" target="blank" class="btn btn_border">No account with a balance yet</NuxtLink>
+                <NuxtLink to="" target="blank" class="btn btn_border"
+                  >No account with a balance yet</NuxtLink
+                >
               </template>
             </div>
 
-            <div class='mt-5'>Or, if you prefer to stay anonymous, use one of the best private messengers out there.
+            <div class="mt-5">
+              Or, if you prefer to stay anonymous, use one of the best private
+              messengers out there.
             </div>
-            <div class='mt-5'>
+            <div class="mt-5">
               <template v-if="!isTwitterLinkDisabled">
                 <NuxtLink
-                    to="https://simplex.chat/contact#/?v=2-5&smp=smp%3A%2F%2F1OwYGt-yqOfe2IyVHhxz3ohqo3aCCMjtB-8wn4X_aoY%3D%40smp11.simplex.im%2FbXnLZ9ksJdcW3G_yRoo_0GZefWNjVzMI%23%2F%3Fv%3D1-2%26dh%3DMCowBQYDK2VuAyEAkEgKgkeLKpJi-1y8iW19tvIIRYL6CiObZbp7pWR-4UE%253D%26srv%3D6ioorbm6i3yxmuoezrhjk6f6qgkc4syabh7m3so74xunb5nzr4pwgfqd.onion"
-                    target="blank" class="btn btn_gradient">send us a simpleX message
+                  to="https://simplex.chat/contact#/?v=2-5&smp=smp%3A%2F%2F1OwYGt-yqOfe2IyVHhxz3ohqo3aCCMjtB-8wn4X_aoY%3D%40smp11.simplex.im%2FbXnLZ9ksJdcW3G_yRoo_0GZefWNjVzMI%23%2F%3Fv%3D1-2%26dh%3DMCowBQYDK2VuAyEAkEgKgkeLKpJi-1y8iW19tvIIRYL6CiObZbp7pWR-4UE%253D%26srv%3D6ioorbm6i3yxmuoezrhjk6f6qgkc4syabh7m3so74xunb5nzr4pwgfqd.onion"
+                  target="blank"
+                  class="btn btn_gradient"
+                  >send us a simpleX message
                 </NuxtLink>
-                <div class='mt-5'><textarea readonly class="template-textarea">Dear Integritee team. I have participated in the incognitee beta campaign with account {{accountStore.getAddress}}
-                </textarea>
+                <div class="mt-5">
+                  <textarea readonly class="template-textarea">
+Dear Integritee team. I have participated in the incognitee beta campaign with account {{
+                      accountStore.getAddress
+                    }}
+                </textarea
+                  >
                 </div>
               </template>
               <template v-else>
-                <NuxtLink to="" target="blank" class="btn btn_border">No account with a balance yet</NuxtLink>
+                <NuxtLink to="" target="blank" class="btn btn_border"
+                  >No account with a balance yet</NuxtLink
+                >
               </template>
             </div>
-            <div class='mt-5'>
+            <div class="mt-5">
               In case of a win, we will reach out to you over the same channel
             </div>
           </div>
@@ -69,10 +107,10 @@
 </template>
 
 <script setup lang="ts">
-import {ref, onMounted, watch} from 'vue';
-import {useAccount} from '@/store/account.ts'
+import { ref, onMounted, watch } from "vue";
+import { useAccount } from "@/store/account.ts";
 
-const accountStore = useAccount()
+const accountStore = useAccount();
 
 const indexerLinkUrl = ref("");
 const twitterLinkUrl = ref("");
@@ -81,25 +119,23 @@ const isTwitterLinkDisabled = ref(true);
 
 const updateLinks = () => {
   if (accountStore.account) {
-    const url = `https://paseo.subscan.io/account/${accountStore.getAddress}?tab=transfer`
-    console.log("setting publish link to " + url)
-    indexerLinkUrl.value = url
-    isIndexerLinkDisabled.value = false
+    const url = `https://paseo.subscan.io/account/${accountStore.getAddress}?tab=transfer`;
+    console.log("setting publish link to " + url);
+    indexerLinkUrl.value = url;
+    isIndexerLinkDisabled.value = false;
 
-    const incogniteeUrl = encodeURIComponent("https://try.incognitee.io")
-    const text = encodeURIComponent(`Just aced the #incognitee private token transfers test with my account ${accountStore.getAddress}! Join me and explore the beta test campaign run by @integri_t_e_e. Let's shape the future of @polkadot #privacy together!`)
+    const incogniteeUrl = encodeURIComponent("https://try.incognitee.io");
+    const text = encodeURIComponent(
+      `Just aced the #incognitee private token transfers test with my account ${accountStore.getAddress}! Join me and explore the beta test campaign run by @integri_t_e_e. Let's shape the future of @polkadot #privacy together!`,
+    );
     // todo! upload a tweet image using twitter API
-    twitterLinkUrl.value = `https://twitter.com/intent/tweet?url=${incogniteeUrl}&text=${text}`
-    isTwitterLinkDisabled.value = false
+    twitterLinkUrl.value = `https://twitter.com/intent/tweet?url=${incogniteeUrl}&text=${text}`;
+    isTwitterLinkDisabled.value = false;
   }
-}
-watch(
-    accountStore,
-    updateLinks,
-)
-
-onMounted(updateLinks)
+};
+watch(accountStore, updateLinks);
 
+onMounted(updateLinks);
 </script>
 <style scoped>
 .template-textarea {
@@ -112,7 +148,7 @@ onMounted(updateLinks)
   border-bottom: none;
   background-color: transparent;
   font-style: italic;
-  font-size: 1.0em;
+  font-size: 1em;
   line-height: 1.6;
   resize: none;
 }
diff --git a/components/Socials/Section.vue b/components/Socials/Section.vue
index 329e77b..7498b71 100644
--- a/components/Socials/Section.vue
+++ b/components/Socials/Section.vue
@@ -1,161 +1,153 @@
-<template>
-  <section id="socials">
-    <div class="block socials">
-      <div class="container">
-        <div class="row jcsb socials__row">
-          <div class="socials__text">
-            <h2 class="title title_h2 margin_medium socials__title">
-              Powered by Integritee
-            </h2>
-          </div>
-          <div class="column_medium socials__list">
-            <a
-              :href="TELEGRAM_LINK"
-              target='_blank'
-              class="socials__list-item"
-            >
-              <Telegram class="socials__list-item-icon" />
-              <span class="socials__list-item-name">Telegram</span>
-            </a>
-            <a
-              :href="DISCORD_LINK"
-              target='_blank'
-              class="socials__list-item"
-            >
-              <Discord class="socials__list-item-icon" />
-              <span class="socials__list-item-name">Discord</span>
-            </a>
-            <a
-              :href="TWITTER_LINK"
-              target='_blank'
-              class="socials__list-item"
-            >
-              <Twitter class="socials__list-item-icon" />
-              <span class="socials__list-item-name paragraph_medium"
-                >Twitter</span
-              >
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-</template>
-<script setup lang='ts'>
-import Discord from '@/assets/img/socials/discord.svg'
-import Twitter from '@/assets/img/socials/twitter.svg'
-import Telegram from '@/assets/img/socials/telegram.svg'
-import { TELEGRAM_LINK, TWITTER_LINK, DISCORD_LINK } from '@/configs/app.config'
-</script>
-<style lang="scss">
-.socials__list-item-icon {
-  path {
-    fill-opacity: 1;
-  }
-}
-</style>
-
-<style lang="scss" scoped>
-.socials {
-  &__title {
-    //line-height: unset;
-    @include md {
-      line-height: 110%;
-    }
-  }
-  &__description {
-    line-height: 150%;
-
-    @include slg {
-      br {
-        display: none;
-      }
-    }
-  }
-
-  &__row {
-    gap: 60px;
-
-    @include lg {
-      gap: 30px;
-    }
-
-    @include sm {
-      display: block;
-    }
-  }
-
-  &__text {
-    @include lg {
-      width: 560px;
-      flex-shrink: 0;
-    }
-
-    @include slg {
-      width: 450px;
-    }
-
-    @include md {
-      width: 340px;
-    }
-
-    @include sm {
-      width: 100%;
-      margin-bottom: 28px;
-    }
-  }
-
-  &__list {
-    display: flex;
-    gap: 20px;
-
-    @include lg {
-      flex: 1;
-      width: 100%;
-    }
-
-    @include md {
-      gap: 10px;
-    }
-  }
-
-  &__list-item-icon {
-    width: 48px;
-    height: 48px;
-    display: block;
-    margin-bottom: 24px;
-
-    @include sm {
-      width: 32px;
-      height: 32px;
-      margin-bottom: 8px;
-    }
-  }
-
-  &__list-item {
-    width: 33.33333%;
-    background: rgba(81, 81, 81, 0.24);
-    backdrop-filter: blur(12px);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    border-radius: 24px;
-    transition: 0.3s ease;
-
-    @include lg {
-      height: 179px;
-    }
-
-    @include sm {
-      height: 150px;
-      font-size: $sm_pDef;
-      border-radius: 14px;
-    }
-
-    &:hover {
-      background: rgba(120, 120, 120, 0.24);
-    }
-  }
-}
-</style>
+<template>
+  <section id="socials">
+    <div class="block socials">
+      <div class="container">
+        <div class="row jcsb socials__row">
+          <div class="socials__text">
+            <h2 class="title title_h2 margin_medium socials__title">
+              Powered by Integritee
+            </h2>
+          </div>
+          <div class="column_medium socials__list">
+            <a :href="TELEGRAM_LINK" target="_blank" class="socials__list-item">
+              <Telegram class="socials__list-item-icon" />
+              <span class="socials__list-item-name">Telegram</span>
+            </a>
+            <a :href="DISCORD_LINK" target="_blank" class="socials__list-item">
+              <Discord class="socials__list-item-icon" />
+              <span class="socials__list-item-name">Discord</span>
+            </a>
+            <a :href="TWITTER_LINK" target="_blank" class="socials__list-item">
+              <Twitter class="socials__list-item-icon" />
+              <span class="socials__list-item-name paragraph_medium"
+                >Twitter</span
+              >
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</template>
+<script setup lang="ts">
+import Discord from "@/assets/img/socials/discord.svg";
+import Twitter from "@/assets/img/socials/twitter.svg";
+import Telegram from "@/assets/img/socials/telegram.svg";
+import {
+  TELEGRAM_LINK,
+  TWITTER_LINK,
+  DISCORD_LINK,
+} from "@/configs/app.config";
+</script>
+<style lang="scss">
+.socials__list-item-icon {
+  path {
+    fill-opacity: 1;
+  }
+}
+</style>
+
+<style lang="scss" scoped>
+.socials {
+  &__title {
+    //line-height: unset;
+    @include md {
+      line-height: 110%;
+    }
+  }
+  &__description {
+    line-height: 150%;
+
+    @include slg {
+      br {
+        display: none;
+      }
+    }
+  }
+
+  &__row {
+    gap: 60px;
+
+    @include lg {
+      gap: 30px;
+    }
+
+    @include sm {
+      display: block;
+    }
+  }
+
+  &__text {
+    @include lg {
+      width: 560px;
+      flex-shrink: 0;
+    }
+
+    @include slg {
+      width: 450px;
+    }
+
+    @include md {
+      width: 340px;
+    }
+
+    @include sm {
+      width: 100%;
+      margin-bottom: 28px;
+    }
+  }
+
+  &__list {
+    display: flex;
+    gap: 20px;
+
+    @include lg {
+      flex: 1;
+      width: 100%;
+    }
+
+    @include md {
+      gap: 10px;
+    }
+  }
+
+  &__list-item-icon {
+    width: 48px;
+    height: 48px;
+    display: block;
+    margin-bottom: 24px;
+
+    @include sm {
+      width: 32px;
+      height: 32px;
+      margin-bottom: 8px;
+    }
+  }
+
+  &__list-item {
+    width: 33.33333%;
+    background: rgba(81, 81, 81, 0.24);
+    backdrop-filter: blur(12px);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    border-radius: 24px;
+    transition: 0.3s ease;
+
+    @include lg {
+      height: 179px;
+    }
+
+    @include sm {
+      height: 150px;
+      font-size: $sm_pDef;
+      border-radius: 14px;
+    }
+
+    &:hover {
+      background: rgba(120, 120, 120, 0.24);
+    }
+  }
+}
+</style>
diff --git a/components/Socials/index.vue b/components/Socials/index.vue
index 5bb1f77..07f35ae 100644
--- a/components/Socials/index.vue
+++ b/components/Socials/index.vue
@@ -12,11 +12,15 @@
   </div>
 </template>
 
-<script setup lang='ts'>
-import Discord from '@/assets/img/socials/discord.svg'
-import Twitter from '@/assets/img/socials/twitter.svg'
-import Telegram from '@/assets/img/socials/telegram.svg'
-import { TELEGRAM_LINK, TWITTER_LINK, DISCORD_LINK } from '@/configs/app.config'
+<script setup lang="ts">
+import Discord from "@/assets/img/socials/discord.svg";
+import Twitter from "@/assets/img/socials/twitter.svg";
+import Telegram from "@/assets/img/socials/telegram.svg";
+import {
+  TELEGRAM_LINK,
+  TWITTER_LINK,
+  DISCORD_LINK,
+} from "@/configs/app.config";
 </script>
 
 <style lang="scss" scoped>
diff --git a/components/UnshieldTab.vue b/components/UnshieldTab.vue
index 8047d3c..768c647 100644
--- a/components/UnshieldTab.vue
+++ b/components/UnshieldTab.vue
@@ -2,18 +2,27 @@
   <section id="steps">
     <div class="block steps">
       <div class="container">
-        <div class='grid grid-rows-3 grid-flow-col gap-4'>
-          <div class='text-4xl mt-10'>Unshield</div>
-          <div class='text-lg'>
-            <div v-if="accountStore.incogniteeBalance < existential_deposit * 4">
-              <i><b>Your balance on Incognitee is getting low. Please go back to step 2 to top up</b></i>
+        <div class="grid grid-rows-3 grid-flow-col gap-4">
+          <div class="text-4xl mt-10">Unshield</div>
+          <div class="text-lg">
+            <div
+              v-if="accountStore.incogniteeBalance < existential_deposit * 4"
+            >
+              <i
+                ><b
+                  >Your balance on Incognitee is getting low. Please go back to
+                  step 2 to top up</b
+                ></i
+              >
             </div>
-            <div class='mt-4'>
-              By clicking the ”Unshield” button, you perform a transfer of 30% of your Incognitee
-              balance to your wallet on Paseo.
+            <div class="mt-4">
+              By clicking the ”Unshield” button, you perform a transfer of 30%
+              of your Incognitee balance to your wallet on Paseo.
             </div>
             <div>
-              <UButton class="btn btn_gradient" @click="unshieldFunds">Unshield Funds</UButton>
+              <UButton class="btn btn_gradient" @click="unshieldFunds"
+                >Unshield Funds</UButton
+              >
               <div>{{ topStatus }}</div>
             </div>
           </div>
@@ -24,47 +33,52 @@
 </template>
 
 <script setup lang="ts">
-import {formatBalance} from "@polkadot/util";
+import { formatBalance } from "@polkadot/util";
 
-import {useAccount} from '@/store/account.ts'
-import {useIncognitee} from '@/store/incognitee.ts'
-import {ref} from "vue";
+import { useAccount } from "@/store/account.ts";
+import { useIncognitee } from "@/store/incognitee.ts";
+import { ref } from "vue";
 
-const accountStore = useAccount()
-const incogniteeStore = useIncognitee()
-const topStatus = ref('')
+const accountStore = useAccount();
+const incogniteeStore = useIncognitee();
+const topStatus = ref("");
 const existential_deposit = 10000000000;
 
-const emit = defineEmits(['change-tab'])
+const emit = defineEmits(["change-tab"]);
 
 formatBalance.setDefaults({
   decimals: 10,
-  unit: 'PAS'
+  unit: "PAS",
 });
 const unshieldFunds = () => {
-  console.log('will unshield 30% of your private funds to same account on L1');
-  topStatus.value = '⌛ will unshield 30% of your private funds to same account on L1'
-  const balance = accountStore.incogniteeBalance
+  console.log("will unshield 30% of your private funds to same account on L1");
+  topStatus.value =
+    "⌛ will unshield 30% of your private funds to same account on L1";
+  const balance = accountStore.incogniteeBalance;
   // todo! instead of sending 30% we should check fees explicitly and handle edge cases
-  const amount = Math.floor(0.30 * balance)
-  const signer = accountStore.account
-  console.log(`sending ${formatBalance(amount)} from ${signer.address} privately to self on L1 (shard: ${incogniteeStore.shard}`)
-  incogniteeStore.api.balanceUnshieldFunds(
+  const amount = Math.floor(0.3 * balance);
+  const signer = accountStore.account;
+  console.log(
+    `sending ${formatBalance(amount)} from ${signer.address} privately to self on L1 (shard: ${incogniteeStore.shard}`,
+  );
+  incogniteeStore.api
+    .balanceUnshieldFunds(
       signer,
       incogniteeStore.shard,
       incogniteeStore.fingerprint,
       signer.address,
       signer.address,
-      amount
-  ).then((hash) => {
-    topStatus.value = '😀 Triggered unshielding of funds successfully. please proceed to step 5'
-    console.log(`trustedOperationHash: ${hash}`)
-    // todo! wait for evidence on L1
-    // emit('change-tab', 4);
-  });
+      amount,
+    )
+    .then((hash) => {
+      topStatus.value =
+        "😀 Triggered unshielding of funds successfully. please proceed to step 5";
+      console.log(`trustedOperationHash: ${hash}`);
+      // todo! wait for evidence on L1
+      // emit('change-tab', 4);
+    });
 
   // todo! remove this and only change tab upon success above
   // emit('change-tab', 4);
 };
-
 </script>
diff --git a/configs/app.config.ts b/configs/app.config.ts
index a60e0d5..191f33a 100644
--- a/configs/app.config.ts
+++ b/configs/app.config.ts
@@ -1,128 +1,153 @@
-export const breakpoints = {
-  lg: 1366,
-  slg: 1200,
-  md: 1024,
-  sm: 840,
-  xsm: 420,
-}
-
-export const GITHUB_LINK = 'https://github.com/integritee-network'
-
-export const DOCS_LINK = 'https://docs.integritee.network'
-
-export const TEER_TOKEN_LINK =
-  'https://docs.integritee.network/2-integritee-network/2.4-teer-token'
-export const TEER_TOKEN_WALLET_LINK =
-  'https://docs.integritee.network/2-integritee-network/2.4-teer-token/2.4.1-how-to-set-up-a-wallet'
-
-export const GOVERNANCE_LINK =
-  'https://docs.integritee.network/2-integritee-network/2.5-governance'
-export const HOW_TO_SETUP_LINK =
-  'https://docs.integritee.network/5-nodes-and-infrastructure'
-export const CHECK_TECH_LINK =
-  'https://docs.integritee.network/3-our-technology'
-
-export const SECURE_LINK = 'https://securitee.tech/'
-
-export const PRODUCTS_DOCS_LINK = 'https://docs.integritee.network/3-our-technology'
-
-export const SIDECHAIN_SDK_LINK =
-  'https://docs.integritee.network/3-our-technology/3.1-software-development-kit/3.1.1-sidechains'
-
-export const OFF_CHAIN_WORKER_LINK =
-  'https://docs.integritee.network/3-our-technology/3.1-software-development-kit/3.1.2-trusted-off-chain-computing'
-
-export const TEERACLE_LINK =
-  'https://docs.integritee.network/3-our-technology/3.1-software-development-kit/3.1.3-oracle-framework'
-
-export const ATTESTEER_LINK = 'https://docs.integritee.network/3-our-technology/3.2-attesteer'
-
-export const SECURE_TEE_INFRASTRUCTURE_LINK =
-  'https://docs.integritee.network/5-nodes-and-infrastructure/5.3-how-to-deploy/5.3.3-securitee-offering'
-
-export const USE_CASES_LINK = 'https://docs.integritee.network/3-our-technology/3.5-use-cases'
-
-export const TECHNOLOGY_LINK = 'https://integritee.network/developers'
-
-export const DEVELOPMENT_DOCS = 'https://docs.integritee.network/4-development'
-
-export const READ_LINK = 'https://docs.integritee.network/4-development/4.4-sdk/4.4.1-sidechain-sdk'
-
-export const PLAY_LINK = 'https://docs.integritee.network/4-development/4.6-demos/4.6.1-sidechain-demo'
-
-export const WRITE_LINK = 'https://docs.integritee.network/4-development/4.4-sdk/4.4.4-custom-business-logic-stf'
-
-export const DEPLOY_LINK = 'https://docs.integritee.network/5-nodes-and-infrastructure/5.3-how-to-deploy'
-
-export const SDK_GITHUB_LINK = 'https://github.com/integritee-network/worker'
-
-export const SDK_DOCS_LINK = 'https://docs.integritee.network/4-development/4.4-sdk/4.4.1-sidechain-sdk'
-
-export const SDK_DEMO_LINK = 'https://docs.integritee.network/4-development/4.6-demos/4.6.1-sidechain-demo'
-
-export const WORKER_GITHUB_LINK = 'https://github.com/integritee-network/worker'
-
-export const WORKER_DOCS_LINK = 'https://docs.integritee.network/4-development/4.4-sdk/4.4.2-trusted-off-chain-worker'
-
-export const WORKER_DEMO_LINK = 'https://docs.integritee.network/4-development/4.6-demos/4.6.2-tocw-demo'
-
-export const TEERACLE_GITHUB_LINK = 'https://github.com/integritee-network/worker/tree/master/samples/teeracle'
-
-export const TEERACLE_DOCS_LINK = 'https://docs.integritee.network/4-development/4.4-sdk/4.4.3-teeracle-oracle-framework'
-
-export const TEERACLE_DEMO_LINK = 'https://docs.integritee.network/4-development/4.6-demos/4.6.3-teeracle-demo'
-
-export const ATTESTEER_GITHUB_LINK = ''
-
-export const ATTESTEER_DOCS_LINK = 'https://docs.integritee.network/4-development/4.5-attesteer'
-
-export const ATTESTEER_DEMO_LINK = 'https://docs.integritee.network/4-development/4.6-demos/4.6.4-attesteer-demo'
-
-export const TELEGRAM_LINK = 'https://t.me/Integritee_Official'
-
-export const DISCORD_LINK = 'https://discord.com/invite/wwGcqhfXtZ'
-
-export const TWITTER_LINK = 'https://twitter.com/integri_t_e_e'
-
-export const FULL_STACK_DEV = 'https://jobs.smartrecruiters.com/IntegriteeAG/743999815448800-full-stack-developer'
-
-export const RUST_CORE_DEV = 'https://jobs.smartrecruiters.com/IntegriteeAG/743999815462880-rust-core-developer'
-
-export const SENIOR_DEVOPS = 'https://jobs.smartrecruiters.com/IntegriteeAG/743999815439156-senior-devops-engineer'
-
-export const ALL_POSITION = 'https://careers.smartrecruiters.com/IntegriteeAG'
-
-export const KRAKEN_LINK = 'https://www.kraken.com/prices/integritee?quote=usd&interval=24h'
-
-export const GATE_LINK = 'https://www.gate.io/de/trade/TEER_USDT'
-
-export const COIN_MARKET_LINK = 'https://coinmarketcap.com/currencies/integritee-network/'
-
-export const COIN_GECKO_LINK = 'https://www.coingecko.com/de/munze/integritee'
-
-export const TRADING_LINK = 'https://www.tradingview.com/chart/?symbol=GATEIO%3ATEERUSDT'
-
-export const GOVERNANCE_FOOTER_LINK = 'https://integritee.polkassembly.io'
-
-export const SUBSCAN_LINK = 'https://integritee.subscan.io/'
-
-export const INTEGRITEE_NETWORK_LINK =
-  'https://polkadot.js.org/apps/?rpc=wss%3A%2F%2Fkusama.api.integritee.network#/explorer'
-
-export const HELP_CENTER_LINK = 'https://helpdesk.integritee.network/docs/'
-
-export const WATERCOOLER_LINK = 'https://app.element.io/#/room/#integritee-watercooler:matrix.org'
-
-export const SUBSOCIAL_LINK = 'https://app.subsocial.network/4638'
-
-export const YOUTUBE_LINK = 'https://www.youtube.com/channel/UCOgztU-FYDdG8ptLKaItBow/featured'
-
-export const MEDIUM_LINK = 'https://medium.com/integritee'
-
-export const REDDIT_LINK = 'https://www.reddit.com/r/Integritee/'
-
-export const LINKEDIN_LINK = 'https://www.linkedin.com/company/integritee/'
-
-export const LIGHTPAPER_LINK = '/docs/Integritee_ Lightpaper_2021.pdf'
-
-export const TOKENOMICS_LINK = '/docs/Integritee_Tokenomics_2021.pdf'
+export const breakpoints = {
+  lg: 1366,
+  slg: 1200,
+  md: 1024,
+  sm: 840,
+  xsm: 420,
+};
+
+export const GITHUB_LINK = "https://github.com/integritee-network";
+
+export const DOCS_LINK = "https://docs.integritee.network";
+
+export const TEER_TOKEN_LINK =
+  "https://docs.integritee.network/2-integritee-network/2.4-teer-token";
+export const TEER_TOKEN_WALLET_LINK =
+  "https://docs.integritee.network/2-integritee-network/2.4-teer-token/2.4.1-how-to-set-up-a-wallet";
+
+export const GOVERNANCE_LINK =
+  "https://docs.integritee.network/2-integritee-network/2.5-governance";
+export const HOW_TO_SETUP_LINK =
+  "https://docs.integritee.network/5-nodes-and-infrastructure";
+export const CHECK_TECH_LINK =
+  "https://docs.integritee.network/3-our-technology";
+
+export const SECURE_LINK = "https://securitee.tech/";
+
+export const PRODUCTS_DOCS_LINK =
+  "https://docs.integritee.network/3-our-technology";
+
+export const SIDECHAIN_SDK_LINK =
+  "https://docs.integritee.network/3-our-technology/3.1-software-development-kit/3.1.1-sidechains";
+
+export const OFF_CHAIN_WORKER_LINK =
+  "https://docs.integritee.network/3-our-technology/3.1-software-development-kit/3.1.2-trusted-off-chain-computing";
+
+export const TEERACLE_LINK =
+  "https://docs.integritee.network/3-our-technology/3.1-software-development-kit/3.1.3-oracle-framework";
+
+export const ATTESTEER_LINK =
+  "https://docs.integritee.network/3-our-technology/3.2-attesteer";
+
+export const SECURE_TEE_INFRASTRUCTURE_LINK =
+  "https://docs.integritee.network/5-nodes-and-infrastructure/5.3-how-to-deploy/5.3.3-securitee-offering";
+
+export const USE_CASES_LINK =
+  "https://docs.integritee.network/3-our-technology/3.5-use-cases";
+
+export const TECHNOLOGY_LINK = "https://integritee.network/developers";
+
+export const DEVELOPMENT_DOCS = "https://docs.integritee.network/4-development";
+
+export const READ_LINK =
+  "https://docs.integritee.network/4-development/4.4-sdk/4.4.1-sidechain-sdk";
+
+export const PLAY_LINK =
+  "https://docs.integritee.network/4-development/4.6-demos/4.6.1-sidechain-demo";
+
+export const WRITE_LINK =
+  "https://docs.integritee.network/4-development/4.4-sdk/4.4.4-custom-business-logic-stf";
+
+export const DEPLOY_LINK =
+  "https://docs.integritee.network/5-nodes-and-infrastructure/5.3-how-to-deploy";
+
+export const SDK_GITHUB_LINK = "https://github.com/integritee-network/worker";
+
+export const SDK_DOCS_LINK =
+  "https://docs.integritee.network/4-development/4.4-sdk/4.4.1-sidechain-sdk";
+
+export const SDK_DEMO_LINK =
+  "https://docs.integritee.network/4-development/4.6-demos/4.6.1-sidechain-demo";
+
+export const WORKER_GITHUB_LINK =
+  "https://github.com/integritee-network/worker";
+
+export const WORKER_DOCS_LINK =
+  "https://docs.integritee.network/4-development/4.4-sdk/4.4.2-trusted-off-chain-worker";
+
+export const WORKER_DEMO_LINK =
+  "https://docs.integritee.network/4-development/4.6-demos/4.6.2-tocw-demo";
+
+export const TEERACLE_GITHUB_LINK =
+  "https://github.com/integritee-network/worker/tree/master/samples/teeracle";
+
+export const TEERACLE_DOCS_LINK =
+  "https://docs.integritee.network/4-development/4.4-sdk/4.4.3-teeracle-oracle-framework";
+
+export const TEERACLE_DEMO_LINK =
+  "https://docs.integritee.network/4-development/4.6-demos/4.6.3-teeracle-demo";
+
+export const ATTESTEER_GITHUB_LINK = "";
+
+export const ATTESTEER_DOCS_LINK =
+  "https://docs.integritee.network/4-development/4.5-attesteer";
+
+export const ATTESTEER_DEMO_LINK =
+  "https://docs.integritee.network/4-development/4.6-demos/4.6.4-attesteer-demo";
+
+export const TELEGRAM_LINK = "https://t.me/Integritee_Official";
+
+export const DISCORD_LINK = "https://discord.com/invite/wwGcqhfXtZ";
+
+export const TWITTER_LINK = "https://twitter.com/integri_t_e_e";
+
+export const FULL_STACK_DEV =
+  "https://jobs.smartrecruiters.com/IntegriteeAG/743999815448800-full-stack-developer";
+
+export const RUST_CORE_DEV =
+  "https://jobs.smartrecruiters.com/IntegriteeAG/743999815462880-rust-core-developer";
+
+export const SENIOR_DEVOPS =
+  "https://jobs.smartrecruiters.com/IntegriteeAG/743999815439156-senior-devops-engineer";
+
+export const ALL_POSITION = "https://careers.smartrecruiters.com/IntegriteeAG";
+
+export const KRAKEN_LINK =
+  "https://www.kraken.com/prices/integritee?quote=usd&interval=24h";
+
+export const GATE_LINK = "https://www.gate.io/de/trade/TEER_USDT";
+
+export const COIN_MARKET_LINK =
+  "https://coinmarketcap.com/currencies/integritee-network/";
+
+export const COIN_GECKO_LINK = "https://www.coingecko.com/de/munze/integritee";
+
+export const TRADING_LINK =
+  "https://www.tradingview.com/chart/?symbol=GATEIO%3ATEERUSDT";
+
+export const GOVERNANCE_FOOTER_LINK = "https://integritee.polkassembly.io";
+
+export const SUBSCAN_LINK = "https://integritee.subscan.io/";
+
+export const INTEGRITEE_NETWORK_LINK =
+  "https://polkadot.js.org/apps/?rpc=wss%3A%2F%2Fkusama.api.integritee.network#/explorer";
+
+export const HELP_CENTER_LINK = "https://helpdesk.integritee.network/docs/";
+
+export const WATERCOOLER_LINK =
+  "https://app.element.io/#/room/#integritee-watercooler:matrix.org";
+
+export const SUBSOCIAL_LINK = "https://app.subsocial.network/4638";
+
+export const YOUTUBE_LINK =
+  "https://www.youtube.com/channel/UCOgztU-FYDdG8ptLKaItBow/featured";
+
+export const MEDIUM_LINK = "https://medium.com/integritee";
+
+export const REDDIT_LINK = "https://www.reddit.com/r/Integritee/";
+
+export const LINKEDIN_LINK = "https://www.linkedin.com/company/integritee/";
+
+export const LIGHTPAPER_LINK = "/docs/Integritee_ Lightpaper_2021.pdf";
+
+export const TOKENOMICS_LINK = "/docs/Integritee_Tokenomics_2021.pdf";
diff --git a/docker-compose.yml b/docker-compose.yml
index e794616..57b93f2 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,4 +1,4 @@
-version: '3'
+version: "3"
 
 services:
   website:
@@ -9,4 +9,4 @@ services:
     ports:
       - 3000:3000
     volumes:
-      - ./:/app
\ No newline at end of file
+      - ./:/app
diff --git a/eslint.config.mjs b/eslint.config.mjs
new file mode 100644
index 0000000..4b785f2
--- /dev/null
+++ b/eslint.config.mjs
@@ -0,0 +1,5 @@
+// @ts-check
+import withNuxt from "./.nuxt/eslint.config.mjs";
+
+export default withNuxt();
+// Your custom configs here
diff --git a/helpers/date.ts b/helpers/date.ts
index 818c4e8..2ae6982 100644
--- a/helpers/date.ts
+++ b/helpers/date.ts
@@ -1,7 +1,7 @@
-import { format, parseISO as parseString } from 'date-fns'
-
-const DATE_FORMAT = 'MMMM dd, yyyy'
-
-export const parse = (date: string) => {
-  return format(parseString(date), DATE_FORMAT)
-}
+import { format, parseISO as parseString } from "date-fns";
+
+const DATE_FORMAT = "MMMM dd, yyyy";
+
+export const parse = (date: string) => {
+  return format(parseString(date), DATE_FORMAT);
+};
diff --git a/helpers/generateSEO.ts b/helpers/generateSEO.ts
index 7bac37b..e4b4826 100644
--- a/helpers/generateSEO.ts
+++ b/helpers/generateSEO.ts
@@ -1,19 +1,22 @@
-import { useSeoMeta } from '#imports'
+import { useSeoMeta } from "#imports";
 
 export interface SEO {
-  title: string
-  description: string
-  ogTitle?: string
-  ogDescription?: string
+  title: string;
+  description: string;
+  ogTitle?: string;
+  ogDescription?: string;
 }
 
-export const generateSEO = ({title, description, ogTitle, ogDescription}: SEO) => {
-  return(
-    useSeoMeta({
-      title: title,
-      ogTitle: ogTitle ? ogTitle : title,
-      description: description,
-      ogDescription: ogDescription ? ogDescription : description,
-    })
-  )
-}
+export const generateSEO = ({
+  title,
+  description,
+  ogTitle,
+  ogDescription,
+}: SEO) => {
+  return useSeoMeta({
+    title: title,
+    ogTitle: ogTitle ? ogTitle : title,
+    description: description,
+    ogDescription: ogDescription ? ogDescription : description,
+  });
+};
diff --git a/helpers/stripHTML.ts b/helpers/stripHTML.ts
index ef4c4c4..dae82c7 100644
--- a/helpers/stripHTML.ts
+++ b/helpers/stripHTML.ts
@@ -1,3 +1,3 @@
 export default (str: string) => {
-  return str.replace(/(<([^>]+)>)/gi, '')
-}
+  return str.replace(/(<([^>]+)>)/gi, "");
+};
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 7347297..cac73c0 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,12 +1,12 @@
-import { defineNuxtConfig } from 'nuxt/config'
+import { defineNuxtConfig } from "nuxt/config";
 
 export default defineNuxtConfig({
-  target: 'static',
+  target: "static",
   app: {
     head: {
-      title: 'Incognitee',
-      charset: 'utf-8',
-      viewport: 'width=device-width, initial-scale=1',
+      title: "Incognitee",
+      charset: "utf-8",
+      viewport: "width=device-width, initial-scale=1",
       meta: [
         // {
         //   hid: 'robots',
@@ -14,42 +14,42 @@ export default defineNuxtConfig({
         //   content: 'noindex',
         // },
         {
-          hid: 'msapplication-TileColor',
-          name: 'msapplication-TileColor',
-          content: '#1c1c26',
+          hid: "msapplication-TileColor",
+          name: "msapplication-TileColor",
+          content: "#1c1c26",
         },
         {
-          hid: 'theme-color',
-          name: 'theme-color',
-          content: '#1c1c26',
+          hid: "theme-color",
+          name: "theme-color",
+          content: "#1c1c26",
         },
       ],
       link: [
         {
-          rel: 'apple-touch-icon',
-          sizes: '180x180',
-          href: '/apple-touch-icon.png',
+          rel: "apple-touch-icon",
+          sizes: "180x180",
+          href: "/apple-touch-icon.png",
         },
         {
-          rel: 'icon',
-          type: 'image/png',
-          sizes: '32x32',
-          href: '/favicon-32x32.png',
+          rel: "icon",
+          type: "image/png",
+          sizes: "32x32",
+          href: "/favicon-32x32.png",
         },
         {
-          rel: 'icon',
-          type: 'image/png',
-          sizes: '16x16',
-          href: '/favicon-16x16.png',
+          rel: "icon",
+          type: "image/png",
+          sizes: "16x16",
+          href: "/favicon-16x16.png",
         },
         {
-          rel: 'manifest',
-          href: '/site.webmanifest',
+          rel: "manifest",
+          href: "/site.webmanifest",
         },
         {
-          rel: 'mask-icon',
-          href: '/safari-pinned-tab.svg',
-          color: '#1c1c26',
+          rel: "mask-icon",
+          href: "/safari-pinned-tab.svg",
+          color: "#1c1c26",
         },
       ],
     },
@@ -58,16 +58,23 @@ export default defineNuxtConfig({
     externalVue: false,
   },
   routeRules: {
-    '/': { ssr: false },
+    "/": { ssr: false },
   },
   imports: {
     autoImport: false,
   },
-  css: ['~/assets/scss/main.scss'],
-  modules: ['nuxt-svgo', '@pinia/nuxt', '@nuxt/content', '@nuxt/ui', '@nuxtjs/tailwindcss' ],
-  plugins: [{ src: '~/plugins/lockScroll', mode: 'client' }],
+  css: ["~/assets/scss/main.scss"],
+  modules: [
+    "nuxt-svgo",
+    "@pinia/nuxt",
+    "@nuxt/content",
+    "@nuxt/ui",
+    "@nuxtjs/tailwindcss",
+    "@nuxt/eslint",
+  ],
+  plugins: [{ src: "~/plugins/lockScroll", mode: "client" }],
   svgo: {
-    defaultImport: 'component',
+    defaultImport: "component",
     global: false,
   },
   vite: {
@@ -79,4 +86,4 @@ export default defineNuxtConfig({
       },
     },
   },
-})
+});
diff --git a/package.json b/package.json
index e65e0d2..c0d03dc 100644
--- a/package.json
+++ b/package.json
@@ -7,20 +7,30 @@
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare",
-    "start": "nuxt start"
+    "start": "nuxt start",
+    "lint": "yarn lint:eslint && yarn lint:prettier",
+    "lint:eslint": "eslint .",
+    "lint:prettier": "prettier . --check",
+    "lintfix": "eslint . --fix && prettier --write --list-different ."
   },
   "devDependencies": {
     "@nuxt/devtools": "^1.2.0",
+    "@nuxt/eslint": "^0.3.10",
     "@nuxtjs/tailwindcss": "^6.12.0",
     "@types/lodash": "^4.14.195",
     "@types/node": "^20.12.7",
     "@types/nodemailer": "^6.4.8",
     "autoprefixer": "^10.4.17",
     "esbuild": "^0.20.2",
+    "eslint": "^9.2.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
     "install": "^0.13.0",
     "nuxt": "^3.11.2",
     "postcss": "^8.4.38",
+    "prettier": "^3.2.5",
     "tailwindcss": "^3.4.3",
+    "typescript": "^5.4.5",
     "vite": "^5.2.10",
     "vue": "^3.4.26",
     "vue-router": "^4.3.2"
diff --git a/pages/index.vue b/pages/index.vue
index 087c980..7595dc9 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class='home-section'>
+  <div class="home-section">
     <Main />
     <Steps />
     <Rules />
@@ -9,20 +9,21 @@
 </template>
 
 <script setup lang="ts">
-import Main from '~/components/Index/Main.vue'
-import Prizes from '~/components/Index/Prizes.vue'
-import Rules from '~/components/Index/Rules.vue'
-import Steps from '~/components/Index/Steps.vue'
-import Socials from '~/components/Socials/Section.vue'
-import { generateSEO } from '~/helpers/generateSEO'
+import Main from "~/components/Index/Main.vue";
+import Prizes from "~/components/Index/Prizes.vue";
+import Rules from "~/components/Index/Rules.vue";
+import Steps from "~/components/Index/Steps.vue";
+import Socials from "~/components/Socials/Section.vue";
+import { generateSEO } from "~/helpers/generateSEO";
 
 generateSEO({
-  title: 'Incognitee - Home',
-  description: 'Transfer digital assets privately. Welcome to Incognitee - an exclusive and discreet hub in the heart of Web3.'
-})
+  title: "Incognitee - Home",
+  description:
+    "Transfer digital assets privately. Welcome to Incognitee - an exclusive and discreet hub in the heart of Web3.",
+});
 </script>
 
-<style lang='scss'>
+<style lang="scss">
 .home-section {
   overflow: hidden;
 }
diff --git a/plugins/lockScroll.ts b/plugins/lockScroll.ts
index 2180d31..0074f31 100644
--- a/plugins/lockScroll.ts
+++ b/plugins/lockScroll.ts
@@ -1,13 +1,13 @@
-import { defineNuxtPlugin } from '#imports'
-import { useScrollLock } from '@vueuse/core'
-
-export default defineNuxtPlugin(() => {
-  const isLocked = useScrollLock(window.document.body)
-  return {
-    provide: {
-      lockScroll: (locked: boolean) => (isLocked.value = locked),
-    },
-  }
-})
-
-//    name: 'lockScroll',
+import { defineNuxtPlugin } from "#imports";
+import { useScrollLock } from "@vueuse/core";
+
+export default defineNuxtPlugin(() => {
+  const isLocked = useScrollLock(window.document.body);
+  return {
+    provide: {
+      lockScroll: (locked: boolean) => (isLocked.value = locked),
+    },
+  };
+});
+
+//    name: 'lockScroll',
diff --git a/prettierrc.json b/prettierrc.json
new file mode 100644
index 0000000..ef58ff9
--- /dev/null
+++ b/prettierrc.json
@@ -0,0 +1,6 @@
+{
+  "trailingComma": "es5",
+  "tabWidth": 4,
+  "semi": false,
+  "singleQuote": true
+}
diff --git a/public/site.webmanifest b/public/site.webmanifest
index 7c0e871..240f6fc 100644
--- a/public/site.webmanifest
+++ b/public/site.webmanifest
@@ -1,19 +1,19 @@
 {
-    "name": "Incognitee",
-    "short_name": "Incognitee",
-    "icons": [
-        {
-            "src": "/android-chrome-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        },
-        {
-            "src": "/android-chrome-256x256.png",
-            "sizes": "256x256",
-            "type": "image/png"
-        }
-    ],
-    "theme_color": "#080813",
-    "background_color": "#080813",
-    "display": "standalone"
+  "name": "Incognitee",
+  "short_name": "Incognitee",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-256x256.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#080813",
+  "background_color": "#080813",
+  "display": "standalone"
 }
diff --git a/store/account.ts b/store/account.ts
index 1ca83d5..5d02f54 100644
--- a/store/account.ts
+++ b/store/account.ts
@@ -1,40 +1,37 @@
-import { defineStore } from 'pinia'
-import type {KeyringPair} from "@polkadot/keyring/types";
-import { formatBalance } from '@polkadot/util';
+import { defineStore } from "pinia";
+import type { KeyringPair } from "@polkadot/keyring/types";
+import { formatBalance } from "@polkadot/util";
 
 formatBalance.setDefaults({
-    decimals: 10,
-    unit: 'PAS'
+  decimals: 10,
+  unit: "PAS",
 });
-export const useAccount = defineStore('account', {
+export const useAccount = defineStore("account", {
   state: () => ({
     account: <KeyringPair | null>null,
     paseoBalance: 0,
-    incogniteeBalance: 0
+    incogniteeBalance: 0,
   }),
   getters: {
-    getShortAddress({account}): string {
-      return account? account.address.slice(0,8)+'...' : 'none'
+    getShortAddress({ account }): string {
+      return account ? account.address.slice(0, 8) + "..." : "none";
     },
-    getAddress({account}): string {
-      return account? account.address : 'none'
+    getAddress({ account }): string {
+      return account ? account.address : "none";
     },
-    getIncogniteeHumanBalance({incogniteeBalance}): number {
-      return formatBalance(incogniteeBalance)
+    getIncogniteeHumanBalance({ incogniteeBalance }): number {
+      return formatBalance(incogniteeBalance);
+    },
+    getPaseoHumanBalance({ paseoBalance }): number {
+      return formatBalance(paseoBalance);
     },
-    getPaseoHumanBalance({paseoBalance}): number {
-      return formatBalance(paseoBalance)
-    }
   },
   actions: {
     setAccount(account: KeyringPair) {
-      this.account = account
+      this.account = account;
+    },
+    setIncogniteeBalance(balance: number) {
+      this.incogniteeBalance = balance;
     },
-    setIncogniteeBalance(balance: Number) {
-      this.incogniteeBalance = balance
-    }
   },
-})
-
-
-
+});
diff --git a/store/incognitee.ts b/store/incognitee.ts
index b781f38..4f522ee 100644
--- a/store/incognitee.ts
+++ b/store/incognitee.ts
@@ -1,32 +1,34 @@
-import {defineStore} from "pinia";
-import {IntegriteeWorker} from "@encointer/worker-api";
-import { encodeAddress} from "@polkadot/keyring";
+import { defineStore } from "pinia";
+import { IntegriteeWorker } from "@encointer/worker-api";
+import { encodeAddress } from "@polkadot/keyring";
 
-export const useIncognitee = defineStore('incognitee', {
-    state: () => ({
-        api: <IntegriteeWorker | null>null,
-        apiReady: false,
-        shard: '',
-        fingerprint: '',
-        vault: '',
-    }),
-    actions: {
-        async initializeApi() {
-
-            const worker = new IntegriteeWorker('wss://scv1.paseo.api.incognitee.io:443', {
-                createWebSocket: (url) => new WebSocket(url),
-                types: {}
-            })
-            this.api = worker
-            worker.getShardVault().then((sk) => {
-                this.vault = encodeAddress(sk[0])
-                console.log('Vault: ' + this.vault)
-            });
-            // todo! hard-coded for now. soon to be fetched
-            this.shard = '5wePd1LYa5M49ghwgZXs55cepKbJKhj5xfzQGfPeMS7c';
-            this.fingerprint = '7RuM6U4DLEtrTnVntDjDPBCAN4LbCGRpnmcTYUGhLqc7';
-            console.log("Incognitee Api connected to sidechain")
-            this.apiReady = true
-        }
+export const useIncognitee = defineStore("incognitee", {
+  state: () => ({
+    api: <IntegriteeWorker | null>null,
+    apiReady: false,
+    shard: "",
+    fingerprint: "",
+    vault: "",
+  }),
+  actions: {
+    async initializeApi() {
+      const worker = new IntegriteeWorker(
+        "wss://scv1.paseo.api.incognitee.io:443",
+        {
+          createWebSocket: (url) => new WebSocket(url),
+          types: {},
+        },
+      );
+      this.api = worker;
+      worker.getShardVault().then((sk) => {
+        this.vault = encodeAddress(sk[0]);
+        console.log("Vault: " + this.vault);
+      });
+      // todo! hard-coded for now. soon to be fetched
+      this.shard = "5wePd1LYa5M49ghwgZXs55cepKbJKhj5xfzQGfPeMS7c";
+      this.fingerprint = "7RuM6U4DLEtrTnVntDjDPBCAN4LbCGRpnmcTYUGhLqc7";
+      console.log("Incognitee Api connected to sidechain");
+      this.apiReady = true;
     },
-})
+  },
+});
diff --git a/store/paseo.ts b/store/paseo.ts
index 7e7be3e..7249a2c 100644
--- a/store/paseo.ts
+++ b/store/paseo.ts
@@ -1,7 +1,7 @@
-import {defineStore} from "pinia";
+import { defineStore } from "pinia";
 
-export const usePaseo = defineStore('paseo', {
-    state: () => ({
-        api: null,
-    }),
-})
+export const usePaseo = defineStore("paseo", {
+  state: () => ({
+    api: null,
+  }),
+});
diff --git a/tailwind.config.js b/tailwind.config.js
index d947ab1..7d5d9e1 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -5,5 +5,4 @@ module.exports = {
     extend: {},
   },
   plugins: [],
-}
-
+};
diff --git a/yarn.lock b/yarn.lock
index 89204ed..6527289 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -39,7 +39,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.23.5, @babel/code-frame@npm:^7.24.1, @babel/code-frame@npm:^7.24.2":
+"@apidevtools/json-schema-ref-parser@npm:^11.6.0":
+  version: 11.6.1
+  resolution: "@apidevtools/json-schema-ref-parser@npm:11.6.1"
+  dependencies:
+    "@jsdevtools/ono": "npm:^7.1.3"
+    "@types/json-schema": "npm:^7.0.15"
+    js-yaml: "npm:^4.1.0"
+  checksum: 10c0/e8ccc9ff820c0dbc962478d3e361923d8c0ceb8e02271fcf90f0a37811468f5e8b9584e3c7458a483ec99835719da456d018729e848f6363abfbbc0994ec3680
+  languageName: node
+  linkType: hard
+
+"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.23.5, @babel/code-frame@npm:^7.24.1, @babel/code-frame@npm:^7.24.2":
   version: 7.24.2
   resolution: "@babel/code-frame@npm:7.24.2"
   dependencies:
@@ -546,6 +557,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@es-joy/jsdoccomment@npm:~0.42.0":
+  version: 0.42.0
+  resolution: "@es-joy/jsdoccomment@npm:0.42.0"
+  dependencies:
+    comment-parser: "npm:1.4.1"
+    esquery: "npm:^1.5.0"
+    jsdoc-type-pratt-parser: "npm:~4.0.0"
+  checksum: 10c0/a8122762d2df3c6501a9c459e2822315a23c0078c4aeb0b40fb3c84b99e21a78e85e67f962d6b5dde5eb751792a1c67c6a170b619573db7151098a19950abe35
+  languageName: node
+  linkType: hard
+
 "@esbuild-plugins/node-globals-polyfill@npm:^0.2.3":
   version: 0.2.3
   resolution: "@esbuild-plugins/node-globals-polyfill@npm:0.2.3"
@@ -716,6 +738,91 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@eslint-community/eslint-utils@npm:^4.2.0, @eslint-community/eslint-utils@npm:^4.4.0":
+  version: 4.4.0
+  resolution: "@eslint-community/eslint-utils@npm:4.4.0"
+  dependencies:
+    eslint-visitor-keys: "npm:^3.3.0"
+  peerDependencies:
+    eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+  checksum: 10c0/7e559c4ce59cd3a06b1b5a517b593912e680a7f981ae7affab0d01d709e99cd5647019be8fafa38c350305bc32f1f7d42c7073edde2ab536c745e365f37b607e
+  languageName: node
+  linkType: hard
+
+"@eslint-community/regexpp@npm:^4.10.0, @eslint-community/regexpp@npm:^4.6.1":
+  version: 4.10.0
+  resolution: "@eslint-community/regexpp@npm:4.10.0"
+  checksum: 10c0/c5f60ef1f1ea7649fa7af0e80a5a79f64b55a8a8fa5086de4727eb4c86c652aedee407a9c143b8995d2c0b2d75c1222bec9ba5d73dbfc1f314550554f0979ef4
+  languageName: node
+  linkType: hard
+
+"@eslint/config-inspector@npm:^0.4.7":
+  version: 0.4.8
+  resolution: "@eslint/config-inspector@npm:0.4.8"
+  dependencies:
+    bundle-require: "npm:^4.0.4"
+    cac: "npm:^6.7.14"
+    chokidar: "npm:^3.6.0"
+    esbuild: "npm:^0.20.2"
+    fast-glob: "npm:^3.3.2"
+    find-up: "npm:^7.0.0"
+    get-port-please: "npm:^3.1.2"
+    h3: "npm:^1.11.1"
+    minimatch: "npm:^9.0.4"
+    mrmime: "npm:^2.0.0"
+    open: "npm:^10.1.0"
+    picocolors: "npm:^1.0.0"
+    ws: "npm:^8.17.0"
+  peerDependencies:
+    eslint: ^8.50.0 || ^9.0.0
+  bin:
+    config-inspector: bin.mjs
+    eslint-config-inspector: bin.mjs
+  checksum: 10c0/d7e1c6a9eab4cb7e6619b85086c61369c95e9f8b2f51d1a642d2ce4b91d61b7f2467221297697e71020a550a97784ff747c63df9e0fdad803d9fd282d97c585d
+  languageName: node
+  linkType: hard
+
+"@eslint/eslintrc@npm:^2.1.4":
+  version: 2.1.4
+  resolution: "@eslint/eslintrc@npm:2.1.4"
+  dependencies:
+    ajv: "npm:^6.12.4"
+    debug: "npm:^4.3.2"
+    espree: "npm:^9.6.0"
+    globals: "npm:^13.19.0"
+    ignore: "npm:^5.2.0"
+    import-fresh: "npm:^3.2.1"
+    js-yaml: "npm:^4.1.0"
+    minimatch: "npm:^3.1.2"
+    strip-json-comments: "npm:^3.1.1"
+  checksum: 10c0/32f67052b81768ae876c84569ffd562491ec5a5091b0c1e1ca1e0f3c24fb42f804952fdd0a137873bc64303ba368a71ba079a6f691cee25beee9722d94cc8573
+  languageName: node
+  linkType: hard
+
+"@eslint/eslintrc@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "@eslint/eslintrc@npm:3.0.2"
+  dependencies:
+    ajv: "npm:^6.12.4"
+    debug: "npm:^4.3.2"
+    espree: "npm:^10.0.1"
+    globals: "npm:^14.0.0"
+    ignore: "npm:^5.2.0"
+    import-fresh: "npm:^3.2.1"
+    js-yaml: "npm:^4.1.0"
+    minimatch: "npm:^3.1.2"
+    strip-json-comments: "npm:^3.1.1"
+  checksum: 10c0/d8c92f06bdf8e2be9fcc0eeac4a9351745174adfcc72571ef3d179101cb55e19f15f6385c2a4f4945a3ba9245802d3371208e2e1e4f00f6bcf6b8711656af85a
+  languageName: node
+  linkType: hard
+
+"@eslint/js@npm:9.2.0, @eslint/js@npm:^9.1.1":
+  version: 9.2.0
+  resolution: "@eslint/js@npm:9.2.0"
+  checksum: 10c0/89632466d329d9dd68c6ec24290e407f0950ca8c4b7f3750b82457daa7f6233799ccbc956cd84231f9544efbefddd69833ee82658883ca673cfca9e4b8e0713a
+  languageName: node
+  linkType: hard
+
 "@fastify/busboy@npm:^2.0.0":
   version: 2.1.1
   resolution: "@fastify/busboy@npm:2.1.1"
@@ -759,6 +866,38 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@humanwhocodes/config-array@npm:^0.13.0":
+  version: 0.13.0
+  resolution: "@humanwhocodes/config-array@npm:0.13.0"
+  dependencies:
+    "@humanwhocodes/object-schema": "npm:^2.0.3"
+    debug: "npm:^4.3.1"
+    minimatch: "npm:^3.0.5"
+  checksum: 10c0/205c99e756b759f92e1f44a3dc6292b37db199beacba8f26c2165d4051fe73a4ae52fdcfd08ffa93e7e5cb63da7c88648f0e84e197d154bbbbe137b2e0dd332e
+  languageName: node
+  linkType: hard
+
+"@humanwhocodes/module-importer@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@humanwhocodes/module-importer@npm:1.0.1"
+  checksum: 10c0/909b69c3b86d482c26b3359db16e46a32e0fb30bd306a3c176b8313b9e7313dba0f37f519de6aa8b0a1921349e505f259d19475e123182416a506d7f87e7f529
+  languageName: node
+  linkType: hard
+
+"@humanwhocodes/object-schema@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "@humanwhocodes/object-schema@npm:2.0.3"
+  checksum: 10c0/80520eabbfc2d32fe195a93557cef50dfe8c8905de447f022675aaf66abc33ae54098f5ea78548d925aa671cd4ab7c7daa5ad704fe42358c9b5e7db60f80696c
+  languageName: node
+  linkType: hard
+
+"@humanwhocodes/retry@npm:^0.2.3":
+  version: 0.2.4
+  resolution: "@humanwhocodes/retry@npm:0.2.4"
+  checksum: 10c0/d0e3fe9c353f97fea6a9d0a4022b0f8813d68b646c0fa99718ec703b085fd66dd84154d947670291914bc1ab2d1fe77f0093d99d3a5fe9f56eef65360e7c6c86
+  languageName: node
+  linkType: hard
+
 "@iconify-json/heroicons@npm:^1.1.20":
   version: 1.1.20
   resolution: "@iconify-json/heroicons@npm:1.1.20"
@@ -883,6 +1022,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jsdevtools/ono@npm:^7.1.3":
+  version: 7.1.3
+  resolution: "@jsdevtools/ono@npm:7.1.3"
+  checksum: 10c0/a9f7e3e8e3bc315a34959934a5e2f874c423cf4eae64377d3fc9de0400ed9f36cb5fd5ebce3300d2e8f4085f557c4a8b591427a583729a87841fda46e6c216b9
+  languageName: node
+  linkType: hard
+
 "@koa/router@npm:^12.0.1":
   version: 12.0.1
   resolution: "@koa/router@npm:12.0.1"
@@ -1000,7 +1146,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@nodelib/fs.walk@npm:^1.2.3":
+"@nodelib/fs.walk@npm:^1.2.3, @nodelib/fs.walk@npm:^1.2.8":
   version: 1.2.8
   resolution: "@nodelib/fs.walk@npm:1.2.8"
   dependencies:
@@ -1154,7 +1300,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@nuxt/devtools-kit@npm:1.2.0, @nuxt/devtools-kit@npm:^1.1.1":
+"@nuxt/devtools-kit@npm:1.2.0, @nuxt/devtools-kit@npm:^1.1.1, @nuxt/devtools-kit@npm:^1.2.0":
   version: 1.2.0
   resolution: "@nuxt/devtools-kit@npm:1.2.0"
   dependencies:
@@ -1239,6 +1385,74 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@nuxt/eslint-config@npm:0.3.10":
+  version: 0.3.10
+  resolution: "@nuxt/eslint-config@npm:0.3.10"
+  dependencies:
+    "@eslint/js": "npm:^9.1.1"
+    "@nuxt/eslint-plugin": "npm:0.3.10"
+    "@rushstack/eslint-patch": "npm:^1.10.2"
+    "@stylistic/eslint-plugin": "npm:^1.7.2"
+    "@typescript-eslint/eslint-plugin": "npm:^7.7.1"
+    "@typescript-eslint/parser": "npm:^7.7.1"
+    eslint-config-flat-gitignore: "npm:^0.1.5"
+    eslint-flat-config-utils: "npm:^0.2.3"
+    eslint-plugin-import-x: "npm:^0.5.0"
+    eslint-plugin-jsdoc: "npm:^48.2.3"
+    eslint-plugin-unicorn: "npm:^52.0.0"
+    eslint-plugin-vue: "npm:^9.25.0"
+    globals: "npm:^15.0.0"
+    pathe: "npm:^1.1.2"
+    tslib: "npm:^2.6.2"
+    vue-eslint-parser: "npm:^9.4.2"
+  peerDependencies:
+    eslint: ^8.57.0 || ^9.0.0
+  checksum: 10c0/43b65fbf2d26a273afe242c88c9a2d4c8f3a6a2b93d525764191d489db340a0630040b67613c1e9892176d9092f59a2055eeb8d40bfe4e488c99f081bb97810a
+  languageName: node
+  linkType: hard
+
+"@nuxt/eslint-plugin@npm:0.3.10":
+  version: 0.3.10
+  resolution: "@nuxt/eslint-plugin@npm:0.3.10"
+  dependencies:
+    "@typescript-eslint/types": "npm:^7.7.1"
+    "@typescript-eslint/utils": "npm:^7.7.1"
+  peerDependencies:
+    eslint: ^8.57.0 || ^9.0.0
+  checksum: 10c0/5d8cf3e84a6a7fbcf4103da288acca2ad3c6bdb393ee52d6e06baaac4cc3efa5c02ececa7c6af6744ccbd77a409b452e79b10dd3de76d5acefb0314c83e9b75f
+  languageName: node
+  linkType: hard
+
+"@nuxt/eslint@npm:^0.3.10":
+  version: 0.3.10
+  resolution: "@nuxt/eslint@npm:0.3.10"
+  dependencies:
+    "@eslint/config-inspector": "npm:^0.4.7"
+    "@nuxt/devtools-kit": "npm:^1.2.0"
+    "@nuxt/eslint-config": "npm:0.3.10"
+    "@nuxt/eslint-plugin": "npm:0.3.10"
+    "@nuxt/kit": "npm:^3.11.2"
+    chokidar: "npm:^3.6.0"
+    eslint-flat-config-utils: "npm:^0.2.3"
+    eslint-typegen: "npm:^0.2.4"
+    find-up: "npm:^7.0.0"
+    get-port-please: "npm:^3.1.2"
+    mlly: "npm:^1.6.1"
+    pathe: "npm:^1.1.2"
+    unimport: "npm:^3.7.1"
+  peerDependencies:
+    eslint: ^8.57.0 || ^9.0.0
+    eslint-webpack-plugin: ^4.1.0
+    vite-plugin-eslint2: ^4.4.0
+  peerDependenciesMeta:
+    eslint-webpack-plugin:
+      optional: true
+    vite-plugin-eslint2:
+      optional: true
+  checksum: 10c0/191db0940a8494812e46dff875db95b1692ded05bde877fa1f716b3ff7788482ff3aa43122275020168cf1cb5b1118e065bc5080c04b6e70aa922aecbe98002b
+  languageName: node
+  linkType: hard
+
 "@nuxt/http@npm:^0.6.4":
   version: 0.6.4
   resolution: "@nuxt/http@npm:0.6.4"
@@ -1688,6 +1902,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@pkgr/core@npm:^0.1.0":
+  version: 0.1.1
+  resolution: "@pkgr/core@npm:0.1.1"
+  checksum: 10c0/3f7536bc7f57320ab2cf96f8973664bef624710c403357429fbf680a5c3b4843c1dbd389bb43daa6b1f6f1f007bb082f5abcb76bb2b5dc9f421647743b71d3d8
+  languageName: node
+  linkType: hard
+
 "@polka/url@npm:^1.0.0-next.24":
   version: 1.0.0-next.25
   resolution: "@polka/url@npm:1.0.0-next.25"
@@ -2427,6 +2648,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rushstack/eslint-patch@npm:^1.10.2":
+  version: 1.10.2
+  resolution: "@rushstack/eslint-patch@npm:1.10.2"
+  checksum: 10c0/3712b8994bfed0968d4c4f21ff10bf5f2abb47f47d65d4e616de4311d2f372f2528b03b1d4e0dcaa7392f8626ccdf114e753db4f790e92436fc5a4e52195d181
+  languageName: node
+  linkType: hard
+
 "@scure/base@npm:^1.1.1, @scure/base@npm:^1.1.5":
   version: 1.1.6
   resolution: "@scure/base@npm:1.1.6"
@@ -2550,6 +2778,75 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@stylistic/eslint-plugin-js@npm:1.8.0, @stylistic/eslint-plugin-js@npm:^1.8.0":
+  version: 1.8.0
+  resolution: "@stylistic/eslint-plugin-js@npm:1.8.0"
+  dependencies:
+    "@types/eslint": "npm:^8.56.10"
+    acorn: "npm:^8.11.3"
+    escape-string-regexp: "npm:^4.0.0"
+    eslint-visitor-keys: "npm:^3.4.3"
+    espree: "npm:^9.6.1"
+  peerDependencies:
+    eslint: ">=8.40.0"
+  checksum: 10c0/2ab9da9c679220efbc37504c3a23f2d84fd337d60136e60a370ec90d63021ffa196f77cc217027211a669a1951ecbec9e265a13c84d0366533f7812ef739bc98
+  languageName: node
+  linkType: hard
+
+"@stylistic/eslint-plugin-jsx@npm:1.8.0":
+  version: 1.8.0
+  resolution: "@stylistic/eslint-plugin-jsx@npm:1.8.0"
+  dependencies:
+    "@stylistic/eslint-plugin-js": "npm:^1.8.0"
+    "@types/eslint": "npm:^8.56.10"
+    estraverse: "npm:^5.3.0"
+    picomatch: "npm:^4.0.2"
+  peerDependencies:
+    eslint: ">=8.40.0"
+  checksum: 10c0/bdd0d42b5f8592892a1d4640f99c3d56a008079b054153dc5a552f47916aeae9615919c1c1963a9627b9d6aaac244d79a4a0c4de20f5d949f9254266bb3b99dc
+  languageName: node
+  linkType: hard
+
+"@stylistic/eslint-plugin-plus@npm:1.8.0":
+  version: 1.8.0
+  resolution: "@stylistic/eslint-plugin-plus@npm:1.8.0"
+  dependencies:
+    "@types/eslint": "npm:^8.56.10"
+    "@typescript-eslint/utils": "npm:^6.21.0"
+  peerDependencies:
+    eslint: "*"
+  checksum: 10c0/3cbcf108298b7fbcfb623bc19537648bd91c8ffb4afc5f81dc5b958f42a89bac1d40550d2f00f4ed6e36d8d1bcb20f19ddde0038591e03ec8c5162d4d03ef635
+  languageName: node
+  linkType: hard
+
+"@stylistic/eslint-plugin-ts@npm:1.8.0":
+  version: 1.8.0
+  resolution: "@stylistic/eslint-plugin-ts@npm:1.8.0"
+  dependencies:
+    "@stylistic/eslint-plugin-js": "npm:1.8.0"
+    "@types/eslint": "npm:^8.56.10"
+    "@typescript-eslint/utils": "npm:^6.21.0"
+  peerDependencies:
+    eslint: ">=8.40.0"
+  checksum: 10c0/ff5c6d73dab68463b622ed1f45a68d5027920c58275f5d289fef4c97221e0762d4985f9eb87ea18b137c97e98d9145d664d8cdcb4bebb6206fd6e744e2fea5b5
+  languageName: node
+  linkType: hard
+
+"@stylistic/eslint-plugin@npm:^1.7.2":
+  version: 1.8.0
+  resolution: "@stylistic/eslint-plugin@npm:1.8.0"
+  dependencies:
+    "@stylistic/eslint-plugin-js": "npm:1.8.0"
+    "@stylistic/eslint-plugin-jsx": "npm:1.8.0"
+    "@stylistic/eslint-plugin-plus": "npm:1.8.0"
+    "@stylistic/eslint-plugin-ts": "npm:1.8.0"
+    "@types/eslint": "npm:^8.56.10"
+  peerDependencies:
+    eslint: ">=8.40.0"
+  checksum: 10c0/48348eb143eae61814859ef2e0e2da418ed883490c325e7f07a186318e3e12caa812e0f8f30c568977aa850e73f589009876952e085670c5c2576b3e7b295566
+  languageName: node
+  linkType: hard
+
 "@substrate/connect-extension-protocol@npm:^2.0.0":
   version: 2.0.0
   resolution: "@substrate/connect-extension-protocol@npm:2.0.0"
@@ -2703,6 +3000,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/eslint@npm:^8.56.10":
+  version: 8.56.10
+  resolution: "@types/eslint@npm:8.56.10"
+  dependencies:
+    "@types/estree": "npm:*"
+    "@types/json-schema": "npm:*"
+  checksum: 10c0/674349d6c342c3864d70f4d5a9965f96fb253801532752c8c500ad6a1c2e8b219e01ccff5dc8791dcb58b5483012c495708bb9f3ff929f5c9322b3da126c15d3
+  languageName: node
+  linkType: hard
+
 "@types/estree@npm:*, @types/estree@npm:1.0.5, @types/estree@npm:^1.0.0":
   version: 1.0.5
   resolution: "@types/estree@npm:1.0.5"
@@ -2728,6 +3035,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/json-schema@npm:*, @types/json-schema@npm:^7.0.12, @types/json-schema@npm:^7.0.15":
+  version: 7.0.15
+  resolution: "@types/json-schema@npm:7.0.15"
+  checksum: 10c0/a996a745e6c5d60292f36731dd41341339d4eeed8180bb09226e5c8d23759067692b1d88e5d91d72ee83dfc00d3aca8e7bd43ea120516c17922cbcb7c3e252db
+  languageName: node
+  linkType: hard
+
 "@types/lodash@npm:^4.14.195":
   version: 4.17.0
   resolution: "@types/lodash@npm:4.17.0"
@@ -2769,6 +3083,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/normalize-package-data@npm:^2.4.0":
+  version: 2.4.4
+  resolution: "@types/normalize-package-data@npm:2.4.4"
+  checksum: 10c0/aef7bb9b015883d6f4119c423dd28c4bdc17b0e8a0ccf112c78b4fe0e91fbc4af7c6204b04bba0e199a57d2f3fbbd5b4a14bf8739bf9d2a39b2a0aad545e0f86
+  languageName: node
+  linkType: hard
+
 "@types/resolve@npm:1.20.2":
   version: 1.20.2
   resolution: "@types/resolve@npm:1.20.2"
@@ -2776,6 +3097,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/semver@npm:^7.5.0, @types/semver@npm:^7.5.8":
+  version: 7.5.8
+  resolution: "@types/semver@npm:7.5.8"
+  checksum: 10c0/8663ff927234d1c5fcc04b33062cb2b9fcfbe0f5f351ed26c4d1e1581657deebd506b41ff7fdf89e787e3d33ce05854bc01686379b89e9c49b564c4cfa988efa
+  languageName: node
+  linkType: hard
+
 "@types/unist@npm:*, @types/unist@npm:^3.0.0, @types/unist@npm:^3.0.2":
   version: 3.0.2
   resolution: "@types/unist@npm:3.0.2"
@@ -2797,6 +3125,192 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/eslint-plugin@npm:^7.7.1":
+  version: 7.8.0
+  resolution: "@typescript-eslint/eslint-plugin@npm:7.8.0"
+  dependencies:
+    "@eslint-community/regexpp": "npm:^4.10.0"
+    "@typescript-eslint/scope-manager": "npm:7.8.0"
+    "@typescript-eslint/type-utils": "npm:7.8.0"
+    "@typescript-eslint/utils": "npm:7.8.0"
+    "@typescript-eslint/visitor-keys": "npm:7.8.0"
+    debug: "npm:^4.3.4"
+    graphemer: "npm:^1.4.0"
+    ignore: "npm:^5.3.1"
+    natural-compare: "npm:^1.4.0"
+    semver: "npm:^7.6.0"
+    ts-api-utils: "npm:^1.3.0"
+  peerDependencies:
+    "@typescript-eslint/parser": ^7.0.0
+    eslint: ^8.56.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10c0/37ca22620d1834ff0baa28fa4b8fd92039a3903cb95748353de32d56bae2a81ce50d1bbaed27487eebc884e0a0f9387fcb0f1647593e4e6df5111ef674afa9f0
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/parser@npm:^7.7.1":
+  version: 7.8.0
+  resolution: "@typescript-eslint/parser@npm:7.8.0"
+  dependencies:
+    "@typescript-eslint/scope-manager": "npm:7.8.0"
+    "@typescript-eslint/types": "npm:7.8.0"
+    "@typescript-eslint/typescript-estree": "npm:7.8.0"
+    "@typescript-eslint/visitor-keys": "npm:7.8.0"
+    debug: "npm:^4.3.4"
+  peerDependencies:
+    eslint: ^8.56.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10c0/0dd994c1b31b810c25e1b755b8d352debb7bf21a31f9a91acaec34acf4e471320bcceaa67cf64c110c0b8f5fac10a037dbabac6ec423e17adf037e59a7bce9c1
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/scope-manager@npm:6.21.0":
+  version: 6.21.0
+  resolution: "@typescript-eslint/scope-manager@npm:6.21.0"
+  dependencies:
+    "@typescript-eslint/types": "npm:6.21.0"
+    "@typescript-eslint/visitor-keys": "npm:6.21.0"
+  checksum: 10c0/eaf868938d811cbbea33e97e44ba7050d2b6892202cea6a9622c486b85ab1cf801979edf78036179a8ba4ac26f1dfdf7fcc83a68c1ff66be0b3a8e9a9989b526
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/scope-manager@npm:7.8.0":
+  version: 7.8.0
+  resolution: "@typescript-eslint/scope-manager@npm:7.8.0"
+  dependencies:
+    "@typescript-eslint/types": "npm:7.8.0"
+    "@typescript-eslint/visitor-keys": "npm:7.8.0"
+  checksum: 10c0/c253b98e96d4bf0375f473ca2c4d081726f1fd926cdfa65ee14c9ee99cca8eddb763b2d238ac365daa7246bef21b0af38180d04e56e9df7443c0e6f8474d097c
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/type-utils@npm:7.8.0":
+  version: 7.8.0
+  resolution: "@typescript-eslint/type-utils@npm:7.8.0"
+  dependencies:
+    "@typescript-eslint/typescript-estree": "npm:7.8.0"
+    "@typescript-eslint/utils": "npm:7.8.0"
+    debug: "npm:^4.3.4"
+    ts-api-utils: "npm:^1.3.0"
+  peerDependencies:
+    eslint: ^8.56.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10c0/00f6315626b64f7dbc1f7fba6f365321bb8d34141ed77545b2a07970e59a81dbdf768c1e024225ea00953750d74409ddd8a16782fc4a39261e507c04192dacab
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/types@npm:6.21.0":
+  version: 6.21.0
+  resolution: "@typescript-eslint/types@npm:6.21.0"
+  checksum: 10c0/020631d3223bbcff8a0da3efbdf058220a8f48a3de221563996ad1dcc30d6c08dadc3f7608cc08830d21c0d565efd2db19b557b9528921c78aabb605eef2d74d
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/types@npm:7.8.0, @typescript-eslint/types@npm:^7.7.1":
+  version: 7.8.0
+  resolution: "@typescript-eslint/types@npm:7.8.0"
+  checksum: 10c0/b2fdbfc21957bfa46f7d8809b607ad8c8b67c51821d899064d09392edc12f28b2318a044f0cd5d523d782e84e8f0558778877944964cf38e139f88790cf9d466
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/typescript-estree@npm:6.21.0":
+  version: 6.21.0
+  resolution: "@typescript-eslint/typescript-estree@npm:6.21.0"
+  dependencies:
+    "@typescript-eslint/types": "npm:6.21.0"
+    "@typescript-eslint/visitor-keys": "npm:6.21.0"
+    debug: "npm:^4.3.4"
+    globby: "npm:^11.1.0"
+    is-glob: "npm:^4.0.3"
+    minimatch: "npm:9.0.3"
+    semver: "npm:^7.5.4"
+    ts-api-utils: "npm:^1.0.1"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10c0/af1438c60f080045ebb330155a8c9bb90db345d5069cdd5d01b67de502abb7449d6c75500519df829f913a6b3f490ade3e8215279b6bdc63d0fb0ae61034df5f
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/typescript-estree@npm:7.8.0":
+  version: 7.8.0
+  resolution: "@typescript-eslint/typescript-estree@npm:7.8.0"
+  dependencies:
+    "@typescript-eslint/types": "npm:7.8.0"
+    "@typescript-eslint/visitor-keys": "npm:7.8.0"
+    debug: "npm:^4.3.4"
+    globby: "npm:^11.1.0"
+    is-glob: "npm:^4.0.3"
+    minimatch: "npm:^9.0.4"
+    semver: "npm:^7.6.0"
+    ts-api-utils: "npm:^1.3.0"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10c0/1690b62679685073dcb0f62499f0b52b445b37ae6e12d02aa4acbafe3fb023cf999b01f714b6282e88f84fd934fe3e2eefb21a64455d19c348d22bbc68ca8e47
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/utils@npm:7.8.0, @typescript-eslint/utils@npm:^7.4.0, @typescript-eslint/utils@npm:^7.7.1":
+  version: 7.8.0
+  resolution: "@typescript-eslint/utils@npm:7.8.0"
+  dependencies:
+    "@eslint-community/eslint-utils": "npm:^4.4.0"
+    "@types/json-schema": "npm:^7.0.15"
+    "@types/semver": "npm:^7.5.8"
+    "@typescript-eslint/scope-manager": "npm:7.8.0"
+    "@typescript-eslint/types": "npm:7.8.0"
+    "@typescript-eslint/typescript-estree": "npm:7.8.0"
+    semver: "npm:^7.6.0"
+  peerDependencies:
+    eslint: ^8.56.0
+  checksum: 10c0/31fb58388d15b082eb7bd5bce889cc11617aa1131dfc6950471541b3df64c82d1c052e2cccc230ca4ae80456d4f63a3e5dccb79899a8f3211ce36c089b7d7640
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/utils@npm:^6.21.0":
+  version: 6.21.0
+  resolution: "@typescript-eslint/utils@npm:6.21.0"
+  dependencies:
+    "@eslint-community/eslint-utils": "npm:^4.4.0"
+    "@types/json-schema": "npm:^7.0.12"
+    "@types/semver": "npm:^7.5.0"
+    "@typescript-eslint/scope-manager": "npm:6.21.0"
+    "@typescript-eslint/types": "npm:6.21.0"
+    "@typescript-eslint/typescript-estree": "npm:6.21.0"
+    semver: "npm:^7.5.4"
+  peerDependencies:
+    eslint: ^7.0.0 || ^8.0.0
+  checksum: 10c0/ab2df3833b2582d4e5467a484d08942b4f2f7208f8e09d67de510008eb8001a9b7460f2f9ba11c12086fd3cdcac0c626761c7995c2c6b5657d5fa6b82030a32d
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/visitor-keys@npm:6.21.0":
+  version: 6.21.0
+  resolution: "@typescript-eslint/visitor-keys@npm:6.21.0"
+  dependencies:
+    "@typescript-eslint/types": "npm:6.21.0"
+    eslint-visitor-keys: "npm:^3.4.1"
+  checksum: 10c0/7395f69739cfa1cb83c1fb2fad30afa2a814756367302fb4facd5893eff66abc807e8d8f63eba94ed3b0fe0c1c996ac9a1680bcbf0f83717acedc3f2bb724fbf
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/visitor-keys@npm:7.8.0":
+  version: 7.8.0
+  resolution: "@typescript-eslint/visitor-keys@npm:7.8.0"
+  dependencies:
+    "@typescript-eslint/types": "npm:7.8.0"
+    eslint-visitor-keys: "npm:^3.4.3"
+  checksum: 10c0/5892fb5d9c58efaf89adb225f7dbbb77f9363961f2ff420b6b130bdd102dddd7aa8a16c46a5a71c19889d27b781e966119a89270555ea2cb5653a04d8994123d
+  languageName: node
+  linkType: hard
+
 "@ungap/structured-clone@npm:^1.0.0":
   version: 1.2.0
   resolution: "@ungap/structured-clone@npm:1.2.0"
@@ -3349,7 +3863,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn@npm:8.11.3, acorn@npm:^8.10.0, acorn@npm:^8.11.2, acorn@npm:^8.11.3, acorn@npm:^8.6.0, acorn@npm:^8.8.2":
+"acorn-jsx@npm:^5.3.2":
+  version: 5.3.2
+  resolution: "acorn-jsx@npm:5.3.2"
+  peerDependencies:
+    acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+  checksum: 10c0/4c54868fbef3b8d58927d5e33f0a4de35f59012fe7b12cf9dfbb345fb8f46607709e1c4431be869a23fb63c151033d84c4198fa9f79385cec34fcb1dd53974c1
+  languageName: node
+  linkType: hard
+
+"acorn@npm:8.11.3, acorn@npm:^8.10.0, acorn@npm:^8.11.2, acorn@npm:^8.11.3, acorn@npm:^8.6.0, acorn@npm:^8.8.2, acorn@npm:^8.9.0":
   version: 8.11.3
   resolution: "acorn@npm:8.11.3"
   bin:
@@ -3386,6 +3909,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ajv@npm:^6.12.4":
+  version: 6.12.6
+  resolution: "ajv@npm:6.12.6"
+  dependencies:
+    fast-deep-equal: "npm:^3.1.1"
+    fast-json-stable-stringify: "npm:^2.0.0"
+    json-schema-traverse: "npm:^0.4.1"
+    uri-js: "npm:^4.2.2"
+  checksum: 10c0/41e23642cbe545889245b9d2a45854ebba51cda6c778ebced9649420d9205f2efb39cb43dbc41e358409223b1ea43303ae4839db682c848b891e4811da1a5a71
+  languageName: node
+  linkType: hard
+
 "ansi-colors@npm:^4.1.3":
   version: 4.1.3
   resolution: "ansi-colors@npm:4.1.3"
@@ -3495,6 +4030,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"are-docs-informative@npm:^0.0.2":
+  version: 0.0.2
+  resolution: "are-docs-informative@npm:0.0.2"
+  checksum: 10c0/f0326981bd699c372d268b526b170a28f2e1aec2cf99d7de0686083528427ecdf6ae41fef5d9988e224a5616298af747ad8a76e7306b0a7c97cc085a99636d60
+  languageName: node
+  linkType: hard
+
 "are-we-there-yet@npm:^2.0.0":
   version: 2.0.0
   resolution: "are-we-there-yet@npm:2.0.0"
@@ -3529,6 +4071,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"array-union@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "array-union@npm:2.1.0"
+  checksum: 10c0/429897e68110374f39b771ec47a7161fc6a8fc33e196857c0a396dc75df0b5f65e4d046674db764330b6bb66b39ef48dd7c53b6a2ee75cfb0681e0c1a7033962
+  languageName: node
+  linkType: hard
+
 "arraybuffer.prototype.slice@npm:^1.0.3":
   version: 1.0.3
   resolution: "arraybuffer.prototype.slice@npm:1.0.3"
@@ -3848,6 +4397,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"bundle-require@npm:^4.0.4":
+  version: 4.1.0
+  resolution: "bundle-require@npm:4.1.0"
+  dependencies:
+    load-tsconfig: "npm:^0.2.3"
+  peerDependencies:
+    esbuild: ">=0.17"
+  checksum: 10c0/d16f324564f9f771ac78feac8080fe9d3d5ec4008b6ba456524db5845c61d4561518d50ca7e93d371a9f197c6a55aa8533cca97de4a64a9367da058e17e2b9d6
+  languageName: node
+  linkType: hard
+
 "c12@npm:^1.10.0":
   version: 1.10.0
   resolution: "c12@npm:1.10.0"
@@ -3918,6 +4478,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"callsites@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "callsites@npm:3.1.0"
+  checksum: 10c0/fff92277400eb06c3079f9e74f3af120db9f8ea03bad0e84d9aede54bbe2d44a56cccb5f6cf12211f93f52306df87077ecec5b712794c5a9b5dac6d615a3f301
+  languageName: node
+  linkType: hard
+
 "camelcase-css@npm:^2.0.1":
   version: 2.0.1
   resolution: "camelcase-css@npm:2.0.1"
@@ -3969,7 +4536,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chalk@npm:^4.1.1, chalk@npm:^4.1.2":
+"chalk@npm:^4.0.0, chalk@npm:^4.1.1, chalk@npm:^4.1.2":
   version: 4.1.2
   resolution: "chalk@npm:4.1.2"
   dependencies:
@@ -4070,6 +4637,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"clean-regexp@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "clean-regexp@npm:1.0.0"
+  dependencies:
+    escape-string-regexp: "npm:^1.0.5"
+  checksum: 10c0/fd9c7446551b8fc536f95e8a286d431017cd4ba1ec2e53997ec9159385e9c317672f6dfc4d49fdb97449fdb53b0bacd0a8bab9343b8fdd2e46c7ddf6173d0db7
+  languageName: node
+  linkType: hard
+
 "clean-stack@npm:^2.0.0":
   version: 2.2.0
   resolution: "clean-stack@npm:2.2.0"
@@ -4210,6 +4786,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"comment-parser@npm:1.4.1":
+  version: 1.4.1
+  resolution: "comment-parser@npm:1.4.1"
+  checksum: 10c0/d6c4be3f5be058f98b24f2d557f745d8fe1cc9eb75bebbdccabd404a0e1ed41563171b16285f593011f8b6a5ec81f564fb1f2121418ac5cbf0f49255bf0840dd
+  languageName: node
+  linkType: hard
+
 "commondir@npm:^1.0.1":
   version: 1.0.1
   resolution: "commondir@npm:1.0.1"
@@ -4305,6 +4888,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"core-js-compat@npm:^3.34.0":
+  version: 3.37.0
+  resolution: "core-js-compat@npm:3.37.0"
+  dependencies:
+    browserslist: "npm:^4.23.0"
+  checksum: 10c0/ca6ba7d200f7a4a850fd5cba58b40ab78139d3f301bad7b53816eafe0cfb000523e72882069ddaba440794b950ed101225668bf7b97b73e54a5e3384a8215e03
+  languageName: node
+  linkType: hard
+
 "core-util-is@npm:~1.0.0":
   version: 1.0.3
   resolution: "core-util-is@npm:1.0.3"
@@ -4354,7 +4946,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.3":
+"cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.2, cross-spawn@npm:^7.0.3":
   version: 7.0.3
   resolution: "cross-spawn@npm:7.0.3"
   dependencies:
@@ -4633,6 +5225,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"deep-is@npm:^0.1.3":
+  version: 0.1.4
+  resolution: "deep-is@npm:0.1.4"
+  checksum: 10c0/7f0ee496e0dff14a573dc6127f14c95061b448b87b995fc96c017ce0a1e66af1675e73f1d6064407975bc4ea6ab679497a29fff7b5b9c4e99cb10797c1ad0b4c
+  languageName: node
+  linkType: hard
+
 "deepmerge@npm:^4.2.2":
   version: 4.3.1
   resolution: "deepmerge@npm:4.3.1"
@@ -4816,6 +5415,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dir-glob@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "dir-glob@npm:3.0.1"
+  dependencies:
+    path-type: "npm:^4.0.0"
+  checksum: 10c0/dcac00920a4d503e38bb64001acb19df4efc14536ada475725e12f52c16777afdee4db827f55f13a908ee7efc0cb282e2e3dbaeeb98c0993dd93d1802d3bf00c
+  languageName: node
+  linkType: hard
+
 "dlv@npm:^1.1.3":
   version: 1.1.3
   resolution: "dlv@npm:1.1.3"
@@ -4823,6 +5431,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"doctrine@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "doctrine@npm:3.0.0"
+  dependencies:
+    esutils: "npm:^2.0.2"
+  checksum: 10c0/c96bdccabe9d62ab6fea9399fdff04a66e6563c1d6fb3a3a063e8d53c3bb136ba63e84250bbf63d00086a769ad53aef92d2bd483f03f837fc97b71cbee6b2520
+  languageName: node
+  linkType: hard
+
 "dom-serializer@npm:^2.0.0":
   version: 2.0.0
   resolution: "dom-serializer@npm:2.0.0"
@@ -5000,6 +5617,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"error-ex@npm:^1.3.1":
+  version: 1.3.2
+  resolution: "error-ex@npm:1.3.2"
+  dependencies:
+    is-arrayish: "npm:^0.2.1"
+  checksum: 10c0/ba827f89369b4c93382cfca5a264d059dfefdaa56ecc5e338ffa58a6471f5ed93b71a20add1d52290a4873d92381174382658c885ac1a2305f7baca363ce9cce
+  languageName: node
+  linkType: hard
+
 "error-stack-parser-es@npm:^0.1.1":
   version: 0.1.1
   resolution: "error-stack-parser-es@npm:0.1.1"
@@ -5242,6 +5868,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"escape-string-regexp@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "escape-string-regexp@npm:4.0.0"
+  checksum: 10c0/9497d4dd307d845bd7f75180d8188bb17ea8c151c1edbf6b6717c100e104d629dc2dfb687686181b0f4b7d732c7dfdc4d5e7a8ff72de1b0ca283a75bbb3a9cd9
+  languageName: node
+  linkType: hard
+
 "escape-string-regexp@npm:^5.0.0":
   version: 5.0.0
   resolution: "escape-string-regexp@npm:5.0.0"
@@ -5249,6 +5882,240 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eslint-config-flat-gitignore@npm:^0.1.5":
+  version: 0.1.5
+  resolution: "eslint-config-flat-gitignore@npm:0.1.5"
+  dependencies:
+    find-up: "npm:^7.0.0"
+    parse-gitignore: "npm:^2.0.0"
+  checksum: 10c0/0e41d40be3ac6d6eb97972baf6c84aced2ec97386c33b91182d9df29fbc9c5e383866fe528d615e3d68281c7af230ba96de1cd0c829678a5ce565a59deb95c1b
+  languageName: node
+  linkType: hard
+
+"eslint-config-prettier@npm:^9.1.0":
+  version: 9.1.0
+  resolution: "eslint-config-prettier@npm:9.1.0"
+  peerDependencies:
+    eslint: ">=7.0.0"
+  bin:
+    eslint-config-prettier: bin/cli.js
+  checksum: 10c0/6d332694b36bc9ac6fdb18d3ca2f6ac42afa2ad61f0493e89226950a7091e38981b66bac2b47ba39d15b73fff2cd32c78b850a9cf9eed9ca9a96bfb2f3a2f10d
+  languageName: node
+  linkType: hard
+
+"eslint-flat-config-utils@npm:^0.2.3":
+  version: 0.2.4
+  resolution: "eslint-flat-config-utils@npm:0.2.4"
+  dependencies:
+    "@types/eslint": "npm:^8.56.10"
+    pathe: "npm:^1.1.2"
+  checksum: 10c0/164761de8dc14e2dedae76da5a017eae292999d829cdc0566b385cf939d9e055f9a6bb6ac58997006b2f27653a842d7c5a26f0b552c3b35c27b7e876aec9c042
+  languageName: node
+  linkType: hard
+
+"eslint-import-resolver-node@npm:^0.3.9":
+  version: 0.3.9
+  resolution: "eslint-import-resolver-node@npm:0.3.9"
+  dependencies:
+    debug: "npm:^3.2.7"
+    is-core-module: "npm:^2.13.0"
+    resolve: "npm:^1.22.4"
+  checksum: 10c0/0ea8a24a72328a51fd95aa8f660dcca74c1429806737cf10261ab90cfcaaf62fd1eff664b76a44270868e0a932711a81b250053942595bcd00a93b1c1575dd61
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-import-x@npm:^0.5.0":
+  version: 0.5.0
+  resolution: "eslint-plugin-import-x@npm:0.5.0"
+  dependencies:
+    "@typescript-eslint/utils": "npm:^7.4.0"
+    debug: "npm:^4.3.4"
+    doctrine: "npm:^3.0.0"
+    eslint-import-resolver-node: "npm:^0.3.9"
+    get-tsconfig: "npm:^4.7.3"
+    is-glob: "npm:^4.0.3"
+    minimatch: "npm:^9.0.3"
+    semver: "npm:^7.6.0"
+  peerDependencies:
+    eslint: ^8.56.0 || ^9.0.0-0
+  checksum: 10c0/4e52f0d5ba2e0579ec9a65bb71a4b78e1a57ec9c0b67169485c70cbdfe725fb738a2cd316551c570d89946b90f25d193aabc43b35e0d6fda38e7623e8b0d38e7
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-jsdoc@npm:^48.2.3":
+  version: 48.2.3
+  resolution: "eslint-plugin-jsdoc@npm:48.2.3"
+  dependencies:
+    "@es-joy/jsdoccomment": "npm:~0.42.0"
+    are-docs-informative: "npm:^0.0.2"
+    comment-parser: "npm:1.4.1"
+    debug: "npm:^4.3.4"
+    escape-string-regexp: "npm:^4.0.0"
+    esquery: "npm:^1.5.0"
+    is-builtin-module: "npm:^3.2.1"
+    semver: "npm:^7.6.0"
+    spdx-expression-parse: "npm:^4.0.0"
+  peerDependencies:
+    eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
+  checksum: 10c0/e755923d96118890c6fd28b1c2298e1fe67ccbce08060ffc091b29ced59d0058ad8820323c56eef6f85c2954c783fc4076e78c0e5bc64838ae099b4e62ea702e
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-prettier@npm:^5.1.3":
+  version: 5.1.3
+  resolution: "eslint-plugin-prettier@npm:5.1.3"
+  dependencies:
+    prettier-linter-helpers: "npm:^1.0.0"
+    synckit: "npm:^0.8.6"
+  peerDependencies:
+    "@types/eslint": ">=8.0.0"
+    eslint: ">=8.0.0"
+    eslint-config-prettier: "*"
+    prettier: ">=3.0.0"
+  peerDependenciesMeta:
+    "@types/eslint":
+      optional: true
+    eslint-config-prettier:
+      optional: true
+  checksum: 10c0/f45d5fc1fcfec6b0cf038a7a65ddd10a25df4fe3f9e1f6b7f0d5100e66f046a26a2492e69ee765dddf461b93c114cf2e1eb18d4970aafa6f385448985c136e09
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-unicorn@npm:^52.0.0":
+  version: 52.0.0
+  resolution: "eslint-plugin-unicorn@npm:52.0.0"
+  dependencies:
+    "@babel/helper-validator-identifier": "npm:^7.22.20"
+    "@eslint-community/eslint-utils": "npm:^4.4.0"
+    "@eslint/eslintrc": "npm:^2.1.4"
+    ci-info: "npm:^4.0.0"
+    clean-regexp: "npm:^1.0.0"
+    core-js-compat: "npm:^3.34.0"
+    esquery: "npm:^1.5.0"
+    indent-string: "npm:^4.0.0"
+    is-builtin-module: "npm:^3.2.1"
+    jsesc: "npm:^3.0.2"
+    pluralize: "npm:^8.0.0"
+    read-pkg-up: "npm:^7.0.1"
+    regexp-tree: "npm:^0.1.27"
+    regjsparser: "npm:^0.10.0"
+    semver: "npm:^7.5.4"
+    strip-indent: "npm:^3.0.0"
+  peerDependencies:
+    eslint: ">=8.56.0"
+  checksum: 10c0/c68055ccbbdd4af50fd902f4fd88737f4047cbb727c8135efc578f747007a6c30a65c30af460b667f86e7a8f68d5a8ca031631018a4bdc719bb85114c77d319e
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-vue@npm:^9.25.0":
+  version: 9.25.0
+  resolution: "eslint-plugin-vue@npm:9.25.0"
+  dependencies:
+    "@eslint-community/eslint-utils": "npm:^4.4.0"
+    globals: "npm:^13.24.0"
+    natural-compare: "npm:^1.4.0"
+    nth-check: "npm:^2.1.1"
+    postcss-selector-parser: "npm:^6.0.15"
+    semver: "npm:^7.6.0"
+    vue-eslint-parser: "npm:^9.4.2"
+    xml-name-validator: "npm:^4.0.0"
+  peerDependencies:
+    eslint: ^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
+  checksum: 10c0/43332208612ed2b8afb50280ca6bb79cd381b99bb9173c2d250f94fd2fe14b3e22454f0ec0928d2dfbdfd50553949f3f8ef04f190e57be96d1f0411bca551a15
+  languageName: node
+  linkType: hard
+
+"eslint-scope@npm:^7.1.1":
+  version: 7.2.2
+  resolution: "eslint-scope@npm:7.2.2"
+  dependencies:
+    esrecurse: "npm:^4.3.0"
+    estraverse: "npm:^5.2.0"
+  checksum: 10c0/613c267aea34b5a6d6c00514e8545ef1f1433108097e857225fed40d397dd6b1809dffd11c2fde23b37ca53d7bf935fe04d2a18e6fc932b31837b6ad67e1c116
+  languageName: node
+  linkType: hard
+
+"eslint-scope@npm:^8.0.1":
+  version: 8.0.1
+  resolution: "eslint-scope@npm:8.0.1"
+  dependencies:
+    esrecurse: "npm:^4.3.0"
+    estraverse: "npm:^5.2.0"
+  checksum: 10c0/0ec40ab284e58ac7ef064ecd23c127e03d339fa57173c96852336c73afc70ce5631da21dc1c772415a37a421291845538dd69db83c68d611044c0fde1d1fa269
+  languageName: node
+  linkType: hard
+
+"eslint-typegen@npm:^0.2.4":
+  version: 0.2.4
+  resolution: "eslint-typegen@npm:0.2.4"
+  dependencies:
+    "@types/eslint": "npm:^8.56.10"
+    json-schema-to-typescript-lite: "npm:^14.0.1"
+    ohash: "npm:^1.1.3"
+  peerDependencies:
+    eslint: ^8.45.0 || ^9.0.0
+  checksum: 10c0/b4f2256f65355b53674e964983ed50fa6fddd18a13e6e79d90036d8af19ff31b6ecab42c833259494a7317074f6f5e5ec9e39fb7340e4bcd99dd66a34bcfe2a2
+  languageName: node
+  linkType: hard
+
+"eslint-visitor-keys@npm:^3.3.0, eslint-visitor-keys@npm:^3.4.1, eslint-visitor-keys@npm:^3.4.3":
+  version: 3.4.3
+  resolution: "eslint-visitor-keys@npm:3.4.3"
+  checksum: 10c0/92708e882c0a5ffd88c23c0b404ac1628cf20104a108c745f240a13c332a11aac54f49a22d5762efbffc18ecbc9a580d1b7ad034bf5f3cc3307e5cbff2ec9820
+  languageName: node
+  linkType: hard
+
+"eslint-visitor-keys@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "eslint-visitor-keys@npm:4.0.0"
+  checksum: 10c0/76619f42cf162705a1515a6868e6fc7567e185c7063a05621a8ac4c3b850d022661262c21d9f1fc1d144ecf0d5d64d70a3f43c15c3fc969a61ace0fb25698cf5
+  languageName: node
+  linkType: hard
+
+"eslint@npm:^9.2.0":
+  version: 9.2.0
+  resolution: "eslint@npm:9.2.0"
+  dependencies:
+    "@eslint-community/eslint-utils": "npm:^4.2.0"
+    "@eslint-community/regexpp": "npm:^4.6.1"
+    "@eslint/eslintrc": "npm:^3.0.2"
+    "@eslint/js": "npm:9.2.0"
+    "@humanwhocodes/config-array": "npm:^0.13.0"
+    "@humanwhocodes/module-importer": "npm:^1.0.1"
+    "@humanwhocodes/retry": "npm:^0.2.3"
+    "@nodelib/fs.walk": "npm:^1.2.8"
+    ajv: "npm:^6.12.4"
+    chalk: "npm:^4.0.0"
+    cross-spawn: "npm:^7.0.2"
+    debug: "npm:^4.3.2"
+    escape-string-regexp: "npm:^4.0.0"
+    eslint-scope: "npm:^8.0.1"
+    eslint-visitor-keys: "npm:^4.0.0"
+    espree: "npm:^10.0.1"
+    esquery: "npm:^1.4.2"
+    esutils: "npm:^2.0.2"
+    fast-deep-equal: "npm:^3.1.3"
+    file-entry-cache: "npm:^8.0.0"
+    find-up: "npm:^5.0.0"
+    glob-parent: "npm:^6.0.2"
+    ignore: "npm:^5.2.0"
+    imurmurhash: "npm:^0.1.4"
+    is-glob: "npm:^4.0.0"
+    is-path-inside: "npm:^3.0.3"
+    json-stable-stringify-without-jsonify: "npm:^1.0.1"
+    levn: "npm:^0.4.1"
+    lodash.merge: "npm:^4.6.2"
+    minimatch: "npm:^3.1.2"
+    natural-compare: "npm:^1.4.0"
+    optionator: "npm:^0.9.3"
+    strip-ansi: "npm:^6.0.1"
+    text-table: "npm:^0.2.0"
+  bin:
+    eslint: bin/eslint.js
+  checksum: 10c0/eab3265100a359a486e40e1d9d4d3ecff936d2f4d952f4ab107d404e0684fffbe186ecd0fb41791af5bcb13570a27032ddf9a2e628927ed33473f64255b0037b
+  languageName: node
+  linkType: hard
+
 "esniff@npm:^2.0.1":
   version: 2.0.1
   resolution: "esniff@npm:2.0.1"
@@ -5261,6 +6128,53 @@ __metadata:
   languageName: node
   linkType: hard
 
+"espree@npm:^10.0.1":
+  version: 10.0.1
+  resolution: "espree@npm:10.0.1"
+  dependencies:
+    acorn: "npm:^8.11.3"
+    acorn-jsx: "npm:^5.3.2"
+    eslint-visitor-keys: "npm:^4.0.0"
+  checksum: 10c0/7c0f84afa0f9db7bb899619e6364ed832ef13fe8943691757ddde9a1805ae68b826ed66803323015f707a629a5507d0d290edda2276c25131fe0ad883b8b5636
+  languageName: node
+  linkType: hard
+
+"espree@npm:^9.3.1, espree@npm:^9.6.0, espree@npm:^9.6.1":
+  version: 9.6.1
+  resolution: "espree@npm:9.6.1"
+  dependencies:
+    acorn: "npm:^8.9.0"
+    acorn-jsx: "npm:^5.3.2"
+    eslint-visitor-keys: "npm:^3.4.1"
+  checksum: 10c0/1a2e9b4699b715347f62330bcc76aee224390c28bb02b31a3752e9d07549c473f5f986720483c6469cf3cfb3c9d05df612ffc69eb1ee94b54b739e67de9bb460
+  languageName: node
+  linkType: hard
+
+"esquery@npm:^1.4.0, esquery@npm:^1.4.2, esquery@npm:^1.5.0":
+  version: 1.5.0
+  resolution: "esquery@npm:1.5.0"
+  dependencies:
+    estraverse: "npm:^5.1.0"
+  checksum: 10c0/a084bd049d954cc88ac69df30534043fb2aee5555b56246493f42f27d1e168f00d9e5d4192e46f10290d312dc30dc7d58994d61a609c579c1219d636996f9213
+  languageName: node
+  linkType: hard
+
+"esrecurse@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "esrecurse@npm:4.3.0"
+  dependencies:
+    estraverse: "npm:^5.2.0"
+  checksum: 10c0/81a37116d1408ded88ada45b9fb16dbd26fba3aadc369ce50fcaf82a0bac12772ebd7b24cd7b91fc66786bf2c1ac7b5f196bc990a473efff972f5cb338877cf5
+  languageName: node
+  linkType: hard
+
+"estraverse@npm:^5.1.0, estraverse@npm:^5.2.0, estraverse@npm:^5.3.0":
+  version: 5.3.0
+  resolution: "estraverse@npm:5.3.0"
+  checksum: 10c0/1ff9447b96263dec95d6d67431c5e0771eb9776427421260a3e2f0fdd5d6bd4f8e37a7338f5ad2880c9f143450c9b1e4fc2069060724570a49cf9cf0312bd107
+  languageName: node
+  linkType: hard
+
 "estree-walker@npm:2.0.2, estree-walker@npm:^2.0.1, estree-walker@npm:^2.0.2":
   version: 2.0.2
   resolution: "estree-walker@npm:2.0.2"
@@ -5277,6 +6191,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esutils@npm:^2.0.2":
+  version: 2.0.3
+  resolution: "esutils@npm:2.0.3"
+  checksum: 10c0/9a2fe69a41bfdade834ba7c42de4723c97ec776e40656919c62cbd13607c45e127a003f05f724a1ea55e5029a4cf2de444b13009f2af71271e42d93a637137c7
+  languageName: node
+  linkType: hard
+
 "etag@npm:^1.8.1, etag@npm:~1.8.1":
   version: 1.8.1
   resolution: "etag@npm:1.8.1"
@@ -5408,6 +6329,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fast-deep-equal@npm:^3.1.1, fast-deep-equal@npm:^3.1.3":
+  version: 3.1.3
+  resolution: "fast-deep-equal@npm:3.1.3"
+  checksum: 10c0/40dedc862eb8992c54579c66d914635afbec43350afbbe991235fdcb4e3a8d5af1b23ae7e79bef7d4882d0ecee06c3197488026998fb19f72dc95acff1d1b1d0
+  languageName: node
+  linkType: hard
+
+"fast-diff@npm:^1.1.2":
+  version: 1.3.0
+  resolution: "fast-diff@npm:1.3.0"
+  checksum: 10c0/5c19af237edb5d5effda008c891a18a585f74bf12953be57923f17a3a4d0979565fc64dbc73b9e20926b9d895f5b690c618cbb969af0cf022e3222471220ad29
+  languageName: node
+  linkType: hard
+
 "fast-fifo@npm:^1.1.0, fast-fifo@npm:^1.2.0":
   version: 1.3.2
   resolution: "fast-fifo@npm:1.3.2"
@@ -5415,7 +6350,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-glob@npm:^3.2.7, fast-glob@npm:^3.3.0, fast-glob@npm:^3.3.1, fast-glob@npm:^3.3.2":
+"fast-glob@npm:^3.2.7, fast-glob@npm:^3.2.9, fast-glob@npm:^3.3.0, fast-glob@npm:^3.3.1, fast-glob@npm:^3.3.2":
   version: 3.3.2
   resolution: "fast-glob@npm:3.3.2"
   dependencies:
@@ -5428,6 +6363,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fast-json-stable-stringify@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "fast-json-stable-stringify@npm:2.1.0"
+  checksum: 10c0/7f081eb0b8a64e0057b3bb03f974b3ef00135fbf36c1c710895cd9300f13c94ba809bb3a81cf4e1b03f6e5285610a61abbd7602d0652de423144dfee5a389c9b
+  languageName: node
+  linkType: hard
+
+"fast-levenshtein@npm:^2.0.6":
+  version: 2.0.6
+  resolution: "fast-levenshtein@npm:2.0.6"
+  checksum: 10c0/111972b37338bcb88f7d9e2c5907862c280ebf4234433b95bc611e518d192ccb2d38119c4ac86e26b668d75f7f3894f4ff5c4982899afced7ca78633b08287c4
+  languageName: node
+  linkType: hard
+
 "fastq@npm:^1.6.0":
   version: 1.17.1
   resolution: "fastq@npm:1.17.1"
@@ -5447,6 +6396,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"file-entry-cache@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "file-entry-cache@npm:8.0.0"
+  dependencies:
+    flat-cache: "npm:^4.0.0"
+  checksum: 10c0/9e2b5938b1cd9b6d7e3612bdc533afd4ac17b2fc646569e9a8abbf2eb48e5eb8e316bc38815a3ef6a1b456f4107f0d0f055a614ca613e75db6bf9ff4d72c1638
+  languageName: node
+  linkType: hard
+
 "file-uri-to-path@npm:1.0.0":
   version: 1.0.0
   resolution: "file-uri-to-path@npm:1.0.0"
@@ -5463,6 +6421,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"find-up@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "find-up@npm:4.1.0"
+  dependencies:
+    locate-path: "npm:^5.0.0"
+    path-exists: "npm:^4.0.0"
+  checksum: 10c0/0406ee89ebeefa2d507feb07ec366bebd8a6167ae74aa4e34fb4c4abd06cf782a3ce26ae4194d70706f72182841733f00551c209fe575cb00bd92104056e78c1
+  languageName: node
+  linkType: hard
+
 "find-up@npm:^5.0.0":
   version: 5.0.0
   resolution: "find-up@npm:5.0.0"
@@ -5473,6 +6441,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"find-up@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "find-up@npm:7.0.0"
+  dependencies:
+    locate-path: "npm:^7.2.0"
+    path-exists: "npm:^5.0.0"
+    unicorn-magic: "npm:^0.1.0"
+  checksum: 10c0/e6ee3e6154560bc0ab3bc3b7d1348b31513f9bdf49a5dd2e952495427d559fa48cdf33953e85a309a323898b43fa1bfbc8b80c880dfc16068384783034030008
+  languageName: node
+  linkType: hard
+
+"flat-cache@npm:^4.0.0":
+  version: 4.0.1
+  resolution: "flat-cache@npm:4.0.1"
+  dependencies:
+    flatted: "npm:^3.2.9"
+    keyv: "npm:^4.5.4"
+  checksum: 10c0/2c59d93e9faa2523e4fda6b4ada749bed432cfa28c8e251f33b25795e426a1c6dbada777afb1f74fcfff33934fdbdea921ee738fcc33e71adc9d6eca984a1cfc
+  languageName: node
+  linkType: hard
+
 "flat@npm:^6.0.1":
   version: 6.0.1
   resolution: "flat@npm:6.0.1"
@@ -5482,7 +6471,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"flatted@npm:^3.3.1":
+"flatted@npm:^3.2.9, flatted@npm:^3.3.1":
   version: 3.3.1
   resolution: "flatted@npm:3.3.1"
   checksum: 10c0/324166b125ee07d4ca9bcf3a5f98d915d5db4f39d711fba640a3178b959919aae1f7cfd8aabcfef5826ed8aa8a2aa14cc85b2d7d18ff638ddf4ae3df39573eaf
@@ -5726,6 +6715,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"get-tsconfig@npm:^4.7.3":
+  version: 4.7.4
+  resolution: "get-tsconfig@npm:4.7.4"
+  dependencies:
+    resolve-pkg-maps: "npm:^1.0.0"
+  checksum: 10c0/4bd9ca36aa8b117d7d2ddd57d18fce94444cda9225c8444b2ffa9f19490a1ac77d99089deaf03012945a86e8daed73ec910b33f8830e66df64b44f6f0ebccff1
+  languageName: node
+  linkType: hard
+
 "giget@npm:^1.2.1":
   version: 1.2.3
   resolution: "giget@npm:1.2.3"
@@ -5853,6 +6851,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"globals@npm:^13.19.0, globals@npm:^13.24.0":
+  version: 13.24.0
+  resolution: "globals@npm:13.24.0"
+  dependencies:
+    type-fest: "npm:^0.20.2"
+  checksum: 10c0/d3c11aeea898eb83d5ec7a99508600fbe8f83d2cf00cbb77f873dbf2bcb39428eff1b538e4915c993d8a3b3473fa71eeebfe22c9bb3a3003d1e26b1f2c8a42cd
+  languageName: node
+  linkType: hard
+
+"globals@npm:^14.0.0":
+  version: 14.0.0
+  resolution: "globals@npm:14.0.0"
+  checksum: 10c0/b96ff42620c9231ad468d4c58ff42afee7777ee1c963013ff8aabe095a451d0ceeb8dcd8ef4cbd64d2538cef45f787a78ba3a9574f4a634438963e334471302d
+  languageName: node
+  linkType: hard
+
+"globals@npm:^15.0.0":
+  version: 15.1.0
+  resolution: "globals@npm:15.1.0"
+  checksum: 10c0/ae9cd15057dc6a21d6dbafe9f47b66bd063c6d3c9215fa1e8294bd130d89f188c48370a11a9525a5a33bd8689fc4fdfd3f474d930692d7abb7459cd982503336
+  languageName: node
+  linkType: hard
+
 "globalthis@npm:^1.0.3":
   version: 1.0.3
   resolution: "globalthis@npm:1.0.3"
@@ -5862,6 +6883,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"globby@npm:^11.1.0":
+  version: 11.1.0
+  resolution: "globby@npm:11.1.0"
+  dependencies:
+    array-union: "npm:^2.1.0"
+    dir-glob: "npm:^3.0.1"
+    fast-glob: "npm:^3.2.9"
+    ignore: "npm:^5.2.0"
+    merge2: "npm:^1.4.1"
+    slash: "npm:^3.0.0"
+  checksum: 10c0/b39511b4afe4bd8a7aead3a27c4ade2b9968649abab0a6c28b1a90141b96ca68ca5db1302f7c7bd29eab66bf51e13916b8e0a3d0ac08f75e1e84a39b35691189
+  languageName: node
+  linkType: hard
+
 "globby@npm:^14.0.1":
   version: 14.0.1
   resolution: "globby@npm:14.0.1"
@@ -5892,6 +6927,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"graphemer@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "graphemer@npm:1.4.0"
+  checksum: 10c0/e951259d8cd2e0d196c72ec711add7115d42eb9a8146c8eeda5b8d3ac91e5dd816b9cd68920726d9fd4490368e7ed86e9c423f40db87e2d8dfafa00fa17c3a31
+  languageName: node
+  linkType: hard
+
 "gzip-size@npm:^7.0.0":
   version: 7.0.0
   resolution: "gzip-size@npm:7.0.0"
@@ -6103,6 +7145,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"hosted-git-info@npm:^2.1.4":
+  version: 2.8.9
+  resolution: "hosted-git-info@npm:2.8.9"
+  checksum: 10c0/317cbc6b1bbbe23c2a40ae23f3dafe9fa349ce42a89a36f930e3f9c0530c179a3882d2ef1e4141a4c3674d6faaea862138ec55b43ad6f75e387fda2483a13c70
+  languageName: node
+  linkType: hard
+
 "hosted-git-info@npm:^7.0.0":
   version: 7.0.1
   resolution: "hosted-git-info@npm:7.0.1"
@@ -6295,7 +7344,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ignore@npm:^5.2.4, ignore@npm:^5.3.1":
+"ignore@npm:^5.2.0, ignore@npm:^5.2.4, ignore@npm:^5.3.1":
   version: 5.3.1
   resolution: "ignore@npm:5.3.1"
   checksum: 10c0/703f7f45ffb2a27fb2c5a8db0c32e7dee66b33a225d28e8db4e1be6474795f606686a6e3bcc50e1aa12f2042db4c9d4a7d60af3250511de74620fbed052ea4cd
@@ -6316,6 +7365,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"import-fresh@npm:^3.2.1":
+  version: 3.3.0
+  resolution: "import-fresh@npm:3.3.0"
+  dependencies:
+    parent-module: "npm:^1.0.0"
+    resolve-from: "npm:^4.0.0"
+  checksum: 10c0/7f882953aa6b740d1f0e384d0547158bc86efbf2eea0f1483b8900a6f65c5a5123c2cf09b0d542cc419d0b98a759ecaeb394237e97ea427f2da221dc3cd80cc3
+  languageName: node
+  linkType: hard
+
 "imurmurhash@npm:^0.1.4":
   version: 0.1.4
   resolution: "imurmurhash@npm:0.1.4"
@@ -6464,6 +7523,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-arrayish@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "is-arrayish@npm:0.2.1"
+  checksum: 10c0/e7fb686a739068bb70f860b39b67afc62acc62e36bb61c5f965768abce1873b379c563e61dd2adad96ebb7edf6651111b385e490cf508378959b0ed4cac4e729
+  languageName: node
+  linkType: hard
+
 "is-bigint@npm:^1.0.1":
   version: 1.0.4
   resolution: "is-bigint@npm:1.0.4"
@@ -6583,7 +7649,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-glob@npm:^4.0.1, is-glob@npm:^4.0.3, is-glob@npm:~4.0.1":
+"is-glob@npm:^4.0.0, is-glob@npm:^4.0.1, is-glob@npm:^4.0.3, is-glob@npm:~4.0.1":
   version: 4.0.3
   resolution: "is-glob@npm:4.0.3"
   dependencies:
@@ -6667,6 +7733,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-path-inside@npm:^3.0.3":
+  version: 3.0.3
+  resolution: "is-path-inside@npm:3.0.3"
+  checksum: 10c0/cf7d4ac35fb96bab6a1d2c3598fe5ebb29aafb52c0aaa482b5a3ed9d8ba3edc11631e3ec2637660c44b3ce0e61a08d54946e8af30dec0b60a7c27296c68ffd05
+  languageName: node
+  linkType: hard
+
 "is-path-inside@npm:^4.0.0":
   version: 4.0.0
   resolution: "is-path-inside@npm:4.0.0"
@@ -6899,24 +7972,63 @@ __metadata:
   dependencies:
     argparse: "npm:^2.0.1"
   bin:
-    js-yaml: bin/js-yaml.js
-  checksum: 10c0/184a24b4eaacfce40ad9074c64fd42ac83cf74d8c8cd137718d456ced75051229e5061b8633c3366b8aada17945a7a356b337828c19da92b51ae62126575018f
+    js-yaml: bin/js-yaml.js
+  checksum: 10c0/184a24b4eaacfce40ad9074c64fd42ac83cf74d8c8cd137718d456ced75051229e5061b8633c3366b8aada17945a7a356b337828c19da92b51ae62126575018f
+  languageName: node
+  linkType: hard
+
+"jsbn@npm:1.1.0":
+  version: 1.1.0
+  resolution: "jsbn@npm:1.1.0"
+  checksum: 10c0/4f907fb78d7b712e11dea8c165fe0921f81a657d3443dde75359ed52eb2b5d33ce6773d97985a089f09a65edd80b11cb75c767b57ba47391fee4c969f7215c96
+  languageName: node
+  linkType: hard
+
+"jsdoc-type-pratt-parser@npm:~4.0.0":
+  version: 4.0.0
+  resolution: "jsdoc-type-pratt-parser@npm:4.0.0"
+  checksum: 10c0/b23ef7bbbe2f56d72630d1c5a233dc9fecaff399063d373c57bef136908c1b05e723dac107177303c03ccf8d75aa51507510b282aa567600477479c5ea0c36d1
+  languageName: node
+  linkType: hard
+
+"jsesc@npm:^2.5.1":
+  version: 2.5.2
+  resolution: "jsesc@npm:2.5.2"
+  bin:
+    jsesc: bin/jsesc
+  checksum: 10c0/dbf59312e0ebf2b4405ef413ec2b25abb5f8f4d9bc5fb8d9f90381622ebca5f2af6a6aa9a8578f65903f9e33990a6dc798edd0ce5586894bf0e9e31803a1de88
+  languageName: node
+  linkType: hard
+
+"jsesc@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "jsesc@npm:3.0.2"
+  bin:
+    jsesc: bin/jsesc
+  checksum: 10c0/ef22148f9e793180b14d8a145ee6f9f60f301abf443288117b4b6c53d0ecd58354898dc506ccbb553a5f7827965cd38bc5fb726575aae93c5e8915e2de8290e1
+  languageName: node
+  linkType: hard
+
+"jsesc@npm:~0.5.0":
+  version: 0.5.0
+  resolution: "jsesc@npm:0.5.0"
+  bin:
+    jsesc: bin/jsesc
+  checksum: 10c0/f93792440ae1d80f091b65f8ceddf8e55c4bb7f1a09dee5dcbdb0db5612c55c0f6045625aa6b7e8edb2e0a4feabd80ee48616dbe2d37055573a84db3d24f96d9
   languageName: node
   linkType: hard
 
-"jsbn@npm:1.1.0":
-  version: 1.1.0
-  resolution: "jsbn@npm:1.1.0"
-  checksum: 10c0/4f907fb78d7b712e11dea8c165fe0921f81a657d3443dde75359ed52eb2b5d33ce6773d97985a089f09a65edd80b11cb75c767b57ba47391fee4c969f7215c96
+"json-buffer@npm:3.0.1":
+  version: 3.0.1
+  resolution: "json-buffer@npm:3.0.1"
+  checksum: 10c0/0d1c91569d9588e7eef2b49b59851f297f3ab93c7b35c7c221e288099322be6b562767d11e4821da500f3219542b9afd2e54c5dc573107c1126ed1080f8e96d7
   languageName: node
   linkType: hard
 
-"jsesc@npm:^2.5.1":
-  version: 2.5.2
-  resolution: "jsesc@npm:2.5.2"
-  bin:
-    jsesc: bin/jsesc
-  checksum: 10c0/dbf59312e0ebf2b4405ef413ec2b25abb5f8f4d9bc5fb8d9f90381622ebca5f2af6a6aa9a8578f65903f9e33990a6dc798edd0ce5586894bf0e9e31803a1de88
+"json-parse-even-better-errors@npm:^2.3.0":
+  version: 2.3.1
+  resolution: "json-parse-even-better-errors@npm:2.3.1"
+  checksum: 10c0/140932564c8f0b88455432e0f33c4cb4086b8868e37524e07e723f4eaedb9425bdc2bafd71bd1d9765bd15fd1e2d126972bc83990f55c467168c228c24d665f3
   languageName: node
   linkType: hard
 
@@ -6927,6 +8039,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"json-schema-to-typescript-lite@npm:^14.0.1":
+  version: 14.0.1
+  resolution: "json-schema-to-typescript-lite@npm:14.0.1"
+  dependencies:
+    "@apidevtools/json-schema-ref-parser": "npm:^11.6.0"
+    "@types/json-schema": "npm:^7.0.15"
+  checksum: 10c0/13fbda4ce1d883ff62f2a80da5a07b600efc705bf7cda251fdfa889221bd528466c2a143a770b1002a226b7810e0c1fcc64793a250ac856274f271c8326a8bd3
+  languageName: node
+  linkType: hard
+
+"json-schema-traverse@npm:^0.4.1":
+  version: 0.4.1
+  resolution: "json-schema-traverse@npm:0.4.1"
+  checksum: 10c0/108fa90d4cc6f08243aedc6da16c408daf81793bf903e9fd5ab21983cda433d5d2da49e40711da016289465ec2e62e0324dcdfbc06275a607fe3233fde4942ce
+  languageName: node
+  linkType: hard
+
+"json-stable-stringify-without-jsonify@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "json-stable-stringify-without-jsonify@npm:1.0.1"
+  checksum: 10c0/cb168b61fd4de83e58d09aaa6425ef71001bae30d260e2c57e7d09a5fd82223e2f22a042dedaab8db23b7d9ae46854b08bb1f91675a8be11c5cffebef5fb66a5
+  languageName: node
+  linkType: hard
+
 "json-stringify-safe@npm:^5.0.1":
   version: 5.0.1
   resolution: "json-stringify-safe@npm:5.0.1"
@@ -6972,6 +8108,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"keyv@npm:^4.5.4":
+  version: 4.5.4
+  resolution: "keyv@npm:4.5.4"
+  dependencies:
+    json-buffer: "npm:3.0.1"
+  checksum: 10c0/aa52f3c5e18e16bb6324876bb8b59dd02acf782a4b789c7b2ae21107fab95fab3890ed448d4f8dba80ce05391eeac4bfabb4f02a20221342982f806fa2cf271e
+  languageName: node
+  linkType: hard
+
 "kleur@npm:^3.0.3":
   version: 3.0.3
   resolution: "kleur@npm:3.0.3"
@@ -7095,6 +8240,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"levn@npm:^0.4.1":
+  version: 0.4.1
+  resolution: "levn@npm:0.4.1"
+  dependencies:
+    prelude-ls: "npm:^1.2.1"
+    type-check: "npm:~0.4.0"
+  checksum: 10c0/effb03cad7c89dfa5bd4f6989364bfc79994c2042ec5966cb9b95990e2edee5cd8969ddf42616a0373ac49fac1403437deaf6e9050fbbaa3546093a59b9ac94e
+  languageName: node
+  linkType: hard
+
 "lilconfig@npm:^2.1.0":
   version: 2.1.0
   resolution: "lilconfig@npm:2.1.0"
@@ -7145,6 +8300,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"load-tsconfig@npm:^0.2.3":
+  version: 0.2.5
+  resolution: "load-tsconfig@npm:0.2.5"
+  checksum: 10c0/bf2823dd26389d3497b6567f07435c5a7a58d9df82e879b0b3892f87d8db26900f84c85bc329ef41c0540c0d6a448d1c23ddc64a80f3ff6838b940f3915a3fcb
+  languageName: node
+  linkType: hard
+
 "local-pkg@npm:^0.4.3":
   version: 0.4.3
   resolution: "local-pkg@npm:0.4.3"
@@ -7162,6 +8324,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"locate-path@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "locate-path@npm:5.0.0"
+  dependencies:
+    p-locate: "npm:^4.1.0"
+  checksum: 10c0/33a1c5247e87e022f9713e6213a744557a3e9ec32c5d0b5efb10aa3a38177615bf90221a5592674857039c1a0fd2063b82f285702d37b792d973e9e72ace6c59
+  languageName: node
+  linkType: hard
+
 "locate-path@npm:^6.0.0":
   version: 6.0.0
   resolution: "locate-path@npm:6.0.0"
@@ -7171,6 +8342,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"locate-path@npm:^7.2.0":
+  version: 7.2.0
+  resolution: "locate-path@npm:7.2.0"
+  dependencies:
+    p-locate: "npm:^6.0.0"
+  checksum: 10c0/139e8a7fe11cfbd7f20db03923cacfa5db9e14fa14887ea121345597472b4a63c1a42a8a5187defeeff6acf98fd568da7382aa39682d38f0af27433953a97751
+  languageName: node
+  linkType: hard
+
 "lodash-es@npm:^4.17.21":
   version: 4.17.21
   resolution: "lodash-es@npm:4.17.21"
@@ -7533,7 +8713,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"merge2@npm:^1.3.0":
+"merge2@npm:^1.3.0, merge2@npm:^1.4.1":
   version: 1.4.1
   resolution: "merge2@npm:1.4.1"
   checksum: 10c0/254a8a4605b58f450308fc474c82ac9a094848081bf4c06778200207820e5193726dc563a0d2c16468810516a5c97d9d3ea0ca6585d23c58ccfff2403e8dbbeb
@@ -7943,6 +9123,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"min-indent@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "min-indent@npm:1.0.1"
+  checksum: 10c0/7e207bd5c20401b292de291f02913230cb1163abca162044f7db1d951fa245b174dc00869d40dd9a9f32a885ad6a5f3e767ee104cf278f399cb4e92d3f582d5c
+  languageName: node
+  linkType: hard
+
 "mini-svg-data-uri@npm:^1.2.3, mini-svg-data-uri@npm:^1.4.4":
   version: 1.4.4
   resolution: "mini-svg-data-uri@npm:1.4.4"
@@ -7952,7 +9139,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimatch@npm:^3.0.4, minimatch@npm:^3.1.1":
+"minimatch@npm:9.0.3":
+  version: 9.0.3
+  resolution: "minimatch@npm:9.0.3"
+  dependencies:
+    brace-expansion: "npm:^2.0.1"
+  checksum: 10c0/85f407dcd38ac3e180f425e86553911d101455ca3ad5544d6a7cec16286657e4f8a9aa6695803025c55e31e35a91a2252b5dc8e7d527211278b8b65b4dbd5eac
+  languageName: node
+  linkType: hard
+
+"minimatch@npm:^3.0.4, minimatch@npm:^3.0.5, minimatch@npm:^3.1.1, minimatch@npm:^3.1.2":
   version: 3.1.2
   resolution: "minimatch@npm:3.1.2"
   dependencies:
@@ -7970,7 +9166,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimatch@npm:^9.0.0, minimatch@npm:^9.0.1, minimatch@npm:^9.0.3":
+"minimatch@npm:^9.0.0, minimatch@npm:^9.0.1, minimatch@npm:^9.0.3, minimatch@npm:^9.0.4":
   version: 9.0.4
   resolution: "minimatch@npm:9.0.4"
   dependencies:
@@ -8211,6 +9407,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"natural-compare@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "natural-compare@npm:1.4.0"
+  checksum: 10c0/f5f9a7974bfb28a91afafa254b197f0f22c684d4a1731763dda960d2c8e375b36c7d690e0d9dc8fba774c537af14a7e979129bca23d88d052fbeb9466955e447
+  languageName: node
+  linkType: hard
+
 "negotiator@npm:0.6.3, negotiator@npm:^0.6.3":
   version: 0.6.3
   resolution: "negotiator@npm:0.6.3"
@@ -8453,6 +9656,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"normalize-package-data@npm:^2.5.0":
+  version: 2.5.0
+  resolution: "normalize-package-data@npm:2.5.0"
+  dependencies:
+    hosted-git-info: "npm:^2.1.4"
+    resolve: "npm:^1.10.0"
+    semver: "npm:2 || 3 || 4 || 5"
+    validate-npm-package-license: "npm:^3.0.1"
+  checksum: 10c0/357cb1646deb42f8eb4c7d42c4edf0eec312f3628c2ef98501963cc4bbe7277021b2b1d977f982b2edce78f5a1014613ce9cf38085c3df2d76730481357ca504
+  languageName: node
+  linkType: hard
+
 "normalize-package-data@npm:^6.0.0":
   version: 6.0.0
   resolution: "normalize-package-data@npm:6.0.0"
@@ -8583,7 +9798,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nth-check@npm:^2.0.1":
+"nth-check@npm:^2.0.1, nth-check@npm:^2.1.1":
   version: 2.1.1
   resolution: "nth-check@npm:2.1.1"
   dependencies:
@@ -8618,6 +9833,7 @@ __metadata:
     "@material-tailwind/html": "npm:^2.2.2"
     "@nuxt/content": "npm:^2.12.1"
     "@nuxt/devtools": "npm:^1.2.0"
+    "@nuxt/eslint": "npm:^0.3.10"
     "@nuxt/http": "npm:^0.6.4"
     "@nuxt/ui": "npm:^2.15.2"
     "@nuxtjs/tailwindcss": "npm:^6.12.0"
@@ -8637,6 +9853,9 @@ __metadata:
     autoprefixer: "npm:^10.4.17"
     date-fns: "npm:^3.6.0"
     esbuild: "npm:^0.20.2"
+    eslint: "npm:^9.2.0"
+    eslint-config-prettier: "npm:^9.1.0"
+    eslint-plugin-prettier: "npm:^5.1.3"
     install: "npm:^0.13.0"
     joi: "npm:^17.9.2"
     lodash: "npm:^4.17.21"
@@ -8645,8 +9864,10 @@ __metadata:
     nuxt-svgo: "npm:^4.0.0"
     pinia: "npm:^2.1.7"
     postcss: "npm:^8.4.38"
+    prettier: "npm:^3.2.5"
     sass: "npm:^1.75.0"
     tailwindcss: "npm:^3.4.3"
+    typescript: "npm:^5.4.5"
     vite: "npm:^5.2.10"
     vue: "npm:^3.4.26"
     vue-router: "npm:^4.3.2"
@@ -8939,6 +10160,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"optionator@npm:^0.9.3":
+  version: 0.9.4
+  resolution: "optionator@npm:0.9.4"
+  dependencies:
+    deep-is: "npm:^0.1.3"
+    fast-levenshtein: "npm:^2.0.6"
+    levn: "npm:^0.4.1"
+    prelude-ls: "npm:^1.2.1"
+    type-check: "npm:^0.4.0"
+    word-wrap: "npm:^1.2.5"
+  checksum: 10c0/4afb687a059ee65b61df74dfe87d8d6815cd6883cb8b3d5883a910df72d0f5d029821f37025e4bccf4048873dbdb09acc6d303d27b8f76b1a80dd5a7d5334675
+  languageName: node
+  linkType: hard
+
+"p-limit@npm:^2.2.0":
+  version: 2.3.0
+  resolution: "p-limit@npm:2.3.0"
+  dependencies:
+    p-try: "npm:^2.0.0"
+  checksum: 10c0/8da01ac53efe6a627080fafc127c873da40c18d87b3f5d5492d465bb85ec7207e153948df6b9cbaeb130be70152f874229b8242ee2be84c0794082510af97f12
+  languageName: node
+  linkType: hard
+
 "p-limit@npm:^3.0.2":
   version: 3.1.0
   resolution: "p-limit@npm:3.1.0"
@@ -8948,6 +10192,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"p-limit@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "p-limit@npm:4.0.0"
+  dependencies:
+    yocto-queue: "npm:^1.0.0"
+  checksum: 10c0/a56af34a77f8df2ff61ddfb29431044557fcbcb7642d5a3233143ebba805fc7306ac1d448de724352861cb99de934bc9ab74f0d16fe6a5460bdbdf938de875ad
+  languageName: node
+  linkType: hard
+
+"p-locate@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "p-locate@npm:4.1.0"
+  dependencies:
+    p-limit: "npm:^2.2.0"
+  checksum: 10c0/1b476ad69ad7f6059744f343b26d51ce091508935c1dbb80c4e0a2f397ffce0ca3a1f9f5cd3c7ce19d7929a09719d5c65fe70d8ee289c3f267cd36f2881813e9
+  languageName: node
+  linkType: hard
+
 "p-locate@npm:^5.0.0":
   version: 5.0.0
   resolution: "p-locate@npm:5.0.0"
@@ -8957,6 +10219,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"p-locate@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "p-locate@npm:6.0.0"
+  dependencies:
+    p-limit: "npm:^4.0.0"
+  checksum: 10c0/d72fa2f41adce59c198270aa4d3c832536c87a1806e0f69dffb7c1a7ca998fb053915ca833d90f166a8c082d3859eabfed95f01698a3214c20df6bb8de046312
+  languageName: node
+  linkType: hard
+
 "p-map@npm:^4.0.0":
   version: 4.0.0
   resolution: "p-map@npm:4.0.0"
@@ -8966,6 +10237,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"p-try@npm:^2.0.0":
+  version: 2.2.0
+  resolution: "p-try@npm:2.2.0"
+  checksum: 10c0/c36c19907734c904b16994e6535b02c36c2224d433e01a2f1ab777237f4d86e6289fd5fd464850491e940379d4606ed850c03e0f9ab600b0ebddb511312e177f
+  languageName: node
+  linkType: hard
+
 "pacote@npm:^18.0.0":
   version: 18.0.2
   resolution: "pacote@npm:18.0.2"
@@ -8993,6 +10271,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"parent-module@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "parent-module@npm:1.0.1"
+  dependencies:
+    callsites: "npm:^3.0.0"
+  checksum: 10c0/c63d6e80000d4babd11978e0d3fee386ca7752a02b035fd2435960ffaa7219dc42146f07069fb65e6e8bf1caef89daf9af7535a39bddf354d78bf50d8294f556
+  languageName: node
+  linkType: hard
+
 "parse-entities@npm:^4.0.1":
   version: 4.0.1
   resolution: "parse-entities@npm:4.0.1"
@@ -9019,6 +10306,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"parse-gitignore@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "parse-gitignore@npm:2.0.0"
+  checksum: 10c0/d42d8512ad1737fbe47bd1ecdd685bb08efb777136cafcf1344eba9fd3104f79c14e9d3d1b313427b900250d99827ef124e0dc06ff6e9883b2d3617e56b2cbbc
+  languageName: node
+  linkType: hard
+
+"parse-json@npm:^5.0.0":
+  version: 5.2.0
+  resolution: "parse-json@npm:5.2.0"
+  dependencies:
+    "@babel/code-frame": "npm:^7.0.0"
+    error-ex: "npm:^1.3.1"
+    json-parse-even-better-errors: "npm:^2.3.0"
+    lines-and-columns: "npm:^1.1.6"
+  checksum: 10c0/77947f2253005be7a12d858aedbafa09c9ae39eb4863adf330f7b416ca4f4a08132e453e08de2db46459256fb66afaac5ee758b44fe6541b7cdaf9d252e59585
+  languageName: node
+  linkType: hard
+
 "parse-path@npm:^7.0.0":
   version: 7.0.0
   resolution: "parse-path@npm:7.0.0"
@@ -9060,6 +10366,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"path-exists@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "path-exists@npm:5.0.0"
+  checksum: 10c0/b170f3060b31604cde93eefdb7392b89d832dfbc1bed717c9718cbe0f230c1669b7e75f87e19901da2250b84d092989a0f9e44d2ef41deb09aa3ad28e691a40a
+  languageName: node
+  linkType: hard
+
 "path-is-absolute@npm:1.0.1, path-is-absolute@npm:^1.0.0":
   version: 1.0.1
   resolution: "path-is-absolute@npm:1.0.1"
@@ -9105,6 +10418,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"path-type@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "path-type@npm:4.0.0"
+  checksum: 10c0/666f6973f332f27581371efaf303fd6c272cc43c2057b37aa99e3643158c7e4b2626549555d88626e99ea9e046f82f32e41bbde5f1508547e9a11b149b52387c
+  languageName: node
+  linkType: hard
+
 "path-type@npm:^5.0.0":
   version: 5.0.0
   resolution: "path-type@npm:5.0.0"
@@ -9140,6 +10460,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"picomatch@npm:^4.0.2":
+  version: 4.0.2
+  resolution: "picomatch@npm:4.0.2"
+  checksum: 10c0/7c51f3ad2bb42c776f49ebf964c644958158be30d0a510efd5a395e8d49cb5acfed5b82c0c5b365523ce18e6ab85013c9ebe574f60305892ec3fa8eee8304ccc
+  languageName: node
+  linkType: hard
+
 "pify@npm:^2.3.0":
   version: 2.3.0
   resolution: "pify@npm:2.3.0"
@@ -9184,6 +10511,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"pluralize@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "pluralize@npm:8.0.0"
+  checksum: 10c0/2044cfc34b2e8c88b73379ea4a36fc577db04f651c2909041b054c981cd863dd5373ebd030123ab058d194ae615d3a97cfdac653991e499d10caf592e8b3dc33
+  languageName: node
+  linkType: hard
+
 "portfinder@npm:^1.0.26":
   version: 1.0.32
   resolution: "portfinder@npm:1.0.32"
@@ -9559,7 +10893,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-selector-parser@npm:^6.0.11, postcss-selector-parser@npm:^6.0.13, postcss-selector-parser@npm:^6.0.16":
+"postcss-selector-parser@npm:^6.0.11, postcss-selector-parser@npm:^6.0.13, postcss-selector-parser@npm:^6.0.15, postcss-selector-parser@npm:^6.0.16":
   version: 6.0.16
   resolution: "postcss-selector-parser@npm:6.0.16"
   dependencies:
@@ -9610,6 +10944,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"prelude-ls@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "prelude-ls@npm:1.2.1"
+  checksum: 10c0/b00d617431e7886c520a6f498a2e14c75ec58f6d93ba48c3b639cf241b54232d90daa05d83a9e9b9fef6baa63cb7e1e4602c2372fea5bc169668401eb127d0cd
+  languageName: node
+  linkType: hard
+
+"prettier-linter-helpers@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "prettier-linter-helpers@npm:1.0.0"
+  dependencies:
+    fast-diff: "npm:^1.1.2"
+  checksum: 10c0/81e0027d731b7b3697ccd2129470ed9913ecb111e4ec175a12f0fcfab0096516373bf0af2fef132af50cafb0a905b74ff57996d615f59512bb9ac7378fcc64ab
+  languageName: node
+  linkType: hard
+
+"prettier@npm:^3.2.5":
+  version: 3.2.5
+  resolution: "prettier@npm:3.2.5"
+  bin:
+    prettier: bin/prettier.cjs
+  checksum: 10c0/ea327f37a7d46f2324a34ad35292af2ad4c4c3c3355da07313339d7e554320f66f65f91e856add8530157a733c6c4a897dc41b577056be5c24c40f739f5ee8c6
+  languageName: node
+  linkType: hard
+
 "pretty-bytes@npm:^6.1.1":
   version: 6.1.1
   resolution: "pretty-bytes@npm:6.1.1"
@@ -9720,6 +11079,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"punycode@npm:^2.1.0":
+  version: 2.3.1
+  resolution: "punycode@npm:2.3.1"
+  checksum: 10c0/14f76a8206bc3464f794fb2e3d3cc665ae416c01893ad7a02b23766eb07159144ee612ad67af5e84fa4479ccfe67678c4feb126b0485651b302babf66f04f9e9
+  languageName: node
+  linkType: hard
+
 "pvtsutils@npm:^1.3.2, pvtsutils@npm:^1.3.5":
   version: 1.3.5
   resolution: "pvtsutils@npm:1.3.5"
@@ -9792,6 +11158,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"read-pkg-up@npm:^7.0.1":
+  version: 7.0.1
+  resolution: "read-pkg-up@npm:7.0.1"
+  dependencies:
+    find-up: "npm:^4.1.0"
+    read-pkg: "npm:^5.2.0"
+    type-fest: "npm:^0.8.1"
+  checksum: 10c0/82b3ac9fd7c6ca1bdc1d7253eb1091a98ff3d195ee0a45386582ce3e69f90266163c34121e6a0a02f1630073a6c0585f7880b3865efcae9c452fa667f02ca385
+  languageName: node
+  linkType: hard
+
+"read-pkg@npm:^5.2.0":
+  version: 5.2.0
+  resolution: "read-pkg@npm:5.2.0"
+  dependencies:
+    "@types/normalize-package-data": "npm:^2.4.0"
+    normalize-package-data: "npm:^2.5.0"
+    parse-json: "npm:^5.0.0"
+    type-fest: "npm:^0.6.0"
+  checksum: 10c0/b51a17d4b51418e777029e3a7694c9bd6c578a5ab99db544764a0b0f2c7c0f58f8a6bc101f86a6fceb8ba6d237d67c89acf6170f6b98695d0420ddc86cf109fb
+  languageName: node
+  linkType: hard
+
 "readable-stream@npm:^2.0.5":
   version: 2.3.8
   resolution: "readable-stream@npm:2.3.8"
@@ -9872,6 +11261,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"regexp-tree@npm:^0.1.27":
+  version: 0.1.27
+  resolution: "regexp-tree@npm:0.1.27"
+  bin:
+    regexp-tree: bin/regexp-tree
+  checksum: 10c0/f636f44b4a0d93d7d6926585ecd81f63e4ce2ac895bc417b2ead0874cd36b337dcc3d0fedc63f69bf5aaeaa4340f36ca7e750c9687cceaf8087374e5284e843c
+  languageName: node
+  linkType: hard
+
 "regexp.prototype.flags@npm:^1.5.2":
   version: 1.5.2
   resolution: "regexp.prototype.flags@npm:1.5.2"
@@ -9884,6 +11282,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"regjsparser@npm:^0.10.0":
+  version: 0.10.0
+  resolution: "regjsparser@npm:0.10.0"
+  dependencies:
+    jsesc: "npm:~0.5.0"
+  bin:
+    regjsparser: bin/parser
+  checksum: 10c0/0f0508c142eddbceae55dab9715e714305c19e1e130db53168e8fa5f9f7ff9a4901f674cf6f71e04a0973b2f883882ba05808c80778b2d52b053d925050010f4
+  languageName: node
+  linkType: hard
+
 "rehype-external-links@npm:^3.0.0":
   version: 3.0.0
   resolution: "rehype-external-links@npm:3.0.0"
@@ -10059,6 +11468,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"resolve-from@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "resolve-from@npm:4.0.0"
+  checksum: 10c0/8408eec31a3112ef96e3746c37be7d64020cda07c03a920f5024e77290a218ea758b26ca9529fd7b1ad283947f34b2291c1c0f6aa0ed34acfdda9c6014c8d190
+  languageName: node
+  linkType: hard
+
 "resolve-from@npm:^5.0.0":
   version: 5.0.0
   resolution: "resolve-from@npm:5.0.0"
@@ -10076,7 +11492,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@npm:^1.1.7, resolve@npm:^1.22.1, resolve@npm:^1.22.2":
+"resolve-pkg-maps@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "resolve-pkg-maps@npm:1.0.0"
+  checksum: 10c0/fb8f7bbe2ca281a73b7ef423a1cbc786fb244bd7a95cbe5c3fba25b27d327150beca8ba02f622baea65919a57e061eb5005204daa5f93ed590d9b77463a567ab
+  languageName: node
+  linkType: hard
+
+"resolve@npm:^1.1.7, resolve@npm:^1.10.0, resolve@npm:^1.22.1, resolve@npm:^1.22.2, resolve@npm:^1.22.4":
   version: 1.22.8
   resolution: "resolve@npm:1.22.8"
   dependencies:
@@ -10089,7 +11512,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@patch:resolve@npm%3A^1.1.7#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.2#optional!builtin<compat/resolve>":
+"resolve@patch:resolve@npm%3A^1.1.7#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.10.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.2#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.4#optional!builtin<compat/resolve>":
   version: 1.22.8
   resolution: "resolve@patch:resolve@npm%3A1.22.8#optional!builtin<compat/resolve>::version=1.22.8&hash=c3c19d"
   dependencies:
@@ -10312,6 +11735,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"semver@npm:2 || 3 || 4 || 5":
+  version: 5.7.2
+  resolution: "semver@npm:5.7.2"
+  bin:
+    semver: bin/semver
+  checksum: 10c0/e4cf10f86f168db772ae95d86ba65b3fd6c5967c94d97c708ccb463b778c2ee53b914cd7167620950fc07faf5a564e6efe903836639e512a1aa15fbc9667fa25
+  languageName: node
+  linkType: hard
+
 "semver@npm:^6.0.0, semver@npm:^6.3.1":
   version: 6.3.1
   resolution: "semver@npm:6.3.1"
@@ -10321,7 +11753,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:^7.0.0, semver@npm:^7.1.1, semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.5.0, semver@npm:^7.5.3, semver@npm:^7.6.0":
+"semver@npm:^7.0.0, semver@npm:^7.1.1, semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.6, semver@npm:^7.5.0, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.6.0":
   version: 7.6.0
   resolution: "semver@npm:7.6.0"
   dependencies:
@@ -10540,6 +11972,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"slash@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "slash@npm:3.0.0"
+  checksum: 10c0/e18488c6a42bdfd4ac5be85b2ced3ccd0224773baae6ad42cfbb9ec74fc07f9fa8396bd35ee638084ead7a2a0818eb5e7151111544d4731ce843019dab4be47b
+  languageName: node
+  linkType: hard
+
 "slash@npm:^4.0.0":
   version: 4.0.0
   resolution: "slash@npm:4.0.0"
@@ -10692,6 +12131,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"spdx-expression-parse@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "spdx-expression-parse@npm:4.0.0"
+  dependencies:
+    spdx-exceptions: "npm:^2.1.0"
+    spdx-license-ids: "npm:^3.0.0"
+  checksum: 10c0/965c487e77f4fb173f1c471f3eef4eb44b9f0321adc7f93d95e7620da31faa67d29356eb02523cd7df8a7fc1ec8238773cdbf9e45bd050329d2b26492771b736
+  languageName: node
+  linkType: hard
+
 "spdx-license-ids@npm:^3.0.0":
   version: 3.0.17
   resolution: "spdx-license-ids@npm:3.0.17"
@@ -10887,6 +12336,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"strip-indent@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "strip-indent@npm:3.0.0"
+  dependencies:
+    min-indent: "npm:^1.0.0"
+  checksum: 10c0/ae0deaf41c8d1001c5d4fbe16cb553865c1863da4fae036683b474fa926af9fc121e155cb3fc57a68262b2ae7d5b8420aa752c97a6428c315d00efe2a3875679
+  languageName: node
+  linkType: hard
+
+"strip-json-comments@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "strip-json-comments@npm:3.1.1"
+  checksum: 10c0/9681a6257b925a7fa0f285851c0e613cc934a50661fa7bb41ca9cbbff89686bb4a0ee366e6ecedc4daafd01e83eee0720111ab294366fe7c185e935475ebcecd
+  languageName: node
+  linkType: hard
+
 "strip-literal@npm:^1.3.0":
   version: 1.3.0
   resolution: "strip-literal@npm:1.3.0"
@@ -10991,6 +12456,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"synckit@npm:^0.8.6":
+  version: 0.8.8
+  resolution: "synckit@npm:0.8.8"
+  dependencies:
+    "@pkgr/core": "npm:^0.1.0"
+    tslib: "npm:^2.6.2"
+  checksum: 10c0/c3d3aa8e284f3f84f2f868b960c9f49239b364e35f6d20825a448449a3e9c8f49fe36cdd5196b30615682f007830d46f2ea354003954c7336723cb821e4b6519
+  languageName: node
+  linkType: hard
+
 "system-architecture@npm:^0.1.0":
   version: 0.1.0
   resolution: "system-architecture@npm:0.1.0"
@@ -11114,6 +12589,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"text-table@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "text-table@npm:0.2.0"
+  checksum: 10c0/02805740c12851ea5982686810702e2f14369a5f4c5c40a836821e3eefc65ffeec3131ba324692a37608294b0fd8c1e55a2dd571ffed4909822787668ddbee5c
+  languageName: node
+  linkType: hard
+
 "thenify-all@npm:^1.0.0":
   version: 1.6.0
   resolution: "thenify-all@npm:1.6.0"
@@ -11190,6 +12672,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ts-api-utils@npm:^1.0.1, ts-api-utils@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "ts-api-utils@npm:1.3.0"
+  peerDependencies:
+    typescript: ">=4.2.0"
+  checksum: 10c0/f54a0ba9ed56ce66baea90a3fa087a484002e807f28a8ccb2d070c75e76bde64bd0f6dce98b3802834156306050871b67eec325cb4e918015a360a3f0868c77c
+  languageName: node
+  linkType: hard
+
 "ts-interface-checker@npm:^0.1.9":
   version: 0.1.13
   resolution: "ts-interface-checker@npm:0.1.13"
@@ -11222,6 +12713,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"type-check@npm:^0.4.0, type-check@npm:~0.4.0":
+  version: 0.4.0
+  resolution: "type-check@npm:0.4.0"
+  dependencies:
+    prelude-ls: "npm:^1.2.1"
+  checksum: 10c0/7b3fd0ed43891e2080bf0c5c504b418fbb3e5c7b9708d3d015037ba2e6323a28152ec163bcb65212741fa5d2022e3075ac3c76440dbd344c9035f818e8ecee58
+  languageName: node
+  linkType: hard
+
+"type-fest@npm:^0.20.2":
+  version: 0.20.2
+  resolution: "type-fest@npm:0.20.2"
+  checksum: 10c0/dea9df45ea1f0aaa4e2d3bed3f9a0bfe9e5b2592bddb92eb1bf06e50bcf98dbb78189668cd8bc31a0511d3fc25539b4cd5c704497e53e93e2d40ca764b10bfc3
+  languageName: node
+  linkType: hard
+
 "type-fest@npm:^0.21.3":
   version: 0.21.3
   resolution: "type-fest@npm:0.21.3"
@@ -11229,6 +12736,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"type-fest@npm:^0.6.0":
+  version: 0.6.0
+  resolution: "type-fest@npm:0.6.0"
+  checksum: 10c0/0c585c26416fce9ecb5691873a1301b5aff54673c7999b6f925691ed01f5b9232db408cdbb0bd003d19f5ae284322523f44092d1f81ca0a48f11f7cf0be8cd38
+  languageName: node
+  linkType: hard
+
+"type-fest@npm:^0.8.1":
+  version: 0.8.1
+  resolution: "type-fest@npm:0.8.1"
+  checksum: 10c0/dffbb99329da2aa840f506d376c863bd55f5636f4741ad6e65e82f5ce47e6914108f44f340a0b74009b0cb5d09d6752ae83203e53e98b1192cf80ecee5651636
+  languageName: node
+  linkType: hard
+
 "type-fest@npm:^3.8.0":
   version: 3.13.1
   resolution: "type-fest@npm:3.13.1"
@@ -11314,6 +12835,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"typescript@npm:^5.4.5":
+  version: 5.4.5
+  resolution: "typescript@npm:5.4.5"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 10c0/2954022ada340fd3d6a9e2b8e534f65d57c92d5f3989a263754a78aba549f7e6529acc1921913560a4b816c46dce7df4a4d29f9f11a3dc0d4213bb76d043251e
+  languageName: node
+  linkType: hard
+
+"typescript@patch:typescript@npm%3A^5.4.5#optional!builtin<compat/typescript>":
+  version: 5.4.5
+  resolution: "typescript@patch:typescript@npm%3A5.4.5#optional!builtin<compat/typescript>::version=5.4.5&hash=5adc0c"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 10c0/db2ad2a16ca829f50427eeb1da155e7a45e598eec7b086d8b4e8ba44e5a235f758e606d681c66992230d3fc3b8995865e5fd0b22a2c95486d0b3200f83072ec9
+  languageName: node
+  linkType: hard
+
 "ufo@npm:^1.1.2, ufo@npm:^1.2.0, ufo@npm:^1.3.2, ufo@npm:^1.4.0, ufo@npm:^1.5.3":
   version: 1.5.3
   resolution: "ufo@npm:1.5.3"
@@ -11694,6 +13235,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"uri-js@npm:^4.2.2":
+  version: 4.4.1
+  resolution: "uri-js@npm:4.4.1"
+  dependencies:
+    punycode: "npm:^2.1.0"
+  checksum: 10c0/4ef57b45aa820d7ac6496e9208559986c665e49447cb072744c13b66925a362d96dd5a46c4530a6b8e203e5db5fe849369444440cb22ecfc26c679359e5dfa3c
+  languageName: node
+  linkType: hard
+
 "urlpattern-polyfill@npm:8.0.2":
   version: 8.0.2
   resolution: "urlpattern-polyfill@npm:8.0.2"
@@ -11731,7 +13281,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"validate-npm-package-license@npm:^3.0.4":
+"validate-npm-package-license@npm:^3.0.1, validate-npm-package-license@npm:^3.0.4":
   version: 3.0.4
   resolution: "validate-npm-package-license@npm:3.0.4"
   dependencies:
@@ -12051,6 +13601,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vue-eslint-parser@npm:^9.4.2":
+  version: 9.4.2
+  resolution: "vue-eslint-parser@npm:9.4.2"
+  dependencies:
+    debug: "npm:^4.3.4"
+    eslint-scope: "npm:^7.1.1"
+    eslint-visitor-keys: "npm:^3.3.0"
+    espree: "npm:^9.3.1"
+    esquery: "npm:^1.4.0"
+    lodash: "npm:^4.17.21"
+    semver: "npm:^7.3.6"
+  peerDependencies:
+    eslint: ">=6.0.0"
+  checksum: 10c0/79593073adbce8971565133c70a203f12f0be0f8c5e3a4063796fd56e5de64f1f3ad7f91be5a787a7a3fe751306ed22086ee8369d52725be95f452827ce670de
+  languageName: node
+  linkType: hard
+
 "vue-observe-visibility@npm:^2.0.0-alpha.1":
   version: 2.0.0-alpha.1
   resolution: "vue-observe-visibility@npm:2.0.0-alpha.1"
@@ -12270,6 +13837,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"word-wrap@npm:^1.2.5":
+  version: 1.2.5
+  resolution: "word-wrap@npm:1.2.5"
+  checksum: 10c0/e0e4a1ca27599c92a6ca4c32260e8a92e8a44f4ef6ef93f803f8ed823f486e0889fc0b93be4db59c8d51b3064951d25e43d434e95dc8c960cc3a63d65d00ba20
+  languageName: node
+  linkType: hard
+
 "wrap-ansi-cjs@npm:wrap-ansi@^7.0.0, wrap-ansi@npm:^7.0.0":
   version: 7.0.0
   resolution: "wrap-ansi@npm:7.0.0"
@@ -12299,7 +13873,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ws@npm:^8.15.1, ws@npm:^8.16.0, ws@npm:^8.8.1":
+"ws@npm:^8.15.1, ws@npm:^8.16.0, ws@npm:^8.17.0, ws@npm:^8.8.1":
   version: 8.17.0
   resolution: "ws@npm:8.17.0"
   peerDependencies:
@@ -12329,6 +13903,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"xml-name-validator@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "xml-name-validator@npm:4.0.0"
+  checksum: 10c0/c1bfa219d64e56fee265b2bd31b2fcecefc063ee802da1e73bad1f21d7afd89b943c9e2c97af2942f60b1ad46f915a4c81e00039c7d398b53cf410e29d3c30bd
+  languageName: node
+  linkType: hard
+
 "xmlhttprequest-ssl@npm:~2.0.0":
   version: 2.0.0
   resolution: "xmlhttprequest-ssl@npm:2.0.0"
@@ -12409,6 +13990,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"yocto-queue@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "yocto-queue@npm:1.0.0"
+  checksum: 10c0/856117aa15cf5103d2a2fb173f0ab4acb12b4b4d0ed3ab249fdbbf612e55d1cadfd27a6110940e24746fb0a78cf640b522cc8bca76f30a3b00b66e90cf82abe0
+  languageName: node
+  linkType: hard
+
 "zhead@npm:^2.2.4":
   version: 2.2.4
   resolution: "zhead@npm:2.2.4"