diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
index b83fbf19c..2ceae625a 100644
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/devcontainer.json
@@ -11,7 +11,7 @@
       // Use -bullseye variants on local on arm64/Apple Silicon.
       "VARIANT": "3.12-bullseye",
       // Options
-      "NODE_VERSION": "16"
+      "NODE_VERSION": "20"
     }
   },
   "mounts": [
@@ -55,5 +55,6 @@
     "ghcr.io/devcontainers/features/docker-in-docker:2": {
       "dockerDashComposeVersion": "v2"
     }
-  }
+  },
+  "appPort": 3000
 }
diff --git a/.github/workflows/build-package.yml b/.github/workflows/build-package.yml
index bae0de02c..dddc7a2f4 100644
--- a/.github/workflows/build-package.yml
+++ b/.github/workflows/build-package.yml
@@ -19,7 +19,7 @@ jobs:
       - name: Setup node env 🏗
         uses: actions/setup-node@v4.0.0
         with:
-          node-version: 16
+          node-version: 20
           check-latest: true
 
       - name: Get yarn cache directory path 🛠
diff --git a/.github/workflows/e2e.yml b/.github/workflows/e2e.yml
index a13cc2d23..07fd7adfc 100644
--- a/.github/workflows/e2e.yml
+++ b/.github/workflows/e2e.yml
@@ -13,7 +13,7 @@ jobs:
     - uses: actions/checkout@v4
     - uses: actions/setup-node@v4
       with:
-        node-version: 18
+        node-version: 20
         cache: 'yarn'
         cache-dependency-path: ./tests/e2e/yarn.lock
     - name: Set up Docker Buildx
diff --git a/.github/workflows/test-frontend.yml b/.github/workflows/test-frontend.yml
index 00f8a2673..20d9c98f6 100644
--- a/.github/workflows/test-frontend.yml
+++ b/.github/workflows/test-frontend.yml
@@ -14,7 +14,7 @@ jobs:
       - name: Setup node env 🏗
         uses: actions/setup-node@v4.0.0
         with:
-          node-version: 16
+          node-version: 20
           check-latest: true
 
       - name: Get yarn cache directory path 🛠
@@ -34,6 +34,10 @@ jobs:
         run: yarn
         working-directory: "frontend"
 
+      - name: Prepare nuxt 🚀
+        run: yarn nuxt prepare
+        working-directory: "frontend"
+
       - name: Run linter 👀
         run: yarn lint
         working-directory: "frontend"
diff --git a/.gitignore b/.gitignore
index cd0725b3a..b24f03a93 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,6 +10,9 @@ docs/site/
 *temp/*
 .secret
 frontend/dist/
+frontend/.output/*
+frontend/.yarn/*
+frontend/.yarnrc.yml
 
 dev/code-generation/generated/*
 dev/data/mealie.db-journal
@@ -164,3 +167,5 @@ dev/code-generation/openapi.json
 
 .run/
 .task/*
+.dev.env
+frontend/eslint.config.deprecated.js
diff --git a/.vscode/settings.json b/.vscode/settings.json
index b842cd45e..61ab0e239 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -18,6 +18,7 @@
     "source.organizeImports": "never"
   },
   "editor.formatOnSave": true,
+  "eslint.useFlatConfig": true,
   "eslint.workingDirectories": [
     "./frontend"
   ],
diff --git a/Taskfile.yml b/Taskfile.yml
index c42cb76c7..ccff66fd6 100644
--- a/Taskfile.yml
+++ b/Taskfile.yml
@@ -243,7 +243,7 @@ tasks:
     desc: runs the frontend server
     dir: frontend
     cmds:
-      - yarn run dev
+      - yarn run dev --no-fork
 
   docker:build-from-package:
     desc: Builds the Docker image from the existing Python package in dist/
diff --git a/dev/code-generation/gen_ts_locales.py b/dev/code-generation/gen_ts_locales.py
index e1b73242a..6ff441d22 100644
--- a/dev/code-generation/gen_ts_locales.py
+++ b/dev/code-generation/gen_ts_locales.py
@@ -156,12 +156,13 @@ PROJECT_DIR = Path(__file__).parent.parent.parent
 
 datetime_dir = PROJECT_DIR / "frontend" / "lang" / "dateTimeFormats"
 locales_dir = PROJECT_DIR / "frontend" / "lang" / "messages"
-nuxt_config = PROJECT_DIR / "frontend" / "nuxt.config.js"
+nuxt_config = PROJECT_DIR / "frontend" / "nuxt.config.ts"
+i18n_config = PROJECT_DIR / "frontend" / "i18n.config.ts"
 reg_valid = PROJECT_DIR / "mealie" / "schema" / "_mealie" / "validators.py"
 
 """
 This snippet walks the message and dat locales directories and generates the import information
-for the nuxt.config.js file and automatically injects it into the nuxt.config.js file. Note that
+for the nuxt.config.ts file and automatically injects it into the nuxt.config.ts file. Note that
 the code generation ID is hardcoded into the script and required in the nuxt config.
 """
 
@@ -173,12 +174,12 @@ def inject_nuxt_values():
 
     all_langs = []
     for match in locales_dir.glob("*.json"):
-        lang_string = f'{{ code: "{match.stem}", file: "{match.name}" }},'
+        lang_string = f'{{ code: "{match.stem}", file: "{match.name.replace(".json", ".ts")}" }},'
         all_langs.append(lang_string)
 
     log.debug(f"injecting locales into nuxt config -> {nuxt_config}")
     inject_inline(nuxt_config, CodeKeys.nuxt_local_messages, all_langs)
-    inject_inline(nuxt_config, CodeKeys.nuxt_local_dates, all_date_locales)
+    inject_inline(i18n_config, CodeKeys.nuxt_local_dates, all_date_locales)
 
 
 def inject_registration_validation_values():
diff --git a/docker/Dockerfile b/docker/Dockerfile
index ada531826..f199602d6 100644
--- a/docker/Dockerfile
+++ b/docker/Dockerfile
@@ -1,7 +1,7 @@
 ###############################################
 # Frontend Build
 ###############################################
-FROM node:16 AS frontend-builder
+FROM node:20 AS frontend-builder
 
 WORKDIR /frontend
 
diff --git a/frontend/.eslintrc.js b/frontend/.eslintrc.js
deleted file mode 100644
index f6ab3103b..000000000
--- a/frontend/.eslintrc.js
+++ /dev/null
@@ -1,74 +0,0 @@
-module.exports = {
-  root: true,
-  env: {
-    browser: true,
-    node: true,
-  },
-  parser: "vue-eslint-parser",
-  parserOptions: {
-    parser: "@typescript-eslint/parser",
-    requireConfigFile: false,
-    tsConfigRootDir: __dirname,
-    project: ["./tsconfig.json"],
-    extraFileExtensions: [".vue"],
-  },
-  extends: [
-    "@nuxtjs/eslint-config-typescript",
-    "plugin:nuxt/recommended",
-    "eslint:recommended",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:@typescript-eslint/recommended-requiring-type-checking",
-    // "plugin:prettier/recommended",
-    "prettier",
-  ],
-  // Re-add once we use nuxt bridge
-  // See https://v3.nuxtjs.org/getting-started/bridge#update-nuxtconfig
-  ignorePatterns: ["nuxt.config.js", "lib/api/types/**/*.ts"],
-  plugins: ["prettier"],
-  // add your custom rules here
-  rules: {
-    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
-    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
-    quotes: ["error", "double"],
-    "vue/component-name-in-template-casing": ["error", "PascalCase"],
-    camelcase: 0,
-    "vue/singleline-html-element-content-newline": "off",
-    "vue/multiline-html-element-content-newline": "off",
-    "vue/no-mutating-props": "off",
-    "vue/no-v-text-v-html-on-component": "warn",
-    "vue/no-v-for-template-key-on-child": "off",
-    "vue/valid-v-slot": [
-      "error",
-      {
-        allowModifiers: true,
-      },
-    ],
-    "@typescript-eslint/ban-ts-comment": [
-      "error",
-      {
-        "ts-ignore": "allow-with-description",
-      },
-    ],
-    "no-restricted-imports": [
-      "error",
-      { paths: ["@vue/reactivity", "@vue/runtime-dom", "@vue/composition-api", "vue-demi"] },
-    ],
-
-    // TODO Gradually activate all rules
-    // Allow Promise in onMounted
-    "@typescript-eslint/no-misused-promises": [
-      "error",
-      {
-        checksVoidReturn: {
-          arguments: false,
-        },
-      },
-    ],
-    "@typescript-eslint/no-unsafe-assignment": "off",
-    "@typescript-eslint/no-unsafe-member-access": "off",
-    "@typescript-eslint/explicit-module-boundary-types": "off",
-    "@typescript-eslint/no-unsafe-call": "off",
-    "@typescript-eslint/no-floating-promises": "off",
-    "@typescript-eslint/no-explicit-any": "off",
-  },
-};
diff --git a/frontend/assets/css/fonts.css b/frontend/assets/css/fonts.css
index 15d2f1305..b8c8be4c7 100644
--- a/frontend/assets/css/fonts.css
+++ b/frontend/assets/css/fonts.css
@@ -1,378 +1,390 @@
 /* cyrillic-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 100;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-100-cyrillic-ext1.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-100-cyrillic-ext1.woff2") format("woff2");
   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 /* cyrillic */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 100;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-100-cyrillic2.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-100-cyrillic2.woff2") format("woff2");
   unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 /* greek-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 100;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-100-greek-ext3.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-100-greek-ext3.woff2") format("woff2");
   unicode-range: U+1F00-1FFF;
 }
 /* greek */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 100;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-100-greek4.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-100-greek4.woff2") format("woff2");
   unicode-range: U+0370-03FF;
 }
 /* vietnamese */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 100;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-100-vietnamese5.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-100-vietnamese5.woff2") format("woff2");
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
 /* latin-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 100;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-100-latin-ext6.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-100-latin-ext6.woff2") format("woff2");
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 100;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-100-latin7.woff2') format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  src: url("~assets/fonts/Roboto-100-latin7.woff2") format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 /* cyrillic-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 300;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-300-cyrillic-ext8.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-300-cyrillic-ext8.woff2") format("woff2");
   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 /* cyrillic */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 300;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-300-cyrillic9.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-300-cyrillic9.woff2") format("woff2");
   unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 /* greek-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 300;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-300-greek-ext10.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-300-greek-ext10.woff2") format("woff2");
   unicode-range: U+1F00-1FFF;
 }
 /* greek */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 300;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-300-greek11.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-300-greek11.woff2") format("woff2");
   unicode-range: U+0370-03FF;
 }
 /* vietnamese */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 300;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-300-vietnamese12.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-300-vietnamese12.woff2") format("woff2");
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
 /* latin-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 300;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-300-latin-ext13.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-300-latin-ext13.woff2") format("woff2");
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 300;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-300-latin14.woff2') format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  src: url("~assets/fonts/Roboto-300-latin14.woff2") format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 /* cyrillic-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-400-cyrillic-ext15.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-400-cyrillic-ext15.woff2") format("woff2");
   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 /* cyrillic */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-400-cyrillic16.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-400-cyrillic16.woff2") format("woff2");
   unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 /* greek-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-400-greek-ext17.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-400-greek-ext17.woff2") format("woff2");
   unicode-range: U+1F00-1FFF;
 }
 /* greek */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-400-greek18.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-400-greek18.woff2") format("woff2");
   unicode-range: U+0370-03FF;
 }
 /* vietnamese */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-400-vietnamese19.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-400-vietnamese19.woff2") format("woff2");
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
 /* latin-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-400-latin-ext20.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-400-latin-ext20.woff2") format("woff2");
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 400;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-400-latin21.woff2') format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  src: url("~assets/fonts/Roboto-400-latin21.woff2") format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 /* cyrillic-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 500;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-500-cyrillic-ext22.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-500-cyrillic-ext22.woff2") format("woff2");
   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 /* cyrillic */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 500;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-500-cyrillic23.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-500-cyrillic23.woff2") format("woff2");
   unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 /* greek-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 500;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-500-greek-ext24.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-500-greek-ext24.woff2") format("woff2");
   unicode-range: U+1F00-1FFF;
 }
 /* greek */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 500;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-500-greek25.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-500-greek25.woff2") format("woff2");
   unicode-range: U+0370-03FF;
 }
 /* vietnamese */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 500;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-500-vietnamese26.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-500-vietnamese26.woff2") format("woff2");
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
 /* latin-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 500;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-500-latin-ext27.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-500-latin-ext27.woff2") format("woff2");
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 500;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-500-latin28.woff2') format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  src: url("~assets/fonts/Roboto-500-latin28.woff2") format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 /* cyrillic-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 700;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-700-cyrillic-ext29.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-700-cyrillic-ext29.woff2") format("woff2");
   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 /* cyrillic */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 700;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-700-cyrillic30.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-700-cyrillic30.woff2") format("woff2");
   unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 /* greek-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 700;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-700-greek-ext31.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-700-greek-ext31.woff2") format("woff2");
   unicode-range: U+1F00-1FFF;
 }
 /* greek */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 700;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-700-greek32.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-700-greek32.woff2") format("woff2");
   unicode-range: U+0370-03FF;
 }
 /* vietnamese */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 700;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-700-vietnamese33.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-700-vietnamese33.woff2") format("woff2");
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
 /* latin-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 700;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-700-latin-ext34.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-700-latin-ext34.woff2") format("woff2");
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 700;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-700-latin35.woff2') format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  src: url("~assets/fonts/Roboto-700-latin35.woff2") format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 /* cyrillic-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 900;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-900-cyrillic-ext36.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-900-cyrillic-ext36.woff2") format("woff2");
   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 /* cyrillic */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 900;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-900-cyrillic37.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-900-cyrillic37.woff2") format("woff2");
   unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 /* greek-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 900;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-900-greek-ext38.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-900-greek-ext38.woff2") format("woff2");
   unicode-range: U+1F00-1FFF;
 }
 /* greek */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 900;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-900-greek39.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-900-greek39.woff2") format("woff2");
   unicode-range: U+0370-03FF;
 }
 /* vietnamese */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 900;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-900-vietnamese40.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-900-vietnamese40.woff2") format("woff2");
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
 /* latin-ext */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 900;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-900-latin-ext41.woff2') format('woff2');
+  src: url("~assets/fonts/Roboto-900-latin-ext41.woff2") format("woff2");
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
 @font-face {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 900;
   font-display: swap;
-  src: url('~assets/fonts/Roboto-900-latin42.woff2') format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  src: url("~assets/fonts/Roboto-900-latin42.woff2") format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
+    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
diff --git a/frontend/assets/css/main.css b/frontend/assets/css/main.css
index 74257bd4a..b421c15eb 100644
--- a/frontend/assets/css/main.css
+++ b/frontend/assets/css/main.css
@@ -17,11 +17,11 @@
 }
 
 .theme--dark.v-application {
-  background-color: var(--v-background-base, #1e1e1e) !important;
+  background-color: rgb(var(--v-theme-background, 30, 30, 30)) !important;
 }
 
 .theme--dark.v-navigation-drawer {
-  background-color: var(--v-background-base, #1e1e1e) !important;
+  background-color: rgb(var(--v-theme-background, 30, 30, 30)) !important;
 }
 
 .theme--dark.v-card {
@@ -29,11 +29,11 @@
 }
 
 .left-border {
-  border-left: 5px solid var(--v-primary-base) !important;
+  border-left: 5px solid rgb(var(--v-theme-primary)) !important;
 }
 
 .left-warning-border {
-  border-left: 5px solid var(--v-warning-base) !important;
+  border-left: 5px solid rgb(var(--v-theme-warning)) !important;
 }
 
 .handle {
@@ -56,3 +56,11 @@
   text-overflow: ellipsis;
   max-width: 100%;
 }
+
+a {
+  color: rgb(var(--v-theme-primary));
+}
+
+.fill-height {
+  min-height: 100vh;
+}
diff --git a/frontend/components/Domain/Cookbook/CookbookEditor.vue b/frontend/components/Domain/Cookbook/CookbookEditor.vue
index 8b42656f7..1ee47067d 100644
--- a/frontend/components/Domain/Cookbook/CookbookEditor.vue
+++ b/frontend/components/Domain/Cookbook/CookbookEditor.vue
@@ -1,17 +1,41 @@
 <template>
   <div>
-    <v-card-text v-if="cookbook" class="px-1">
-      <v-text-field v-model="cookbook.name" :label="$t('cookbook.cookbook-name')"></v-text-field>
-      <v-textarea v-model="cookbook.description" auto-grow :rows="2" :label="$t('recipe.description')"></v-textarea>
+    <v-card-text
+      v-if="cookbook"
+      class="px-1"
+    >
+      <v-text-field
+        v-model="cookbook.name"
+        :label="$t('cookbook.cookbook-name')"
+        variant="underlined"
+        color="primary"
+      />
+      <v-textarea
+        v-model="cookbook.description"
+        auto-grow
+        :rows="2"
+        :label="$t('recipe.description')"
+        variant="underlined"
+        color="primary"
+      />
       <QueryFilterBuilder
         :field-defs="fieldDefs"
         :initial-query-filter="cookbook.queryFilter"
         @input="handleInput"
       />
-      <v-switch v-model="cookbook.public" hide-details single-line>
+      <v-switch
+        v-model="cookbook.public"
+        hide-details
+        single-line
+        color="primary"
+      >
         <template #label>
           {{ $t('cookbook.public-cookbook') }}
-          <HelpIcon small right class="ml-2">
+          <HelpIcon
+            size="small"
+            right
+            class="ml-2"
+          >
             {{ $t('cookbook.public-cookbook-description') }}
           </HelpIcon>
         </template>
@@ -21,16 +45,15 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, useContext } from "@nuxtjs/composition-api";
-import { ReadCookBook } from "~/lib/api/types/cookbook";
+import type { ReadCookBook } from "~/lib/api/types/cookbook";
 import { Organizer } from "~/lib/api/types/non-generated";
 import QueryFilterBuilder from "~/components/Domain/QueryFilterBuilder.vue";
-import { FieldDefinition } from "~/composables/use-query-filter-builder";
+import type { FieldDefinition } from "~/composables/use-query-filter-builder";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { QueryFilterBuilder },
   props: {
-    cookbook: {
+    modelValue: {
       type: Object as () => ReadCookBook,
       required: true,
     },
@@ -39,52 +62,57 @@ export default defineComponent({
       required: true,
     },
   },
-  setup(props) {
-    const { i18n } = useContext();
+  emits: ["update:modelValue"],
+  setup(props, { emit }) {
+    const i18n = useI18n();
+
+    const cookbook = toRef(() => props.modelValue);
 
     function handleInput(value: string | undefined) {
-      props.cookbook.queryFilterString = value || "";
+      cookbook.value.queryFilterString = value || "";
+      emit("update:modelValue", cookbook.value);
     }
 
     const fieldDefs: FieldDefinition[] = [
       {
         name: "recipe_category.id",
-        label: i18n.tc("category.categories"),
+        label: i18n.t("category.categories"),
         type: Organizer.Category,
       },
       {
         name: "tags.id",
-        label: i18n.tc("tag.tags"),
+        label: i18n.t("tag.tags"),
         type: Organizer.Tag,
       },
       {
         name: "recipe_ingredient.food.id",
-        label: i18n.tc("recipe.ingredients"),
+        label: i18n.t("recipe.ingredients"),
         type: Organizer.Food,
       },
       {
         name: "tools.id",
-        label: i18n.tc("tool.tools"),
+        label: i18n.t("tool.tools"),
         type: Organizer.Tool,
       },
       {
         name: "household_id",
-        label: i18n.tc("household.households"),
+        label: i18n.t("household.households"),
         type: Organizer.Household,
       },
       {
         name: "created_at",
-        label: i18n.tc("general.date-created"),
+        label: i18n.t("general.date-created"),
         type: "date",
       },
       {
         name: "updated_at",
-        label: i18n.tc("general.date-updated"),
+        label: i18n.t("general.date-updated"),
         type: "date",
       },
     ];
 
     return {
+      cookbook,
       handleInput,
       fieldDefs,
     };
diff --git a/frontend/components/Domain/Cookbook/CookbookPage.vue b/frontend/components/Domain/Cookbook/CookbookPage.vue
index 97964db3c..36bceb9db 100644
--- a/frontend/components/Domain/Cookbook/CookbookPage.vue
+++ b/frontend/components/Domain/Cookbook/CookbookPage.vue
@@ -7,44 +7,59 @@
       width="100%"
       max-width="1100px"
       :icon="$globals.icons.pages"
-      :title="$tc('general.edit')"
+      :title="$t('general.edit')"
       :submit-icon="$globals.icons.save"
-      :submit-text="$tc('general.save')"
+      :submit-text="$t('general.save')"
       :submit-disabled="!editTarget.queryFilterString"
+      can-submit
       @submit="editCookbook"
     >
       <v-card-text>
-        <CookbookEditor :cookbook="editTarget" :actions="actions" />
+        <CookbookEditor
+          v-model="editTarget"
+          :actions="actions"
+        />
       </v-card-text>
     </BaseDialog>
 
-    <!-- Page -->
-    <v-container v-if="book" fluid>
-      <v-app-bar color="transparent" flat class="mt-n1">
-        <v-icon large left> {{ $globals.icons.pages }} </v-icon>
-        <v-toolbar-title class="headline"> {{ book.name }} </v-toolbar-title>
-        <v-spacer></v-spacer>
-        <BaseButton
-          v-if="canEdit"
-          class="mx-1"
-          :edit="true"
-          @click="handleEditCookbook"
-        />
-      </v-app-bar>
-      <v-card flat>
-        <v-card-text class="py-0">
+    <v-container
+      v-if="book"
+      fluid
+      class="py-0 my-0"
+    >
+      <v-sheet
+        color="transparent"
+        class="d-flex flex-column w-100 pa-0 ma-0"
+        elevation="0"
+      >
+        <div class="d-flex align-center w-100 mb-2">
+          <v-icon size="large" class="mr-3">
+            {{ $globals.icons.pages }}
+          </v-icon>
+          <v-toolbar-title class="headline mb-0">
+            {{ book.name }}
+          </v-toolbar-title>
+          <v-spacer />
+          <BaseButton
+            v-if="canEdit"
+            class="mx-1"
+            :edit="true"
+            @click="handleEditCookbook"
+          />
+        </div>
+        <div v-if="book.description" class="subtitle-1 text-grey-lighten-1 mb-2">
           {{ book.description }}
-        </v-card-text>
-      </v-card>
+        </div>
+      </v-sheet>
 
       <v-container class="pa-0">
         <RecipeCardSection
           class="mb-5 mx-1"
           :recipes="recipes"
           :query="{ cookbook: slug }"
-          @sortRecipes="assignSorted"
-          @replaceRecipes="replaceRecipes"
-          @appendRecipes="appendRecipes"
+          @sort-recipes="assignSorted"
+          @replace-recipes="replaceRecipes"
+          @append-recipes="appendRecipes"
           @delete="removeRecipe"
         />
       </v-container>
@@ -52,92 +67,89 @@
   </div>
 </template>
 
-  <script lang="ts">
-  import { computed, defineComponent, useRoute, ref, useContext, useMeta, reactive, useRouter } from "@nuxtjs/composition-api";
-  import { useLazyRecipes } from "~/composables/recipes";
-  import RecipeCardSection from "@/components/Domain/Recipe/RecipeCardSection.vue";
-  import { useCookbook, useCookbooks } from "~/composables/use-group-cookbooks";
-  import { useLoggedInState } from "~/composables/use-logged-in-state";
-  import { RecipeCookBook } from "~/lib/api/types/cookbook";
-  import CookbookEditor from "~/components/Domain/Cookbook/CookbookEditor.vue";
+<script lang="ts">
+import { useLazyRecipes } from "~/composables/recipes";
+import RecipeCardSection from "@/components/Domain/Recipe/RecipeCardSection.vue";
+import { useCookbook, useCookbooks } from "~/composables/use-group-cookbooks";
+import { useLoggedInState } from "~/composables/use-logged-in-state";
+import type { RecipeCookBook } from "~/lib/api/types/cookbook";
+import CookbookEditor from "~/components/Domain/Cookbook/CookbookEditor.vue";
 
-  export default defineComponent({
-    components: { RecipeCardSection, CookbookEditor },
-    setup() {
-      const { $auth } = useContext();
-      const { isOwnGroup } = useLoggedInState();
+export default defineNuxtComponent({
+  components: { RecipeCardSection, CookbookEditor },
+  setup() {
+    const $auth = useMealieAuth();
+    const { isOwnGroup } = useLoggedInState();
 
-      const route = useRoute();
-      const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    const route = useRoute();
+    const groupSlug = computed(() => route.params.groupSlug as string || $auth.user.value?.groupSlug || "");
 
-      const { recipes, appendRecipes, assignSorted, removeRecipe, replaceRecipes } = useLazyRecipes(isOwnGroup.value ? null : groupSlug.value);
-      const slug = route.value.params.slug;
-      const { getOne } = useCookbook(isOwnGroup.value ? null : groupSlug.value);
-      const { actions } = useCookbooks();
-      const router = useRouter();
+    const { recipes, appendRecipes, assignSorted, removeRecipe, replaceRecipes } = useLazyRecipes(isOwnGroup.value ? null : groupSlug.value);
+    const slug = route.params.slug as string;
+    const { getOne } = useCookbook(isOwnGroup.value ? null : groupSlug.value);
+    const { actions } = useCookbooks();
+    const router = useRouter();
 
-      const tab = ref(null);
-      const book = getOne(slug);
+    const tab = ref(null);
+    const book = getOne(slug);
 
-      const isOwnHousehold = computed(() => {
-        if (!($auth.user && book.value?.householdId)) {
-          return false;
-        }
-
-        return $auth.user.householdId === book.value.householdId;
-      })
-      const canEdit = computed(() => isOwnGroup.value && isOwnHousehold.value);
-
-      const dialogStates = reactive({
-        edit: false,
-      });
-
-      const editTarget = ref<RecipeCookBook | null>(null);
-      function handleEditCookbook() {
-        dialogStates.edit = true;
-        editTarget.value = book.value;
+    const isOwnHousehold = computed(() => {
+      if (!($auth.user.value && book.value?.householdId)) {
+        return false;
       }
 
-      async function editCookbook() {
-        if (!editTarget.value) {
-          return;
-        }
-        const response = await actions.updateOne(editTarget.value);
+      return $auth.user.value.householdId === book.value.householdId;
+    });
+    const canEdit = computed(() => isOwnGroup.value && isOwnHousehold.value);
 
-        if (response?.slug && book.value?.slug !== response?.slug) {
-          // if name changed, redirect to new slug
-          router.push(`/g/${route.value.params.groupSlug}/cookbooks/${response?.slug}`);
-        } else {
-          // otherwise reload the page, since the recipe criteria changed
-          router.go(0);
-        }
-        dialogStates.edit = false;
-        editTarget.value = null;
+    const dialogStates = reactive({
+      edit: false,
+    });
+
+    const editTarget = ref<RecipeCookBook | null>(null);
+    function handleEditCookbook() {
+      dialogStates.edit = true;
+      editTarget.value = book.value;
+    }
+
+    async function editCookbook() {
+      if (!editTarget.value) {
+        return;
       }
+      const response = await actions.updateOne(editTarget.value);
 
-      useMeta(() => {
-        return {
-          title: book?.value?.name || "Cookbook",
-        };
-      });
+      if (response?.slug && book.value?.slug !== response?.slug) {
+        // if name changed, redirect to new slug
+        router.push(`/g/${route.params.groupSlug}/cookbooks/${response?.slug}`);
+      }
+      else {
+        // otherwise reload the page, since the recipe criteria changed
+        router.go(0);
+      }
+      dialogStates.edit = false;
+      editTarget.value = null;
+    }
 
-      return {
-        book,
-        slug,
-        tab,
-        appendRecipes,
-        assignSorted,
-        recipes,
-        removeRecipe,
-        replaceRecipes,
-        canEdit,
-        dialogStates,
-        editTarget,
-        handleEditCookbook,
-        editCookbook,
-        actions,
-      };
-    },
-    head: {}, // Must include for useMeta
-  });
-  </script>
+    useSeoMeta({
+      title: book?.value?.name || "Cookbook",
+    });
+
+    return {
+      book,
+      slug,
+      tab,
+      appendRecipes,
+      assignSorted,
+      recipes,
+      removeRecipe,
+      replaceRecipes,
+      canEdit,
+      dialogStates,
+      editTarget,
+      handleEditCookbook,
+      editCookbook,
+      actions,
+    };
+  },
+});
+</script>
diff --git a/frontend/components/Domain/Group/GroupExportData.vue b/frontend/components/Domain/Group/GroupExportData.vue
index 64cf4efe0..fc2f0c05f 100644
--- a/frontend/components/Domain/Group/GroupExportData.vue
+++ b/frontend/components/Domain/Group/GroupExportData.vue
@@ -7,21 +7,24 @@
     class="elevation-0"
     @click:row="downloadData"
   >
-    <template #item.expires="{ item }">
+    <template #[`item.expires`]="{ item }">
       {{ getTimeToExpire(item.expires) }}
     </template>
-    <template #item.actions="{ item }">
-      <BaseButton download small :download-url="`/api/recipes/bulk-actions/export/download?path=${item.path}`">
-      </BaseButton>
+    <template #[`item.actions`]="{ item }">
+      <BaseButton
+        download
+        size="small"
+        :download-url="`/api/recipes/bulk-actions/export/download?path=${item.path}`"
+      />
     </template>
   </v-data-table>
 </template>
 
 <script lang="ts">
-import { defineComponent, useContext } from "@nuxtjs/composition-api";
 import { parseISO, formatDistanceToNow } from "date-fns";
-import { GroupDataExport } from "~/lib/api/types/group";
-export default defineComponent({
+import type { GroupDataExport } from "~/lib/api/types/group";
+
+export default defineNuxtComponent({
   props: {
     exports: {
       type: Array as () => GroupDataExport[],
@@ -29,14 +32,14 @@ export default defineComponent({
     },
   },
   setup() {
-    const { i18n } = useContext();
+    const i18n = useI18n();
 
     const headers = [
-      { text: i18n.t("export.export"), value: "name" },
-      { text: i18n.t("export.file-name"), value: "filename" },
-      { text: i18n.t("export.size"), value: "size" },
-      { text: i18n.t("export.link-expires"), value: "expires" },
-      { text: "", value: "actions" },
+      { title: i18n.t("export.export"), value: "name" },
+      { title: i18n.t("export.file-name"), value: "filename" },
+      { title: i18n.t("export.size"), value: "size" },
+      { title: i18n.t("export.link-expires"), value: "expires" },
+      { title: "", value: "actions" },
     ];
 
     function getTimeToExpire(timeString: string) {
diff --git a/frontend/components/Domain/Group/GroupPreferencesEditor.vue b/frontend/components/Domain/Group/GroupPreferencesEditor.vue
index 4fab77b67..82b2f82c7 100644
--- a/frontend/components/Domain/Group/GroupPreferencesEditor.vue
+++ b/frontend/components/Domain/Group/GroupPreferencesEditor.vue
@@ -1,27 +1,30 @@
 <template>
   <div v-if="preferences">
-    <BaseCardSectionTitle :title="$tc('group.general-preferences')"></BaseCardSectionTitle>
-    <v-checkbox v-model="preferences.privateGroup" class="mt-n4" :label="$t('group.private-group')"></v-checkbox>
+    <BaseCardSectionTitle :title="$t('group.general-preferences')" />
+    <v-checkbox
+      v-model="preferences.privateGroup"
+      class="mt-n4"
+      :label="$t('group.private-group')"
+    />
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, computed } from "@nuxtjs/composition-api";
-
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
-    value: {
+    modelValue: {
       type: Object,
       required: true,
     },
   },
+  emits: ["update:modelValue"],
   setup(props, context) {
     const preferences = computed({
       get() {
-        return props.value;
+        return props.modelValue;
       },
       set(val) {
-        context.emit("input", val);
+        context.emit("update:modelValue", val);
       },
     });
 
@@ -32,5 +35,4 @@ export default defineComponent({
 });
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>
diff --git a/frontend/components/Domain/Household/GroupHouseholdSelector.vue b/frontend/components/Domain/Household/GroupHouseholdSelector.vue
index fcdf63e40..a73e10681 100644
--- a/frontend/components/Domain/Household/GroupHouseholdSelector.vue
+++ b/frontend/components/Domain/Household/GroupHouseholdSelector.vue
@@ -5,31 +5,30 @@
     :label="label"
     :hint="description"
     :persistent-hint="!!description"
-    item-text="name"
+    item-title="name"
     :multiple="multiselect"
     :prepend-inner-icon="$globals.icons.household"
     return-object
   >
-    <template #selection="data">
+    <template #chip="data">
       <v-chip
         :key="data.index"
         class="ma-1"
-        :input-value="data.selected"
-        small
-        close
+        :input-value="data.item"
+        size="small"
+        closable
         label
         color="accent"
         dark
         @click:close="removeByIndex(data.index)"
       >
-        {{ data.item.name || data.item }}
+        {{ data.item.raw.name || data.item }}
       </v-chip>
     </template>
   </v-select>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, onMounted, useContext } from "@nuxtjs/composition-api";
 import { useHouseholdStore } from "~/composables/store/use-household-store";
 
 interface HouseholdLike {
@@ -37,9 +36,9 @@ interface HouseholdLike {
   name: string;
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
-    value: {
+    modelValue: {
       type: Array as () => HouseholdLike[],
       required: true,
     },
@@ -52,11 +51,12 @@ export default defineComponent({
       default: "",
     },
   },
+  emits: ["update:modelValue"],
   setup(props, context) {
     const selected = computed({
-      get: () => props.value,
+      get: () => props.modelValue,
       set: (val) => {
-        context.emit("input", val);
+        context.emit("update:modelValue", val);
       },
     });
 
@@ -66,9 +66,9 @@ export default defineComponent({
       }
     });
 
-    const { i18n } = useContext();
+    const i18n = useI18n();
     const label = computed(
-      () => props.multiselect ? i18n.tc("household.households") : i18n.tc("household.household")
+      () => props.multiselect ? i18n.t("household.households") : i18n.t("household.household"),
     );
 
     const { store: households } = useHouseholdStore();
diff --git a/frontend/components/Domain/Household/GroupMealPlanDayContextMenu.vue b/frontend/components/Domain/Household/GroupMealPlanDayContextMenu.vue
index e2cca4665..54e548edb 100644
--- a/frontend/components/Domain/Household/GroupMealPlanDayContextMenu.vue
+++ b/frontend/components/Domain/Household/GroupMealPlanDayContextMenu.vue
@@ -8,26 +8,41 @@
     />
     <v-menu
       offset-y
-      left
+      start
       :bottom="!menuTop"
       :nudge-bottom="!menuTop ? '5' : '0'"
       :top="menuTop"
       :nudge-top="menuTop ? '5' : '0'"
       allow-overflow
       close-delay="125"
-      :open-on-hover="$vuetify.breakpoint.mdAndUp"
+      :open-on-hover="mdAndUp"
       content-class="d-print-none"
     >
-      <template #activator="{ on, attrs }">
-        <v-btn :fab="fab" :small="fab" :color="color" :icon="!fab" dark v-bind="attrs" v-on="on" @click.prevent>
+      <template #activator="{ props }">
+        <v-btn
+          :class="{ 'rounded-circle': fab }"
+          :size="fab ? 'small' : undefined"
+          :color="color"
+          :icon="!fab"
+          variant="text"
+          dark
+          v-bind="props"
+          @click.prevent
+        >
           <v-icon>{{ icon }}</v-icon>
         </v-btn>
       </template>
-      <v-list dense>
-        <v-list-item v-for="(item, index) in menuItems" :key="index" @click="contextMenuEventHandler(item.event)">
-          <v-list-item-icon>
-            <v-icon :color="item.color"> {{ item.icon }} </v-icon>
-          </v-list-item-icon>
+      <v-list density="compact">
+        <v-list-item
+          v-for="(item, index) in menuItems"
+          :key="index"
+          @click="contextMenuEventHandler(item.event)"
+        >
+          <template #prepend>
+            <v-icon :color="item.color">
+              {{ item.icon }}
+            </v-icon>
+          </template>
           <v-list-item-title>{{ item.title }}</v-list-item-title>
         </v-list-item>
       </v-list>
@@ -36,10 +51,9 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, reactive, ref, toRefs, useContext } from "@nuxtjs/composition-api";
-import { Recipe } from "~/lib/api/types/recipe";
+import type { Recipe } from "~/lib/api/types/recipe";
 import RecipeDialogAddToShoppingList from "~/components/Domain/Recipe/RecipeDialogAddToShoppingList.vue";
-import { ShoppingListSummary } from "~/lib/api/types/household";
+import type { ShoppingListSummary } from "~/lib/api/types/household";
 import { useUserApi } from "~/composables/api";
 
 export interface ContextMenuItem {
@@ -50,7 +64,7 @@ export interface ContextMenuItem {
   isPublic: boolean;
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     RecipeDialogAddToShoppingList,
   },
@@ -77,7 +91,10 @@ export default defineComponent({
     },
   },
   setup(props, context) {
-    const { $globals, i18n } = useContext();
+    const { mdAndUp } = useDisplay();
+
+    const i18n = useI18n();
+    const { $globals } = useNuxtApp();
     const api = useUserApi();
 
     const state = reactive({
@@ -85,7 +102,7 @@ export default defineComponent({
       shoppingListDialog: false,
       menuItems: [
         {
-          title: i18n.tc("recipe.add-to-list"),
+          title: i18n.t("recipe.add-to-list"),
           icon: $globals.icons.cartCheck,
           color: undefined,
           event: "shoppingList",
@@ -103,16 +120,17 @@ export default defineComponent({
           scale: 1,
           ...recipe,
         };
-      })
-    })
+      });
+    });
 
     async function getShoppingLists() {
       const { data } = await api.shopping.lists.getAll(1, -1, { orderBy: "name", orderDirection: "asc" });
       if (data) {
-        shoppingLists.value = data.items ?? [];
+        shoppingLists.value = data.items as ShoppingListSummary[] ?? [];
       }
     }
 
+    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
     const eventHandlers: { [key: string]: () => void | Promise<any> } = {
       shoppingList: () => {
         getShoppingLists();
@@ -139,7 +157,8 @@ export default defineComponent({
       icon,
       recipesWithScales,
       shoppingLists,
-    }
+      mdAndUp,
+    };
   },
-})
+});
 </script>
diff --git a/frontend/components/Domain/Household/GroupMealPlanRuleForm.vue b/frontend/components/Domain/Household/GroupMealPlanRuleForm.vue
index 259e399ad..7e10a7941 100644
--- a/frontend/components/Domain/Household/GroupMealPlanRuleForm.vue
+++ b/frontend/components/Domain/Household/GroupMealPlanRuleForm.vue
@@ -1,8 +1,19 @@
 <template>
   <div>
-    <div class="d-md-flex" style="gap: 10px">
-      <v-select v-model="inputDay" :items="MEAL_DAY_OPTIONS" :label="$t('meal-plan.rule-day')"></v-select>
-      <v-select v-model="inputEntryType" :items="MEAL_TYPE_OPTIONS" :label="$t('meal-plan.meal-type')"></v-select>
+    <div
+      class="d-md-flex"
+      style="gap: 10px"
+    >
+      <v-select
+        v-model="inputDay"
+        :items="MEAL_DAY_OPTIONS"
+        :label="$t('meal-plan.rule-day')"
+      />
+      <v-select
+        v-model="inputEntryType"
+        :items="MEAL_TYPE_OPTIONS"
+        :label="$t('meal-plan.meal-type')"
+      />
     </div>
 
     <div class="mb-5">
@@ -15,20 +26,19 @@
 
     <!-- TODO: proper pluralization of inputDay -->
     {{ $t('meal-plan.this-rule-will-apply', {
-         dayCriteria: inputDay === "unset" ? $t('meal-plan.to-all-days') : $t('meal-plan.on-days', [inputDay]),
-         mealTypeCriteria: inputEntryType === "unset" ? $t('meal-plan.for-all-meal-types') : $t('meal-plan.for-type-meal-types', [inputEntryType])
-        }) }}
+      dayCriteria: inputDay === "unset" ? $t('meal-plan.to-all-days') : $t('meal-plan.on-days', [inputDay]),
+      mealTypeCriteria: inputEntryType === "unset" ? $t('meal-plan.for-all-meal-types') : $t('meal-plan.for-type-meal-types', [inputEntryType]),
+    }) }}
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, useContext } from "@nuxtjs/composition-api";
 import QueryFilterBuilder from "~/components/Domain/QueryFilterBuilder.vue";
-import { FieldDefinition } from "~/composables/use-query-filter-builder";
+import type { FieldDefinition } from "~/composables/use-query-filter-builder";
 import { Organizer } from "~/lib/api/types/non-generated";
-import { QueryFilterJSON } from "~/lib/api/types/response";
+import type { QueryFilterJSON } from "~/lib/api/types/response";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     QueryFilterBuilder,
   },
@@ -54,8 +64,9 @@ export default defineComponent({
       default: false,
     },
   },
+  emits: ["update:day", "update:entry-type", "update:query-filter-string"],
   setup(props, context) {
-    const { i18n } = useContext();
+    const i18n = useI18n();
 
     const MEAL_TYPE_OPTIONS = [
       { text: i18n.t("meal-plan.breakfast"), value: "breakfast" },
@@ -110,42 +121,42 @@ export default defineComponent({
     const fieldDefs: FieldDefinition[] = [
       {
         name: "recipe_category.id",
-        label: i18n.tc("category.categories"),
+        label: i18n.t("category.categories"),
         type: Organizer.Category,
       },
       {
         name: "tags.id",
-        label: i18n.tc("tag.tags"),
+        label: i18n.t("tag.tags"),
         type: Organizer.Tag,
       },
       {
         name: "recipe_ingredient.food.id",
-        label: i18n.tc("recipe.ingredients"),
+        label: i18n.t("recipe.ingredients"),
         type: Organizer.Food,
       },
       {
         name: "tools.id",
-        label: i18n.tc("tool.tools"),
+        label: i18n.t("tool.tools"),
         type: Organizer.Tool,
       },
       {
         name: "household_id",
-        label: i18n.tc("household.households"),
+        label: i18n.t("household.households"),
         type: Organizer.Household,
       },
       {
         name: "last_made",
-        label: i18n.tc("general.last-made"),
+        label: i18n.t("general.last-made"),
         type: "date",
       },
       {
         name: "created_at",
-        label: i18n.tc("general.date-created"),
+        label: i18n.t("general.date-created"),
         type: "date",
       },
       {
         name: "updated_at",
-        label: i18n.tc("general.date-updated"),
+        label: i18n.t("general.date-updated"),
         type: "date",
       },
     ];
diff --git a/frontend/components/Domain/Household/GroupWebhookEditor.vue b/frontend/components/Domain/Household/GroupWebhookEditor.vue
index 55bae8df8..99588e147 100644
--- a/frontend/components/Domain/Household/GroupWebhookEditor.vue
+++ b/frontend/components/Domain/Household/GroupWebhookEditor.vue
@@ -1,27 +1,44 @@
 <template>
   <div>
     <v-card-text>
-      <v-switch v-model="webhookCopy.enabled" :label="$t('general.enabled')"></v-switch>
-      <v-text-field v-model="webhookCopy.name" :label="$t('settings.webhooks.webhook-name')"></v-text-field>
-      <v-text-field v-model="webhookCopy.url" :label="$t('settings.webhooks.webhook-url')"></v-text-field>
-      <v-time-picker v-model="scheduledTime" class="elevation-2" ampm-in-title format="ampm"></v-time-picker>
+      <v-switch
+        v-model="webhookCopy.enabled"
+        color="primary"
+        :label="$t('general.enabled')"
+      />
+      <v-text-field
+        v-model="webhookCopy.name"
+        :label="$t('settings.webhooks.webhook-name')"
+        variant="underlined"
+      />
+      <v-text-field
+        v-model="webhookCopy.url"
+        :label="$t('settings.webhooks.webhook-url')"
+        variant="underlined"
+      />
+      <v-time-picker
+        v-model="scheduledTime"
+        class="elevation-2"
+        ampm-in-title
+        format="ampm"
+      />
     </v-card-text>
     <v-card-actions class="py-0 justify-end">
       <BaseButtonGroup
         :buttons="[
           {
             icon: $globals.icons.delete,
-            text: $tc('general.delete'),
+            text: $t('general.delete'),
             event: 'delete',
           },
           {
             icon: $globals.icons.testTube,
-            text: $tc('general.test'),
+            text: $t('general.test'),
             event: 'test',
           },
           {
             icon: $globals.icons.save,
-            text: $tc('general.save'),
+            text: $t('general.save'),
             event: 'save',
           },
         ]"
@@ -34,11 +51,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, ref } from "@nuxtjs/composition-api";
-import { ReadWebhook } from "~/lib/api/types/household";
+import type { ReadWebhook } from "~/lib/api/types/household";
 import { timeLocalToUTC, timeUTCToLocal } from "~/composables/use-group-webhooks";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     webhook: {
       type: Object as () => ReadWebhook,
@@ -47,6 +63,7 @@ export default defineComponent({
   },
   emits: ["delete", "save", "test"],
   setup(props, { emit }) {
+    const i18n = useI18n();
     const itemUTC = ref<string>(props.webhook.scheduledTime);
     const itemLocal = ref<string>(timeUTCToLocal(props.webhook.scheduledTime));
 
@@ -67,6 +84,11 @@ export default defineComponent({
       emit("save", webhookCopy.value);
     }
 
+    // Set page title using useSeoMeta
+    useSeoMeta({
+      title: i18n.t("settings.webhooks.webhooks"),
+    });
+
     return {
       webhookCopy,
       scheduledTime,
@@ -75,10 +97,5 @@ export default defineComponent({
       itemLocal,
     };
   },
-  head() {
-    return {
-      title: this.$t("settings.webhooks.webhooks") as string,
-    };
-  },
 });
 </script>
diff --git a/frontend/components/Domain/Household/HouseholdPreferencesEditor.vue b/frontend/components/Domain/Household/HouseholdPreferencesEditor.vue
index e5c889938..ea1df3670 100644
--- a/frontend/components/Domain/Household/HouseholdPreferencesEditor.vue
+++ b/frontend/components/Domain/Household/HouseholdPreferencesEditor.vue
@@ -1,157 +1,144 @@
 <template>
-  <div v-if="preferences">
-    <BaseCardSectionTitle class="mt-10" :title="$tc('household.household-preferences')"></BaseCardSectionTitle>
-    <div class="mb-6">
-      <v-checkbox
-        v-model="preferences.privateHousehold"
-        hide-details
-        dense
-        :label="$t('household.private-household')"
-      />
-      <div class="ml-8">
-        <p class="text-subtitle-2 my-0 py-0">
-          {{ $t("household.private-household-description") }}
-        </p>
-        <DocLink class="mt-2" link="/documentation/getting-started/faq/#how-do-private-groups-and-recipes-work" />
-      </div>
-    </div>
-    <div class="mb-6">
-      <v-checkbox
-        v-model="preferences.lockRecipeEditsFromOtherHouseholds"
-        hide-details
-        dense
-        :label="$t('household.lock-recipe-edits-from-other-households')"
-      />
-      <div class="ml-8">
-        <p class="text-subtitle-2 my-0 py-0">
-          {{ $t("household.lock-recipe-edits-from-other-households-description") }}
-        </p>
-      </div>
-    </div>
-    <v-select
-      v-model="preferences.firstDayOfWeek"
-      :prepend-icon="$globals.icons.calendarWeekBegin"
-      :items="allDays"
-      item-text="name"
-      item-value="value"
-      :label="$t('settings.first-day-of-week')"
-    />
+	<div v-if="preferences">
+		<BaseCardSectionTitle :title="$t('household.household-preferences')" />
+		<div class="mb-6">
+			<v-checkbox v-model="preferences.privateHousehold" hide-details density="compact" :label="$t('household.private-household')" color="primary" />
+			<div class="ml-8">
+				<p class="text-subtitle-2 my-0 py-0">
+					{{ $t("household.private-household-description") }}
+				</p>
+				<DocLink class="mt-2" link="/documentation/getting-started/faq/#how-do-private-groups-and-recipes-work" />
+			</div>
+		</div>
+		<div class="mb-6">
+			<v-checkbox v-model="preferences.lockRecipeEditsFromOtherHouseholds" hide-details density="compact" :label="$t('household.lock-recipe-edits-from-other-households')" color="primary" />
+			<div class="ml-8">
+				<p class="text-subtitle-2 my-0 py-0">
+					{{ $t("household.lock-recipe-edits-from-other-households-description") }}
+				</p>
+			</div>
+		</div>
+		<v-select
+			v-model="preferences.firstDayOfWeek"
+			:prepend-icon="$globals.icons.calendarWeekBegin"
+			:items="allDays"
+			item-title="name"
+			item-value="value"
+			:label="$t('settings.first-day-of-week')"
+			variant="underlined"
+			flat
+		/>
 
-    <BaseCardSectionTitle class="mt-5" :title="$tc('household.household-recipe-preferences')"></BaseCardSectionTitle>
-    <div class="preference-container">
-      <div v-for="p in recipePreferences" :key="p.key">
-        <v-checkbox
-          v-model="preferences[p.key]"
-          hide-details
-          dense
-          :label="p.label"
-        />
-        <p class="ml-8 text-subtitle-2 my-0 py-0">
-          {{ p.description }}
-        </p>
-      </div>
-    </div>
-  </div>
+		<BaseCardSectionTitle class="mt-5" :title="$t('household.household-recipe-preferences')" />
+		<div class="preference-container">
+			<div v-for="p in recipePreferences" :key="p.key">
+				<v-checkbox v-model="preferences[p.key]" hide-details density="compact" :label="p.label" color="primary" />
+				<p class="ml-8 text-subtitle-2 my-0 py-0">
+					{{ p.description }}
+				</p>
+			</div>
+		</div>
+	</div>
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, useContext } from "@nuxtjs/composition-api";
-import { ReadHouseholdPreferences } from "~/lib/api/types/household";
+import type { ReadHouseholdPreferences } from "~/lib/api/types/household";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
-    value: {
+    modelValue: {
       type: Object,
       required: true,
     },
   },
+  emits: ["update:modelValue"],
   setup(props, context) {
-    const { i18n } = useContext();
+    const i18n = useI18n();
 
-    type Preference = {
-      key: keyof ReadHouseholdPreferences;
-      label: string;
-      description: string;
-    }
+		type Preference = {
+		  key: keyof ReadHouseholdPreferences;
+		  label: string;
+		  description: string;
+		};
 
-    const recipePreferences: Preference[] = [
-      {
-        key: "recipePublic",
-        label: i18n.tc("group.allow-users-outside-of-your-group-to-see-your-recipes"),
-        description: i18n.tc("group.allow-users-outside-of-your-group-to-see-your-recipes-description"),
-      },
-      {
-        key: "recipeShowNutrition",
-        label: i18n.tc("group.show-nutrition-information"),
-        description: i18n.tc("group.show-nutrition-information-description"),
-      },
-      {
-        key: "recipeShowAssets",
-        label: i18n.tc("group.show-recipe-assets"),
-        description: i18n.tc("group.show-recipe-assets-description"),
-      },
-      {
-        key: "recipeLandscapeView",
-        label: i18n.tc("group.default-to-landscape-view"),
-        description: i18n.tc("group.default-to-landscape-view-description"),
-      },
-      {
-        key: "recipeDisableComments",
-        label: i18n.tc("group.disable-users-from-commenting-on-recipes"),
-        description: i18n.tc("group.disable-users-from-commenting-on-recipes-description"),
-      },
-      {
-        key: "recipeDisableAmount",
-        label: i18n.tc("group.disable-organizing-recipe-ingredients-by-units-and-food"),
-        description: i18n.tc("group.disable-organizing-recipe-ingredients-by-units-and-food-description"),
-      },
-    ];
+		const recipePreferences: Preference[] = [
+		  {
+		    key: "recipePublic",
+		    label: i18n.t("group.allow-users-outside-of-your-group-to-see-your-recipes"),
+		    description: i18n.t("group.allow-users-outside-of-your-group-to-see-your-recipes-description"),
+		  },
+		  {
+		    key: "recipeShowNutrition",
+		    label: i18n.t("group.show-nutrition-information"),
+		    description: i18n.t("group.show-nutrition-information-description"),
+		  },
+		  {
+		    key: "recipeShowAssets",
+		    label: i18n.t("group.show-recipe-assets"),
+		    description: i18n.t("group.show-recipe-assets-description"),
+		  },
+		  {
+		    key: "recipeLandscapeView",
+		    label: i18n.t("group.default-to-landscape-view"),
+		    description: i18n.t("group.default-to-landscape-view-description"),
+		  },
+		  {
+		    key: "recipeDisableComments",
+		    label: i18n.t("group.disable-users-from-commenting-on-recipes"),
+		    description: i18n.t("group.disable-users-from-commenting-on-recipes-description"),
+		  },
+		  {
+		    key: "recipeDisableAmount",
+		    label: i18n.t("group.disable-organizing-recipe-ingredients-by-units-and-food"),
+		    description: i18n.t("group.disable-organizing-recipe-ingredients-by-units-and-food-description"),
+		  },
+		];
 
-    const allDays = [
-      {
-        name: i18n.t("general.sunday"),
-        value: 0,
-      },
-      {
-        name: i18n.t("general.monday"),
-        value: 1,
-      },
-      {
-        name: i18n.t("general.tuesday"),
-        value: 2,
-      },
-      {
-        name: i18n.t("general.wednesday"),
-        value: 3,
-      },
-      {
-        name: i18n.t("general.thursday"),
-        value: 4,
-      },
-      {
-        name: i18n.t("general.friday"),
-        value: 5,
-      },
-      {
-        name: i18n.t("general.saturday"),
-        value: 6,
-      },
-    ];
+		const allDays = [
+		  {
+		    name: i18n.t("general.sunday"),
+		    value: 0,
+		  },
+		  {
+		    name: i18n.t("general.monday"),
+		    value: 1,
+		  },
+		  {
+		    name: i18n.t("general.tuesday"),
+		    value: 2,
+		  },
+		  {
+		    name: i18n.t("general.wednesday"),
+		    value: 3,
+		  },
+		  {
+		    name: i18n.t("general.thursday"),
+		    value: 4,
+		  },
+		  {
+		    name: i18n.t("general.friday"),
+		    value: 5,
+		  },
+		  {
+		    name: i18n.t("general.saturday"),
+		    value: 6,
+		  },
+		];
 
-    const preferences = computed({
-      get() {
-        return props.value;
-      },
-      set(val) {
-        context.emit("input", val);
-      },
-    });
+		const preferences = computed({
+		  get() {
+		    return props.modelValue;
+		  },
+		  set(val) {
+		    context.emit("update:modelValue", val);
+		  },
+		});
 
-    return {
-      allDays,
-      preferences,
-      recipePreferences,
-    };
+		return {
+		  allDays,
+		  preferences,
+		  recipePreferences,
+		};
   },
 });
 </script>
diff --git a/frontend/components/Domain/QueryFilterBuilder.vue b/frontend/components/Domain/QueryFilterBuilder.vue
index b87fb2461..85a1672ba 100644
--- a/frontend/components/Domain/QueryFilterBuilder.vue
+++ b/frontend/components/Domain/QueryFilterBuilder.vue
@@ -2,10 +2,10 @@
   <v-card class="ma-0" style="overflow-x: auto;">
     <v-card-text class="ma-0 pa-0">
       <v-container fluid class="ma-0 pa-0">
-        <draggable
-          :value="fields"
+        <VueDraggable
+          v-model="fields"
           handle=".handle"
-          delay="250"
+          :delay="250"
           :delay-on-touch-only="true"
           v-bind="{
             animation: 200,
@@ -17,127 +17,142 @@
         >
           <v-row
             v-for="(field, index) in fields"
-            :key="index"
+            :key="field.id"
             class="d-flex flex-nowrap"
             style="max-width: 100%;"
           >
+            <!-- drag handle -->
             <v-col
-              :cols="attrs.fields.icon.cols"
-              :class="attrs.col.class"
-              :style="attrs.fields.icon.style"
+              :cols="config.items.icon.cols"
+              :class="config.col.class"
+              :style="config.items.icon.style"
             >
               <v-icon
                 class="handle"
-                style="width: 100%; height: 100%;"
+                :size="24"
+                style="cursor: move;margin: auto;"
               >
                 {{ $globals.icons.arrowUpDown }}
               </v-icon>
             </v-col>
+            <!-- and / or  -->
             <v-col
-              :cols="attrs.fields.logicalOperator.cols"
-              :class="attrs.col.class"
-              :style="attrs.fields.logicalOperator.style"
+              :cols="config.items.logicalOperator.cols"
+              :class="config.col.class"
+              :style="config.items.logicalOperator.style"
             >
               <v-select
                 v-if="index"
-                v-model="field.logicalOperator"
+                :model-value="field.logicalOperator"
                 :items="[logOps.AND, logOps.OR]"
-                item-text="label"
+                item-title="label"
                 item-value="value"
-                @input="setLogicalOperatorValue(field, index, $event)"
+                variant="underlined"
+                @update:model-value="setLogicalOperatorValue(field, index, $event as unknown as LogicalOperator)"
               >
-                <template #selection="{ item }">
-                  <span :class="attrs.select.textClass" style="width: 100%;">
-                    {{ item.label }}
+                <template #chip="{ item }">
+                  <span :class="config.select.textClass" style="width: 100%;">
+                    {{ item.raw.label }}
                   </span>
                 </template>
               </v-select>
             </v-col>
+            <!-- left parenthesis -->
             <v-col
               v-if="showAdvanced"
-              :cols="attrs.fields.leftParens.cols"
-              :class="attrs.col.class"
-              :style="attrs.fields.leftParens.style"
+              :cols="config.items.leftParens.cols"
+              :class="config.col.class"
+              :style="config.items.leftParens.style"
             >
               <v-select
-                v-model="field.leftParenthesis"
+                :model-value="field.leftParenthesis"
                 :items="['', '(', '((', '(((']"
-                @input="setLeftParenthesisValue(field, index, $event)"
+                variant="underlined"
+                @update:model-value="setLeftParenthesisValue(field, index, $event)"
               >
-                <template #selection="{ item }">
-                  <span :class="attrs.select.textClass" style="width: 100%;">
-                    {{ item }}
+                <template #chip="{ item }">
+                  <span :class="config.select.textClass" style="width: 100%;">
+                    {{ item.raw }}
                   </span>
                 </template>
               </v-select>
             </v-col>
+            <!-- field name -->
             <v-col
-              :cols="attrs.fields.fieldName.cols"
-              :class="attrs.col.class"
-              :style="attrs.fields.fieldName.style"
+              :cols="config.items.fieldName.cols"
+              :class="config.col.class"
+              :style="config.items.fieldName.style"
             >
               <v-select
-                v-model="field.label"
+                chips
+                :model-value="field.label"
                 :items="fieldDefs"
-                item-text="label"
-                @change="setField(index, $event)"
+                variant="underlined"
+                item-title="label"
+                @update:model-value="setField(index, $event)"
               >
-                <template #selection="{ item }">
-                  <span :class="attrs.select.textClass" style="width: 100%;">
-                    {{ item.label }}
+                <template #chip="{ item }">
+                  <span :class="config.select.textClass" style="width: 100%;">
+                    {{ item.raw.label }}
                   </span>
                 </template>
               </v-select>
             </v-col>
+            <!-- relational operator -->
             <v-col
-              :cols="attrs.fields.relationalOperator.cols"
-              :class="attrs.col.class"
-              :style="attrs.fields.relationalOperator.style"
+              :cols="config.items.relationalOperator.cols"
+              :class="config.col.class"
+              :style="config.items.relationalOperator.style"
             >
               <v-select
                 v-if="field.type !== 'boolean'"
-                v-model="field.relationalOperatorValue"
+                :model-value="field.relationalOperatorValue"
                 :items="field.relationalOperatorOptions"
-                item-text="label"
+                item-title="label"
                 item-value="value"
-                @input="setRelationalOperatorValue(field, index, $event)"
+                variant="underlined"
+                @update:model-value="setRelationalOperatorValue(field, index, $event as unknown as RelationalKeyword | RelationalOperator)"
               >
-                <template #selection="{ item }">
-                  <span :class="attrs.select.textClass" style="width: 100%;">
-                    {{ item.label }}
+                <template #chip="{ item }">
+                  <span :class="config.select.textClass" style="width: 100%;">
+                    {{ item.raw.label }}
                   </span>
                 </template>
               </v-select>
             </v-col>
+            <!-- field value -->
             <v-col
-              :cols="attrs.fields.fieldValue.cols"
-              :class="attrs.col.class"
-              :style="attrs.fields.fieldValue.style"
+              :cols="config.items.fieldValue.cols"
+              :class="config.col.class"
+              :style="config.items.fieldValue.style"
             >
               <v-select
                 v-if="field.fieldOptions"
-                v-model="field.values"
+                :model-value="field.values"
                 :items="field.fieldOptions"
-                item-text="label"
+                item-title="label"
                 item-value="value"
                 multiple
-                @input="setFieldValues(field, index, $event)"
+                variant="underlined"
+                @update:model-value="setFieldValues(field, index, $event)"
               />
               <v-text-field
                 v-else-if="field.type === 'string'"
-                v-model="field.value"
-                @input="setFieldValue(field, index, $event)"
+                :model-value="field.value"
+                variant="underlined"
+                @update:model-value="setFieldValue(field, index, $event)"
               />
               <v-text-field
                 v-else-if="field.type === 'number'"
-                v-model="field.value"
+                :model-value="field.value"
                 type="number"
-                @input="setFieldValue(field, index, $event)"
+                variant="underlined"
+                @:model-value="setFieldValue(field, index, $event)"
               />
               <v-checkbox
                 v-else-if="field.type === 'boolean'"
-                v-model="field.value"
-                @change="setFieldValue(field, index, $event)"
+                :model-value="field.value"
+                @update:model-value="setFieldValue(field, index, $event!)"
               />
               <v-menu
                 v-else-if="field.type === 'date'"
@@ -148,137 +163,148 @@
                 max-width="290px"
                 min-width="auto"
               >
-                <template #activator="{ on, attrs: menuAttrs }">
+                <template #activator="{ props }">
                   <v-text-field
                     v-model="field.value"
                     persistent-hint
                     :prepend-icon="$globals.icons.calendar"
-                    v-bind="menuAttrs"
+                    variant="underlined"
+                    color="primary"
+                    v-bind="props"
                     readonly
-                    v-on="on"
                   />
                 </template>
                 <v-date-picker
-                  v-model="field.value"
-                  no-title
+                  :model-value="field.value ? new Date(field.value + 'T00:00:00') : null"
+                  hide-header
                   :first-day-of-week="firstDayOfWeek"
                   :local="$i18n.locale"
-                  @input="setFieldValue(field, index, $event)"
+                  @update:model-value="val => setFieldValue(field, index, val ? val.toISOString().slice(0, 10) : '')"
                 />
               </v-menu>
               <RecipeOrganizerSelector
                 v-else-if="field.type === Organizer.Category"
-                v-model="field.organizers"
+                :model-value="field.organizers"
                 :selector-type="Organizer.Category"
                 :show-add="false"
                 :show-label="false"
                 :show-icon="false"
-                @input="setOrganizerValues(field, index, $event)"
+                @update:model-value="setOrganizerValues(field, index, $event)"
               />
               <RecipeOrganizerSelector
                 v-else-if="field.type === Organizer.Tag"
-                v-model="field.organizers"
+                :model-value="field.organizers"
                 :selector-type="Organizer.Tag"
                 :show-add="false"
                 :show-label="false"
                 :show-icon="false"
-                @input="setOrganizerValues(field, index, $event)"
+                @update:model-value="setOrganizerValues(field, index, $event)"
               />
               <RecipeOrganizerSelector
                 v-else-if="field.type === Organizer.Tool"
-                v-model="field.organizers"
+                :model-value="field.organizers"
                 :selector-type="Organizer.Tool"
                 :show-add="false"
                 :show-label="false"
                 :show-icon="false"
-                @input="setOrganizerValues(field, index, $event)"
+                @update:model-value="setOrganizerValues(field, index, $event)"
               />
               <RecipeOrganizerSelector
                 v-else-if="field.type === Organizer.Food"
-                v-model="field.organizers"
+                :model-value="field.organizers"
                 :selector-type="Organizer.Food"
                 :show-add="false"
                 :show-label="false"
                 :show-icon="false"
-                @input="setOrganizerValues(field, index, $event)"
+                @update:model-value="setOrganizerValues(field, index, $event)"
               />
               <RecipeOrganizerSelector
                 v-else-if="field.type === Organizer.Household"
-                v-model="field.organizers"
+                :model-value="field.organizers"
                 :selector-type="Organizer.Household"
                 :show-add="false"
                 :show-label="false"
                 :show-icon="false"
-                @input="setOrganizerValues(field, index, $event)"
+                @update:model-value="setOrganizerValues(field, index, $event)"
               />
             </v-col>
+            <!-- right parenthesis -->
             <v-col
               v-if="showAdvanced"
-              :cols="attrs.fields.rightParens.cols"
-              :class="attrs.col.class"
-              :style="attrs.fields.rightParens.style"
+              :cols="config.items.rightParens.cols"
+              :class="config.col.class"
+              :style="config.items.rightParens.style"
             >
               <v-select
-                v-model="field.rightParenthesis"
+                :model-value="field.rightParenthesis"
                 :items="['', ')', '))', ')))']"
-                @input="setRightParenthesisValue(field, index, $event)"
+                variant="underlined"
+                @update:model-value="setRightParenthesisValue(field, index, $event)"
               >
-                <template #selection="{ item }">
-                  <span :class="attrs.select.textClass" style="width: 100%;">
-                    {{ item }}
+                <template #chip="{ item }">
+                  <span :class="config.select.textClass" style="width: 100%;">
+                    {{ item.raw }}
                   </span>
                 </template>
               </v-select>
             </v-col>
+            <!-- field actions -->
             <v-col
-              :cols="attrs.fields.fieldActions.cols"
-              :class="attrs.col.class"
-              :style="attrs.fields.fieldActions.style"
+              :cols="config.items.fieldActions.cols"
+              :class="config.col.class"
+              :style="config.items.fieldActions.style"
             >
               <BaseButtonGroup
                 :buttons="[
                   {
                     icon: $globals.icons.delete,
-                    text: $tc('general.delete'),
+                    text: $t('general.delete'),
                     event: 'delete',
                     disabled: fields.length === 1,
-                  }
+                  },
                 ]"
                 class="my-auto"
                 @delete="removeField(index)"
               />
             </v-col>
           </v-row>
-        </draggable>
+        </VueDraggable>
       </v-container>
     </v-card-text>
     <v-card-actions>
-      <v-container fluid class="d-flex justify-end pa-0 mx-2">
+      <v-row fluid class="d-flex justify-end pa-0 mx-2">
+        <v-spacer />
         <v-checkbox
           v-model="showAdvanced"
           hide-details
-          :label="$tc('general.show-advanced')"
+          :label="$t('general.show-advanced')"
           class="my-auto mr-4"
+          color="primary"
         />
-        <BaseButton create :text="$tc('general.add-field')" @click="addField(fieldDefs[0])" />
-      </v-container>
+        <BaseButton
+          create
+          :text="$t('general.add-field')"
+          class="my-auto"
+          @click="addField(fieldDefs[0])"
+        />
+      </v-row>
     </v-card-actions>
   </v-card>
 </template>
 
 <script lang="ts">
-import draggable from "vuedraggable";
-import { computed, defineComponent, reactive, ref, toRefs, watch } from "@nuxtjs/composition-api";
+import { VueDraggable } from "vue-draggable-plus";
+import { useDebounceFn } from "@vueuse/core";
 import { useHouseholdSelf } from "~/composables/use-households";
 import RecipeOrganizerSelector from "~/components/Domain/Recipe/RecipeOrganizerSelector.vue";
 import { Organizer } from "~/lib/api/types/non-generated";
-import { LogicalOperator, QueryFilterJSON, QueryFilterJSONPart, RelationalKeyword, RelationalOperator } from "~/lib/api/types/response";
+import type { LogicalOperator, QueryFilterJSON, QueryFilterJSONPart, RelationalKeyword, RelationalOperator } from "~/lib/api/types/response";
 import { useCategoryStore, useFoodStore, useHouseholdStore, useTagStore, useToolStore } from "~/composables/store";
-import { Field, FieldDefinition, FieldValue, OrganizerBase, useQueryFilterBuilder } from "~/composables/use-query-filter-builder";
+import { type Field, type FieldDefinition, type FieldValue, type OrganizerBase, useQueryFilterBuilder } from "~/composables/use-query-filter-builder";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
-    draggable,
+    VueDraggable,
     RecipeOrganizerSelector,
   },
   props: {
@@ -289,8 +315,9 @@ export default defineComponent({
     initialQueryFilter: {
       type: Object as () => QueryFilterJSON | null,
       default: null,
-    }
+    },
   },
+  emits: ["input", "inputJSON"],
   setup(props, context) {
     const { household } = useHouseholdSelf();
     const { logOps, relOps, buildQueryFilterString, getFieldFromFieldDef, isOrganizerType } = useQueryFilterBuilder();
@@ -321,325 +348,318 @@ export default defineComponent({
       const newIndex: number = event.newIndex;
       state.datePickers[oldIndex] = false;
       state.datePickers[newIndex] = false;
-
-      const field = fields.value.splice(oldIndex, 1)[0];
-      fields.value.splice(newIndex, 0, field);
     }
 
-    const fields = ref<Field[]>([]);
+		// add id to fields to prevent reactivity issues
+		type FieldWithId = Field & { id: number };
+		const fields = ref<FieldWithId[]>([]);
 
-    function addField(field: FieldDefinition) {
-      fields.value.push(getFieldFromFieldDef(field));
-      state.datePickers.push(false);
-    };
+		const uid = ref(1); // init uid to pass to fields
+		function useUid() {
+		  return uid.value++;
+		}
+		function addField(field: FieldDefinition) {
+		  fields.value.push({
+		    ...getFieldFromFieldDef(field),
+		    id: useUid(),
+		  });
+		  state.datePickers.push(false);
+		};
 
-    function setField(index: number, fieldLabel: string) {
-      state.datePickers[index] = false;
-      const fieldDef = props.fieldDefs.find((fieldDef) => fieldDef.label === fieldLabel);
-      if (!fieldDef) {
-        return;
-      }
+		function setField(index: number, fieldLabel: string) {
+		  state.datePickers[index] = false;
+		  const fieldDef = props.fieldDefs.find(fieldDef => fieldDef.label === fieldLabel);
+		  if (!fieldDef) {
+		    return;
+		  }
 
-      const resetValue = (fieldDef.type !== fields.value[index].type) || (fieldDef.fieldOptions !== fields.value[index].fieldOptions);
-      const updatedField = {...fields.value[index], ...fieldDef};
+		  const resetValue = (fieldDef.type !== fields.value[index].type) || (fieldDef.fieldOptions !== fields.value[index].fieldOptions);
+		  const updatedField = { ...fields.value[index], ...fieldDef };
 
-      // we have to set this explicitly since it might be undefined
-      updatedField.fieldOptions = fieldDef.fieldOptions;
+		  // we have to set this explicitly since it might be undefined
+		  updatedField.fieldOptions = fieldDef.fieldOptions;
 
-      fields.value.splice(index, 1, getFieldFromFieldDef(updatedField, resetValue));
-    }
+		  fields.value[index] = {
+		    ...getFieldFromFieldDef(updatedField, resetValue),
+		    id: fields.value[index].id, // keep the id
+		  };
+		}
 
-    function setLeftParenthesisValue(field: Field, index: number, value: string) {
-      fields.value.splice(index, 1, {
-        ...field,
-        leftParenthesis: value,
-      });
-    }
+		function setLeftParenthesisValue(field: FieldWithId, index: number, value: string) {
+		  fields.value[index].leftParenthesis = value;
+		}
 
-    function setRightParenthesisValue(field: Field, index: number, value: string) {
-      fields.value.splice(index, 1, {
-        ...field,
-        rightParenthesis: value,
-      });
-    }
+		function setRightParenthesisValue(field: FieldWithId, index: number, value: string) {
+		  fields.value[index].rightParenthesis = value;
+		}
 
-    function setLogicalOperatorValue(field: Field, index: number, value: LogicalOperator | undefined) {
-      if (!value) {
-        value = logOps.value.AND.value;
-      }
+		function setLogicalOperatorValue(field: FieldWithId, index: number, value: LogicalOperator | undefined) {
+		  if (!value) {
+		    value = logOps.value.AND.value;
+		  }
 
-      fields.value.splice(index, 1, {
-        ...field,
-        logicalOperator: value ? logOps.value[value] : undefined,
-      });
-    }
+		  fields.value[index].logicalOperator = value ? logOps.value[value] : undefined;
+		}
 
-    function setRelationalOperatorValue(field: Field, index: number, value: RelationalKeyword | RelationalOperator) {
-      fields.value.splice(index, 1, {
-        ...field,
-        relationalOperatorValue: relOps.value[value],
-      });
-    }
+		function setRelationalOperatorValue(field: FieldWithId, index: number, value: RelationalKeyword | RelationalOperator) {
+		  fields.value[index].relationalOperatorValue = relOps.value[value];
+		}
 
-    function setFieldValue(field: Field, index: number, value: FieldValue) {
-      state.datePickers[index] = false;
-      fields.value.splice(index, 1, {
-        ...field,
-        value,
-      });
-    }
+		function setFieldValue(field: FieldWithId, index: number, value: FieldValue) {
+		  state.datePickers[index] = false;
+		  fields.value[index].value = value;
+		}
 
-    function setFieldValues(field: Field, index: number, values: FieldValue[]) {
-      fields.value.splice(index, 1, {
-        ...field,
-        values,
-      });
-    }
+		function setFieldValues(field: FieldWithId, index: number, values: FieldValue[]) {
+		  fields.value[index].values = values;
+		}
 
-    function setOrganizerValues(field: Field, index: number, values: OrganizerBase[]) {
-      setFieldValues(field, index, values.map((value) => value.id.toString()));
-    }
+		function setOrganizerValues(field: FieldWithId, index: number, values: OrganizerBase[]) {
+		  setFieldValues(field, index, values.map(value => value.id.toString()));
+		  fields.value[index].organizers = values;
+		}
 
-    function removeField(index: number) {
-      fields.value.splice(index, 1);
-      state.datePickers.splice(index, 1);
-    };
+		function removeField(index: number) {
+		  fields.value.splice(index, 1);
+		  state.datePickers.splice(index, 1);
+		};
 
-    watch(
-      // Toggling showAdvanced changes the builder logic without changing the field values,
-      // so we need to manually trigger reactivity to re-run the builder.
-      () => state.showAdvanced,
-      () => {
-        if (fields.value?.length) {
-          fields.value = [...fields.value];
-        }
-      },
-    )
+		const fieldsUpdater = useDebounceFn((/* newFields: typeof fields.value */) => {
+		  /* newFields.forEach((field, index) => {
+				const updatedField = getFieldFromFieldDef(field);
+				fields.value[index] = updatedField; // recursive!!!
+			}); */
 
-    watch(
-      () => fields.value,
-      (newFields) => {
-        newFields.forEach((field, index) => {
-          const updatedField = getFieldFromFieldDef(field);
-          fields.value[index] = updatedField;
-        });
+		  const qf = buildQueryFilterString(fields.value, state.showAdvanced);
+		  if (qf) {
+		    console.debug(`Set query filter: ${qf}`);
+		  }
+		  state.qfValid = !!qf;
 
-        const qf = buildQueryFilterString(fields.value, state.showAdvanced);
-        if (qf) {
-          console.debug(`Set query filter: ${qf}`);
-        }
-        state.qfValid = !!qf;
+		  context.emit("input", qf || undefined);
+		  context.emit("inputJSON", qf ? buildQueryFilterJSON() : undefined);
+		}, 500);
 
-        context.emit("input", qf || undefined);
-        context.emit("inputJSON", qf ? buildQueryFilterJSON() : undefined);
-      },
-      {
-        deep: true
-      },
-    );
+		watch(fields, fieldsUpdater, { deep: true });
 
-    async function hydrateOrganizers(field: Field, index: number) {
-      if (!field.values?.length || !isOrganizerType(field.type)) {
-        return;
-      }
+		async function hydrateOrganizers(field: FieldWithId, index: number) {
+		  if (!field.values?.length || !isOrganizerType(field.type)) {
+		    return;
+		  }
 
-      field.organizers = [];
+		  field.organizers = [];
 
-      const { store, actions } = storeMap[field.type];
-      if (!store.value.length) {
-        await actions.refresh();
-      }
+		  const { store, actions } = storeMap[field.type];
+		  if (!store.value.length) {
+		    await actions.refresh();
+		  }
 
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-return
-      const organizers = field.values.map((value) => store.value.find((organizer) => organizer.id === value));
-      field.organizers = organizers.filter((organizer) => organizer !== undefined) as OrganizerBase[];
-      setOrganizerValues(field, index, field.organizers);
-    }
+		  const organizers = field.values.map((value) => {
+		    const organizer = store.value.find(item => item?.id?.toString() === value);
+		    if (!organizer) {
+		      console.error(`Could not find organizer with id ${value}`);
+		      return undefined;
+		    }
+		    return organizer;
+		  });
+		  field.organizers = organizers.filter(organizer => organizer !== undefined) as OrganizerBase[];
+		  setOrganizerValues(field, index, field.organizers);
+		}
 
-    function initFieldsError(error = "") {
-      if (error) {
-        console.error(error);
-      }
+		function initFieldsError(error = "") {
+		  if (error) {
+		    console.error(error);
+		  }
 
-      fields.value = [];
-      if (props.fieldDefs.length) {
-        addField(props.fieldDefs[0]);
-      }
-    }
+		  fields.value = [];
+		  if (props.fieldDefs.length) {
+		    addField(props.fieldDefs[0]);
+		  }
+		}
 
-    function initializeFields() {
-      if (!props.initialQueryFilter?.parts?.length) {
-        return initFieldsError();
-      };
+		function initializeFields() {
+		  if (!props.initialQueryFilter?.parts?.length) {
+		    return initFieldsError();
+		  };
 
-      const initFields: Field[] = [];
-      let error = false;
-      props.initialQueryFilter.parts.forEach((part: QueryFilterJSONPart, index: number) => {
-        const fieldDef = props.fieldDefs.find((fieldDef) => fieldDef.name === part.attributeName);
-        if (!fieldDef) {
-          error = true;
-          return initFieldsError(`Invalid query filter; unknown attribute name "${part.attributeName || ""}"`);
-        }
+		  const initFields: FieldWithId[] = [];
+		  let error = false;
+		  props.initialQueryFilter.parts.forEach((part: QueryFilterJSONPart, index: number) => {
+		    const fieldDef = props.fieldDefs.find(fieldDef => fieldDef.name === part.attributeName);
+		    if (!fieldDef) {
+		      error = true;
+		      return initFieldsError(`Invalid query filter; unknown attribute name "${part.attributeName || ""}"`);
+		    }
 
-        const field = getFieldFromFieldDef(fieldDef);
-        field.leftParenthesis = part.leftParenthesis || field.leftParenthesis;
-        field.rightParenthesis = part.rightParenthesis || field.rightParenthesis;
-        field.logicalOperator = part.logicalOperator ?
-          logOps.value[part.logicalOperator] : field.logicalOperator;
-        field.relationalOperatorValue = part.relationalOperator ?
-          relOps.value[part.relationalOperator] : field.relationalOperatorValue;
+		    const field: FieldWithId = {
+		      ...getFieldFromFieldDef(fieldDef),
+		      id: useUid(),
+		    };
+		    field.leftParenthesis = part.leftParenthesis || field.leftParenthesis;
+		    field.rightParenthesis = part.rightParenthesis || field.rightParenthesis;
+		    field.logicalOperator = part.logicalOperator
+		      ? logOps.value[part.logicalOperator]
+		      : field.logicalOperator;
+		    field.relationalOperatorValue = part.relationalOperator
+		      ? relOps.value[part.relationalOperator]
+		      : field.relationalOperatorValue;
 
-        if (field.leftParenthesis || field.rightParenthesis) {
-          state.showAdvanced = true;
-        }
+		    if (field.leftParenthesis || field.rightParenthesis) {
+		      state.showAdvanced = true;
+		    }
 
-        if (field.fieldOptions?.length || isOrganizerType(field.type)) {
-          if (typeof part.value === "string") {
-            field.values = part.value ? [part.value] : [];
-          } else {
-            field.values = part.value || [];
-          }
+		    if (field.fieldOptions?.length || isOrganizerType(field.type)) {
+		      if (typeof part.value === "string") {
+		        field.values = part.value ? [part.value] : [];
+		      }
+		      else {
+		        field.values = part.value || [];
+		      }
 
-          if (isOrganizerType(field.type)) {
-            hydrateOrganizers(field, index);
-          }
+		      if (isOrganizerType(field.type)) {
+		        hydrateOrganizers(field, index);
+		      }
+		    }
+		    else if (field.type === "boolean") {
+		      const boolString = part.value || "false";
+		      field.value = (
+		        boolString[0].toLowerCase() === "t"
+		        || boolString[0].toLowerCase() === "y"
+		        || boolString[0] === "1"
+		      );
+		    }
+		    else if (field.type === "number") {
+		      field.value = Number(part.value as string || "0");
+		      if (isNaN(field.value)) {
+		        error = true;
+		        return initFieldsError(`Invalid query filter; invalid number value "${(part.value || "").toString()}"`);
+		      }
+		    }
+		    else if (field.type === "date") {
+		      field.value = part.value as string || "";
+		      const date = new Date(field.value);
+		      if (isNaN(date.getTime())) {
+		        error = true;
+		        return initFieldsError(`Invalid query filter; invalid date value "${(part.value || "").toString()}"`);
+		      }
+		    }
+		    else {
+		      field.value = part.value as string || "";
+		    }
 
-        } else if (field.type === "boolean") {
-          const boolString = part.value || "false";
-          field.value = (
-            boolString[0].toLowerCase() === "t" ||
-            boolString[0].toLowerCase() === "y" ||
-            boolString[0] === "1"
-          );
-        } else if (field.type === "number") {
-          field.value = Number(part.value as string || "0");
-          if (isNaN(field.value)) {
-            error = true;
-            return initFieldsError(`Invalid query filter; invalid number value "${(part.value || "").toString()}"`);
-          }
-        } else if (field.type === "date") {
-          field.value = part.value as string || "";
-          const date = new Date(field.value);
-          if (isNaN(date.getTime())) {
-            error = true;
-            return initFieldsError(`Invalid query filter; invalid date value "${(part.value || "").toString()}"`);
-          }
-        } else {
-          field.value = part.value as string || "";
-        }
+		    initFields.push(field);
+		  });
 
-        initFields.push(field);
-      });
+		  if (initFields.length && !error) {
+		    fields.value = initFields;
+		  }
+		  else {
+		    initFieldsError();
+		  }
+		};
 
-      if (initFields.length && !error) {
-        fields.value = initFields;
-      } else {
-        initFieldsError();
-      }
-    };
+		try {
+		  initializeFields();
+		}
+		catch (error) {
+		  initFieldsError(`Error initializing fields: ${(error || "").toString()}`);
+		}
 
-    try {
-      initializeFields();
-    } catch (error) {
-      initFieldsError(`Error initializing fields: ${(error || "").toString()}`);
-    }
+		function buildQueryFilterJSON(): QueryFilterJSON {
+		  const parts = fields.value.map((field) => {
+		    const part: QueryFilterJSONPart = {
+		      attributeName: field.name,
+		      leftParenthesis: field.leftParenthesis,
+		      rightParenthesis: field.rightParenthesis,
+		      logicalOperator: field.logicalOperator?.value,
+		      relationalOperator: field.relationalOperatorValue?.value,
+		    };
 
-    function buildQueryFilterJSON(): QueryFilterJSON {
-      const parts = fields.value.map((field) => {
-        const part: QueryFilterJSONPart = {
-          attributeName: field.name,
-          leftParenthesis: field.leftParenthesis,
-          rightParenthesis: field.rightParenthesis,
-          logicalOperator: field.logicalOperator?.value,
-          relationalOperator: field.relationalOperatorValue?.value,
-        };
+		    if (field.fieldOptions?.length || isOrganizerType(field.type)) {
+		      part.value = field.values.map(value => value.toString());
+		    }
+		    else if (field.type === "boolean") {
+		      part.value = field.value ? "true" : "false";
+		    }
+		    else {
+		      part.value = (field.value || "").toString();
+		    }
 
-        if (field.fieldOptions?.length || isOrganizerType(field.type)) {
-          part.value = field.values.map((value) => value.toString());
-        } else if (field.type === "boolean") {
-          part.value = field.value ? "true" : "false";
-        } else {
-          part.value = (field.value || "").toString();
-        }
+		    return part;
+		  });
 
-        return part;
-      });
+		  const qfJSON = { parts } as QueryFilterJSON;
+		  console.debug(`Built query filter JSON: ${JSON.stringify(qfJSON)}`);
+		  return qfJSON;
+		}
 
-      const qfJSON = { parts } as QueryFilterJSON;
-      console.debug(`Built query filter JSON: ${JSON.stringify(qfJSON)}`);
-      return qfJSON;
-    }
+		const config = computed(() => {
+		  const baseColMaxWidth = 55;
+		  return {
+		    col: {
+		      class: "d-flex justify-center align-end field-col pa-1",
+		    },
+		    select: {
+		      textClass: "d-flex justify-center text-center",
+		    },
+		    items: {
+		      icon: {
+		        cols: 1,
+		        style: "width: fit-content;",
+		      },
+		      leftParens: {
+		        cols: state.showAdvanced ? 1 : 0,
+		        style: `min-width: ${state.showAdvanced ? baseColMaxWidth : 0}px;`,
+		      },
+		      logicalOperator: {
+		        cols: 1,
+		        style: `min-width: ${baseColMaxWidth}px;`,
+		      },
+		      fieldName: {
+		        cols: state.showAdvanced ? 2 : 3,
+		        style: `min-width: ${state.showAdvanced ? baseColMaxWidth * 2 : baseColMaxWidth * 3}px;`,
+		      },
+		      relationalOperator: {
+		        cols: 2,
+		        style: `min-width: ${baseColMaxWidth * 2}px;`,
+		      },
+		      fieldValue: {
+		        cols: state.showAdvanced ? 3 : 4,
+		        style: `min-width: ${state.showAdvanced ? baseColMaxWidth * 2 : baseColMaxWidth * 3}px;`,
+		      },
+		      rightParens: {
+		        cols: state.showAdvanced ? 1 : 0,
+		        style: `min-width: ${state.showAdvanced ? baseColMaxWidth : 0}px;`,
+		      },
+		      fieldActions: {
+		        cols: 1,
+		        style: `min-width: ${baseColMaxWidth}px;`,
+		      },
+		    },
+		  };
+		});
 
-
-    const attrs = computed(() => {
-      const baseColMaxWidth = 55;
-      const attrs = {
-        col: {
-          class: "d-flex justify-center align-end field-col pa-1",
-        },
-        select: {
-          textClass: "d-flex justify-center text-center",
-        },
-        fields: {
-          icon: {
-            cols: 1,
-            style: "width: fit-content;",
-          },
-          leftParens: {
-            cols: state.showAdvanced ? 1 : 0,
-            style: `min-width: ${state.showAdvanced ? baseColMaxWidth : 0}px;`,
-          },
-          logicalOperator: {
-            cols: 1,
-            style: `min-width: ${baseColMaxWidth}px;`,
-          },
-          fieldName: {
-            cols: state.showAdvanced ? 2 : 3,
-            style: `min-width: ${state.showAdvanced ? baseColMaxWidth * 2 : baseColMaxWidth * 3}px;`,
-          },
-          relationalOperator: {
-            cols: 2,
-            style: `min-width: ${baseColMaxWidth * 2}px;`,
-          },
-          fieldValue: {
-            cols: state.showAdvanced ? 3 : 4,
-            style: `min-width: ${state.showAdvanced ? baseColMaxWidth * 2 : baseColMaxWidth * 3}px;`,
-          },
-          rightParens: {
-            cols: state.showAdvanced ? 1 : 0,
-            style: `min-width: ${state.showAdvanced ? baseColMaxWidth : 0}px;`,
-          },
-          fieldActions: {
-            cols: 1,
-            style: `min-width: ${baseColMaxWidth}px;`,
-          },
-        },
-      }
-
-      return attrs;
-    })
-
-    return {
-      Organizer,
-      ...toRefs(state),
-      logOps,
-      relOps,
-      attrs,
-      firstDayOfWeek,
-      onDragEnd,
-      // Fields
-      fields,
-      addField,
-      setField,
-      setLeftParenthesisValue,
-      setRightParenthesisValue,
-      setLogicalOperatorValue,
-      setRelationalOperatorValue,
-      setFieldValue,
-      setFieldValues,
-      setOrganizerValues,
-      removeField,
-    };
+		return {
+		  Organizer,
+		  ...toRefs(state),
+		  logOps,
+		  relOps,
+		  config,
+		  firstDayOfWeek,
+		  onDragEnd,
+		  // Fields
+		  fields,
+		  addField,
+		  setField,
+		  setLeftParenthesisValue,
+		  setRightParenthesisValue,
+		  setLogicalOperatorValue,
+		  setRelationalOperatorValue,
+		  setFieldValue,
+		  setFieldValues,
+		  setOrganizerValues,
+		  removeField,
+		};
   },
 });
 </script>
diff --git a/frontend/components/Domain/Recipe/RecipeActionMenu.vue b/frontend/components/Domain/Recipe/RecipeActionMenu.vue
index 6de10c9ee..22a633e8a 100644
--- a/frontend/components/Domain/Recipe/RecipeActionMenu.vue
+++ b/frontend/components/Domain/Recipe/RecipeActionMenu.vue
@@ -1,33 +1,37 @@
 <template>
   <v-toolbar
-    rounded
-    height="0"
     class="fixed-bar mt-0"
-    color="rgb(255, 0, 0, 0.0)"
-    flat
-    style="z-index: 2; position: sticky"
+    style="z-index: 2; position: sticky; background: transparent; box-shadow: none;"
+    density="compact"
+    elevation="0"
   >
-    <BaseDialog
-      v-model="deleteDialog"
-      :title="$tc('recipe.delete-recipe')"
-      color="error"
-      :icon="$globals.icons.alertCircle"
-      @confirm="emitDelete()"
-    >
+    <BaseDialog v-model="deleteDialog" :title="$t('recipe.delete-recipe')" color="error"
+      :icon="$globals.icons.alertCircle" can-confirm @confirm="emitDelete()">
       <v-card-text>
         {{ $t("recipe.delete-confirmation") }}
       </v-card-text>
     </BaseDialog>
 
-    <v-spacer></v-spacer>
+    <v-spacer />
     <div v-if="!open" class="custom-btn-group ma-1">
-      <RecipeFavoriteBadge v-if="loggedIn" class="ml-1" color="info" button-style :recipe-id="recipe.id" show-always />
-      <RecipeTimelineBadge v-if="loggedIn" button-style class="ml-1" :slug="recipe.slug" :recipe-name="recipe.name" />
+      <RecipeFavoriteBadge v-if="loggedIn" color="info" button-style :recipe-id="recipe.id!" show-always />
+      <RecipeTimelineBadge v-if="loggedIn" class="ml-1" color="info" button-style :slug="recipe.slug" :recipe-name="recipe.name!" />
       <div v-if="loggedIn">
         <v-tooltip v-if="canEdit" bottom color="info">
-          <template #activator="{ on, attrs }">
-            <v-btn fab small class="ml-1" color="info" v-bind="attrs" v-on="on" @click="$emit('edit', true)">
-              <v-icon> {{ $globals.icons.edit }} </v-icon>
+          <template #activator="{ props }">
+            <v-btn
+              icon
+              variant="flat"
+              rounded="circle"
+              size="small"
+              color="info"
+              class="ml-1"
+              v-bind="props"
+              @click="$emit('edit', true)"
+            >
+              <v-icon size="x-large">
+                {{ $globals.icons.edit }}
+              </v-icon>
             </v-btn>
           </template>
           <span>{{ $t("general.edit") }}</span>
@@ -37,14 +41,14 @@
       <RecipeContextMenu
         show-print
         :menu-top="false"
-        :name="recipe.name"
-        :slug="recipe.slug"
+        :name="recipe.name!"
+        :slug="recipe.slug!"
         :menu-icon="$globals.icons.dotsVertical"
         fab
         color="info"
         :card-menu="false"
         :recipe="recipe"
-        :recipe-id="recipe.id"
+        :recipe-id="recipe.id!"
         :recipe-scale="recipeScale"
         :use-items="{
           edit: false,
@@ -66,31 +70,33 @@
       <v-btn
         v-for="(btn, index) in editorButtons"
         :key="index"
-        :fab="$vuetify.breakpoint.xs"
-        :small="$vuetify.breakpoint.xs"
+        :class="{ 'rounded-circle': $vuetify.display.xs }"
+        :size="$vuetify.display.xs ? 'small' : undefined"
         :color="btn.color"
+        variant="elevated"
         @click="emitHandler(btn.event)"
       >
-        <v-icon :left="!$vuetify.breakpoint.xs">{{ btn.icon }}</v-icon>
-        {{ $vuetify.breakpoint.xs ? "" : btn.text }}
+        <v-icon :left="!$vuetify.display.xs">
+          {{ btn.icon }}
+        </v-icon>
+        {{ $vuetify.display.xs ? "" : btn.text }}
       </v-btn>
     </div>
   </v-toolbar>
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, useContext } from "@nuxtjs/composition-api";
 import RecipeContextMenu from "./RecipeContextMenu.vue";
 import RecipeFavoriteBadge from "./RecipeFavoriteBadge.vue";
 import RecipeTimelineBadge from "./RecipeTimelineBadge.vue";
-import { Recipe } from "~/lib/api/types/recipe";
+import type { Recipe } from "~/lib/api/types/recipe";
 
 const SAVE_EVENT = "save";
 const DELETE_EVENT = "delete";
 const CLOSE_EVENT = "close";
 const JSON_EVENT = "json";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { RecipeContextMenu, RecipeFavoriteBadge, RecipeTimelineBadge },
   props: {
     recipe: {
@@ -126,10 +132,12 @@ export default defineComponent({
       default: false,
     },
   },
+  emits: ["print", "input", "delete", "close", "edit"],
   setup(_, context) {
     const deleteDialog = ref(false);
 
-    const { i18n, $globals } = useContext();
+    const i18n = useI18n();
+    const { $globals } = useNuxtApp();
     const editorButtons = [
       {
         text: i18n.t("general.delete"),
@@ -209,9 +217,13 @@ export default defineComponent({
 
 .fixed-bar {
   position: sticky;
-  position: -webkit-sticky; /* for Safari */
   top: 4.5em;
   z-index: 2;
+  background: transparent !important;
+  box-shadow: none !important;
+  min-height: 0 !important;
+  height: 48px;
+  padding: 0 8px;
 }
 
 .fixed-bar-mobile {
diff --git a/frontend/components/Domain/Recipe/RecipeAssets.vue b/frontend/components/Domain/Recipe/RecipeAssets.vue
index b0c595f8b..8e4f742ed 100644
--- a/frontend/components/Domain/Recipe/RecipeAssets.vue
+++ b/frontend/components/Domain/Recipe/RecipeAssets.vue
@@ -4,71 +4,107 @@
       <v-card-title class="py-2">
         {{ $t("asset.assets") }}
       </v-card-title>
-      <v-divider class="mx-2"></v-divider>
-      <v-list v-if="value.length > 0" :flat="!edit">
-        <v-list-item v-for="(item, i) in value" :key="i">
-          <v-list-item-icon class="ma-auto">
-            <v-tooltip bottom>
-              <template #activator="{ on, attrs }">
-                <v-icon v-bind="attrs" v-on="on">
-                  {{ getIconDefinition(item.icon).icon }}
-                </v-icon>
-              </template>
-              <span>{{ getIconDefinition(item.icon).title }}</span>
-            </v-tooltip>
-          </v-list-item-icon>
-          <v-list-item-content>
-            <v-list-item-title class="pl-2">
-              {{ item.name }}
-            </v-list-item-title>
-          </v-list-item-content>
+      <v-divider class="mx-2" />
+      <v-list
+        v-if="value.length > 0"
+        :flat="!edit"
+      >
+        <v-list-item
+          v-for="(item, i) in value"
+          :key="i"
+        >
+          <template #prepend>
+            <div class="ma-auto">
+              <v-tooltip bottom>
+                <template #activator="{ props }">
+                  <v-icon v-bind="props">
+                    {{ getIconDefinition(item.icon).icon }}
+                  </v-icon>
+                </template>
+                <span>{{ getIconDefinition(item.icon).title }}</span>
+              </v-tooltip>
+            </div>
+          </template>
+          <v-list-item-title class="pl-2">
+            {{ item.name }}
+          </v-list-item-title>
           <v-list-item-action>
-            <v-btn v-if="!edit" color="primary" icon :href="assetURL(item.fileName)" target="_blank" top>
+            <v-btn
+              v-if="!edit"
+              color="primary"
+              icon
+              :href="assetURL(item.fileName ?? '')"
+              target="_blank"
+              top
+            >
               <v-icon> {{ $globals.icons.download }} </v-icon>
             </v-btn>
             <div v-else>
-              <v-btn color="error" icon top @click="value.splice(i, 1)">
+              <v-btn
+                color="error"
+                icon
+                top
+                @click="value.splice(i, 1)"
+              >
                 <v-icon>{{ $globals.icons.delete }}</v-icon>
               </v-btn>
-              <AppButtonCopy color="" :copy-text="assetEmbed(item.fileName)" />
+              <AppButtonCopy
+                color=""
+                :copy-text="assetEmbed(item.fileName ?? '')"
+              />
             </div>
           </v-list-item-action>
         </v-list-item>
       </v-list>
     </v-card>
     <div class="d-flex ml-auto mt-2">
-      <v-spacer></v-spacer>
+      <v-spacer />
       <BaseDialog
         v-model="state.newAssetDialog"
-        :title="$tc('asset.new-asset')"
+        :title="$t('asset.new-asset')"
         :icon="getIconDefinition(state.newAsset.icon).icon"
+        can-submit
         @submit="addAsset"
       >
         <template #activator>
-          <BaseButton v-if="edit" small create @click="state.newAssetDialog = true" />
+          <BaseButton
+            v-if="edit"
+            size="small"
+            create
+            @click="state.newAssetDialog = true"
+          />
         </template>
         <v-card-text class="pt-4">
-          <v-text-field v-model="state.newAsset.name" dense :label="$t('general.name')"></v-text-field>
+          <v-text-field
+            v-model="state.newAsset.name"
+            density="compact"
+            :label="$t('general.name')"
+          />
           <div class="d-flex justify-space-between">
             <v-select
               v-model="state.newAsset.icon"
-              dense
+              density="compact"
               :prepend-icon="getIconDefinition(state.newAsset.icon).icon"
               :items="iconOptions"
-              item-text="title"
+              item-title="title"
               item-value="name"
               class="mr-2"
             >
               <template #item="{ item }">
-                <v-list-item-avatar>
+                <v-avatar>
                   <v-icon class="mr-auto">
-                    {{ item.icon }}
+                    {{ item.raw.icon }}
                   </v-icon>
-                </v-list-item-avatar>
+                </v-avatar>
                 {{ item.title }}
               </template>
             </v-select>
-            <AppButtonUpload :post="false" file-name="file" :text-btn="false" @uploaded="setFileObject" />
+            <AppButtonUpload
+              :post="false"
+              file-name="file"
+              :text-btn="false"
+              @uploaded="setFileObject"
+            />
           </div>
           {{ state.fileObject.name }}
         </v-card-text>
@@ -78,13 +114,11 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, useContext } from "@nuxtjs/composition-api";
 import { useStaticRoutes, useUserApi } from "~/composables/api";
 import { alert } from "~/composables/use-toast";
-import { detectServerBaseUrl } from "~/composables/use-utils";
-import { RecipeAsset } from "~/lib/api/types/recipe";
+import type { RecipeAsset } from "~/lib/api/types/recipe";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     slug: {
       type: String,
@@ -94,7 +128,7 @@ export default defineComponent({
       type: String,
       required: true,
     },
-    value: {
+    modelValue: {
       type: Array as () => RecipeAsset[],
       required: true,
     },
@@ -103,6 +137,7 @@ export default defineComponent({
       default: true,
     },
   },
+  emits: ["update:modelValue"],
   setup(props, context) {
     const api = useUserApi();
 
@@ -115,7 +150,8 @@ export default defineComponent({
       },
     });
 
-    const { $globals, i18n, req } = useContext();
+    const i18n = useI18n();
+    const { $globals } = useNuxtApp();
 
     const iconOptions = [
       {
@@ -145,10 +181,10 @@ export default defineComponent({
       },
     ];
 
-    const serverBase = detectServerBaseUrl(req);
+    const serverBase = useRequestURL().origin;
 
     function getIconDefinition(icon: string) {
-      return iconOptions.find((item) => item.name === icon) || iconOptions[0];
+      return iconOptions.find(item => item.name === icon) || iconOptions[0];
     }
 
     const { recipeAssetPath } = useStaticRoutes();
@@ -181,7 +217,7 @@ export default defineComponent({
         extension: state.fileObject.name.split(".").pop() || "",
       });
 
-      context.emit("input", [...props.value, data]);
+      context.emit("update:modelValue", [...props.modelValue, data]);
       state.newAsset = { name: "", icon: "mdi-file" };
       state.fileObject = {} as File;
     }
diff --git a/frontend/components/Domain/Recipe/RecipeCard.vue b/frontend/components/Domain/Recipe/RecipeCard.vue
index b584c2ba3..50adc5e5b 100644
--- a/frontend/components/Domain/Recipe/RecipeCard.vue
+++ b/frontend/components/Domain/Recipe/RecipeCard.vue
@@ -1,10 +1,14 @@
 <template>
   <v-lazy>
-    <v-hover v-slot="{ hover }" :open-delay="50">
+    <v-hover
+      v-slot="{ isHovering, props }"
+      :open-delay="50"
+    >
       <v-card
-        :class="{ 'on-hover': hover }"
+        v-bind="props"
+        :class="{ 'on-hover': isHovering }"
         :style="{ cursor }"
-        :elevation="hover ? 12 : 2"
+        :elevation="isHovering ? 12 : 2"
         :to="recipeRoute"
         :min-height="imageHeight + 75"
         @click.self="$emit('click')"
@@ -14,11 +18,15 @@
           :height="imageHeight"
           :slug="slug"
           :recipe-id="recipeId"
-          small
+          size="small"
           :image-version="image"
         >
           <v-expand-transition v-if="description">
-            <div v-if="hover" class="d-flex transition-fast-in-fast-out secondary v-card--reveal" style="height: 100%">
+            <div
+              v-if="isHovering"
+              class="d-flex transition-fast-in-fast-out bg-secondary v-card--reveal"
+              style="height: 100%"
+            >
               <v-card-text class="v-card--text-show white--text">
                 <div class="descriptionWrapper">
                   <SafeMarkdown :source="description" />
@@ -27,24 +35,47 @@
             </div>
           </v-expand-transition>
         </RecipeCardImage>
-        <v-card-title class="my-n3 px-2 mb-n6">
+        <v-card-title class="mb-n3 px-4">
           <div class="headerClass">
             {{ name }}
           </div>
         </v-card-title>
 
         <slot name="actions">
-          <v-card-actions v-if="showRecipeContent" class="px-1">
-            <RecipeFavoriteBadge v-if="isOwnGroup" class="absolute" :recipe-id="recipeId" show-always />
+          <v-card-actions
+            v-if="showRecipeContent"
+            class="px-1"
+          >
+            <RecipeFavoriteBadge
+              v-if="isOwnGroup"
+              class="absolute"
+              :recipe-id="recipeId"
+              show-always
+            />
+            <div v-else class="px-1" /> <!-- Empty div to keep the layout consistent -->
 
-            <RecipeRating class="pb-1" :value="rating" :recipe-id="recipeId" :slug="slug" :small="true" />
-            <v-spacer></v-spacer>
-            <RecipeChips :truncate="true" :items="tags" :title="false" :limit="2" :small="true" url-prefix="tags" v-on="$listeners" />
+            <RecipeRating
+              class="ml-n2"
+              :value="rating"
+              :recipe-id="recipeId"
+              :slug="slug"
+              small
+            />
+            <v-spacer />
+            <RecipeChips
+              :truncate="true"
+              :items="tags"
+              :title="false"
+              :limit="2"
+              small
+              url-prefix="tags"
+              v-bind="$attrs"
+            />
 
             <!-- If we're not logged-in, no items display, so we hide this menu -->
             <RecipeContextMenu
               v-if="isOwnGroup"
-              color="grey darken-2"
+              color="grey-darken-2"
               :slug="slug"
               :name="name"
               :recipe-id="recipeId"
@@ -62,14 +93,13 @@
             />
           </v-card-actions>
         </slot>
-        <slot></slot>
+        <slot />
       </v-card>
     </v-hover>
   </v-lazy>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useContext, useRoute } from "@nuxtjs/composition-api";
 import RecipeFavoriteBadge from "./RecipeFavoriteBadge.vue";
 import RecipeChips from "./RecipeChips.vue";
 import RecipeContextMenu from "./RecipeContextMenu.vue";
@@ -77,7 +107,7 @@ import RecipeCardImage from "./RecipeCardImage.vue";
 import RecipeRating from "./RecipeRating.vue";
 import { useLoggedInState } from "~/composables/use-logged-in-state";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { RecipeFavoriteBadge, RecipeChips, RecipeContextMenu, RecipeRating, RecipeCardImage },
   props: {
     name: {
@@ -119,12 +149,13 @@ export default defineComponent({
       default: 200,
     },
   },
+  emits: ["click", "delete"],
   setup(props) {
-    const { $auth } = useContext();
+    const $auth = useMealieAuth();
     const { isOwnGroup } = useLoggedInState();
 
     const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    const groupSlug = computed(() => route.params.groupSlug || $auth.user.value?.groupSlug || "");
     const showRecipeContent = computed(() => props.recipeId && props.slug);
     const recipeRoute = computed<string>(() => {
       return showRecipeContent.value ? `/g/${groupSlug.value}/r/${props.slug}` : "";
@@ -159,7 +190,7 @@ export default defineComponent({
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.descriptionWrapper{
+.descriptionWrapper {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 8;
diff --git a/frontend/components/Domain/Recipe/RecipeCardImage.vue b/frontend/components/Domain/Recipe/RecipeCardImage.vue
index abc3cc7d5..b7bda2922 100644
--- a/frontend/components/Domain/Recipe/RecipeCardImage.vue
+++ b/frontend/components/Domain/Recipe/RecipeCardImage.vue
@@ -2,6 +2,7 @@
   <v-img
     v-if="!fallBackImage"
     :height="height"
+    cover
     min-height="125"
     max-height="fill-height"
     :src="getImage(recipeId)"
@@ -9,21 +10,28 @@
     @load="fallBackImage = false"
     @error="fallBackImage = true"
   >
-    <slot> </slot>
+    <slot />
   </v-img>
-  <div v-else class="icon-slot" @click="$emit('click')">
-    <v-icon color="primary" class="icon-position" :size="iconSize">
+  <div
+    v-else
+    class="icon-slot"
+    @click="$emit('click')"
+  >
+    <v-icon
+      color="primary"
+      class="icon-position"
+      :size="iconSize"
+    >
       {{ $globals.icons.primary }}
     </v-icon>
-    <slot> </slot>
+    <slot />
   </div>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, ref, watch } from "@nuxtjs/composition-api";
 import { useStaticRoutes, useUserApi } from "~/composables/api";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     tiny: {
       type: Boolean,
@@ -55,9 +63,10 @@ export default defineComponent({
     },
     height: {
       type: [Number, String],
-      default: "fill-height",
+      default: "100%",
     },
   },
+  emits: ["click"],
   setup(props) {
     const api = useUserApi();
 
@@ -75,7 +84,7 @@ export default defineComponent({
       () => props.recipeId,
       () => {
         fallBackImage.value = false;
-      }
+      },
     );
 
     function getImage(recipeId: string) {
diff --git a/frontend/components/Domain/Recipe/RecipeCardMobile.vue b/frontend/components/Domain/Recipe/RecipeCardMobile.vue
index a0eb3ff9c..c6c0cdbec 100644
--- a/frontend/components/Domain/Recipe/RecipeCardMobile.vue
+++ b/frontend/components/Domain/Recipe/RecipeCardMobile.vue
@@ -1,81 +1,121 @@
 <template>
-  <div :style="`height: ${height}`">
+  <div :style="`height: ${height}px;`">
     <v-expand-transition>
       <v-card
         :ripple="false"
         :class="isFlat ? 'mx-auto flat' : 'mx-auto'"
         :style="{ cursor }"
         hover
-        :to="$listeners.selected ? undefined : recipeRoute"
+        height="100%"
+        :to="$attrs.selected ? undefined : recipeRoute"
         @click="$emit('selected')"
       >
-        <v-img v-if="vertical" class="rounded-sm">
+        <v-img
+          v-if="vertical"
+          class="rounded-sm"
+          cover
+        >
           <RecipeCardImage
             :icon-size="100"
-            :height="height"
             :slug="slug"
             :recipe-id="recipeId"
-            small
+            size="small"
             :image-version="image"
+            :height="height"
           />
         </v-img>
-        <v-list-item three-line :class="vertical ? 'px-2' : 'px-0'">
-          <slot v-if="!vertical" name="avatar">
-            <v-list-item-avatar tile :height="height" width="125" class="v-mobile-img rounded-sm my-0">
+        <v-list-item
+          lines="two"
+          class="py-0"
+          :class="vertical ? 'px-2' : 'px-0'"
+          item-props
+          height="100%"
+          density="compact"
+        >
+          <template #prepend>
+            <slot
+              v-if="!vertical"
+              name="avatar"
+            >
               <RecipeCardImage
                 :icon-size="100"
-                :height="height"
                 :slug="slug"
                 :recipe-id="recipeId"
                 :image-version="image"
+                size="small"
+                width="125"
+                :height="height"
+              />
+            </slot>
+          </template>
+          <div class="pl-4 d-flex flex-column justify-space-between align-stretch pr-2">
+            <v-list-item-title class="mt-3 mb-1 text-top text-truncate w-100">
+              {{ name }}
+            </v-list-item-title>
+            <v-list-item-subtitle class="ma-0 text-top">
+              <SafeMarkdown v-if="description" :source="description" />
+              <p v-else>
+                <br>
+                <br>
+                <br>
+              </p>
+            </v-list-item-subtitle>
+            <div
+              class="d-flex flex-nowrap justify-start ma-0 pt-2 pb-0"
+              style="overflow-x: hidden; overflow-y: hidden; white-space: nowrap;"
+            >
+              <RecipeChips
+                :truncate="true"
+                :items="tags"
+                :title="false"
+                :limit="2"
+                small
+                url-prefix="tags"
+                v-bind="$attrs"
+              />
+            </div>
+          </div>
+          <slot name="actions">
+            <v-card-actions class="w-100 my-0 px-1 py-0">
+              <RecipeFavoriteBadge
+                v-if="isOwnGroup && showRecipeContent"
+                :recipe-id="recipeId"
+                show-always
+                class="ma-0 pa-0"
+              />
+              <div v-else class="my-0 px-1 py-0" /> <!-- Empty div to keep the layout consistent -->
+              <RecipeRating
+                v-if="showRecipeContent"
+                :class="[{ 'pb-2': !isOwnGroup }, 'ml-n2']"
+                :value="rating"
+                :recipe-id="recipeId"
+                :slug="slug"
                 small
               />
-            </v-list-item-avatar>
-          </slot>
-          <v-list-item-content class="py-0">
-            <v-list-item-title class="mt-1 mb-1 text-top">{{ name }}</v-list-item-title>
-            <v-list-item-subtitle class="ma-0 text-top">
-              <SafeMarkdown :source="description" />
-            </v-list-item-subtitle>
-            <div class="d-flex flex-wrap justify-start ma-0">
-              <RecipeChips :truncate="true" :items="tags" :title="false" :limit="2" :small="true" url-prefix="tags" v-on="$listeners" />
-            </div>
-            <div class="d-flex flex-wrap justify-end align-center">
-              <slot name="actions">
-                <RecipeFavoriteBadge v-if="isOwnGroup && showRecipeContent" :recipe-id="recipeId" show-always />
-                <RecipeRating
-                  v-if="showRecipeContent"
-                  :class="isOwnGroup ? 'ml-auto' : 'ml-auto pb-2'"
-                  :value="rating"
-                  :recipe-id="recipeId"
-                  :slug="slug"
-                  :small="true"
-                />
-                <v-spacer></v-spacer>
 
-                <!-- If we're not logged-in, no items display, so we hide this menu -->
-                <!-- We also add padding to the v-rating above to compensate -->
-                <RecipeContextMenu
-                  v-if="isOwnGroup && showRecipeContent"
-                  :slug="slug"
-                  :menu-icon="$globals.icons.dotsHorizontal"
-                  :name="name"
-                  :recipe-id="recipeId"
-                  :use-items="{
-                    delete: false,
-                    edit: false,
-                    download: true,
-                    mealplanner: true,
-                    shoppingList: true,
-                    print: false,
-                    printPreferences: false,
-                    share: true,
-                  }"
-                  @deleted="$emit('delete', slug)"
-                />
-              </slot>
-            </div>
-          </v-list-item-content>
+              <!-- If we're not logged-in, no items display, so we hide this menu -->
+              <!-- We also add padding to the v-rating above to compensate -->
+              <RecipeContextMenu
+                v-if="isOwnGroup && showRecipeContent"
+                :slug="slug"
+                :menu-icon="$globals.icons.dotsHorizontal"
+                :name="name"
+                :recipe-id="recipeId"
+                class="ml-auto"
+                :use-items="{
+                  delete: false,
+                  edit: false,
+                  download: true,
+                  mealplanner: true,
+                  shoppingList: true,
+                  print: false,
+                  printPreferences: false,
+                  share: true,
+                }"
+                @deleted="$emit('delete', slug)"
+              />
+            </v-card-actions>
+            </slot>
         </v-list-item>
         <slot />
       </v-card>
@@ -84,7 +124,6 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useContext, useRoute } from "@nuxtjs/composition-api";
 import RecipeFavoriteBadge from "./RecipeFavoriteBadge.vue";
 import RecipeContextMenu from "./RecipeContextMenu.vue";
 import RecipeCardImage from "./RecipeCardImage.vue";
@@ -92,7 +131,7 @@ import RecipeRating from "./RecipeRating.vue";
 import RecipeChips from "./RecipeChips.vue";
 import { useLoggedInState } from "~/composables/use-logged-in-state";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     RecipeFavoriteBadge,
     RecipeContextMenu,
@@ -139,27 +178,23 @@ export default defineComponent({
       default: false,
     },
     height: {
-      type: [Number, String],
+      type: [Number],
       default: 150,
     },
-    imageHeight: {
-      type: [Number, String],
-      default: "fill-height",
-    },
   },
+  emits: ["selected", "delete"],
   setup(props) {
-    const { $auth } = useContext();
+    const $auth = useMealieAuth();
     const { isOwnGroup } = useLoggedInState();
 
     const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    const groupSlug = computed(() => route.params.groupSlug || $auth.user.value?.groupSlug || "");
     const showRecipeContent = computed(() => props.recipeId && props.slug);
     const recipeRoute = computed<string>(() => {
       return showRecipeContent.value ? `/g/${groupSlug.value}/r/${props.slug}` : "";
     });
     const cursor = computed(() => showRecipeContent.value ? "pointer" : "auto");
 
-
     return {
       isOwnGroup,
       recipeRoute,
@@ -170,7 +205,10 @@ export default defineComponent({
 });
 </script>
 
-<style>
+<style scoped>
+:deep(.v-list-item__prepend) {
+  height: 100%;
+}
 .v-mobile-img {
   padding-top: 0;
   padding-bottom: 0;
@@ -198,8 +236,9 @@ export default defineComponent({
   align-self: start !important;
 }
 
-.flat, .theme--dark .flat {
-  box-shadow: none!important;
-  background-color: transparent!important;
+.flat,
+.theme--dark .flat {
+  box-shadow: none !important;
+  background-color: transparent !important;
 }
 </style>
diff --git a/frontend/components/Domain/Recipe/RecipeCardSection.vue b/frontend/components/Domain/Recipe/RecipeCardSection.vue
index 64fb9c0b3..10a29ec4f 100644
--- a/frontend/components/Domain/Recipe/RecipeCardSection.vue
+++ b/frontend/components/Domain/Recipe/RecipeCardSection.vue
@@ -1,67 +1,102 @@
 <template>
   <div>
-    <v-app-bar v-if="!disableToolbar" color="transparent" flat class="mt-n1 flex-sm-wrap rounded">
+    <v-app-bar
+      v-if="!disableToolbar"
+      color="transparent"
+      :absolute="false"
+      flat
+      class="mt-n1 flex-sm-wrap rounded position-relative w-100 left-0 top-0"
+    >
       <slot name="title">
-        <v-icon v-if="title" large left>
+        <v-icon
+          v-if="title"
+          size="large"
+          start
+        >
           {{ displayTitleIcon }}
         </v-icon>
-        <v-toolbar-title class="headline"> {{ title }} </v-toolbar-title>
+        <v-toolbar-title class="headline">
+          {{ title }}
+        </v-toolbar-title>
       </slot>
-      <v-spacer></v-spacer>
-      <v-btn :icon="$vuetify.breakpoint.xsOnly" text :disabled="recipes.length === 0" @click="navigateRandom">
-        <v-icon :left="!$vuetify.breakpoint.xsOnly">
+      <v-spacer />
+      <v-btn
+        :icon="$vuetify.display.xs"
+        variant="text"
+        :disabled="recipes.length === 0"
+        @click="navigateRandom"
+      >
+        <v-icon :start="!$vuetify.display.xs">
           {{ $globals.icons.diceMultiple }}
         </v-icon>
-        {{ $vuetify.breakpoint.xsOnly ? null : $t("general.random") }}
+        {{ $vuetify.display.xs ? null : $t("general.random") }}
       </v-btn>
-
-      <v-menu v-if="$listeners.sortRecipes" offset-y left>
-        <template #activator="{ on, attrs }">
-          <v-btn text :icon="$vuetify.breakpoint.xsOnly" v-bind="attrs" :loading="sortLoading" v-on="on">
-            <v-icon :left="!$vuetify.breakpoint.xsOnly">
+      <v-menu
+        v-if="!disableSort"
+        offset-y
+        start
+      >
+        <template #activator="{ props }">
+          <v-btn
+            variant="text"
+            :icon="$vuetify.display.xs"
+            v-bind="props"
+            :loading="sortLoading"
+          >
+            <v-icon :start="!$vuetify.display.xs">
               {{ preferences.sortIcon }}
             </v-icon>
-            {{ $vuetify.breakpoint.xsOnly ? null : $t("general.sort") }}
+            {{ $vuetify.display.xs ? null : $t("general.sort") }}
           </v-btn>
         </template>
         <v-list>
           <v-list-item @click="sortRecipes(EVENTS.az)">
-            <v-icon left>
-              {{ $globals.icons.orderAlphabeticalAscending }}
-            </v-icon>
-            <v-list-item-title>{{ $t("general.sort-alphabetically") }}</v-list-item-title>
+            <div class="d-flex align-center flex-nowrap">
+              <v-icon class="mr-2" inline>
+                {{ $globals.icons.orderAlphabeticalAscending }}
+              </v-icon>
+              <v-list-item-title>{{ $t("general.sort-alphabetically") }}</v-list-item-title>
+            </div>
           </v-list-item>
           <v-list-item @click="sortRecipes(EVENTS.rating)">
-            <v-icon left>
-              {{ $globals.icons.star }}
-            </v-icon>
-            <v-list-item-title>{{ $t("general.rating") }}</v-list-item-title>
+            <div class="d-flex align-center flex-nowrap">
+              <v-icon class="mr-2" inline>
+                {{ $globals.icons.star }}
+              </v-icon>
+              <v-list-item-title>{{ $t("general.rating") }}</v-list-item-title>
+            </div>
           </v-list-item>
           <v-list-item @click="sortRecipes(EVENTS.created)">
-            <v-icon left>
-              {{ $globals.icons.newBox }}
-            </v-icon>
-            <v-list-item-title>{{ $t("general.created") }}</v-list-item-title>
+            <div class="d-flex align-center flex-nowrap">
+              <v-icon class="mr-2" inline>
+                {{ $globals.icons.newBox }}
+              </v-icon>
+              <v-list-item-title>{{ $t("general.created") }}</v-list-item-title>
+            </div>
           </v-list-item>
           <v-list-item @click="sortRecipes(EVENTS.updated)">
-            <v-icon left>
-              {{ $globals.icons.update }}
-            </v-icon>
-            <v-list-item-title>{{ $t("general.updated") }}</v-list-item-title>
+            <div class="d-flex align-center flex-nowrap">
+              <v-icon class="mr-2" inline>
+                {{ $globals.icons.update }}
+              </v-icon>
+              <v-list-item-title>{{ $t("general.updated") }}</v-list-item-title>
+            </div>
           </v-list-item>
           <v-list-item @click="sortRecipes(EVENTS.lastMade)">
-            <v-icon left>
-              {{ $globals.icons.chefHat }}
-            </v-icon>
-            <v-list-item-title>{{ $t("general.last-made") }}</v-list-item-title>
+            <div class="d-flex align-center flex-nowrap">
+              <v-icon class="mr-2" inline>
+                {{ $globals.icons.chefHat }}
+              </v-icon>
+              <v-list-item-title>{{ $t("general.last-made") }}</v-list-item-title>
+            </div>
           </v-list-item>
         </v-list>
       </v-menu>
       <ContextMenu
-        v-if="!$vuetify.breakpoint.smAndDown"
+        v-if="!$vuetify.display.smAndDown"
         :items="[
           {
-            title: $tc('general.toggle-view'),
+            title: $t('general.toggle-view'),
             icon: $globals.icons.eye,
             event: 'toggle-dense-view',
           },
@@ -72,84 +107,75 @@
     <div v-if="recipes && ready">
       <div class="mt-2">
         <v-row v-if="!useMobileCards">
-          <v-col v-for="(recipe, index) in recipes" :key="recipe.slug + index" :sm="6" :md="6" :lg="4" :xl="3">
-            <v-lazy>
-              <RecipeCard
-                :name="recipe.name"
-                :description="recipe.description"
-                :slug="recipe.slug"
-                :rating="recipe.rating"
-                :image="recipe.image"
-                :tags="recipe.tags"
-                :recipe-id="recipe.id"
-
-                 v-on="$listeners"
-              />
-            </v-lazy>
-          </v-col>
-        </v-row>
-        <v-row v-else dense>
           <v-col
             v-for="recipe in recipes"
-            :key="recipe.name"
+            :key="recipe.id!"
+            :sm="6"
+            :md="6"
+            :lg="4"
+            :xl="3"
+          >
+            <RecipeCard
+              :name="recipe.name!"
+              :description="recipe.description!"
+              :slug="recipe.slug!"
+              :rating="recipe.rating!"
+              :image="recipe.image!"
+              :tags="recipe.tags!"
+              :recipe-id="recipe.id!"
+            />
+          </v-col>
+        </v-row>
+        <v-row
+          v-else
+          dense
+        >
+          <v-col
+            v-for="recipe in recipes"
+            :key="recipe.id!"
             cols="12"
             :sm="singleColumn ? '12' : '12'"
             :md="singleColumn ? '12' : '6'"
             :lg="singleColumn ? '12' : '4'"
             :xl="singleColumn ? '12' : '3'"
           >
-            <v-lazy>
-              <RecipeCardMobile
-                :name="recipe.name"
-                :description="recipe.description"
-                :slug="recipe.slug"
-                :rating="recipe.rating"
-                :image="recipe.image"
-                :tags="recipe.tags"
-                :recipe-id="recipe.id"
-
-                v-on="$listeners"
-              />
-            </v-lazy>
+            <RecipeCardMobile
+              :name="recipe.name!"
+              :description="recipe.description!"
+              :slug="recipe.slug!"
+              :rating="recipe.rating!"
+              :image="recipe.image!"
+              :tags="recipe.tags!"
+              :recipe-id="recipe.id!"
+            />
           </v-col>
         </v-row>
       </div>
-      <v-card v-intersect="infiniteScroll"></v-card>
+      <v-card v-intersect="infiniteScroll" />
       <v-fade-transition>
-        <AppLoader v-if="loading" :loading="loading" />
+        <AppLoader
+          v-if="loading"
+          :loading="loading"
+        />
       </v-fade-transition>
     </div>
   </div>
 </template>
 
 <script lang="ts">
-import {
-  computed,
-  defineComponent,
-  onMounted,
-  reactive,
-  ref,
-  toRefs,
-  useAsync,
-  useContext,
-  useRoute,
-  useRouter,
-  watch,
-} from "@nuxtjs/composition-api";
 import { useThrottleFn } from "@vueuse/core";
 import RecipeCard from "./RecipeCard.vue";
 import RecipeCardMobile from "./RecipeCardMobile.vue";
 import { useLoggedInState } from "~/composables/use-logged-in-state";
-import { useAsyncKey } from "~/composables/use-utils";
 import { useLazyRecipes } from "~/composables/recipes";
-import { Recipe } from "~/lib/api/types/recipe";
+import type { Recipe } from "~/lib/api/types/recipe";
 import { useUserSortPreferences } from "~/composables/use-users/preferences";
-import { RecipeSearchQuery } from "~/lib/api/user/recipes/recipe";
+import type { RecipeSearchQuery } from "~/lib/api/user/recipes/recipe";
 
 const REPLACE_RECIPES_EVENT = "replaceRecipes";
 const APPEND_RECIPES_EVENT = "appendRecipes";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     RecipeCard,
     RecipeCardMobile,
@@ -159,6 +185,10 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    disableSort: {
+      type: Boolean,
+      default: false,
+    },
     icon: {
       type: String,
       default: null,
@@ -181,6 +211,7 @@ export default defineComponent({
     },
   },
   setup(props, context) {
+    const { $vuetify } = useNuxtApp();
     const preferences = useUserSortPreferences();
 
     const EVENTS = {
@@ -192,10 +223,11 @@ export default defineComponent({
       shuffle: "shuffle",
     };
 
-    const { $auth, $globals, $vuetify } = useContext();
+    const $auth = useMealieAuth();
+    const { $globals } = useNuxtApp();
     const { isOwnGroup } = useLoggedInState();
     const useMobileCards = computed(() => {
-      return $vuetify.breakpoint.smAndDown || preferences.value.useMobileCards;
+      return $vuetify.display.smAndDown.value || preferences.value.useMobileCards;
     });
 
     const displayTitleIcon = computed(() => {
@@ -207,7 +239,7 @@ export default defineComponent({
     });
 
     const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    const groupSlug = computed(() => route.params.groupSlug as string || $auth.user.value?.groupSlug || "");
 
     const page = ref(1);
     const perPage = 32;
@@ -259,14 +291,14 @@ export default defineComponent({
     watch(
       () => props.query,
       async (newValue: RecipeSearchQuery | undefined) => {
-        const newValueString = JSON.stringify(newValue)
+        const newValueString = JSON.stringify(newValue);
         if (lastQuery !== newValueString) {
           lastQuery = newValueString;
           ready.value = false;
           await initRecipes();
           ready.value = true;
         }
-      }
+      },
     );
 
     async function initRecipes() {
@@ -286,29 +318,26 @@ export default defineComponent({
       context.emit(REPLACE_RECIPES_EVENT, newRecipes);
     }
 
-    const infiniteScroll = useThrottleFn(() => {
-      useAsync(async () => {
-        if (!hasMore.value || loading.value) {
-          return;
-        }
+    const infiniteScroll = useThrottleFn(async () => {
+      if (!hasMore.value || loading.value) {
+        return;
+      }
 
-        loading.value = true;
-        page.value = page.value + 1;
+      loading.value = true;
+      page.value = page.value + 1;
 
-        const newRecipes = await fetchRecipes();
-        if (newRecipes.length < perPage) {
-          hasMore.value = false;
-        }
-        if (newRecipes.length) {
-          context.emit(APPEND_RECIPES_EVENT, newRecipes);
-        }
+      const newRecipes = await fetchRecipes();
+      if (newRecipes.length < perPage) {
+        hasMore.value = false;
+      }
+      if (newRecipes.length) {
+        context.emit(APPEND_RECIPES_EVENT, newRecipes);
+      }
 
-        loading.value = false;
-      }, useAsyncKey());
+      loading.value = false;
     }, 500);
 
-
-    function sortRecipes(sortType: string) {
+    async function sortRecipes(sortType: string) {
       if (state.sortLoading || loading.value) {
         return;
       }
@@ -318,13 +347,14 @@ export default defineComponent({
         ascIcon: string,
         descIcon: string,
         defaultOrderDirection = "asc",
-        filterNull = false
+        filterNull = false,
       ) {
         if (preferences.value.orderBy !== orderBy) {
           preferences.value.orderBy = orderBy;
           preferences.value.orderDirection = defaultOrderDirection;
           preferences.value.filterNull = filterNull;
-        } else {
+        }
+        else {
           preferences.value.orderDirection = preferences.value.orderDirection === "asc" ? "desc" : "asc";
         }
         preferences.value.sortIcon = preferences.value.orderDirection === "asc" ? ascIcon : descIcon;
@@ -337,7 +367,7 @@ export default defineComponent({
             $globals.icons.sortAlphabeticalAscending,
             $globals.icons.sortAlphabeticalDescending,
             "asc",
-            false
+            false,
           );
           break;
         case EVENTS.rating:
@@ -349,7 +379,7 @@ export default defineComponent({
             $globals.icons.sortCalendarAscending,
             $globals.icons.sortCalendarDescending,
             "desc",
-            false
+            false,
           );
           break;
         case EVENTS.updated:
@@ -361,7 +391,7 @@ export default defineComponent({
             $globals.icons.sortCalendarAscending,
             $globals.icons.sortCalendarDescending,
             "desc",
-            true
+            true,
           );
           break;
         default:
@@ -369,21 +399,19 @@ export default defineComponent({
           return;
       }
 
-      useAsync(async () => {
-        // reset pagination
-        page.value = 1;
-        hasMore.value = true;
+      // reset pagination
+      page.value = 1;
+      hasMore.value = true;
 
-        state.sortLoading = true;
-        loading.value = true;
+      state.sortLoading = true;
+      loading.value = true;
 
-        // fetch new recipes
-        const newRecipes = await fetchRecipes();
-        context.emit(REPLACE_RECIPES_EVENT, newRecipes);
+      // fetch new recipes
+      const newRecipes = await fetchRecipes();
+      context.emit(REPLACE_RECIPES_EVENT, newRecipes);
 
-        state.sortLoading = false;
-        loading.value = false;
-      }, useAsyncKey());
+      state.sortLoading = false;
+      loading.value = false;
     }
 
     async function navigateRandom() {
diff --git a/frontend/components/Domain/Recipe/RecipeChips.vue b/frontend/components/Domain/Recipe/RecipeChips.vue
index 44429c1b7..577e80fff 100644
--- a/frontend/components/Domain/Recipe/RecipeChips.vue
+++ b/frontend/components/Domain/Recipe/RecipeChips.vue
@@ -1,13 +1,19 @@
 <template>
   <div v-if="items.length > 0">
-    <h2 v-if="title" class="mt-4">{{ title }}</h2>
+    <h2
+      v-if="title"
+      class="mt-4"
+    >
+      {{ title }}
+    </h2>
     <v-chip
       v-for="category in items.slice(0, limit)"
       :key="category.name"
       label
       class="ma-1"
       color="accent"
-      :small="small"
+      variant="flat"
+      :size="small ? 'small' : 'default'"
       dark
 
       @click.prevent="() => $emit('item-selected', category, urlPrefix)"
@@ -18,12 +24,11 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useContext, useRoute } from "@nuxtjs/composition-api";
-import { RecipeCategory, RecipeTag, RecipeTool } from "~/lib/api/types/recipe";
+import type { RecipeCategory, RecipeTag, RecipeTool } from "~/lib/api/types/recipe";
 
 export type UrlPrefixParam = "tags" | "categories" | "tools";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     truncate: {
       type: Boolean,
@@ -54,13 +59,14 @@ export default defineComponent({
       default: null,
     },
   },
+  emits: ["item-selected"],
   setup(props) {
-    const { $auth } = useContext();
+    const $auth = useMealieAuth();
 
     const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "")
+    const groupSlug = computed(() => route.params.groupSlug || $auth.user.value?.groupSlug || "");
     const baseRecipeRoute = computed<string>(() => {
-      return `/g/${groupSlug.value}`
+      return `/g/${groupSlug.value}`;
     });
 
     function truncateText(text: string, length = 20, clamp = "...") {
diff --git a/frontend/components/Domain/Recipe/RecipeContextMenu.vue b/frontend/components/Domain/Recipe/RecipeContextMenu.vue
index b6165feff..1a034d065 100644
--- a/frontend/components/Domain/Recipe/RecipeContextMenu.vue
+++ b/frontend/components/Domain/Recipe/RecipeContextMenu.vue
@@ -8,6 +8,7 @@
       :title="$t('recipe.delete-recipe')"
       color="error"
       :icon="$globals.icons.alertCircle"
+      can-confirm
       @confirm="deleteRecipe()"
     >
       <v-card-text>
@@ -19,16 +20,17 @@
       :title="$t('recipe.duplicate')"
       color="primary"
       :icon="$globals.icons.duplicate"
+      can-confirm
       @confirm="duplicateRecipe()"
     >
       <v-card-text>
         <v-text-field
           v-model="recipeName"
-          dense
+          density="compact"
           :label="$t('recipe.recipe-name')"
           autofocus
           @keyup.enter="duplicateRecipe()"
-        ></v-text-field>
+        />
       </v-card-text>
     </BaseDialog>
     <BaseDialog
@@ -36,6 +38,7 @@
       :title="$t('recipe.add-recipe-to-mealplan')"
       color="primary"
       :icon="$globals.icons.calendar"
+      can-confirm
       @confirm="addRecipeToPlan()"
     >
       <v-card-text>
@@ -47,22 +50,21 @@
           max-width="290px"
           min-width="auto"
         >
-          <template #activator="{ on, attrs }">
+          <template #activator="{ props }">
             <v-text-field
-              v-model="newMealdate"
+              v-model="newMealdateString"
               :label="$t('general.date')"
               :prepend-icon="$globals.icons.calendar"
-              v-bind="attrs"
+              v-bind="props"
               readonly
-              v-on="on"
-            ></v-text-field>
+            />
           </template>
           <v-date-picker
             v-model="newMealdate"
-            no-title
+            hide-header
             :first-day-of-week="firstDayOfWeek"
             :local="$i18n.locale"
-            @input="pickerMenu = false"
+             @update:model-value="pickerMenu = false"
           />
         </v-menu>
         <v-select
@@ -70,7 +72,9 @@
           :return-object="false"
           :items="planTypeOptions"
           :label="$t('recipe.entry-type')"
-        ></v-select>
+          item-title="text"
+          item-value="value"
+        />
       </v-card-text>
     </BaseDialog>
     <RecipeDialogAddToShoppingList
@@ -81,35 +85,53 @@
     />
     <v-menu
       offset-y
-      left
+      start
       :bottom="!menuTop"
       :nudge-bottom="!menuTop ? '5' : '0'"
       :top="menuTop"
       :nudge-top="menuTop ? '5' : '0'"
       allow-overflow
       close-delay="125"
-      :open-on-hover="$vuetify.breakpoint.mdAndUp"
+      :open-on-hover="$vuetify.display.mdAndUp"
       content-class="d-print-none"
     >
-      <template #activator="{ on, attrs }">
-        <v-btn :fab="fab" :small="fab" :color="color" :icon="!fab" dark v-bind="attrs" v-on="on" @click.prevent>
-          <v-icon>{{ icon }}</v-icon>
+      <template #activator="{ props }">
+        <v-btn
+          icon
+          :variant="fab ? 'flat' : undefined"
+          :rounded="fab ? 'circle' : undefined"
+          :size="fab ? 'small' : undefined"
+          :color="fab ? 'info' : 'secondary'"
+          :fab="fab"
+          v-bind="props"
+          @click.prevent
+        >
+          <v-icon
+          :size="!fab ? undefined : 'x-large'"
+          :color="fab ? 'white' : 'secondary'"
+        >
+          {{ icon }}
+        </v-icon>
         </v-btn>
       </template>
-      <v-list dense>
+      <v-list density="compact">
         <v-list-item v-for="(item, index) in menuItems" :key="index" @click="contextMenuEventHandler(item.event)">
-          <v-list-item-icon>
-            <v-icon :color="item.color"> {{ item.icon }} </v-icon>
-          </v-list-item-icon>
+          <template #prepend>
+            <v-icon :color="item.color">
+              {{ item.icon }}
+            </v-icon>
+          </template>
           <v-list-item-title>{{ item.title }}</v-list-item-title>
         </v-list-item>
         <div v-if="useItems.recipeActions && recipeActions && recipeActions.length">
           <v-divider />
           <v-list-group @click.stop>
-            <template #activator>
-              <v-list-item-title>{{ $tc("recipe.recipe-actions") }}</v-list-item-title>
+            <template #activator="{ props }">
+              <v-list-item-title v-bind="props">
+                {{ $t("recipe.recipe-actions") }}
+              </v-list-item-title>
             </template>
-            <v-list dense class="ma-0 pa-0">
+            <v-list density="compact" class="ma-0 pa-0">
               <v-list-item
                 v-for="(action, index) in recipeActions"
                 :key="index"
@@ -129,7 +151,6 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, reactive, toRefs, useContext, useRoute, useRouter, ref } from "@nuxtjs/composition-api";
 import RecipeDialogAddToShoppingList from "./RecipeDialogAddToShoppingList.vue";
 import RecipeDialogPrintPreferences from "./RecipeDialogPrintPreferences.vue";
 import RecipeDialogShare from "./RecipeDialogShare.vue";
@@ -139,15 +160,16 @@ import { useGroupRecipeActions } from "~/composables/use-group-recipe-actions";
 import { useHouseholdSelf } from "~/composables/use-households";
 import { alert } from "~/composables/use-toast";
 import { usePlanTypeOptions } from "~/composables/use-group-mealplan";
-import { Recipe } from "~/lib/api/types/recipe";
-import { GroupRecipeActionOut, ShoppingListSummary } from "~/lib/api/types/household";
-import { PlanEntryType } from "~/lib/api/types/meal-plan";
-import { useAxiosDownloader } from "~/composables/api/use-axios-download";
+import type { Recipe } from "~/lib/api/types/recipe";
+import type { GroupRecipeActionOut, ShoppingListSummary } from "~/lib/api/types/household";
+import type { PlanEntryType } from "~/lib/api/types/meal-plan";
+import { useDownloader } from "~/composables/api/use-downloader";
 
 export interface ContextMenuIncludes {
   delete: boolean;
   edit: boolean;
   download: boolean;
+  duplicate: boolean;
   mealplanner: boolean;
   shoppingList: boolean;
   print: boolean;
@@ -164,12 +186,12 @@ export interface ContextMenuItem {
   isPublic: boolean;
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     RecipeDialogAddToShoppingList,
     RecipeDialogPrintPreferences,
     RecipeDialogShare,
-},
+  },
   props: {
     useItems: {
       type: Object as () => ContextMenuIncludes,
@@ -233,6 +255,7 @@ export default defineComponent({
       default: 1,
     },
   },
+  emits: ["delete"],
   setup(props, context) {
     const api = useUserApi();
 
@@ -246,17 +269,23 @@ export default defineComponent({
       recipeName: props.name,
       loading: false,
       menuItems: [] as ContextMenuItem[],
-      newMealdate: "",
+      newMealdate: new Date(Date.now() - new Date().getTimezoneOffset() * 60000),
       newMealType: "dinner" as PlanEntryType,
       pickerMenu: false,
     });
 
-    const { i18n, $auth, $globals } = useContext();
+    const newMealdateString = computed(() => {
+      return state.newMealdate.toISOString().substring(0, 10);
+    });
+
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
+    const { $globals } = useNuxtApp();
     const { household } = useHouseholdSelf();
     const { isOwnGroup } = useLoggedInState();
 
     const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    const groupSlug = computed(() => route.params.groupSlug || $auth.user.value?.groupSlug || "");
 
     const firstDayOfWeek = computed(() => {
       return household.value?.preferences?.firstDayOfWeek || 0;
@@ -267,63 +296,63 @@ export default defineComponent({
 
     const defaultItems: { [key: string]: ContextMenuItem } = {
       edit: {
-        title: i18n.tc("general.edit"),
+        title: i18n.t("general.edit"),
         icon: $globals.icons.edit,
         color: undefined,
         event: "edit",
         isPublic: false,
       },
       delete: {
-        title: i18n.tc("general.delete"),
+        title: i18n.t("general.delete"),
         icon: $globals.icons.delete,
         color: undefined,
         event: "delete",
         isPublic: false,
       },
       download: {
-        title: i18n.tc("general.download"),
+        title: i18n.t("general.download"),
         icon: $globals.icons.download,
         color: undefined,
         event: "download",
         isPublic: false,
       },
       duplicate: {
-        title: i18n.tc("general.duplicate"),
+        title: i18n.t("general.duplicate"),
         icon: $globals.icons.duplicate,
         color: undefined,
         event: "duplicate",
         isPublic: false,
       },
       mealplanner: {
-        title: i18n.tc("recipe.add-to-plan"),
+        title: i18n.t("recipe.add-to-plan"),
         icon: $globals.icons.calendar,
         color: undefined,
         event: "mealplanner",
         isPublic: false,
       },
       shoppingList: {
-        title: i18n.tc("recipe.add-to-list"),
+        title: i18n.t("recipe.add-to-list"),
         icon: $globals.icons.cartCheck,
         color: undefined,
         event: "shoppingList",
         isPublic: false,
       },
       print: {
-        title: i18n.tc("general.print"),
+        title: i18n.t("general.print"),
         icon: $globals.icons.printer,
         color: undefined,
         event: "print",
         isPublic: true,
       },
       printPreferences: {
-        title: i18n.tc("general.print-preferences"),
+        title: i18n.t("general.print-preferences"),
         icon: $globals.icons.printerSettings,
         color: undefined,
         event: "printPreferences",
         isPublic: true,
       },
       share: {
-        title: i18n.tc("general.share"),
+        title: i18n.t("general.share"),
         icon: $globals.icons.shareVariant,
         color: undefined,
         event: "share",
@@ -350,8 +379,10 @@ export default defineComponent({
     // Context Menu Event Handler
 
     const shoppingLists = ref<ShoppingListSummary[]>();
-    const recipeRef = ref<Recipe>(props.recipe);
-    const recipeRefWithScale = computed(() => recipeRef.value ? { scale: props.recipeScale, ...recipeRef.value } : undefined);
+    const recipeRef = ref<Recipe | undefined>(props.recipe);
+    const recipeRefWithScale = computed(() =>
+      recipeRef.value ? { scale: props.recipeScale, ...recipeRef.value } : undefined,
+    );
 
     async function getShoppingLists() {
       const { data } = await api.shopping.lists.getAll(1, -1, { orderBy: "name", orderDirection: "asc" });
@@ -371,13 +402,15 @@ export default defineComponent({
     const groupRecipeActionsStore = useGroupRecipeActions();
 
     async function executeRecipeAction(action: GroupRecipeActionOut) {
+      if (!props.recipe) return;
       const response = await groupRecipeActionsStore.execute(action, props.recipe, props.recipeScale);
 
       if (action.actionType === "post") {
         if (!response?.error) {
-          alert.success(i18n.tc("events.message-sent"));
-        } else {
-          alert.error(i18n.tc("events.something-went-wrong"));
+          alert.success(i18n.t("events.message-sent"));
+        }
+        else {
+          alert.error(i18n.t("events.something-went-wrong"));
         }
       }
     }
@@ -390,7 +423,7 @@ export default defineComponent({
       context.emit("delete", props.slug);
     }
 
-    const download = useAxiosDownloader();
+    const download = useDownloader();
 
     async function handleDownloadEvent() {
       const { data } = await api.recipes.getZipToken(props.slug);
@@ -402,7 +435,7 @@ export default defineComponent({
 
     async function addRecipeToPlan() {
       const { response } = await api.mealplans.createOne({
-        date: state.newMealdate,
+        date: newMealdateString.value,
         entryType: state.newMealType,
         title: "",
         text: "",
@@ -411,7 +444,8 @@ export default defineComponent({
 
       if (response?.status === 201) {
         alert.success(i18n.t("recipe.recipe-added-to-mealplan") as string);
-      } else {
+      }
+      else {
         alert.error(i18n.t("recipe.failed-to-add-recipe-to-mealplan") as string);
       }
     }
@@ -424,6 +458,7 @@ export default defineComponent({
     }
 
     // Note: Print is handled as an event in the parent component
+    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
     const eventHandlers: { [key: string]: () => void | Promise<any> } = {
       delete: () => {
         state.recipeDeleteDialog = true;
@@ -448,7 +483,9 @@ export default defineComponent({
           promises.push(refreshRecipe());
         }
 
-        Promise.allSettled(promises).then(() => { state.shoppingListDialog = true });
+        Promise.allSettled(promises).then(() => {
+          state.shoppingListDialog = true;
+        });
       },
       share: () => {
         state.shareDialog = true;
@@ -472,6 +509,7 @@ export default defineComponent({
 
     return {
       ...toRefs(state),
+      newMealdateString,
       recipeRef,
       recipeRefWithScale,
       executeRecipeAction,
diff --git a/frontend/components/Domain/Recipe/RecipeDataAliasManagerDialog.vue b/frontend/components/Domain/Recipe/RecipeDataAliasManagerDialog.vue
index 6b0741f53..c79d4dd1f 100644
--- a/frontend/components/Domain/Recipe/RecipeDataAliasManagerDialog.vue
+++ b/frontend/components/Domain/Recipe/RecipeDataAliasManagerDialog.vue
@@ -1,41 +1,29 @@
 <template>
   <div>
-    <BaseDialog
-      v-model="dialog"
-      :title="$t('data-pages.manage-aliases')"
-      :icon="$globals.icons.edit"
-      :submit-icon="$globals.icons.check"
-      :submit-text="$tc('general.confirm')"
-      @submit="saveAliases"
-      @cancel="$emit('cancel')"
-    >
+    <BaseDialog v-model="dialog" :title="$t('data-pages.manage-aliases')" :icon="$globals.icons.edit"
+      :submit-icon="$globals.icons.check" :submit-text="$t('general.confirm')" can-submit @submit="saveAliases"
+      @cancel="$emit('cancel')">
       <v-card-text>
         <v-container>
           <v-row v-for="alias, i in aliases" :key="i">
             <v-col cols="10">
-              <v-text-field
-                v-model="alias.name"
-                :label="$t('general.name')"
-                :rules="[validators.required]"
-              />
+              <v-text-field v-model="alias.name" :label="$t('general.name')" :rules="[validators.required]" />
             </v-col>
             <v-col cols="2">
-              <BaseButtonGroup
-                :buttons="[
-                  {
-                    icon: $globals.icons.delete,
-                    text: $tc('general.delete'),
-                    event: 'delete'
-                  }
-                ]"
-                @delete="deleteAlias(i)"
-              />
+              <BaseButtonGroup :buttons="[
+                {
+                  icon: $globals.icons.delete,
+                  text: $t('general.delete'),
+                  event: 'delete',
+                },
+              ]" @delete="deleteAlias(i)" />
             </v-col>
           </v-row>
         </v-container>
       </v-card-text>
       <template #custom-card-action>
-        <BaseButton edit @click="createAlias">{{ $t('data-pages.create-alias') }}
+        <BaseButton edit @click="createAlias">
+          {{ $t('data-pages.create-alias') }}
           <template #icon>
             {{ $globals.icons.create }}
           </template>
@@ -46,18 +34,17 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, ref } from "@nuxtjs/composition-api";
 import { whenever } from "@vueuse/core";
 import { validators } from "~/composables/use-validators";
-import { IngredientFood, IngredientUnit } from "~/lib/api/types/recipe";
+import type { IngredientFood, IngredientUnit } from "~/lib/api/types/recipe";
 
 export interface GenericAlias {
   name: string;
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
-    value: {
+    modelValue: {
       type: Boolean,
       default: false,
     },
@@ -66,21 +53,22 @@ export default defineComponent({
       required: true,
     },
   },
+  emits: ["submit", "update:modelValue", "cancel"],
   setup(props, context) {
     // V-Model Support
     const dialog = computed({
       get: () => {
-        return props.value;
+        return props.modelValue;
       },
       set: (val) => {
-        context.emit("input", val);
+        context.emit("update:modelValue", val);
       },
     });
 
     function createAlias() {
       aliases.value.push({
-        "name": "",
-      })
+        name: "",
+      });
     }
 
     function deleteAlias(index: number) {
@@ -97,11 +85,11 @@ export default defineComponent({
 
     initAliases();
     whenever(
-      () => props.value,
+      () => props.modelValue,
       () => {
         initAliases();
       },
-    )
+    );
 
     function saveAliases() {
       const seenAliasNames: string[] = [];
@@ -111,9 +99,7 @@ export default defineComponent({
           !alias.name
           || alias.name === props.data.name
           || alias.name === props.data.pluralName
-          // @ts-ignore only applies to units
           || alias.name === props.data.abbreviation
-          // @ts-ignore only applies to units
           || alias.name === props.data.pluralAbbreviation
           || seenAliasNames.includes(alias.name)
         ) {
@@ -122,7 +108,7 @@ export default defineComponent({
 
         keepAliases.push(alias);
         seenAliasNames.push(alias.name);
-      })
+      });
 
       aliases.value = keepAliases;
       context.emit("submit", keepAliases);
@@ -135,7 +121,7 @@ export default defineComponent({
       deleteAlias,
       saveAliases,
       validators,
-    }
+    };
   },
 });
 </script>
diff --git a/frontend/components/Domain/Recipe/RecipeDataTable.vue b/frontend/components/Domain/Recipe/RecipeDataTable.vue
index 620cdffd0..ac4c28715 100644
--- a/frontend/components/Domain/Recipe/RecipeDataTable.vue
+++ b/frontend/components/Domain/Recipe/RecipeDataTable.vue
@@ -3,60 +3,73 @@
     v-model="selected"
     item-key="id"
     show-select
-    sort-by="dateAdded"
-    sort-desc
+    :sort-by="[{ key: 'dateAdded', order: 'desc' }]"
     :headers="headers"
     :items="recipes"
     :items-per-page="15"
     class="elevation-0"
     :loading="loading"
-    @input="setValue(selected)"
   >
-    <template #body.preappend>
-      <tr>
-        <td></td>
-        <td>Hello</td>
-        <td colspan="4"></td>
-      </tr>
+    <template #[`item.name`]="{ item }">
+      <a
+        :href="`/g/${groupSlug}/r/${item.slug}`"
+        style="color: inherit; text-decoration: inherit; "
+        @click="$emit('click')"
+      >{{ item.name }}</a>
     </template>
-    <template #item.name="{ item }">
-      <a :href="`/g/${groupSlug}/r/${item.slug}`" style="color: inherit; text-decoration: inherit; " @click="$emit('click')">{{ item.name }}</a>
+    <template #[`item.tags`]="{ item }">
+      <RecipeChip
+        small
+        :items="item.tags!"
+        :is-category="false"
+        url-prefix="tags"
+        @item-selected="filterItems"
+      />
     </template>
-    <template #item.tags="{ item }">
-      <RecipeChip small :items="item.tags" :is-category="false" url-prefix="tags" @item-selected="filterItems" />
+    <template #[`item.recipeCategory`]="{ item }">
+      <RecipeChip
+        small
+        :items="item.recipeCategory!"
+        @item-selected="filterItems"
+      />
     </template>
-    <template #item.recipeCategory="{ item }">
-      <RecipeChip small :items="item.recipeCategory" @item-selected="filterItems" />
+    <template #[`item.tools`]="{ item }">
+      <RecipeChip
+        small
+        :items="item.tools"
+        url-prefix="tools"
+        @item-selected="filterItems"
+      />
     </template>
-    <template #item.tools="{ item }">
-      <RecipeChip small :items="item.tools" url-prefix="tools" @item-selected="filterItems" />
+    <template #[`item.userId`]="{ item }">
+      <div class="d-flex align-center">
+        <UserAvatar
+          :user-id="item.userId!"
+          :tooltip="false"
+          size="40"
+        />
+        <div class="pl-2">
+          <span class="text-left">
+            {{ getMember(item.userId!) }}
+          </span>
+        </div>
+      </div>
     </template>
-    <template #item.userId="{ item }">
-      <v-list-item class="justify-start">
-        <UserAvatar :user-id="item.userId" :tooltip="false" size="40" />
-        <v-list-item-content class="pl-2">
-          <v-list-item-title class="text-left">
-            {{ getMember(item.userId) }}
-          </v-list-item-title>
-        </v-list-item-content>
-      </v-list-item>
-    </template>
-    <template #item.dateAdded="{ item }">
-      {{ formatDate(item.dateAdded) }}
+    <template #[`item.dateAdded`]="{ item }">
+      {{ formatDate(item.dateAdded!) }}
     </template>
   </v-data-table>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, onMounted, ref, useContext, useRouter } from "@nuxtjs/composition-api";
 import UserAvatar from "../User/UserAvatar.vue";
 import RecipeChip from "./RecipeChips.vue";
-import { Recipe, RecipeCategory, RecipeTool } from "~/lib/api/types/recipe";
+import type { Recipe, RecipeCategory, RecipeTool } from "~/lib/api/types/recipe";
 import { useUserApi } from "~/composables/api";
-import { UserSummary } from "~/lib/api/types/user";
-import { RecipeTag } from "~/lib/api/types/household";
+import type { UserSummary } from "~/lib/api/types/user";
+import type { RecipeTag } from "~/lib/api/types/household";
 
-const INPUT_EVENT = "input";
+const INPUT_EVENT = "update:modelValue";
 
 interface ShowHeaders {
   id: boolean;
@@ -70,11 +83,11 @@ interface ShowHeaders {
   dateAdded: boolean;
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { RecipeChip, UserAvatar },
   props: {
-    value: {
-      type: Array,
+    modelValue: {
+      type: Array as PropType<Recipe[]>,
       required: false,
       default: () => [],
     },
@@ -104,45 +117,48 @@ export default defineComponent({
       },
     },
   },
+  emits: ["click"],
   setup(props, context) {
-    const { $auth, i18n } = useContext();
-    const groupSlug = $auth.user?.groupSlug;
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
+    const groupSlug = $auth.user.value?.groupSlug;
     const router = useRouter();
-    function setValue(value: Recipe[]) {
-      context.emit(INPUT_EVENT, value);
-    }
+    const selected = computed({
+      get: () => props.modelValue,
+      set: value => context.emit(INPUT_EVENT, value),
+    });
 
     const headers = computed(() => {
-      const hdrs = [];
+      const hdrs: Array<{ title: string; value: string; align?: string; sortable?: boolean }> = [];
 
       if (props.showHeaders.id) {
-        hdrs.push({ text: i18n.t("general.id"), value: "id" });
+        hdrs.push({ title: i18n.t("general.id"), value: "id" });
       }
       if (props.showHeaders.owner) {
-        hdrs.push({ text: i18n.t("general.owner"), value: "userId", align: "center" });
+        hdrs.push({ title: i18n.t("general.owner"), value: "userId", align: "center", sortable: true });
       }
-      hdrs.push({ text: i18n.t("general.name"), value: "name" });
+      hdrs.push({ title: i18n.t("general.name"), value: "name", sortable: true });
       if (props.showHeaders.categories) {
-        hdrs.push({ text: i18n.t("recipe.categories"), value: "recipeCategory" });
+        hdrs.push({ title: i18n.t("recipe.categories"), value: "recipeCategory", sortable: true });
       }
 
       if (props.showHeaders.tags) {
-        hdrs.push({ text: i18n.t("tag.tags"), value: "tags" });
+        hdrs.push({ title: i18n.t("tag.tags"), value: "tags", sortable: true });
       }
       if (props.showHeaders.tools) {
-        hdrs.push({ text: i18n.t("tool.tools"), value: "tools" });
+        hdrs.push({ title: i18n.t("tool.tools"), value: "tools", sortable: true });
       }
       if (props.showHeaders.recipeServings) {
-        hdrs.push({ text: i18n.t("recipe.servings"), value: "recipeServings" });
+        hdrs.push({ title: i18n.t("recipe.servings"), value: "recipeServings", sortable: true });
       }
       if (props.showHeaders.recipeYieldQuantity) {
-        hdrs.push({ text: i18n.t("recipe.yield"), value: "recipeYieldQuantity" });
+        hdrs.push({ title: i18n.t("recipe.yield"), value: "recipeYieldQuantity", sortable: true });
       }
       if (props.showHeaders.recipeYield) {
-        hdrs.push({ text: i18n.t("recipe.yield-text"), value: "recipeYield" });
+        hdrs.push({ title: i18n.t("recipe.yield-text"), value: "recipeYield", sortable: true });
       }
       if (props.showHeaders.dateAdded) {
-        hdrs.push({ text: i18n.t("general.date-added"), value: "dateAdded" });
+        hdrs.push({ title: i18n.t("general.date-added"), value: "dateAdded", sortable: true });
       }
 
       return hdrs;
@@ -151,7 +167,8 @@ export default defineComponent({
     function formatDate(date: string) {
       try {
         return i18n.d(Date.parse(date), "medium");
-      } catch {
+      }
+      catch {
         return "";
       }
     }
@@ -181,15 +198,15 @@ export default defineComponent({
 
     function getMember(id: string) {
       if (members.value[0]) {
-        return members.value.find((m) => m.id === id)?.fullName;
+        return members.value.find(m => m.id === id)?.fullName;
       }
 
       return i18n.t("general.none");
     }
 
     return {
+      selected,
       groupSlug,
-      setValue,
       headers,
       formatDate,
       members,
@@ -197,16 +214,5 @@ export default defineComponent({
       filterItems,
     };
   },
-
-  data() {
-    return {
-      selected: [],
-    };
-  },
-  watch: {
-    value(val) {
-      this.selected = val;
-    },
-  },
 });
 </script>
diff --git a/frontend/components/Domain/Recipe/RecipeDialogAddToShoppingList.vue b/frontend/components/Domain/Recipe/RecipeDialogAddToShoppingList.vue
index 0aae51731..c7ed432b3 100644
--- a/frontend/components/Domain/Recipe/RecipeDialogAddToShoppingList.vue
+++ b/frontend/components/Domain/Recipe/RecipeDialogAddToShoppingList.vue
@@ -1,11 +1,18 @@
 <template>
   <div v-if="dialog">
-    <BaseDialog v-if="shoppingListDialog && ready" v-model="dialog" :title="$t('recipe.add-to-list')" :icon="$globals.icons.cartCheck">
-    <v-container v-if="!shoppingListChoices.length">
-      <BasePageTitle>
-        <template #title>{{ $t('shopping-list.no-shopping-lists-found') }}</template>
-      </BasePageTitle>
-    </v-container>
+    <BaseDialog
+      v-if="shoppingListDialog && ready"
+      v-model="dialog"
+      :title="$t('recipe.add-to-list')"
+      :icon="$globals.icons.cartCheck"
+    >
+      <v-container v-if="!shoppingListChoices.length">
+        <BasePageTitle>
+          <template #title>
+            {{ $t('shopping-list.no-shopping-lists-found') }}
+          </template>
+        </BasePageTitle>
+      </v-container>
       <v-card-text>
         <v-card
           v-for="list in shoppingListChoices"
@@ -21,14 +28,23 @@
       </v-card-text>
       <template #card-actions>
         <v-btn
-          text
+          variant="text"
           color="grey"
           @click="dialog = false"
         >
           {{ $t("general.cancel") }}
         </v-btn>
-        <div class="d-flex justify-end" style="width: 100%;">
-          <v-checkbox v-model="preferences.viewAllLists" hide-details :label="$tc('general.show-all')" class="my-auto mr-4" @click="setShowAllToggled()" />
+        <div
+          class="d-flex justify-end"
+          style="width: 100%;"
+        >
+          <v-checkbox
+            v-model="preferences.viewAllLists"
+            hide-details
+            :label="$t('general.show-all')"
+            class="my-auto mr-4"
+            @click="setShowAllToggled()"
+          />
         </div>
       </template>
     </BaseDialog>
@@ -38,32 +54,52 @@
       :title="selectedShoppingList ? selectedShoppingList.name : $t('recipe.add-to-list')"
       :icon="$globals.icons.cartCheck"
       width="70%"
-      :submit-text="$tc('recipe.add-to-list')"
+      :submit-text="$t('recipe.add-to-list')"
+      can-submit
       @submit="addRecipesToList()"
     >
       <div style="max-height: 70vh;  overflow-y: auto">
         <v-card
-          v-for="(recipeSection, recipeSectionIndex) in recipeIngredientSections" :key="recipeSection.recipeId + recipeSectionIndex"
+          v-for="(recipeSection, recipeSectionIndex) in recipeIngredientSections"
+          :key="recipeSection.recipeId + recipeSectionIndex"
           elevation="0"
           height="fit-content"
           width="100%"
         >
-          <v-divider v-if="recipeSectionIndex > 0" class="mt-3" />
+          <v-divider
+            v-if="recipeSectionIndex > 0"
+            class="mt-3"
+          />
           <v-card-title
             v-if="recipeIngredientSections.length > 1"
             class="justify-center text-h5"
             width="100%"
           >
             <v-container style="width: 100%;">
-              <v-row no-gutters class="ma-0 pa-0">
-                <v-col cols="12" align-self="center" class="text-center">
+              <v-row
+                no-gutters
+                class="ma-0 pa-0"
+              >
+                <v-col
+                  cols="12"
+                  align-self="center"
+                  class="text-center"
+                >
                   {{ recipeSection.recipeName }}
                 </v-col>
               </v-row>
-              <v-row v-if="recipeSection.recipeScale > 1" no-gutters class="ma-0 pa-0">
+              <v-row
+                v-if="recipeSection.recipeScale > 1"
+                no-gutters
+                class="ma-0 pa-0"
+              >
                 <!-- TODO: make this editable in the dialog and visible on single-recipe lists -->
-                <v-col cols="12" align-self="center" class="text-center">
-                  ({{ $tc("recipe.quantity") }}: {{ recipeSection.recipeScale }})
+                <v-col
+                  cols="12"
+                  align-self="center"
+                  class="text-center"
+                >
+                  ({{ $t("recipe.quantity") }}: {{ recipeSection.recipeScale }})
                 </v-col>
               </v-row>
             </v-container>
@@ -73,36 +109,41 @@
               v-for="(ingredientSection, ingredientSectionIndex) in recipeSection.ingredientSections"
               :key="recipeSection.recipeId + recipeSectionIndex + ingredientSectionIndex"
             >
-              <v-card-title v-if="ingredientSection.sectionName" class="ingredient-title mt-2 pb-0 text-h6">
+              <v-card-title
+                v-if="ingredientSection.sectionName"
+                class="ingredient-title mt-2 pb-0 text-h6"
+              >
                 {{ ingredientSection.sectionName }}
               </v-card-title>
               <div
-                :class="$vuetify.breakpoint.smAndDown ? '' : 'ingredient-grid'"
-                :style="$vuetify.breakpoint.smAndDown ? '' : { gridTemplateRows: `repeat(${Math.ceil(ingredientSection.ingredients.length / 2)}, min-content)` }"
+                :class="$vuetify.display.smAndDown ? '' : 'ingredient-grid'"
+                :style="$vuetify.display.smAndDown ? '' : { gridTemplateRows: `repeat(${Math.ceil(ingredientSection.ingredients.length / 2)}, min-content)` }"
               >
                 <v-list-item
                   v-for="(ingredientData, i) in ingredientSection.ingredients"
                   :key="recipeSection.recipeId + recipeSectionIndex + ingredientSectionIndex + i"
-                  dense
+                  density="compact"
                   @click="recipeIngredientSections[recipeSectionIndex]
                     .ingredientSections[ingredientSectionIndex]
                     .ingredients[i].checked = !recipeIngredientSections[recipeSectionIndex]
-                    .ingredientSections[ingredientSectionIndex]
-                    .ingredients[i]
-                    .checked"
+                      .ingredientSections[ingredientSectionIndex]
+                      .ingredients[i]
+                      .checked"
                 >
                   <v-checkbox
                     hide-details
-                    :input-value="ingredientData.checked"
+                    :model-value="ingredientData.checked"
                     class="pt-0 my-auto py-auto"
                     color="secondary"
+                    density="compact"
                   />
-                  <v-list-item-content :key="ingredientData.ingredient.quantity">
+                  <div :key="ingredientData.ingredient.quantity">
                     <RecipeIngredientListItem
                       :ingredient="ingredientData.ingredient"
                       :disable-amount="ingredientData.disableAmount"
-                      :scale="recipeSection.recipeScale" />
-                  </v-list-item-content>
+                      :scale="recipeSection.recipeScale"
+                    />
+                  </div>
                 </v-list-item>
               </div>
             </div>
@@ -114,12 +155,12 @@
           :buttons="[
             {
               icon: $globals.icons.checkboxBlankOutline,
-              text: $tc('shopping-list.uncheck-all-items'),
+              text: $t('shopping-list.uncheck-all-items'),
               event: 'uncheck',
             },
             {
               icon: $globals.icons.checkboxOutline,
-              text: $tc('shopping-list.check-all-items'),
+              text: $t('shopping-list.check-all-items'),
               event: 'check',
             },
           ]"
@@ -132,14 +173,13 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, reactive, ref, useContext, watchEffect } from "@nuxtjs/composition-api";
 import { toRefs } from "@vueuse/core";
 import RecipeIngredientListItem from "./RecipeIngredientListItem.vue";
 import { useUserApi } from "~/composables/api";
 import { alert } from "~/composables/use-toast";
 import { useShoppingListPreferences } from "~/composables/use-users/preferences";
-import { RecipeIngredient, ShoppingListAddRecipeParamsBulk, ShoppingListSummary } from "~/lib/api/types/household";
-import { Recipe } from "~/lib/api/types/recipe";
+import type { RecipeIngredient, ShoppingListAddRecipeParamsBulk, ShoppingListSummary } from "~/lib/api/types/household";
+import type { Recipe } from "~/lib/api/types/recipe";
 
 export interface RecipeWithScale extends Recipe {
   scale: number;
@@ -163,12 +203,12 @@ export interface ShoppingListRecipeIngredientSection {
   ingredientSections: ShoppingListIngredientSection[];
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     RecipeIngredientListItem,
   },
   props: {
-    value: {
+    modelValue: {
       type: Boolean,
       default: false,
     },
@@ -181,8 +221,10 @@ export default defineComponent({
       default: () => [],
     },
   },
+  emits: ["update:modelValue"],
   setup(props, context) {
-    const { $auth, i18n } = useContext();
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
     const api = useUserApi();
     const preferences = useShoppingListPreferences();
     const ready = ref(false);
@@ -190,10 +232,10 @@ export default defineComponent({
     // v-model support
     const dialog = computed({
       get: () => {
-        return props.value;
+        return props.modelValue;
       },
       set: (val) => {
-        context.emit("input", val);
+        context.emit("update:modelValue", val);
         initState();
       },
     });
@@ -205,11 +247,11 @@ export default defineComponent({
     });
 
     const userHousehold = computed(() => {
-      return $auth.user?.householdSlug || "";
+      return $auth.user.value?.householdSlug || "";
     });
 
     const shoppingListChoices = computed(() => {
-      return props.shoppingLists.filter((list) => preferences.value.viewAllLists || list.userId === $auth.user?.id);
+      return props.shoppingLists.filter(list => preferences.value.viewAllLists || list.userId === $auth.user.value?.id);
     });
 
     const recipeIngredientSections = ref<ShoppingListRecipeIngredientSection[]>([]);
@@ -220,7 +262,8 @@ export default defineComponent({
         if (shoppingListChoices.value.length === 1 && !state.shoppingListShowAllToggled) {
           selectedShoppingList.value = shoppingListChoices.value[0];
           openShoppingListIngredientDialog(selectedShoppingList.value);
-        } else {
+        }
+        else {
           ready.value = true;
         }
       },
@@ -234,7 +277,6 @@ export default defineComponent({
         }
 
         if (recipeSectionMap.has(recipe.slug)) {
-          // @ts-ignore not undefined, see above
           recipeSectionMap.get(recipe.slug).recipeScale += recipe.scale;
           continue;
         }
@@ -247,7 +289,8 @@ export default defineComponent({
           recipe.id = data.id || "";
           recipe.name = data.name || "";
           recipe.recipeIngredient = data.recipeIngredient;
-        } else if (!recipe.recipeIngredient.length) {
+        }
+        else if (!recipe.recipeIngredient.length) {
           continue;
         }
 
@@ -257,7 +300,7 @@ export default defineComponent({
             checked: !householdsWithFood.includes(userHousehold.value),
             ingredient: ing,
             disableAmount: recipe.settings?.disableAmount || false,
-          }
+          };
         });
 
         let currentTitle = "";
@@ -300,7 +343,7 @@ export default defineComponent({
           recipeName: recipe.name,
           recipeScale: recipe.scale,
           ingredientSections: shoppingListIngredientSections,
-        })
+        });
       }
 
       recipeIngredientSections.value = Array.from(recipeSectionMap.values());
@@ -366,13 +409,13 @@ export default defineComponent({
             recipeId: section.recipeId,
             recipeIncrementQuantity: section.recipeScale,
             recipeIngredients: ingredients,
-          }
+          },
         );
       });
 
       const { error } = await api.shopping.lists.addRecipes(selectedShoppingList.value.id, recipeData);
-      error ? alert.error(i18n.tc("recipe.failed-to-add-recipes-to-list"))
-      : alert.success(i18n.tc("recipe.successfully-added-to-list"));
+      // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+      error ? alert.error(i18n.t("recipe.failed-to-add-recipes-to-list")) : alert.success(i18n.t("recipe.successfully-added-to-list"));
 
       state.shoppingListDialog = false;
       state.shoppingListIngredientDialog = false;
@@ -391,9 +434,9 @@ export default defineComponent({
       setShowAllToggled,
       recipeIngredientSections,
       selectedShoppingList,
-    }
+    };
   },
-})
+});
 </script>
 
 <style scoped lang="css">
diff --git a/frontend/components/Domain/Recipe/RecipeDialogBulkAdd.vue b/frontend/components/Domain/Recipe/RecipeDialogBulkAdd.vue
index 445d3a690..b71930576 100644
--- a/frontend/components/Domain/Recipe/RecipeDialogBulkAdd.vue
+++ b/frontend/components/Domain/Recipe/RecipeDialogBulkAdd.vue
@@ -1,54 +1,88 @@
 <template>
   <div class="text-center">
-    <v-dialog v-model="dialog" width="800">
-      <template #activator="{ on, attrs }">
-        <BaseButton v-bind="attrs" v-on="on" @click="inputText = inputTextProp">
+    <v-dialog
+      v-model="dialog"
+      width="800"
+    >
+      <template #activator="{ props }">
+        <BaseButton
+          v-bind="props"
+          @click="inputText = inputTextProp"
+        >
           {{ $t("new-recipe.bulk-add") }}
         </BaseButton>
       </template>
 
       <v-card>
-        <v-app-bar dense dark color="primary" class="mb-2">
-          <v-icon large left>
+        <v-app-bar
+          density="compact"
+          dark
+          color="primary"
+          class="mb-2 position-relative left-0 top-0 w-100"
+        >
+          <v-icon
+            size="large"
+            start
+          >
             {{ $globals.icons.createAlt }}
           </v-icon>
-          <v-toolbar-title class="headline"> {{ $t("new-recipe.bulk-add") }}</v-toolbar-title>
-          <v-spacer></v-spacer>
+          <v-toolbar-title class="headline">
+            {{ $t("new-recipe.bulk-add") }}
+          </v-toolbar-title>
+          <v-spacer />
         </v-app-bar>
 
         <v-card-text>
           <v-textarea
             v-model="inputText"
-            outlined
+            variant="outlined"
             rows="12"
             hide-details
             :placeholder="$t('new-recipe.paste-in-your-recipe-data-each-line-will-be-treated-as-an-item-in-a-list')"
-          >
-          </v-textarea>
+          />
 
-          <v-divider></v-divider>
-          <template v-for="(util, idx) in utilities">
-            <v-list-item :key="util.id" dense class="py-1">
+          <v-divider />
+          <template
+            v-for="(util) in utilities"
+            :key="util.id"
+          >
+            <v-list-item
+              density="compact"
+              class="py-1"
+            >
               <v-list-item-title>
                 <v-list-item-subtitle class="wrap-word">
                   {{ util.description }}
                 </v-list-item-subtitle>
               </v-list-item-title>
-              <BaseButton small color="info" @click="util.action">
-                <template #icon> {{ $globals.icons.robot }}</template>
+              <BaseButton
+                size="small"
+                color="info"
+                @click="util.action"
+              >
+                <template #icon>
+                  {{ $globals.icons.robot }}
+                </template>
                 {{ $t("general.run") }}
               </BaseButton>
             </v-list-item>
-            <v-divider :key="`divider-${idx}`" class="mx-2"></v-divider>
+            <v-divider class="mx-2" />
           </template>
         </v-card-text>
 
-        <v-divider></v-divider>
+        <v-divider />
 
         <v-card-actions>
-          <BaseButton cancel @click="dialog = false"> </BaseButton>
-          <v-spacer></v-spacer>
-          <BaseButton save color="success" @click="save"> </BaseButton>
+          <BaseButton
+            cancel
+            @click="dialog = false"
+          />
+          <v-spacer />
+          <BaseButton
+            save
+            color="success"
+            @click="save"
+          />
         </v-card-actions>
       </v-card>
     </v-dialog>
@@ -56,8 +90,7 @@
 </template>
 
 <script lang="ts">
-import { reactive, toRefs, defineComponent, useContext } from "@nuxtjs/composition-api";
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     inputTextProp: {
       type: String,
@@ -65,6 +98,7 @@ export default defineComponent({
       default: "",
     },
   },
+  emits: ["bulk-data"],
   setup(props, context) {
     const state = reactive({
       dialog: false,
@@ -72,12 +106,12 @@ export default defineComponent({
     });
 
     function splitText() {
-      return state.inputText.split("\n").filter((line) => !(line === "\n" || !line));
+      return state.inputText.split("\n").filter(line => !(line === "\n" || !line));
     }
 
     function removeFirstCharacter() {
       state.inputText = splitText()
-        .map((line) => line.substring(1))
+        .map(line => line.substring(1))
         .join("\n");
     }
 
@@ -108,22 +142,22 @@ export default defineComponent({
       state.dialog = false;
     }
 
-    const { i18n } = useContext();
+    const i18n = useI18n();
 
     const utilities = [
       {
         id: "trim-whitespace",
-        description: i18n.tc("new-recipe.trim-whitespace-description"),
+        description: i18n.t("new-recipe.trim-whitespace-description"),
         action: trimAllLines,
       },
       {
         id: "trim-prefix",
-        description: i18n.tc("new-recipe.trim-prefix-description"),
+        description: i18n.t("new-recipe.trim-prefix-description"),
         action: removeFirstCharacter,
       },
       {
         id: "split-by-numbered-line",
-        description: i18n.tc("new-recipe.split-by-numbered-line-description"),
+        description: i18n.t("new-recipe.split-by-numbered-line-description"),
         action: splitByNumberedLine,
       },
     ];
diff --git a/frontend/components/Domain/Recipe/RecipeDialogPrintPreferences.vue b/frontend/components/Domain/Recipe/RecipeDialogPrintPreferences.vue
index 31bcab3f8..3ef1c9fda 100644
--- a/frontend/components/Domain/Recipe/RecipeDialogPrintPreferences.vue
+++ b/frontend/components/Domain/Recipe/RecipeDialogPrintPreferences.vue
@@ -2,16 +2,29 @@
   <BaseDialog
     v-model="dialog"
     :icon="$globals.icons.printerSettings"
-    :title="$tc('general.print-preferences')"
+    :title="$t('general.print-preferences')"
     width="70%"
     max-width="816px"
   >
     <div class="pa-6">
       <v-container class="print-config mb-3 pa-0">
         <v-row>
-          <v-col cols="auto" align-self="center" class="text-center">
-            <div class="text-subtitle-2" style="text-align: center;">{{ $tc('recipe.recipe-image') }}</div>
-            <v-btn-toggle v-model="preferences.imagePosition" mandatory style="width: fit-content;">
+          <v-col
+            cols="auto"
+            align-self="center"
+            class="text-center"
+          >
+            <div
+              class="text-subtitle-2"
+              style="text-align: center;"
+            >
+              {{ $t('recipe.recipe-image') }}
+            </div>
+            <v-btn-toggle
+              v-model="preferences.imagePosition"
+              mandatory="force"
+              style="width: fit-content;"
+            >
               <v-btn :value="ImagePosition.left">
                 <v-icon>{{ $globals.icons.dockLeft }}</v-icon>
               </v-btn>
@@ -23,20 +36,37 @@
               </v-btn>
             </v-btn-toggle>
           </v-col>
-          <v-col cols="auto" align-self="start">
+          <v-col
+            cols="auto"
+            align-self="start"
+          >
             <v-row no-gutters>
-              <v-switch v-model="preferences.showDescription" hide-details :label="$tc('recipe.description')" />
+              <v-switch
+                v-model="preferences.showDescription"
+                hide-details
+                :label="$t('recipe.description')"
+              />
             </v-row>
             <v-row no-gutters>
-              <v-switch v-model="preferences.showNotes" hide-details :label="$tc('recipe.notes')" />
+              <v-switch
+                v-model="preferences.showNotes"
+                hide-details
+                :label="$t('recipe.notes')"
+              />
             </v-row>
           </v-col>
-          <v-col cols="auto" align-self="start">
-            <v-row no-gutters>
-              <v-switch v-model="preferences.showNutrition" hide-details :label="$tc('recipe.nutrition')" />
-            </v-row>
+          <v-col
+            cols="auto"
+            align-self="start"
+          >
             <v-row no-gutters>
+              <v-switch
+                v-model="preferences.showNutrition"
+                hide-details
+                :label="$t('recipe.nutrition')"
+              />
             </v-row>
+            <v-row no-gutters />
           </v-col>
         </v-row>
       </v-container>
@@ -47,42 +77,43 @@
         class="print-preview"
         style="overflow-y: auto;"
       >
-        <RecipePrintView :recipe="recipe"/>
+        <RecipePrintView :recipe="recipe" />
       </v-card>
     </div>
   </BaseDialog>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent } from "@nuxtjs/composition-api";
-import { Recipe } from "~/lib/api/types/recipe";
+import type { Recipe } from "~/lib/api/types/recipe";
 import { ImagePosition, useUserPrintPreferences } from "~/composables/use-users/preferences";
 import RecipePrintView from "~/components/Domain/Recipe/RecipePrintView.vue";
+import type { NoUndefinedField } from "~/lib/api/types/non-generated";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     RecipePrintView,
   },
   props: {
-    value: {
+    modelValue: {
       type: Boolean,
       default: false,
     },
     recipe: {
-      type: Object as () => Recipe,
+      type: Object as () => NoUndefinedField<Recipe>,
       default: undefined,
     },
   },
+  emits: ["update:modelValue"],
   setup(props, context) {
     const preferences = useUserPrintPreferences();
 
     // V-Model Support
     const dialog = computed({
       get: () => {
-        return props.value;
+        return props.modelValue;
       },
       set: (val) => {
-        context.emit("input", val);
+        context.emit("update:modelValue", val);
       },
     });
 
@@ -90,7 +121,7 @@ export default defineComponent({
       dialog,
       ImagePosition,
       preferences,
-    }
-  }
+    };
+  },
 });
 </script>
diff --git a/frontend/components/Domain/Recipe/RecipeDialogSearch.vue b/frontend/components/Domain/Recipe/RecipeDialogSearch.vue
index 87c3f468d..df78a36d2 100644
--- a/frontend/components/Domain/Recipe/RecipeDialogSearch.vue
+++ b/frontend/components/Domain/Recipe/RecipeDialogSearch.vue
@@ -1,37 +1,61 @@
 <template>
   <div>
-    <slot v-bind="{ open, close }"> </slot>
-    <v-dialog v-model="dialog" max-width="988px" content-class="top-dialog" :scrollable="false">
-      <v-app-bar sticky dark color="primary lighten-1" :rounded="!$vuetify.breakpoint.xs">
+    <slot v-bind="{ open, close }" />
+    <v-dialog
+      v-model="dialog"
+      max-width="988px"
+      content-class="top-dialog"
+      :scrollable="false"
+    >
+      <v-app-bar
+        sticky
+        dark
+        color="primary-lighten-1 top-0 position-relative left-0"
+        :rounded="!$vuetify.display.xs"
+      >
         <v-text-field
           id="arrow-search"
           v-model="search.query.value"
           autofocus
-          solo
+          variant="solo-filled"
           flat
           autocomplete="off"
-          background-color="primary lighten-1"
+          bg-color="primary-lighten-1"
           color="white"
-          dense
+          density="compact"
           class="mx-2 arrow-search"
           hide-details
           single-line
           :placeholder="$t('search.search')"
           :prepend-inner-icon="$globals.icons.search"
-        ></v-text-field>
+        />
 
-        <v-btn v-if="$vuetify.breakpoint.xs" x-small fab light @click="dialog = false">
+        <v-btn
+          v-if="$vuetify.display.xs"
+          size="x-small"
+          class="rounded-circle"
+          light
+          @click="dialog = false"
+        >
           <v-icon>
             {{ $globals.icons.close }}
           </v-icon>
         </v-btn>
       </v-app-bar>
-      <v-card class="mt-1 pa-1 scroll" max-height="700px" relative :loading="loading">
+      <v-card
+        class="position-relative mt-1 pa-1 scroll"
+        max-height="700px"
+        relative
+        :loading="loading"
+      >
         <v-card-actions>
           <div class="mr-auto">
             {{ $t("search.results") }}
           </div>
-          <router-link :to="advancedSearchUrl"> {{ $t("search.advanced-search") }} </router-link>
+          <!-- <router-link
+            :to="advancedSearchUrl"
+            class="text-primary"
+          > {{ $t("search.advanced-search") }} </router-link> -->
         </v-card-actions>
 
         <RecipeCardMobile
@@ -39,13 +63,13 @@
           :key="index"
           :tabindex="index"
           class="ma-1 arrow-nav"
-          :name="recipe.name"
-          :description="recipe.description || ''"
-          :slug="recipe.slug"
-          :rating="recipe.rating"
+          :name="recipe.name ?? ''"
+          :description="recipe.description ?? ''"
+          :slug="recipe.slug ?? ''"
+          :rating="recipe.rating ?? 0"
           :image="recipe.image"
-          :recipe-id="recipe.id"
-          v-on="$listeners.selected ? { selected: () => handleSelect(recipe) } : {}"
+          :recipe-id="recipe.id ?? ''"
+          v-bind="$attrs.selected ? { selected: () => handleSelect(recipe) } : {}"
         />
       </v-card>
     </v-dialog>
@@ -53,21 +77,21 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, toRefs, reactive, ref, watch, useContext, useRoute } from "@nuxtjs/composition-api";
 import RecipeCardMobile from "./RecipeCardMobile.vue";
 import { useLoggedInState } from "~/composables/use-logged-in-state";
-import { RecipeSummary } from "~/lib/api/types/recipe";
+import type { RecipeSummary } from "~/lib/api/types/recipe";
 import { useUserApi } from "~/composables/api";
 import { useRecipeSearch } from "~/composables/recipes/use-recipe-search";
 import { usePublicExploreApi } from "~/composables/api/api-client";
+
 const SELECTED_EVENT = "selected";
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     RecipeCardMobile,
   },
 
   setup(_, context) {
-    const { $auth } = useContext();
+    const $auth = useMealieAuth();
     const state = reactive({
       loading: false,
       selectedIndex: -1,
@@ -110,13 +134,16 @@ export default defineComponent({
       if (e.key === "Enter") {
         console.log(document.activeElement);
         // (document.activeElement as HTMLElement).click();
-      } else if (e.key === "ArrowUp") {
+      }
+      else if (e.key === "ArrowUp") {
         e.preventDefault();
         state.selectedIndex--;
-      } else if (e.key === "ArrowDown") {
+      }
+      else if (e.key === "ArrowDown") {
         e.preventDefault();
         state.selectedIndex++;
-      } else {
+      }
+      else {
         return;
       }
       selectRecipe();
@@ -125,14 +152,15 @@ export default defineComponent({
     watch(dialog, (val) => {
       if (!val) {
         document.removeEventListener("keyup", onUpDown);
-      } else {
+      }
+      else {
         document.addEventListener("keyup", onUpDown);
       }
     });
 
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    const groupSlug = computed(() => route.params.groupSlug as string || $auth.user.value?.groupSlug || "");
     const route = useRoute();
-    const advancedSearchUrl = computed(() => `/g/${groupSlug.value}`)
+    const advancedSearchUrl = computed(() => `/g/${groupSlug.value}`);
     watch(route, close);
 
     function open() {
diff --git a/frontend/components/Domain/Recipe/RecipeDialogShare.vue b/frontend/components/Domain/Recipe/RecipeDialogShare.vue
index 5f7a70bd2..33b14ca00 100644
--- a/frontend/components/Domain/Recipe/RecipeDialogShare.vue
+++ b/frontend/components/Domain/Recipe/RecipeDialogShare.vue
@@ -1,6 +1,10 @@
 <template>
   <div>
-    <BaseDialog v-model="dialog" :title="$t('recipe-share.share-recipe')" :icon="$globals.icons.link">
+    <BaseDialog
+      v-model="dialog"
+      :title="$t('recipe-share.share-recipe')"
+      :icon="$globals.icons.link"
+    >
       <v-card-text>
         <v-menu
           v-model="datePickerMenu"
@@ -10,68 +14,94 @@
           max-width="290px"
           min-width="auto"
         >
-          <template #activator="{ on, attrs }">
+          <template #activator="{ props }">
             <v-text-field
-              v-model="expirationDate"
+              v-model="expirationDateString"
               :label="$t('recipe-share.expiration-date')"
               :hint="$t('recipe-share.default-30-days')"
               persistent-hint
               :prepend-icon="$globals.icons.calendar"
-              v-bind="attrs"
+              v-bind="props"
               readonly
-              v-on="on"
-            ></v-text-field>
+            />
           </template>
           <v-date-picker
             v-model="expirationDate"
-            no-title
+            hide-header
             :first-day-of-week="firstDayOfWeek"
             :local="$i18n.locale"
-            @input="datePickerMenu = false"
+            @update:model-value="datePickerMenu = false"
           />
         </v-menu>
       </v-card-text>
       <v-card-actions class="justify-end">
-        <BaseButton small @click="createNewToken"> {{ $t("general.new") }}</BaseButton>
+        <BaseButton
+          size="small"
+          @click="createNewToken"
+        >
+          {{ $t("general.new") }}
+        </BaseButton>
       </v-card-actions>
 
-      <v-list-item v-for="token in tokens" :key="token.id" @click="shareRecipe(token.id)">
-        <v-list-item-avatar color="grey">
-          <v-icon dark class="pa-2"> {{ $globals.icons.link }} </v-icon>
-        </v-list-item-avatar>
+      <v-list-item
+        v-for="token in tokens"
+        :key="token.id"
+        class="px-2"
+        style="padding-top: 8px; padding-bottom: 8px;"
+        @click="shareRecipe(token.id)"
+      >
+        <div class="d-flex align-center" style="width: 100%;">
+          <v-avatar color="grey">
+            <v-icon>
+              {{ $globals.icons.link }}
+            </v-icon>
+          </v-avatar>
 
-        <v-list-item-content>
-          <v-list-item-title> {{ $t("recipe-share.expires-at") }} </v-list-item-title>
+          <div class="pl-3 flex-grow-1">
+            <v-list-item-title>
+              {{ $t("recipe-share.expires-at") }}
+            </v-list-item-title>
+            <v-list-item-subtitle>
+              {{ $d(new Date(token.expiresAt!), "long") }}
+            </v-list-item-subtitle>
+          </div>
 
-          <v-list-item-subtitle>{{ $d(new Date(token.expiresAt), "long") }}</v-list-item-subtitle>
-        </v-list-item-content>
-
-        <v-list-item-action>
-          <v-btn icon @click.stop="deleteToken(token.id)">
-            <v-icon color="error lighten-1"> {{ $globals.icons.delete }} </v-icon>
+          <v-btn
+            icon
+            variant="text"
+            class="ml-2"
+            @click.stop="deleteToken(token.id)"
+          >
+            <v-icon color="error-lighten-1">
+              {{ $globals.icons.delete }}
+            </v-icon>
           </v-btn>
-        </v-list-item-action>
-        <v-list-item-action>
-          <v-btn icon @click.stop="copyTokenLink(token.id)">
-            <v-icon color="info lighten-1"> {{ $globals.icons.contentCopy }} </v-icon>
+          <v-btn
+            icon
+            variant="text"
+            class="ml-2"
+            @click.stop="copyTokenLink(token.id)"
+          >
+            <v-icon color="info-lighten-1">
+              {{ $globals.icons.contentCopy }}
+            </v-icon>
           </v-btn>
-        </v-list-item-action>
+        </div>
       </v-list-item>
     </BaseDialog>
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, toRefs, reactive, useContext, useRoute } from "@nuxtjs/composition-api";
 import { useClipboard, useShare, whenever } from "@vueuse/core";
-import { RecipeShareToken } from "~/lib/api/types/recipe";
+import type { RecipeShareToken } from "~/lib/api/types/recipe";
 import { useUserApi } from "~/composables/api";
 import { useHouseholdSelf } from "~/composables/use-households";
 import { alert } from "~/composables/use-toast";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
-    value: {
+    modelValue: {
       type: Boolean,
       default: false,
     },
@@ -84,38 +114,43 @@ export default defineComponent({
       required: true,
     },
   },
+  emits: ["update:modelValue"],
   setup(props, context) {
     // V-Model Support
     const dialog = computed({
       get: () => {
-        return props.value;
+        return props.modelValue;
       },
       set: (val) => {
-        context.emit("input", val);
+        context.emit("update:modelValue", val);
       },
     });
 
     const state = reactive({
       datePickerMenu: false,
-      expirationDate: "",
+      expirationDate: new Date(Date.now() - new Date().getTimezoneOffset() * 60000),
       tokens: [] as RecipeShareToken[],
     });
 
+    const expirationDateString = computed(() => {
+      return state.expirationDate.toISOString().substring(0, 10);
+    });
+
     whenever(
-      () => props.value,
+      () => props.modelValue,
       () => {
         // Set expiration date to today + 30 Days
         const today = new Date();
-        const expirationDate = new Date(today.getTime() + 30 * 24 * 60 * 60 * 1000);
-        state.expirationDate = expirationDate.toISOString().substring(0, 10);
+        state.expirationDate = new Date(today.getTime() + 30 * 24 * 60 * 60 * 1000);
         refreshTokens();
-      }
+      },
     );
 
-    const { $auth, i18n } = useContext();
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
     const { household } = useHouseholdSelf();
     const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    const groupSlug = computed(() => route.params.groupSlug as string || $auth.user.value?.groupSlug || "");
 
     const firstDayOfWeek = computed(() => {
       return household.value?.preferences?.firstDayOfWeek || 0;
@@ -128,11 +163,9 @@ export default defineComponent({
 
     async function createNewToken() {
       // Convert expiration date to timestamp
-      const expirationDate = new Date(state.expirationDate);
-
       const { data } = await userApi.recipes.share.createOne({
         recipeId: props.recipeId,
-        expiresAt: expirationDate.toISOString(),
+        expiresAt: state.expirationDate.toISOString(),
       });
 
       if (data) {
@@ -142,7 +175,7 @@ export default defineComponent({
 
     async function deleteToken(id: string) {
       await userApi.recipes.share.deleteOne(id);
-      state.tokens = state.tokens.filter((token) => token.id !== id);
+      state.tokens = state.tokens.filter(token => token.id !== id);
     }
 
     async function refreshTokens() {
@@ -187,13 +220,15 @@ export default defineComponent({
           url: getTokenLink(token),
           text: getRecipeText() as string,
         });
-      } else {
+      }
+      else {
         await copyTokenLink(token);
       }
     }
 
     return {
       ...toRefs(state),
+      expirationDateString,
       dialog,
       createNewToken,
       deleteToken,
diff --git a/frontend/components/Domain/Recipe/RecipeExplorerPage.vue b/frontend/components/Domain/Recipe/RecipeExplorerPage.vue
index 8498e37bc..caa06b1f1 100644
--- a/frontend/components/Domain/Recipe/RecipeExplorerPage.vue
+++ b/frontend/components/Domain/Recipe/RecipeExplorerPage.vue
@@ -1,16 +1,22 @@
 <template>
-  <v-container fluid class="pa-0">
-    <div class="search-container py-8">
-      <form class="search-box pa-2" @submit.prevent="search">
-        <div class="d-flex justify-center my-2">
+  <v-container
+    fluid
+    class="pa-0"
+  >
+    <div class="search-container pb-8">
+      <form
+        class="search-box pa-2"
+        @submit.prevent="search"
+      >
+        <div class="d-flex justify-center mb-2">
           <v-text-field
             ref="input"
             v-model="state.search"
-            outlined
+            variant="outlined"
             hide-details
             clearable
             color="primary"
-            :placeholder="$tc('search.search-placeholder')"
+            :placeholder="$t('search.search-placeholder')"
             :prepend-inner-icon="$globals.icons.search"
             @keyup.enter="hideKeyboard"
           />
@@ -20,134 +26,184 @@
           <SearchFilter
             v-if="categories"
             v-model="selectedCategories"
-            :require-all.sync="state.requireAllCategories"
+            v-model:require-all="state.requireAllCategories"
             :items="categories"
           >
-            <v-icon left>
+            <v-icon start>
               {{ $globals.icons.categories }}
             </v-icon>
             {{ $t("category.categories") }}
           </SearchFilter>
 
           <!-- Tag Filter -->
-          <SearchFilter v-if="tags" v-model="selectedTags" :require-all.sync="state.requireAllTags" :items="tags">
-            <v-icon left>
+          <SearchFilter
+            v-if="tags"
+            v-model="selectedTags"
+            v-model:require-all="state.requireAllTags"
+            :items="tags"
+          >
+            <v-icon start>
               {{ $globals.icons.tags }}
             </v-icon>
             {{ $t("tag.tags") }}
           </SearchFilter>
 
           <!-- Tool Filter -->
-          <SearchFilter v-if="tools" v-model="selectedTools" :require-all.sync="state.requireAllTools" :items="tools">
-            <v-icon left>
+          <SearchFilter
+            v-if="tools"
+            v-model="selectedTools"
+            v-model:require-all="state.requireAllTools"
+            :items="tools"
+          >
+            <v-icon start>
               {{ $globals.icons.potSteam }}
             </v-icon>
             {{ $t("tool.tools") }}
           </SearchFilter>
 
           <!-- Food Filter -->
-          <SearchFilter v-if="foods" v-model="selectedFoods" :require-all.sync="state.requireAllFoods" :items="foods">
-            <v-icon left>
+          <SearchFilter
+            v-if="foods"
+            v-model="selectedFoods"
+            v-model:require-all="state.requireAllFoods"
+            :items="foods"
+          >
+            <v-icon start>
               {{ $globals.icons.foods }}
             </v-icon>
             {{ $t("general.foods") }}
           </SearchFilter>
 
           <!-- Household Filter -->
-          <SearchFilter v-if="households.length > 1" v-model="selectedHouseholds" :items="households" radio>
-            <v-icon left>
+          <SearchFilter
+            v-if="households.length > 1"
+            v-model="selectedHouseholds"
+            :items="households"
+            radio
+          >
+            <v-icon start>
               {{ $globals.icons.household }}
             </v-icon>
             {{ $t("household.households") }}
           </SearchFilter>
 
           <!-- Sort Options -->
-          <v-menu offset-y nudge-bottom="3">
-            <template #activator="{ on, attrs }">
-              <v-btn class="ml-auto" small color="accent" v-bind="attrs" v-on="on">
-                <v-icon :left="!$vuetify.breakpoint.xsOnly">
+          <v-menu
+            offset-y
+            nudge-bottom="3"
+          >
+            <template #activator="{ props }">
+              <v-btn
+                class="ml-auto"
+                size="small"
+                color="accent"
+                v-bind="props"
+              >
+                <v-icon :start="!$vuetify.display.xs">
                   {{ state.orderDirection === "asc" ? $globals.icons.sortAscending : $globals.icons.sortDescending }}
                 </v-icon>
-                {{ $vuetify.breakpoint.xsOnly ? null : sortText }}
+                {{ $vuetify.display.xs ? null : sortText }}
               </v-btn>
             </template>
             <v-card>
               <v-list>
-                <v-list-item @click="toggleOrderDirection()">
-                  <v-icon left>
-                    {{
-                      state.orderDirection === "asc" ?
-                      $globals.icons.sortDescending : $globals.icons.sortAscending
-                    }}
-                  </v-icon>
-                  <v-list-item-title>
-                    {{ state.orderDirection === "asc" ? $tc("general.sort-descending") : $tc("general.sort-ascending") }}
-                  </v-list-item-title>
-                </v-list-item>
+                <v-list-item
+                  slim
+                  density="comfortable"
+                  :prepend-icon="state.orderDirection === 'asc' ? $globals.icons.sortDescending : $globals.icons.sortAscending"
+                  :title="state.orderDirection === 'asc' ? $t('general.sort-descending') : $t('general.sort-ascending')"
+                  @click="toggleOrderDirection()"
+                />
                 <v-divider />
                 <v-list-item
                   v-for="v in sortable"
                   :key="v.name"
-                  :input-value="state.orderBy === v.value"
+                  :active="state.orderBy === v.value"
+                  slim
+                  density="comfortable"
+                  :prepend-icon="v.icon"
+                  :title="v.name"
                   @click="state.orderBy = v.value"
-                >
-                  <v-icon left>
-                    {{ v.icon }}
-                  </v-icon>
-                  <v-list-item-title>{{ v.name }}</v-list-item-title>
-                </v-list-item>
+                />
               </v-list>
             </v-card>
           </v-menu>
 
           <!-- Settings -->
-          <v-menu offset-y bottom left nudge-bottom="3" :close-on-content-click="false">
-            <template #activator="{ on, attrs }">
-              <v-btn small color="accent" dark v-bind="attrs" v-on="on">
-                <v-icon small>
+          <v-menu
+            offset-y
+            bottom
+            start
+            nudge-bottom="3"
+            :close-on-content-click="false"
+          >
+            <template #activator="{ props }">
+              <v-btn
+                size="small"
+                color="accent"
+                dark
+                v-bind="props"
+              >
+                <v-icon size="small">
                   {{ $globals.icons.cog }}
                 </v-icon>
               </v-btn>
             </template>
             <v-card>
               <v-card-text>
-                <v-switch v-model="state.auto" :label="$t('search.auto-search')" single-line></v-switch>
-                <v-btn block color="primary" @click="reset">
-                  {{ $tc("general.reset") }}
+                <v-switch
+                  v-model="state.auto"
+                  :label="$t('search.auto-search')"
+                  single-line
+                />
+                <v-btn
+                  block
+                  color="primary"
+                  @click="reset"
+                >
+                  {{ $t("general.reset") }}
                 </v-btn>
               </v-card-text>
             </v-card>
           </v-menu>
         </div>
-        <div v-if="!state.auto" class="search-button-container">
-          <v-btn x-large color="primary" type="submit" block>
-            <v-icon left>
+        <div
+          v-if="!state.auto"
+          class="search-button-container"
+        >
+          <v-btn
+            size="x-large"
+            color="primary"
+            type="submit"
+            block
+          >
+            <v-icon start>
               {{ $globals.icons.search }}
             </v-icon>
-            {{ $tc("search.search") }}
+            {{ $t("search.search") }}
           </v-btn>
         </div>
       </form>
     </div>
-    <v-divider></v-divider>
+    <v-divider />
     <v-container class="mt-6 px-md-6">
       <RecipeCardSection
         v-if="state.ready"
         class="mt-n5"
         :icon="$globals.icons.silverwareForkKnife"
-        :title="$tc('general.recipes')"
+        :title="$t('general.recipes')"
         :recipes="recipes"
         :query="passedQueryWithSeed"
+        disable-sort
         @item-selected="filterItems"
-        @replaceRecipes="replaceRecipes"
-        @appendRecipes="appendRecipes"
+        @replace-recipes="replaceRecipes"
+        @append-recipes="appendRecipes"
       />
     </v-container>
   </v-container>
 </template>
 
 <script lang="ts">
-import { ref, defineComponent, useRouter, onMounted, useContext, computed, Ref, useRoute, watch } from "@nuxtjs/composition-api";
 import { watchDebounced } from "@vueuse/shared";
 import SearchFilter from "~/components/Domain/SearchFilter.vue";
 import { useLoggedInState } from "~/composables/use-logged-in-state";
@@ -165,17 +221,19 @@ import {
 } from "~/composables/store";
 import { useUserSearchQuerySession } from "~/composables/use-users/preferences";
 import RecipeCardSection from "~/components/Domain/Recipe/RecipeCardSection.vue";
-import { IngredientFood, RecipeCategory, RecipeTag, RecipeTool } from "~/lib/api/types/recipe";
-import { NoUndefinedField } from "~/lib/api/types/non-generated";
+import type { IngredientFood, RecipeCategory, RecipeTag, RecipeTool } from "~/lib/api/types/recipe";
+import type { NoUndefinedField } from "~/lib/api/types/non-generated";
 import { useLazyRecipes } from "~/composables/recipes";
-import { RecipeSearchQuery } from "~/lib/api/user/recipes/recipe";
-import { HouseholdSummary } from "~/lib/api/types/household";
+import type { RecipeSearchQuery } from "~/lib/api/user/recipes/recipe";
+import type { HouseholdSummary } from "~/lib/api/types/household";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { SearchFilter, RecipeCardSection },
   setup() {
     const router = useRouter();
-    const { $auth, $globals, i18n } = useContext();
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
+    const { $globals } = useNuxtApp();
 
     const { isOwnGroup } = useLoggedInState();
     const state = ref({
@@ -193,7 +251,7 @@ export default defineComponent({
     });
 
     const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    const groupSlug = computed(() => route.params.groupSlug as string || $auth.user.value?.groupSlug || "");
     const searchQuerySession = useUserSearchQuerySession();
 
     const { recipes, appendRecipes, assignSorted, removeRecipe, replaceRecipes } = useLazyRecipes(isOwnGroup.value ? null : groupSlug.value);
@@ -236,9 +294,9 @@ export default defineComponent({
     const passedQueryWithSeed = computed(() => {
       return {
         ...passedQuery.value,
-        _searchSeed: Date.now().toString()
+        _searchSeed: Date.now().toString(),
       };
-    })
+    });
 
     const queryDefaults = {
       search: "",
@@ -248,7 +306,7 @@ export default defineComponent({
       requireAllTags: false,
       requireAllTools: false,
       requireAllFoods: false,
-    }
+    };
 
     function reset() {
       state.value.search = queryDefaults.search;
@@ -271,11 +329,11 @@ export default defineComponent({
 
     function toIDArray(array: { id: string }[]) {
       // we sort the array to make sure the query is always the same
-      return array.map((item) => item.id).sort();
+      return array.map(item => item.id).sort();
     }
 
     function hideKeyboard() {
-      input.value.blur()
+      input.value.blur();
     }
 
     const input: Ref<any> = ref(null);
@@ -306,7 +364,7 @@ export default defineComponent({
           requireAllTools: passedQuery.value.requireAllTools ? "true" : undefined,
           requireAllFoods: passedQuery.value.requireAllFoods ? "true" : undefined,
         },
-      }
+      };
       await router.push({ query });
       searchQuerySession.value.recipe = JSON.stringify(query);
     }
@@ -314,7 +372,7 @@ export default defineComponent({
     function waitUntilAndExecute(
       condition: () => boolean,
       callback: () => void,
-      opts = { timeout: 2000, interval: 500 }
+      opts = { timeout: 2000, interval: 500 },
     ): Promise<void> {
       return new Promise((resolve, reject) => {
         const state = {
@@ -341,7 +399,7 @@ export default defineComponent({
     }
 
     const sortText = computed(() => {
-      const sort = sortable.find((s) => s.value === state.value.orderBy);
+      const sort = sortable.find(s => s.value === state.value.orderBy);
       if (!sort) return "";
       return `${sort.name}`;
     });
@@ -349,103 +407,112 @@ export default defineComponent({
     const sortable = [
       {
         icon: $globals.icons.orderAlphabeticalAscending,
-        name: i18n.tc("general.sort-alphabetically"),
+        name: i18n.t("general.sort-alphabetically"),
         value: "name",
       },
       {
         icon: $globals.icons.newBox,
-        name: i18n.tc("general.created"),
+        name: i18n.t("general.created"),
         value: "created_at",
       },
       {
         icon: $globals.icons.chefHat,
-        name: i18n.tc("general.last-made"),
+        name: i18n.t("general.last-made"),
         value: "last_made",
       },
       {
         icon: $globals.icons.star,
-        name: i18n.tc("general.rating"),
+        name: i18n.t("general.rating"),
         value: "rating",
       },
       {
         icon: $globals.icons.update,
-        name: i18n.tc("general.updated"),
+        name: i18n.t("general.updated"),
         value: "updated_at",
       },
       {
         icon: $globals.icons.diceMultiple,
-        name: i18n.tc("general.random"),
+        name: i18n.t("general.random"),
         value: "random",
       },
     ];
 
     watch(
-      () => route.value.query,
+      () => route.query,
       () => {
-        if (!Object.keys(route.value.query).length) {
+        if (!Object.keys(route.query).length) {
           reset();
         }
-      }
-    )
+      },
+    );
 
     function filterItems(item: RecipeCategory | RecipeTag | RecipeTool, urlPrefix: string) {
       if (urlPrefix === "categories") {
-        const result = categories.store.value.filter((category) => (category.id as string).includes(item.id as string));
+        const result = categories.store.value.filter(category => (category.id as string).includes(item.id as string));
         selectedCategories.value = result as NoUndefinedField<RecipeTag>[];
-      } else if (urlPrefix === "tags") {
-        const result = tags.store.value.filter((tag) => (tag.id as string).includes(item.id as string));
+      }
+      else if (urlPrefix === "tags") {
+        const result = tags.store.value.filter(tag => (tag.id as string).includes(item.id as string));
         selectedTags.value = result as NoUndefinedField<RecipeTag>[];
-      } else if (urlPrefix === "tools") {
-        const result = tools.store.value.filter((tool) => (tool.id ).includes(item.id || "" ));
+      }
+      else if (urlPrefix === "tools") {
+        const result = tools.store.value.filter(tool => (tool.id).includes(item.id || ""));
         selectedTags.value = result as NoUndefinedField<RecipeTag>[];
       }
     }
 
     async function hydrateSearch() {
-      const query = router.currentRoute.query;
+      const query = router.currentRoute.value.query;
       if (query.auto?.length) {
         state.value.auto = query.auto === "true";
       }
 
       if (query.search?.length) {
         state.value.search = query.search as string;
-      } else {
+      }
+      else {
         state.value.search = queryDefaults.search;
       }
 
       if (query.orderBy?.length) {
         state.value.orderBy = query.orderBy as string;
-      } else {
+      }
+      else {
         state.value.orderBy = queryDefaults.orderBy;
       }
 
       if (query.orderDirection?.length) {
         state.value.orderDirection = query.orderDirection as "asc" | "desc";
-      } else {
+      }
+      else {
         state.value.orderDirection = queryDefaults.orderDirection;
       }
 
       if (query.requireAllCategories?.length) {
         state.value.requireAllCategories = query.requireAllCategories === "true";
-      } else {
+      }
+      else {
         state.value.requireAllCategories = queryDefaults.requireAllCategories;
       }
 
       if (query.requireAllTags?.length) {
         state.value.requireAllTags = query.requireAllTags === "true";
-      } else {
+      }
+      else {
         state.value.requireAllTags = queryDefaults.requireAllTags;
       }
 
       if (query.requireAllTools?.length) {
         state.value.requireAllTools = query.requireAllTools === "true";
-      } else {
+      }
+      else {
         state.value.requireAllTools = queryDefaults.requireAllTools;
       }
 
       if (query.requireAllFoods?.length) {
         state.value.requireAllFoods = query.requireAllFoods === "true";
-      } else {
+      }
+      else {
         state.value.requireAllFoods = queryDefaults.requireAllFoods;
       }
 
@@ -456,15 +523,16 @@ export default defineComponent({
           waitUntilAndExecute(
             () => categories.store.value.length > 0,
             () => {
-              const result = categories.store.value.filter((item) =>
-                (query.categories as string[]).includes(item.id as string)
+              const result = categories.store.value.filter(item =>
+                (query.categories as string[]).includes(item.id as string),
               );
 
               selectedCategories.value = result as NoUndefinedField<RecipeCategory>[];
-            }
-          )
+            },
+          ),
         );
-      } else {
+      }
+      else {
         selectedCategories.value = [];
       }
 
@@ -473,12 +541,13 @@ export default defineComponent({
           waitUntilAndExecute(
             () => tags.store.value.length > 0,
             () => {
-              const result = tags.store.value.filter((item) => (query.tags as string[]).includes(item.id as string));
+              const result = tags.store.value.filter(item => (query.tags as string[]).includes(item.id as string));
               selectedTags.value = result as NoUndefinedField<RecipeTag>[];
-            }
-          )
+            },
+          ),
         );
-      } else {
+      }
+      else {
         selectedTags.value = [];
       }
 
@@ -487,12 +556,13 @@ export default defineComponent({
           waitUntilAndExecute(
             () => tools.store.value.length > 0,
             () => {
-              const result = tools.store.value.filter((item) => (query.tools as string[]).includes(item.id));
+              const result = tools.store.value.filter(item => (query.tools as string[]).includes(item.id));
               selectedTools.value = result as NoUndefinedField<RecipeTool>[];
-            }
-          )
+            },
+          ),
         );
-      } else {
+      }
+      else {
         selectedTools.value = [];
       }
 
@@ -506,12 +576,13 @@ export default defineComponent({
               return false;
             },
             () => {
-              const result = foods.store.value?.filter((item) => (query.foods as string[]).includes(item.id));
+              const result = foods.store.value?.filter(item => (query.foods as string[]).includes(item.id));
               selectedFoods.value = result ?? [];
-            }
-          )
+            },
+          ),
         );
-      } else {
+      }
+      else {
         selectedFoods.value = [];
       }
 
@@ -525,12 +596,13 @@ export default defineComponent({
               return false;
             },
             () => {
-              const result = households.store.value?.filter((item) => (query.households as string[]).includes(item.id));
+              const result = households.store.value?.filter(item => (query.households as string[]).includes(item.id));
               selectedHouseholds.value = result as NoUndefinedField<HouseholdSummary>[] ?? [];
-            }
-          )
+            },
+          ),
         );
-      } else {
+      }
+      else {
         selectedHouseholds.value = [];
       }
 
@@ -539,11 +611,12 @@ export default defineComponent({
 
     onMounted(async () => {
       // restore the user's last search query
-      if (searchQuerySession.value.recipe && !(Object.keys(route.value.query).length > 0)) {
+      if (searchQuerySession.value.recipe && !(Object.keys(route.query).length > 0)) {
         try {
           const query = JSON.parse(searchQuerySession.value.recipe);
           await router.replace({ query });
-        } catch (error) {
+        }
+        catch {
           searchQuerySession.value.recipe = "";
           router.replace({ query: {} });
         }
@@ -576,7 +649,7 @@ export default defineComponent({
       },
       {
         debounce: 500,
-      }
+      },
     );
 
     return {
@@ -610,7 +683,6 @@ export default defineComponent({
       filterItems,
     };
   },
-  head: {},
 });
 </script>
 
diff --git a/frontend/components/Domain/Recipe/RecipeFavoriteBadge.vue b/frontend/components/Domain/Recipe/RecipeFavoriteBadge.vue
index c0f998b91..b357b47d8 100644
--- a/frontend/components/Domain/Recipe/RecipeFavoriteBadge.vue
+++ b/frontend/components/Domain/Recipe/RecipeFavoriteBadge.vue
@@ -1,17 +1,25 @@
 <template>
-  <v-tooltip bottom nudge-right="50" :color="buttonStyle ? 'info' : 'secondary'">
-    <template #activator="{ on, attrs }">
+  <v-tooltip
+    location="bottom"
+    nudge-right="50"
+    :color="buttonStyle ? 'info' : 'secondary'"
+  >
+    <template #activator="{ props }">
       <v-btn
         v-if="isFavorite || showAlways"
-        small
+        icon
+        :variant="buttonStyle ? 'flat' : undefined"
+        :rounded="buttonStyle ? 'circle' : undefined"
+        size="small"
         :color="buttonStyle ? 'info' : 'secondary'"
-        :icon="!buttonStyle"
         :fab="buttonStyle"
-        v-bind="attrs"
+        v-bind="{ ...props, ...$attrs }"
         @click.prevent="toggleFavorite"
-        v-on="on"
       >
-        <v-icon :small="!buttonStyle" :color="buttonStyle ? 'white' : 'secondary'">
+        <v-icon
+          :size="!buttonStyle ? undefined : 'x-large'"
+          :color="buttonStyle ? 'white' : 'secondary'"
+        >
           {{ isFavorite ? $globals.icons.heart : $globals.icons.heartOutline }}
         </v-icon>
       </v-btn>
@@ -21,11 +29,10 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useContext } from "@nuxtjs/composition-api";
 import { useUserSelfRatings } from "~/composables/use-users";
 import { useUserApi } from "~/composables/api";
-import { UserOut } from "~/lib/api/types/user";
-export default defineComponent({
+
+export default defineNuxtComponent({
   props: {
     recipeId: {
       type: String,
@@ -42,22 +49,21 @@ export default defineComponent({
   },
   setup(props) {
     const api = useUserApi();
-    const { $auth } = useContext();
+    const $auth = useMealieAuth();
     const { userRatings, refreshUserRatings } = useUserSelfRatings();
 
-    // TODO Setup the correct type for $auth.user
-    // See https://github.com/nuxt-community/auth-module/issues/1097
-    const user = computed(() => $auth.user as unknown as UserOut);
     const isFavorite = computed(() => {
-      const rating = userRatings.value.find((r) => r.recipeId === props.recipeId);
+      const rating = userRatings.value.find(r => r.recipeId === props.recipeId);
       return rating?.isFavorite || false;
     });
 
     async function toggleFavorite() {
+      if (!$auth.user.value) return;
       if (!isFavorite.value) {
-        await api.users.addFavorite(user.value?.id, props.recipeId);
-      } else {
-        await api.users.removeFavorite(user.value?.id, props.recipeId);
+        await api.users.addFavorite($auth.user.value?.id, props.recipeId);
+      }
+      else {
+        await api.users.removeFavorite($auth.user.value?.id, props.recipeId);
       }
       await refreshUserRatings();
     }
diff --git a/frontend/components/Domain/Recipe/RecipeImageUploadBtn.vue b/frontend/components/Domain/Recipe/RecipeImageUploadBtn.vue
index ab16c760f..7bf5484f8 100644
--- a/frontend/components/Domain/Recipe/RecipeImageUploadBtn.vue
+++ b/frontend/components/Domain/Recipe/RecipeImageUploadBtn.vue
@@ -1,9 +1,19 @@
 <template>
   <div class="text-center">
-    <v-menu v-model="menu" offset-y top nudge-top="6" :close-on-content-click="false">
-      <template #activator="{ on, attrs }">
-        <v-btn color="accent" dark v-bind="attrs" v-on="on">
-          <v-icon left>
+    <v-menu
+      v-model="menu"
+      offset-y
+      top
+      nudge-top="6"
+      :close-on-content-click="false"
+    >
+      <template #activator="{ props }">
+        <v-btn
+          color="accent"
+          dark
+          v-bind="props"
+        >
+          <v-icon start>
             {{ $globals.icons.fileImage }}
           </v-icon>
           {{ $t("general.image") }}
@@ -25,9 +35,21 @@
         </v-card-title>
         <v-card-text class="mt-n5">
           <div>
-            <v-text-field v-model="url" :label="$t('general.url')" class="pt-5" clearable :messages="messages">
+            <v-text-field
+              v-model="url"
+              :label="$t('general.url')"
+              class="pt-5"
+              clearable
+              :messages="messages"
+            >
               <template #append-outer>
-                <v-btn class="ml-2" color="primary" :loading="loading" :disabled="!slug" @click="getImageFromURL">
+                <v-btn
+                  class="ml-2"
+                  color="primary"
+                  :loading="loading"
+                  :disabled="!slug"
+                  @click="getImageFromURL"
+                >
                   {{ $t("general.get") }}
                 </v-btn>
               </template>
@@ -40,13 +62,12 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, toRefs, useContext } from "@nuxtjs/composition-api";
 import { useUserApi } from "~/composables/api";
 
 const REFRESH_EVENT = "refresh";
 const UPLOAD_EVENT = "upload";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     slug: {
       type: String,
@@ -58,7 +79,7 @@ export default defineComponent({
       url: "",
       loading: false,
       menu: false,
-    })
+    });
 
     function uploadImage(fileObject: File) {
       context.emit(UPLOAD_EVENT, fileObject);
@@ -75,7 +96,7 @@ export default defineComponent({
       state.menu = false;
     }
 
-    const { i18n } = useContext();
+    const i18n = useI18n();
     const messages = props.slug ? [""] : [i18n.t("recipe.save-recipe-before-use")];
 
     return {
diff --git a/frontend/components/Domain/Recipe/RecipeIngredientEditor.vue b/frontend/components/Domain/Recipe/RecipeIngredientEditor.vue
index cdf371078..87c00259b 100644
--- a/frontend/components/Domain/Recipe/RecipeIngredientEditor.vue
+++ b/frontend/components/Domain/Recipe/RecipeIngredientEditor.vue
@@ -1,101 +1,148 @@
 <template>
   <div>
     <v-text-field
-      v-if="value.title || showTitle"
-      v-model="value.title"
-      dense
+      v-if="model.title || showTitle"
+      v-model="model.title"
+      density="compact"
+      variant="underlined"
       hide-details
       class="mx-1 mt-3 mb-4"
       :placeholder="$t('recipe.section-title')"
       style="max-width: 500px"
       @click="$emit('clickIngredientField', 'title')"
+    />
+    <v-row
+      :no-gutters="mdAndUp"
+      dense
+      class="d-flex flex-wrap my-1"
     >
-    </v-text-field>
-    <v-row :no-gutters="$vuetify.breakpoint.mdAndUp" dense class="d-flex flex-wrap my-1">
-      <v-col v-if="!disableAmount" sm="12" md="2" cols="12" class="flex-grow-0 flex-shrink-0">
+      <v-col
+        v-if="!disableAmount"
+        sm="12"
+        md="2"
+        cols="12"
+        class="flex-grow-0 flex-shrink-0"
+      >
         <v-text-field
-          v-model="value.quantity"
-          solo
+          v-model="model.quantity"
+          variant="solo"
           hide-details
-          dense
+          density="compact"
           type="number"
           :placeholder="$t('recipe.quantity')"
           @keypress="quantityFilter"
         >
-          <v-icon v-if="$listeners && $listeners.delete" slot="prepend" class="mr-n1 handle">
-            {{ $globals.icons.arrowUpDown }}
-          </v-icon>
+          <template #prepend>
+            <v-icon
+              class="mr-n1 handle"
+            >
+              {{ $globals.icons.arrowUpDown }}
+            </v-icon>
+          </template>
         </v-text-field>
       </v-col>
-      <v-col v-if="!disableAmount" sm="12" md="3" cols="12">
+      <v-col
+        v-if="!disableAmount"
+        sm="12"
+        md="3"
+        cols="12"
+      >
         <v-autocomplete
           ref="unitAutocomplete"
-          v-model="value.unit"
-          :search-input.sync="unitSearch"
+          v-model="model.unit"
+          v-model:search="unitSearch"
           auto-select-first
           hide-details
-          dense
-          solo
+          density="compact"
+          variant="solo"
           return-object
           :items="units || []"
-          item-text="name"
+          item-title="name"
           class="mx-1"
           :placeholder="$t('recipe.choose-unit')"
           clearable
           @keyup.enter="handleUnitEnter"
         >
           <template #no-data>
-            <div class="caption text-center pb-2">{{ $t("recipe.press-enter-to-create") }}</div>
+            <div class="caption text-center pb-2">
+              {{ $t("recipe.press-enter-to-create") }}
+            </div>
           </template>
           <template #append-item>
             <div class="px-2">
-              <BaseButton block small @click="createAssignUnit()"></BaseButton>
+              <BaseButton
+                block
+                size="small"
+                @click="createAssignUnit()"
+              />
             </div>
           </template>
         </v-autocomplete>
       </v-col>
 
       <!-- Foods Input -->
-      <v-col v-if="!disableAmount" m="12" md="3" cols="12" class="">
+      <v-col
+        v-if="!disableAmount"
+        m="12"
+        md="3"
+        cols="12"
+        class=""
+      >
         <v-autocomplete
           ref="foodAutocomplete"
-          v-model="value.food"
-          :search-input.sync="foodSearch"
+          v-model="model.food"
+          v-model:search="foodSearch"
           auto-select-first
           hide-details
-          dense
-          solo
+          density="compact"
+          variant="solo"
           return-object
           :items="foods || []"
-          item-text="name"
+          item-title="name"
           class="mx-1 py-0"
           :placeholder="$t('recipe.choose-food')"
           clearable
           @keyup.enter="handleFoodEnter"
         >
           <template #no-data>
-            <div class="caption text-center pb-2">{{ $t("recipe.press-enter-to-create") }}</div>
+            <div class="caption text-center pb-2">
+              {{ $t("recipe.press-enter-to-create") }}
+            </div>
           </template>
           <template #append-item>
             <div class="px-2">
-              <BaseButton block small @click="createAssignFood()"></BaseButton>
+              <BaseButton
+                block
+                size="small"
+                @click="createAssignFood()"
+              />
             </div>
           </template>
         </v-autocomplete>
       </v-col>
-      <v-col sm="12" md="" cols="12">
+      <v-col
+        sm="12"
+        md=""
+        cols="12"
+      >
         <div class="d-flex">
           <v-text-field
-            v-model="value.note"
+            v-model="model.note"
             hide-details
-            dense
-            solo
+            density="compact"
+            variant="solo"
             :placeholder="$t('recipe.notes')"
+            class="mb-auto"
             @click="$emit('clickIngredientField', 'note')"
           >
-            <v-icon v-if="disableAmount && $listeners && $listeners.delete" slot="prepend" class="mr-n1 handle">
-              {{ $globals.icons.arrowUpDown }}
-            </v-icon>
+            <template #prepend>
+              <v-icon
+                v-if="disableAmount && $attrs && $attrs.delete"
+                class="mr-n1 handle"
+              >
+                {{ $globals.icons.arrowUpDown }}
+              </v-icon>
+            </template>
           </v-text-field>
           <BaseButtonGroup
             hover
@@ -112,195 +159,181 @@
         </div>
       </v-col>
     </v-row>
-    <p v-if="showOriginalText" class="text-caption">
-      {{ $t("recipe.original-text-with-value", { originalText: value.originalText }) }}
+    <p
+      v-if="showOriginalText"
+      class="text-caption"
+    >
+      {{ $t("recipe.original-text-with-value", { originalText: model.originalText }) }}
     </p>
 
-    <v-divider v-if="!$vuetify.breakpoint.mdAndUp" class="my-4"></v-divider>
+    <v-divider
+      v-if="!mdAndUp"
+      class="my-4"
+    />
   </div>
 </template>
 
-<script lang="ts">
-import { computed, defineComponent, reactive, ref, toRefs, useContext } from "@nuxtjs/composition-api";
+<script setup lang="ts">
+import { ref, computed, reactive, toRefs } from "vue";
+import { useDisplay } from "vuetify";
+import { useI18n } from "vue-i18n";
 import { useFoodStore, useFoodData, useUnitStore, useUnitData } from "~/composables/store";
-import { validators } from "~/composables/use-validators";
-import { RecipeIngredient } from "~/lib/api/types/recipe";
+import { useNuxtApp } from "#app";
+import type { RecipeIngredient } from "~/lib/api/types/recipe";
 
-export default defineComponent({
-  props: {
-    value: {
-      type: Object as () => RecipeIngredient,
-      required: true,
-    },
-    disableAmount: {
-      type: Boolean,
-      default: false,
-    },
-    allowInsertIngredient: {
-      type: Boolean,
-      default: false,
-    }
+// defineModel replaces modelValue prop
+const model = defineModel<RecipeIngredient>({ required: true });
+
+const props = defineProps({
+  disableAmount: {
+    type: Boolean,
+    default: false,
   },
-  setup(props, { listeners }) {
-    const { i18n, $globals } = useContext();
-
-    const contextMenuOptions = computed(() => {
-      const options = [
-        {
-          text: i18n.tc("recipe.toggle-section"),
-          event: "toggle-section",
-        },
-        {
-          text: i18n.tc("recipe.insert-above"),
-          event: "insert-above",
-        },
-        {
-          text: i18n.tc("recipe.insert-below"),
-          event: "insert-below",
-        },
-      ];
-
-      if (props.allowInsertIngredient) {
-        options.push({
-          text: i18n.tc("recipe.insert-ingredient") ,
-          event: "insert-ingredient",
-        })
-      }
-
-      // FUTURE: add option to parse a single ingredient
-      // if (!value.food && !value.unit && value.note) {
-      //   options.push({
-      //     text: "Parse Ingredient",
-      //     event: "parse-ingredient",
-      //   });
-      // }
-
-      if (props.value.originalText) {
-        options.push({
-          text: i18n.tc("recipe.see-original-text"),
-          event: "toggle-original",
-        });
-      }
-
-      return options;
-    });
-
-    const btns = computed(() => {
-      const out = [
-        {
-          icon: $globals.icons.dotsVertical,
-          text: i18n.tc("general.menu"),
-          event: "open",
-          children: contextMenuOptions.value,
-        },
-      ];
-
-      if (listeners && listeners.delete) {
-        // @ts-expect-error - TODO: fix this
-        out.unshift({
-          icon: $globals.icons.delete,
-          text: i18n.tc("general.delete"),
-          event: "delete",
-        });
-      }
-
-      return out;
-    });
-
-    // ==================================================
-    // Foods
-    const foodStore = useFoodStore();
-    const foodData = useFoodData();
-    const foodSearch = ref("");
-    const foodAutocomplete = ref<HTMLInputElement>();
-
-    async function createAssignFood() {
-      foodData.data.name = foodSearch.value;
-      props.value.food = await foodStore.actions.createOne(foodData.data) || undefined;
-      foodData.reset();
-      foodAutocomplete.value?.blur();
-    }
-
-    // ==================================================
-    // Units
-    const unitStore = useUnitStore();
-    const unitsData = useUnitData();
-    const unitSearch = ref("");
-    const unitAutocomplete = ref<HTMLInputElement>();
-
-    async function createAssignUnit() {
-      unitsData.data.name = unitSearch.value;
-      props.value.unit = await unitStore.actions.createOne(unitsData.data) || undefined;
-      unitsData.reset();
-      unitAutocomplete.value?.blur();
-    }
-
-    const state = reactive({
-      showTitle: false,
-      showOriginalText: false,
-    });
-
-    function toggleTitle() {
-      if (state.showTitle) {
-        props.value.title = "";
-      }
-      state.showTitle = !state.showTitle;
-    }
-
-    function toggleOriginalText() {
-      state.showOriginalText = !state.showOriginalText;
-    }
-
-    function handleUnitEnter() {
-      if (
-        props.value.unit === undefined ||
-        props.value.unit === null ||
-        !props.value.unit.name.includes(unitSearch.value)
-      ) {
-        createAssignUnit();
-      }
-    }
-
-    function handleFoodEnter() {
-      if (
-        props.value.food === undefined ||
-        props.value.food === null ||
-        !props.value.food.name.includes(foodSearch.value)
-      ) {
-        createAssignFood();
-      }
-    }
-
-    function quantityFilter(e: KeyboardEvent) {
-      // if digit is pressed, add to quantity
-      if (e.key === "-" || e.key === "+" || e.key === "e") {
-        e.preventDefault();
-      }
-    }
-
-    return {
-      ...toRefs(state),
-      quantityFilter,
-      toggleOriginalText,
-      contextMenuOptions,
-      handleUnitEnter,
-      handleFoodEnter,
-      foodAutocomplete,
-      createAssignFood,
-      unitAutocomplete,
-      createAssignUnit,
-      foods: foodStore.store,
-      foodSearch,
-      toggleTitle,
-      unitActions: unitStore.actions,
-      units: unitStore.store,
-      unitSearch,
-      validators,
-      workingUnitData: unitsData.data,
-      btns,
-    };
+  allowInsertIngredient: {
+    type: Boolean,
+    default: false,
   },
 });
+
+defineEmits([
+  "clickIngredientField",
+  "insert-above",
+  "insert-below",
+  "insert-ingredient",
+  "delete",
+]);
+
+const { mdAndUp } = useDisplay();
+const i18n = useI18n();
+const { $globals } = useNuxtApp();
+
+const state = reactive({
+  showTitle: false,
+  showOriginalText: false,
+});
+
+const contextMenuOptions = computed(() => {
+  const options = [
+    {
+      text: i18n.t("recipe.toggle-section"),
+      event: "toggle-section",
+    },
+    {
+      text: i18n.t("recipe.insert-above"),
+      event: "insert-above",
+    },
+    {
+      text: i18n.t("recipe.insert-below"),
+      event: "insert-below",
+    },
+  ];
+
+  if (props.allowInsertIngredient) {
+    options.push({
+      text: i18n.t("recipe.insert-ingredient"),
+      event: "insert-ingredient",
+    });
+  }
+
+  if (model.value.originalText) {
+    options.push({
+      text: i18n.t("recipe.see-original-text"),
+      event: "toggle-original",
+    });
+  }
+
+  return options;
+});
+
+const btns = computed(() => {
+  const out = [
+    {
+      icon: $globals.icons.dotsVertical,
+      text: i18n.t("general.menu"),
+      event: "open",
+      children: contextMenuOptions.value,
+    },
+  ];
+
+  // If delete event is being listened for, show delete button
+  // $attrs is not available in <script setup>, so always show if parent listens
+  out.unshift({
+    icon: $globals.icons.delete,
+    text: i18n.t("general.delete"),
+    event: "delete",
+    children: undefined,
+  });
+
+  return out;
+});
+
+// Foods
+const foodStore = useFoodStore();
+const foodData = useFoodData();
+const foodSearch = ref("");
+const foodAutocomplete = ref<HTMLInputElement>();
+
+async function createAssignFood() {
+  foodData.data.name = foodSearch.value;
+  model.value.food = await foodStore.actions.createOne(foodData.data) || undefined;
+  foodData.reset();
+  foodAutocomplete.value?.blur();
+}
+
+// Units
+const unitStore = useUnitStore();
+const unitsData = useUnitData();
+const unitSearch = ref("");
+const unitAutocomplete = ref<HTMLInputElement>();
+
+async function createAssignUnit() {
+  unitsData.data.name = unitSearch.value;
+  model.value.unit = await unitStore.actions.createOne(unitsData.data) || undefined;
+  unitsData.reset();
+  unitAutocomplete.value?.blur();
+}
+
+function toggleTitle() {
+  if (state.showTitle) {
+    model.value.title = "";
+  }
+  state.showTitle = !state.showTitle;
+}
+
+function toggleOriginalText() {
+  state.showOriginalText = !state.showOriginalText;
+}
+
+function handleUnitEnter() {
+  if (
+    model.value.unit === undefined
+    || model.value.unit === null
+    || !model.value.unit.name.includes(unitSearch.value)
+  ) {
+    createAssignUnit();
+  }
+}
+
+function handleFoodEnter() {
+  if (
+    model.value.food === undefined
+    || model.value.food === null
+    || !model.value.food.name.includes(foodSearch.value)
+  ) {
+    createAssignFood();
+  }
+}
+
+function quantityFilter(e: KeyboardEvent) {
+  if (e.key === "-" || e.key === "+" || e.key === "e") {
+    e.preventDefault();
+  }
+}
+
+const { showTitle, showOriginalText } = toRefs(state);
+
+const foods = foodStore.store;
+const units = unitStore.store;
 </script>
 
 <style>
diff --git a/frontend/components/Domain/Recipe/RecipeIngredientHtml.vue b/frontend/components/Domain/Recipe/RecipeIngredientHtml.vue
index 324301951..8718833e0 100644
--- a/frontend/components/Domain/Recipe/RecipeIngredientHtml.vue
+++ b/frontend/components/Domain/Recipe/RecipeIngredientHtml.vue
@@ -1,12 +1,12 @@
 <template>
   <!-- eslint-disable-next-line vue/no-v-html -->
-  <div v-html="safeMarkup"></div>
+  <div v-html="safeMarkup" />
 </template>
 
 <script lang="ts">
-import { computed, defineComponent } from "@nuxtjs/composition-api";
 import { sanitizeIngredientHTML } from "~/composables/recipes/use-recipe-ingredients";
-export default defineComponent({
+
+export default defineNuxtComponent({
   props: {
     markup: {
       type: String,
@@ -17,7 +17,7 @@ export default defineComponent({
     const safeMarkup = computed(() => sanitizeIngredientHTML(props.markup));
     return {
       safeMarkup,
-    }
-  }
+    };
+  },
 });
 </script>
diff --git a/frontend/components/Domain/Recipe/RecipeIngredientListItem.vue b/frontend/components/Domain/Recipe/RecipeIngredientListItem.vue
index 20a794eb1..6527babe2 100644
--- a/frontend/components/Domain/Recipe/RecipeIngredientListItem.vue
+++ b/frontend/components/Domain/Recipe/RecipeIngredientListItem.vue
@@ -1,20 +1,38 @@
 <template>
   <div class="ma-0 pa-0 text-subtitle-1 dense-markdown ingredient-item">
-    <SafeMarkdown v-if="parsedIng.quantity" class="d-inline" :source="parsedIng.quantity" />
-    <template v-if="parsedIng.unit">{{ parsedIng.unit }} </template>
-    <SafeMarkdown v-if="parsedIng.note && !parsedIng.name" class="text-bold d-inline" :source="parsedIng.note" />
+    <SafeMarkdown
+      v-if="parsedIng.quantity"
+      class="d-inline"
+      :source="parsedIng.quantity"
+    />
+    <template v-if="parsedIng.unit">
+      {{ parsedIng.unit }}
+    </template>
+    <SafeMarkdown
+      v-if="parsedIng.note && !parsedIng.name"
+      class="text-bold d-inline"
+      :source="parsedIng.note"
+    />
     <template v-else>
-      <SafeMarkdown v-if="parsedIng.name" class="text-bold d-inline" :source="parsedIng.name" />
-      <SafeMarkdown v-if="parsedIng.note" class="note" :source="parsedIng.note" />
+      <SafeMarkdown
+        v-if="parsedIng.name"
+        class="text-bold d-inline"
+        :source="parsedIng.name"
+      />
+      <SafeMarkdown
+        v-if="parsedIng.note"
+        class="note"
+        :source="parsedIng.note"
+      />
     </template>
   </div>
 </template>
+
 <script lang="ts">
-import { computed, defineComponent } from "@nuxtjs/composition-api";
-import { RecipeIngredient } from "~/lib/api/types/household";
+import type { RecipeIngredient } from "~/lib/api/types/household";
 import { useParsedIngredientText } from "~/composables/recipes";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     ingredient: {
       type: Object as () => RecipeIngredient,
@@ -40,12 +58,20 @@ export default defineComponent({
   },
 });
 </script>
+
 <style lang="scss">
 .ingredient-item {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.25em;
+  word-break: break-word;
+  min-width: 0;
+
   .d-inline {
     & > p {
       display: inline;
-      &:has(>sub)>sup {
+      &:has(> sub) > sup {
         letter-spacing: -0.05rem;
       }
     }
@@ -55,7 +81,7 @@ export default defineComponent({
       }
     }
     sup {
-      &+span{
+      & + span {
         letter-spacing: -0.05rem;
       }
       &:before {
@@ -66,12 +92,19 @@ export default defineComponent({
 
   .text-bold {
     font-weight: bold;
+    white-space: normal;
+    word-break: break-word;
   }
 }
 
 .note {
-  line-height: 1.25em;
+  flex-basis: 100%;
+  width: 100%;
+  display: block;
+  line-height: 1.3em;
   font-size: 0.8em;
   opacity: 0.7;
+  white-space: normal;
+  word-break: break-word;
 }
 </style>
diff --git a/frontend/components/Domain/Recipe/RecipeIngredients.vue b/frontend/components/Domain/Recipe/RecipeIngredients.vue
index 63f793b32..d8025be6f 100644
--- a/frontend/components/Domain/Recipe/RecipeIngredients.vue
+++ b/frontend/components/Domain/Recipe/RecipeIngredients.vue
@@ -1,20 +1,51 @@
 <template>
   <div v-if="value && value.length > 0">
-    <div v-if="!isCookMode" class="d-flex justify-start" >
-      <h2 class="mb-2 mt-1">{{ $t("recipe.ingredients") }}</h2>
-      <AppButtonCopy btn-class="ml-auto" :copy-text="ingredientCopyText" />
+    <div
+      v-if="!isCookMode"
+      class="d-flex justify-start"
+    >
+      <h2 class="mt-1 text-h5 font-weight-medium opacity-80">
+        {{ $t("recipe.ingredients") }}
+      </h2>
+      <AppButtonCopy
+        btn-class="ml-auto"
+        :copy-text="ingredientCopyText"
+      />
     </div>
     <div>
-      <div v-for="(ingredient, index) in value" :key="'ingredient' + index">
+      <div
+        v-for="(ingredient, index) in value"
+        :key="'ingredient' + index"
+      >
         <template v-if="!isCookMode">
-          <h3 v-if="showTitleEditor[index]" class="mt-2">{{ ingredient.title }}</h3>
-          <v-divider v-if="showTitleEditor[index]"></v-divider>
+          <h3
+            v-if="showTitleEditor[index]"
+            class="mt-2"
+          >
+            {{ ingredient.title }}
+          </h3>
+          <v-divider v-if="showTitleEditor[index]" />
         </template>
-        <v-list-item dense @click.stop="toggleChecked(index)">
-          <v-checkbox hide-details :value="checked[index]" class="pt-0 my-auto py-auto" color="secondary" />
-          <v-list-item-content :key="ingredient.quantity">
-            <RecipeIngredientListItem :ingredient="ingredient" :disable-amount="disableAmount" :scale="scale" />
-          </v-list-item-content>
+        <v-list-item
+          density="compact"
+          @click.stop="toggleChecked(index)"
+        >
+          <template #prepend>
+            <v-checkbox
+              v-model="checked[index]"
+              hide-details
+              class="pt-0 my-auto py-auto"
+              color="secondary"
+              density="comfortable"
+            />
+          </template>
+          <v-list-item-title>
+            <RecipeIngredientListItem
+              :ingredient="ingredient"
+              :disable-amount="disableAmount"
+              :scale="scale"
+            />
+          </v-list-item-title>
         </v-list-item>
       </div>
     </div>
@@ -22,12 +53,11 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, reactive, toRefs } from "@nuxtjs/composition-api";
 import RecipeIngredientListItem from "./RecipeIngredientListItem.vue";
 import { parseIngredientText } from "~/composables/recipes";
-import { RecipeIngredient } from "~/lib/api/types/recipe";
+import type { RecipeIngredient } from "~/lib/api/types/recipe";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { RecipeIngredientListItem },
   props: {
     value: {
@@ -45,7 +75,7 @@ export default defineComponent({
     isCookMode: {
       type: Boolean,
       default: false,
-    }
+    },
   },
   setup(props) {
     function validateTitle(title?: string) {
@@ -54,7 +84,7 @@ export default defineComponent({
 
     const state = reactive({
       checked: props.value.map(() => false),
-      showTitleEditor: computed(() => props.value.map((x) => validateTitle(x.title))),
+      showTitleEditor: computed(() => props.value.map(x => validateTitle(x.title))),
     });
 
     const ingredientCopyText = computed(() => {
diff --git a/frontend/components/Domain/Recipe/RecipeLastMade.vue b/frontend/components/Domain/Recipe/RecipeLastMade.vue
index 585075d46..8009bdc13 100644
--- a/frontend/components/Domain/Recipe/RecipeLastMade.vue
+++ b/frontend/components/Domain/Recipe/RecipeLastMade.vue
@@ -4,46 +4,45 @@
       <BaseDialog
         v-model="madeThisDialog"
         :icon="$globals.icons.chefHat"
-        :title="$tc('recipe.made-this')"
-        :submit-text="$tc('recipe.add-to-timeline')"
+        :title="$t('recipe.made-this')"
+        :submit-text="$t('recipe.add-to-timeline')"
+        can-submit
         @submit="createTimelineEvent"
-        >
+      >
         <v-card-text>
           <v-form ref="domMadeThisForm">
             <v-textarea
               v-model="newTimelineEvent.eventMessage"
               autofocus
-              :label="$tc('recipe.comment')"
-              :hint="$tc('recipe.how-did-it-turn-out')"
+              :label="$t('recipe.comment')"
+              :hint="$t('recipe.how-did-it-turn-out')"
               persistent-hint
               rows="4"
-            ></v-textarea>
+            />
             <v-container>
               <v-row>
-                <v-col cols="auto">
+                <v-col cols="6">
                   <v-menu
                     v-model="datePickerMenu"
                     :close-on-content-click="false"
                     transition="scale-transition"
                     offset-y
                     max-width="290px"
-                    min-width="auto"
                   >
-                    <template #activator="{ on, attrs }">
+                    <template #activator="{ props }">
                       <v-text-field
-                        v-model="newTimelineEventTimestamp"
+                        v-model="newTimelineEventTimestampString"
                         :prepend-icon="$globals.icons.calendar"
-                        v-bind="attrs"
+                        v-bind="props"
                         readonly
-                        v-on="on"
-                      ></v-text-field>
+                      />
                     </template>
                     <v-date-picker
                       v-model="newTimelineEventTimestamp"
-                      no-title
+                      hide-header
                       :first-day-of-week="firstDayOfWeek"
                       :local="$i18n.locale"
-                      @input="datePickerMenu = false"
+                      @update:model-value="datePickerMenu = false"
                     />
                   </v-menu>
                 </v-col>
@@ -55,18 +54,16 @@
                     url="none"
                     file-name="image"
                     accept="image/*"
-                    :text="$i18n.tc('recipe.upload-image')"
+                    :text="$t('recipe.upload-image')"
                     :text-btn="false"
                     :post="false"
                     @uploaded="uploadImage"
                   />
-                  <v-btn
-                    v-if="!!newTimelineEventImage"
-                    color="error"
-                    @click="clearImage"
-                  >
-                    <v-icon left>{{ $globals.icons.close }}</v-icon>
-                    {{ $i18n.tc('recipe.remove-image') }}
+                  <v-btn v-if="!!newTimelineEventImage" color="error" @click="clearImage">
+                    <v-icon start>
+                      {{ $globals.icons.close }}
+                    </v-icon>
+                    {{ $t("recipe.remove-image") }}
                   </v-btn>
                 </v-col>
               </v-row>
@@ -87,24 +84,31 @@
     </div>
     <div>
       <div v-if="lastMadeReady" class="d-flex justify-center flex-wrap">
-        <v-row no-gutters class="d-flex flex-wrap align-center" style="font-size: larger;">
+        <v-row no-gutters class="d-flex flex-wrap align-center" style="font-size: larger">
           <v-tooltip bottom>
-            <template #activator="{ on, attrs }">
+            <template #activator="{ props }">
               <v-btn
                 rounded
-                outlined
-                x-large
-                color="primary"
-                v-bind="attrs"
-                v-on="on"
+                variant="outlined"
+                size="x-large"
+                v-bind="props"
+                style="border-color: rgb(var(--v-theme-primary));"
                 @click="madeThisDialog = true"
               >
-                <v-icon left large>{{ $globals.icons.calendar }}</v-icon>
-                <span class="text--secondary" style="letter-spacing: normal;"><b>{{ $tc("general.last-made") }}</b><br>{{ lastMade ? new Date(lastMade).toLocaleDateString($i18n.locale) : $tc("general.never") }}</span>
-                <v-icon right large>{{ $globals.icons.createAlt }}</v-icon>
+                <v-icon start size="large" color="primary">
+                  {{ $globals.icons.calendar }}
+                </v-icon>
+                <span class="text-body-1 opacity-80">
+                  <b>{{ $t("general.last-made") }}</b>
+                  <br>
+                  {{ lastMade ? new Date(lastMade).toLocaleDateString($i18n.locale) : $t("general.never") }}
+                </span>
+                <v-icon end size="large" color="primary">
+                  {{ $globals.icons.createAlt }}
+                </v-icon>
               </v-btn>
             </template>
-            <span>{{ $tc("recipe.made-this") }}</span>
+            <span>{{ $t("recipe.made-this") }}</span>
           </v-tooltip>
         </v-row>
       </div>
@@ -113,25 +117,26 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, onMounted, reactive, ref, toRefs, useContext } from "@nuxtjs/composition-api";
 import { whenever } from "@vueuse/core";
-import { VForm } from "~/types/vuetify";
 import { useUserApi } from "~/composables/api";
 import { useHouseholdSelf } from "~/composables/use-households";
-import { Recipe, RecipeTimelineEventIn } from "~/lib/api/types/recipe";
+import type { Recipe, RecipeTimelineEventIn } from "~/lib/api/types/recipe";
+import type { VForm } from "~/types/auto-forms";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     recipe: {
       type: Object as () => Recipe,
       required: true,
     },
   },
+  emits: ["eventCreated"],
   setup(props, context) {
     const madeThisDialog = ref(false);
     const userApi = useUserApi();
     const { household } = useHouseholdSelf();
-    const { $auth, i18n } = useContext();
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
     const domMadeThisForm = ref<VForm>();
     const newTimelineEvent = ref<RecipeTimelineEventIn>({
       subject: "",
@@ -143,14 +148,18 @@ export default defineComponent({
     const newTimelineEventImage = ref<Blob | File>();
     const newTimelineEventImageName = ref<string>("");
     const newTimelineEventImagePreviewUrl = ref<string>();
-    const newTimelineEventTimestamp = ref<string>();
+    const newTimelineEventTimestamp = ref<Date>(new Date());
+    const newTimelineEventTimestampString = computed(() => {
+      return newTimelineEventTimestamp.value.toISOString().substring(0, 10);
+    });
 
     const lastMade = ref(props.recipe.lastMade);
     const lastMadeReady = ref(false);
     onMounted(async () => {
-      if (!$auth.user?.householdSlug) {
+      if (!$auth.user?.value?.householdSlug) {
         lastMade.value = props.recipe.lastMade;
-      } else {
+      }
+      else {
         const { data } = await userApi.households.getCurrentUserHouseholdRecipe(props.recipe.slug || "");
         lastMade.value = data?.lastMade;
       }
@@ -158,15 +167,12 @@ export default defineComponent({
       lastMadeReady.value = true;
     });
 
-
     whenever(
       () => madeThisDialog.value,
       () => {
         // Set timestamp to now
-        newTimelineEventTimestamp.value = (
-          new Date(Date.now() - (new Date()).getTimezoneOffset() * 60000)
-        ).toISOString().substring(0, 10);
-      }
+        newTimelineEventTimestamp.value = new Date(Date.now() - new Date().getTimezoneOffset() * 60000);
+      },
     );
 
     const firstDayOfWeek = computed(() => {
@@ -190,19 +196,19 @@ export default defineComponent({
       newTimelineEventImagePreviewUrl.value = URL.createObjectURL(fileObject);
     }
 
-    const state = reactive({datePickerMenu: false});
+    const state = reactive({ datePickerMenu: false });
     async function createTimelineEvent() {
-      if (!(newTimelineEventTimestamp.value && props.recipe?.id && props.recipe?.slug)) {
+      if (!(newTimelineEventTimestampString.value && props.recipe?.id && props.recipe?.slug)) {
         return;
       }
 
-      newTimelineEvent.value.recipeId = props.recipe.id
-      // @ts-expect-error - TS doesn't like the $auth global user attribute
-      newTimelineEvent.value.subject = i18n.t("recipe.user-made-this", { user: $auth.user.fullName })
+      newTimelineEvent.value.recipeId = props.recipe.id;
+      // Note: $auth.user is now a ref
+      newTimelineEvent.value.subject = i18n.t("recipe.user-made-this", { user: $auth.user.value?.fullName });
 
       // the user only selects the date, so we set the time to end of day local time
       // we choose the end of day so it always comes after "new recipe" events
-      newTimelineEvent.value.timestamp = new Date(newTimelineEventTimestamp.value + "T23:59:59").toISOString();
+      newTimelineEvent.value.timestamp = new Date(newTimelineEventTimestampString.value + "T23:59:59").toISOString();
 
       const eventResponse = await userApi.recipes.createTimelineEvent(newTimelineEvent.value);
       const newEvent = eventResponse.data;
@@ -210,7 +216,7 @@ export default defineComponent({
       // we also update the recipe's last made value
       if (!lastMade.value || newTimelineEvent.value.timestamp > lastMade.value) {
         lastMade.value = newTimelineEvent.value.timestamp;
-        await userApi.recipes.updateLastMade(props.recipe.slug,  newTimelineEvent.value.timestamp);
+        await userApi.recipes.updateLastMade(props.recipe.slug, newTimelineEvent.value.timestamp);
       }
 
       // update the image, if provided
@@ -221,7 +227,6 @@ export default defineComponent({
           newTimelineEventImageName.value,
         );
         if (imageResponse.data) {
-          // @ts-ignore the image response data will always match a value of TimelineEventImage
           newEvent.image = imageResponse.data.image;
         }
       }
@@ -245,6 +250,7 @@ export default defineComponent({
       newTimelineEventImage,
       newTimelineEventImagePreviewUrl,
       newTimelineEventTimestamp,
+      newTimelineEventTimestampString,
       lastMade,
       lastMadeReady,
       createTimelineEvent,
diff --git a/frontend/components/Domain/Recipe/RecipeList.vue b/frontend/components/Domain/Recipe/RecipeList.vue
index 77ce753ca..73bd53584 100644
--- a/frontend/components/Domain/Recipe/RecipeList.vue
+++ b/frontend/components/Domain/Recipe/RecipeList.vue
@@ -7,34 +7,57 @@
       :class="attrs.class.sheet"
       :style="tile ? 'max-width: 100%; width: fit-content;' : 'width: 100%;'"
     >
-      <v-list-item :to="disabled ? '' : '/g/' + groupSlug + '/r/' + recipe.slug" :class="attrs.class.listItem">
-        <v-list-item-avatar :class="attrs.class.avatar">
-          <v-icon :class="attrs.class.icon" dark :small="small"> {{ $globals.icons.primary }} </v-icon>
-        </v-list-item-avatar>
-        <v-list-item-content :class="attrs.class.text">
-          <v-list-item-title :class="listItem && listItemDescriptions[index] ? '' : 'pr-4'" :style="attrs.style.text.title">
+      <v-list-item
+        :to="disabled ? '' : '/g/' + groupSlug + '/r/' + recipe.slug"
+        :class="attrs.class.listItem"
+      >
+        <template #prepend>
+          <v-avatar color="primary" :class="attrs.class.avatar">
+            <v-icon
+              :class="attrs.class.icon"
+              dark
+              :size="small ? 'small' : 'default'"
+            >
+              {{ $globals.icons.primary }}
+            </v-icon>
+          </v-avatar>
+        </template>
+        <div :class="attrs.class.text">
+          <v-list-item-title
+            :class="listItem && listItemDescriptions[index] ? '' : 'pr-4'"
+            :style="attrs.style.text.title"
+          >
             {{ recipe.name }}
           </v-list-item-title>
-          <v-list-item-subtitle v-if="showDescription">{{ recipe.description }}</v-list-item-subtitle>
-          <v-list-item-subtitle v-if="listItem && listItemDescriptions[index]" :style="attrs.style.text.subTitle">
-            <!-- eslint-disable-next-line vue/no-v-html -->
-            <div v-html="listItemDescriptions[index]"></div>
+          <v-list-item-subtitle v-if="showDescription">
+            {{ recipe.description }}
           </v-list-item-subtitle>
-        </v-list-item-content>
-        <slot :name="'actions-' + recipe.id" :v-bind="{ item: recipe }"> </slot>
+          <v-list-item-subtitle
+            v-if="listItem && listItemDescriptions[index]"
+            :style="attrs.style.text.subTitle"
+          >
+            <!-- eslint-disable-next-line vue/no-v-html -->
+            <div v-html="listItemDescriptions[index]" />
+          </v-list-item-subtitle>
+        </div>
+        <template #append>
+            <slot
+              :name="'actions-' + recipe.id"
+              :v-bind="{ item: recipe }"
+            />
+        </template>
       </v-list-item>
     </v-sheet>
   </v-list>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useContext, useRoute } from "@nuxtjs/composition-api";
 import DOMPurify from "dompurify";
 import { useFraction } from "~/composables/recipes/use-fraction";
-import { ShoppingListItemOut } from "~/lib/api/types/household";
-import { RecipeSummary } from "~/lib/api/types/recipe";
+import type { ShoppingListItemOut } from "~/lib/api/types/household";
+import type { RecipeSummary } from "~/lib/api/types/recipe";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     recipes: {
       type: Array as () => RecipeSummary[],
@@ -59,44 +82,46 @@ export default defineComponent({
     disabled: {
       type: Boolean,
       default: false,
-    }
+    },
   },
   setup(props) {
-    const { $auth } = useContext();
+    const $auth = useMealieAuth();
     const { frac } = useFraction();
     const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    const groupSlug = computed(() => route.params.groupSlug || $auth.user?.value?.groupSlug || "");
 
     const attrs = computed(() => {
-      return props.small ? {
-        class: {
-          sheet: props.tile ? "mb-1 me-1 justify-center align-center" : "mb-1 justify-center align-center",
-          listItem: "px-0",
-          avatar: "ma-0",
-          icon: "ma-0 pa-0 primary",
-          text: "pa-0",
-        },
-        style: {
-          text: {
-            title: "font-size: small;",
-            subTitle: "font-size: x-small;",
-          },
-        },
-      } : {
-        class: {
-          sheet: props.tile ? "mx-1 justify-center align-center" : "mb-1 justify-center align-center",
-          listItem: "px-4",
-          avatar: "",
-          icon: "pa-1 primary",
-          text: "",
-        },
-        style: {
-          text: {
-            title: "",
-            subTitle: "",
-          },
-        },
-      }
+      return props.small
+        ? {
+            class: {
+              sheet: props.tile ? "mb-1 me-1 justify-center align-center" : "mb-1 justify-center align-center",
+              listItem: "px-0",
+              avatar: "ma-0",
+              icon: "ma-0 pa-0 primary",
+              text: "pa-0",
+            },
+            style: {
+              text: {
+                title: "font-size: small;",
+                subTitle: "font-size: x-small;",
+              },
+            },
+          }
+        : {
+            class: {
+              sheet: props.tile ? "mx-1 justify-center align-center" : "mb-1 justify-center align-center",
+              listItem: "px-4",
+              avatar: "",
+              icon: "pa-1 primary",
+              text: "",
+            },
+            style: {
+              text: {
+                title: "",
+                subTitle: "",
+              },
+            },
+          };
     });
 
     function sanitizeHTML(rawHtml: string) {
@@ -108,11 +133,11 @@ export default defineComponent({
 
     const listItemDescriptions = computed<string[]>(() => {
       if (
-          props.recipes.length === 1  // we don't need to specify details if there's only one recipe ref
-          || !props.listItem?.recipeReferences
-          || props.listItem.recipeReferences.length !== props.recipes.length
-        ) {
-        return props.recipes.map((_) => "")
+        props.recipes.length === 1 // we don't need to specify details if there's only one recipe ref
+        || !props.listItem?.recipeReferences
+        || props.listItem.recipeReferences.length !== props.recipes.length
+      ) {
+        return props.recipes.map(_ => "");
       }
 
       const listItemDescriptions: string[] = [];
@@ -120,36 +145,37 @@ export default defineComponent({
         const itemRef = props.listItem?.recipeReferences[i];
         const quantity = (itemRef.recipeQuantity || 1) * (itemRef.recipeScale || 1);
 
-        let listItemDescription = ""
+        let listItemDescription = "";
         if (props.listItem.unit?.fraction) {
-            const fraction = frac(quantity, 10, true);
-            if (fraction[0] !== undefined && fraction[0] > 0) {
-              listItemDescription += fraction[0];
-            }
+          const fraction = frac(quantity, 10, true);
+          if (fraction[0] !== undefined && fraction[0] > 0) {
+            listItemDescription += fraction[0];
+          }
 
-            if (fraction[1] > 0) {
-              listItemDescription += ` <sup>${fraction[1]}</sup>&frasl;<sub>${fraction[2]}</sub>`;
-            }
-            else {
-              listItemDescription = (quantity).toString();
-            }
+          if (fraction[1] > 0) {
+            listItemDescription += ` <sup>${fraction[1]}</sup>&frasl;<sub>${fraction[2]}</sub>`;
           }
           else {
-            listItemDescription = (Math.round(quantity*100)/100).toString();
+            listItemDescription = (quantity).toString();
           }
+        }
+        else {
+          listItemDescription = (Math.round(quantity * 100) / 100).toString();
+        }
 
-          if (props.listItem.unit) {
-            const unitDisplay = props.listItem.unit.useAbbreviation && props.listItem.unit.abbreviation
-              ? props.listItem.unit.abbreviation : props.listItem.unit.name;
+        if (props.listItem.unit) {
+          const unitDisplay = props.listItem.unit.useAbbreviation && props.listItem.unit.abbreviation
+            ? props.listItem.unit.abbreviation
+            : props.listItem.unit.name;
 
-            listItemDescription += ` ${unitDisplay}`
-          }
+          listItemDescription += ` ${unitDisplay}`;
+        }
 
-          if (itemRef.recipeNote) {
-            listItemDescription += `, ${itemRef.recipeNote}`
-          }
+        if (itemRef.recipeNote) {
+          listItemDescription += `, ${itemRef.recipeNote}`;
+        }
 
-          listItemDescriptions.push(sanitizeHTML(listItemDescription));
+        listItemDescriptions.push(sanitizeHTML(listItemDescription));
       }
 
       return listItemDescriptions;
diff --git a/frontend/components/Domain/Recipe/RecipeNotes.vue b/frontend/components/Domain/Recipe/RecipeNotes.vue
index 2e179af8c..e1791f6b0 100644
--- a/frontend/components/Domain/Recipe/RecipeNotes.vue
+++ b/frontend/components/Domain/Recipe/RecipeNotes.vue
@@ -1,16 +1,40 @@
 <template>
-  <div v-if="value.length > 0 || edit" class="mt-8">
-    <h2 class="my-4">{{ $t("recipe.note") }}</h2>
-    <div v-for="(note, index) in value" :id="'note' + index" :key="'note' + index" class="mt-1">
+  <div
+    v-if="model.length > 0 || edit"
+    class="mt-8"
+  >
+    <h2 class="my-4 text-h5 font-weight-medium opacity-80">
+      {{ $t("recipe.note") }}
+    </h2>
+    <div
+      v-for="(note, index) in model"
+      :id="'note' + index"
+      :key="'note' + index"
+      class="mt-1"
+    >
       <v-card v-if="edit">
         <v-card-text>
           <div class="d-flex align-center">
-            <v-text-field v-model="value[index]['title']" :label="$t('recipe.title')" />
-            <v-btn icon class="mr-2" elevation="0" @click="removeByIndex(value, index)">
+            <v-text-field
+              v-model="model[index]['title']"
+              variant="underlined"
+              :label="$t('recipe.title')"
+            />
+            <v-btn
+              icon
+              class="mr-2"
+              elevation="0"
+              @click="removeByIndex(index)"
+            >
               <v-icon>{{ $globals.icons.delete }}</v-icon>
             </v-btn>
           </div>
-          <v-textarea v-model="value[index]['text']" auto-grow :placeholder="$t('recipe.note')" />
+          <v-textarea
+            v-model="model[index]['text']"
+            variant="underlined"
+            auto-grow
+            :placeholder="$t('recipe.note')"
+          />
         </v-card-text>
       </v-card>
       <div v-else>
@@ -23,44 +47,39 @@
       </div>
     </div>
 
-    <div v-if="edit" class="d-flex justify-end">
-      <BaseButton class="ml-auto my-2" @click="addNote"> {{ $t("general.add") }}</BaseButton>
+    <div
+      v-if="edit"
+      class="d-flex justify-end"
+    >
+      <BaseButton
+        class="ml-auto my-2"
+        @click="addNote"
+      >
+        {{ $t("general.add") }}
+      </BaseButton>
     </div>
   </div>
 </template>
 
-<script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
-import { RecipeNote } from "~/lib/api/types/recipe";
+<script setup lang="ts">
+import type { RecipeNote } from "~/lib/api/types/recipe";
 
-export default defineComponent({
-  props: {
-    value: {
-      type: Array as () => RecipeNote[],
-      required: false,
-      default: () => [],
-    },
+const model = defineModel<RecipeNote[]>({ default: () => [] });
 
-    edit: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  setup(props) {
-    function addNote() {
-      props.value.push({ title: "", text: "" });
-    }
-
-    function removeByIndex(list: unknown[], index: number) {
-      list.splice(index, 1);
-    }
-
-    return {
-      addNote,
-      removeByIndex,
-    };
+defineProps({
+  edit: {
+    type: Boolean,
+    default: true,
   },
 });
-</script>
 
-<style></style>
+function addNote() {
+  model.value = [...model.value, { title: "", text: "" }];
+}
+
+function removeByIndex(index: number) {
+  const newNotes = [...model.value];
+  newNotes.splice(index, 1);
+  model.value = newNotes;
+}
+</script>
diff --git a/frontend/components/Domain/Recipe/RecipeNutrition.vue b/frontend/components/Domain/Recipe/RecipeNutrition.vue
index aefc6cde7..f9d1bbd3d 100644
--- a/frontend/components/Domain/Recipe/RecipeNutrition.vue
+++ b/frontend/components/Domain/Recipe/RecipeNutrition.vue
@@ -4,23 +4,42 @@
       <v-card-title class="pt-2 pb-0">
         {{ $t("recipe.nutrition") }}
       </v-card-title>
-      <v-divider class="mx-2 my-1"></v-divider>
+      <v-divider class="mx-2 my-1" />
       <v-card-text v-if="edit">
-        <div v-for="(item, key, index) in value" :key="index">
+        <div
+          v-for="(item, key, index) in modelValue"
+          :key="index"
+        >
           <v-text-field
-dense :value="value[key]" :label="labels[key].label" :suffix="labels[key].suffix" type="number"
-            autocomplete="off" @input="updateValue(key, $event)"></v-text-field>
+            density="compact"
+            :model-value="modelValue[key]"
+            :label="labels[key].label"
+            :suffix="labels[key].suffix"
+            type="number"
+            autocomplete="off"
+            @update:model-value="updateValue(key, $event)"
+          />
         </div>
       </v-card-text>
-      <v-list v-if="showViewer" dense class="mt-0 pt-0">
-        <v-list-item v-for="(item, key, index) in renderedList" :key="index" style="min-height: 25px" dense>
-          <v-list-item-content>
+      <v-list
+        v-if="showViewer"
+        density="compact"
+        class="mt-0 pt-0"
+      >
+        <v-list-item
+          v-for="(item, key, index) in renderedList"
+          :key="index"
+          style="min-height: 25px"
+        >
+          <div>
             <v-list-item-title class="pl-4 caption flex row">
               <div>{{ item.label }}</div>
-              <div class="ml-auto mr-1">{{ item.value }}</div>
+              <div class="ml-auto mr-1">
+                {{ item.value }}
+              </div>
               <div>{{ item.suffix }}</div>
             </v-list-item-title>
-          </v-list-item-content>
+          </div>
         </v-list-item>
       </v-list>
     </v-card>
@@ -28,13 +47,13 @@ dense :value="value[key]" :label="labels[key].label" :suffix="labels[key].suffix
 </template>
 
 <script lang="ts">
-import { computed, defineComponent } from "@nuxtjs/composition-api";
 import { useNutritionLabels } from "~/composables/recipes";
-import { Nutrition } from "~/lib/api/types/recipe";
-import { NutritionLabelType } from "~/composables/recipes/use-recipe-nutrition";
-export default defineComponent({
+import type { Nutrition } from "~/lib/api/types/recipe";
+import type { NutritionLabelType } from "~/composables/recipes/use-recipe-nutrition";
+
+export default defineNuxtComponent({
   props: {
-    value: {
+    modelValue: {
       type: Object as () => Nutrition,
       required: true,
     },
@@ -43,12 +62,13 @@ export default defineComponent({
       default: true,
     },
   },
+  emits: ["update:modelValue"],
   setup(props, context) {
     const { labels } = useNutritionLabels();
     const valueNotNull = computed(() => {
       let key: keyof Nutrition;
-      for (key in props.value) {
-        if (props.value[key] !== null) {
+      for (key in props.modelValue) {
+        if (props.modelValue[key] !== null) {
           return true;
         }
       }
@@ -58,16 +78,16 @@ export default defineComponent({
     const showViewer = computed(() => !props.edit && valueNotNull.value);
 
     function updateValue(key: number | string, event: Event) {
-      context.emit("input", { ...props.value, [key]: event });
+      context.emit("update:modelValue", { ...props.modelValue, [key]: event });
     }
 
     // Build a new list that only contains nutritional information that has a value
     const renderedList = computed(() => {
       return Object.entries(labels).reduce((item: NutritionLabelType, [key, label]) => {
-        if (props.value[key]?.trim()) {
+        if (props.modelValue[key]?.trim()) {
           item[key] = {
             ...label,
-            value: props.value[key],
+            value: props.modelValue[key],
           };
         }
         return item;
diff --git a/frontend/components/Domain/Recipe/RecipeOrganizerDialog.vue b/frontend/components/Domain/Recipe/RecipeOrganizerDialog.vue
index 91f447886..032edcf35 100644
--- a/frontend/components/Domain/Recipe/RecipeOrganizerDialog.vue
+++ b/frontend/components/Domain/Recipe/RecipeOrganizerDialog.vue
@@ -1,36 +1,58 @@
 <template>
   <div>
-    <v-dialog v-model="dialog" width="500">
+    <v-dialog
+      v-model="dialog"
+      width="500"
+    >
       <v-card>
-        <v-app-bar dense dark color="primary mb-2">
-          <v-icon large left class="mt-1">
-            {{ itemType === Organizer.Tool ? $globals.icons.potSteam :
-              itemType === Organizer.Category ? $globals.icons.categories :
-              $globals.icons.tags }}
+        <v-app-bar
+          density="compact"
+          dark
+          color="primary mb-2 position-relative left-0 top-0 w-100 pl-3"
+        >
+          <v-icon
+            size="large"
+            start
+            class="mt-1"
+          >
+            {{ itemType === Organizer.Tool ? $globals.icons.potSteam
+              : itemType === Organizer.Category ? $globals.icons.categories
+                : $globals.icons.tags }}
           </v-icon>
 
           <v-toolbar-title class="headline">
             {{ properties.title }}
           </v-toolbar-title>
 
-          <v-spacer></v-spacer>
+          <v-spacer />
         </v-app-bar>
-        <v-card-title> </v-card-title>
+        <v-card-title />
         <v-form @submit.prevent="select">
           <v-card-text>
             <v-text-field
               v-model="name"
-              dense
+              density="compact"
               :label="properties.label"
               :rules="[rules.required]"
               autofocus
-            ></v-text-field>
-            <v-checkbox v-if="itemType === Organizer.Tool" v-model="onHand" :label="$t('tool.on-hand')"></v-checkbox>
+            />
+            <v-checkbox
+              v-if="itemType === Organizer.Tool"
+              v-model="onHand"
+              :label="$t('tool.on-hand')"
+            />
           </v-card-text>
           <v-card-actions>
-            <BaseButton cancel @click="dialog = false" />
-            <v-spacer></v-spacer>
-            <BaseButton type="submit" create :disabled="!name" />
+            <BaseButton
+              cancel
+              @click="dialog = false"
+            />
+            <v-spacer />
+            <BaseButton
+              type="submit"
+              create
+              :disabled="!name"
+            />
           </v-card-actions>
         </v-form>
       </v-card>
@@ -39,16 +61,15 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, reactive, toRefs, useContext, watch } from "@nuxtjs/composition-api";
 import { useUserApi } from "~/composables/api";
 import { useCategoryStore, useTagStore, useToolStore } from "~/composables/store";
-import { RecipeOrganizer, Organizer } from "~/lib/api/types/non-generated";
+import { type RecipeOrganizer, Organizer } from "~/lib/api/types/non-generated";
 
 const CREATED_ITEM_EVENT = "created-item";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
-    value: {
+    modelValue: {
       type: Boolean,
       default: false,
     },
@@ -65,8 +86,9 @@ export default defineComponent({
       default: "category",
     },
   },
+  emits: ["update:modelValue"],
   setup(props, context) {
-    const { i18n } = useContext();
+    const i18n = useI18n();
 
     const state = reactive({
       name: "",
@@ -75,18 +97,18 @@ export default defineComponent({
 
     const dialog = computed({
       get() {
-        return props.value;
+        return props.modelValue;
       },
       set(value) {
-        context.emit("input", value);
+        context.emit("update:modelValue", value);
       },
     });
 
     watch(
-      () => props.value,
+      () => props.modelValue,
       (val: boolean) => {
         if (!val) state.name = "";
-      }
+      },
     );
 
     const userApi = useUserApi();
@@ -135,7 +157,7 @@ export default defineComponent({
         await store.actions.createOne({ ...state });
       }
 
-      const newItem = store.store.value.find((item) => item.name === state.name);
+      const newItem = store.store.value.find(item => item.name === state.name);
 
       context.emit(CREATED_ITEM_EVENT, newItem);
       dialog.value = false;
diff --git a/frontend/components/Domain/Recipe/RecipeOrganizerPage.vue b/frontend/components/Domain/Recipe/RecipeOrganizerPage.vue
index d00172b01..8470d577d 100644
--- a/frontend/components/Domain/Recipe/RecipeOrganizerPage.vue
+++ b/frontend/components/Domain/Recipe/RecipeOrganizerPage.vue
@@ -1,6 +1,9 @@
 <template>
   <div v-if="items">
-    <RecipeOrganizerDialog v-model="dialogs.organizer" :item-type="itemType" />
+    <RecipeOrganizerDialog
+      v-model="dialogs.organizer"
+      :item-type="itemType"
+    />
 
     <BaseDialog
       v-if="deleteTarget"
@@ -8,18 +11,34 @@
       :title="$t('general.delete-with-name', { name: $t(translationKey) })"
       color="error"
       :icon="$globals.icons.alertCircle"
+      can-confirm
       @confirm="deleteOne()"
     >
       <v-card-text>
-<p>{{ $t("general.confirm-delete-generic-with-name", { name: $t(translationKey) }) }}</p>
-        <p class="mt-4 mb-0 ml-4">{{ deleteTarget.name }}</p>
+        <p>{{ $t("general.confirm-delete-generic-with-name", { name: $t(translationKey) }) }}</p>
+        <p class="mt-4 mb-0 ml-4">
+          {{ deleteTarget.name }}
+        </p>
       </v-card-text>
     </BaseDialog>
 
-    <BaseDialog v-if="updateTarget" v-model="dialogs.update" :title="$t('general.update')" @confirm="updateOne()">
+    <BaseDialog
+      v-if="updateTarget"
+      v-model="dialogs.update"
+      :title="$t('general.update')"
+      can-confirm
+      @confirm="updateOne()"
+    >
       <v-card-text>
-        <v-text-field v-model="updateTarget.name" :label="$t('general.name')"> </v-text-field>
-        <v-checkbox v-if="itemType === Organizer.Tool" v-model="updateTarget.onHand" :label="$t('tool.on-hand')"></v-checkbox>
+        <v-text-field
+          v-model="updateTarget.name"
+          :label="$t('general.name')"
+        />
+        <v-checkbox
+          v-if="itemType === Organizer.Tool"
+          v-model="updateTarget.onHand"
+          :label="$t('tool.on-hand')"
+        />
       </v-card-text>
     </BaseDialog>
 
@@ -27,32 +46,61 @@
       <v-col>
         <v-text-field
           v-model="searchString"
-          outlined
+          variant="outlined"
           autofocus
           color="primary accent-3"
           :placeholder="$t('search.search-placeholder')"
           :prepend-inner-icon="$globals.icons.search"
           clearable
-        >
-        </v-text-field>
+        />
       </v-col>
     </v-row>
 
-    <v-app-bar color="transparent" flat class="mt-n1 rounded align-center">
-      <v-icon large left>
+    <v-app-bar
+      color="transparent"
+      flat
+      class="mt-n1 rounded align-center px-4 position-relative w-100 left-0 top-0"
+    >
+      <v-icon
+        size="large"
+        start
+      >
         {{ icon }}
       </v-icon>
       <v-toolbar-title class="headline">
-        <slot name="title"> </slot>
+        <slot name="title" />
       </v-toolbar-title>
-      <v-spacer></v-spacer>
-      <BaseButton create @click="dialogs.organizer = true" />
+      <v-spacer />
+      <BaseButton
+        create
+        @click="dialogs.organizer = true"
+      />
     </v-app-bar>
-    <section v-for="(itms, key, idx) in itemsSorted" :key="'header' + idx" :class="idx === 1 ? null : 'my-4'">
-      <BaseCardSectionTitle v-if="isTitle(key)" :title="key" />
+    <section
+      v-for="(itms, key, idx) in itemsSorted"
+      :key="'header' + idx"
+      :class="idx === 1 ? null : 'my-4'"
+    >
+      <BaseCardSectionTitle
+        v-if="isTitle(key)"
+        :title="key"
+      />
       <v-row>
-        <v-col v-for="(item, index) in itms" :key="'cat' + index" cols="12" :sm="12" :md="6" :lg="4" :xl="3">
-          <v-card v-if="item" class="left-border" hover :to="`/g/${groupSlug}?${itemType}=${item.id}`">
+        <v-col
+          v-for="(item, index) in itms"
+          :key="'cat' + index"
+          cols="12"
+          :sm="12"
+          :md="6"
+          :lg="4"
+          :xl="3"
+        >
+          <v-card
+            v-if="item"
+            class="left-border"
+            hover
+            :to="`/g/${groupSlug}?${itemType}=${item.id}`"
+          >
             <v-card-actions>
               <v-icon>
                 {{ icon }}
@@ -60,7 +108,7 @@
               <v-card-title class="py-1">
                 {{ item.name }}
               </v-card-title>
-              <v-spacer></v-spacer>
+              <v-spacer />
               <ContextMenu
                 :items="[presets.delete, presets.edit]"
                 @delete="confirmDelete(item)"
@@ -76,10 +124,10 @@
 
 <script lang="ts">
 import Fuse from "fuse.js";
-import { defineComponent, computed, ref, reactive, useContext, useRoute } from "@nuxtjs/composition-api";
+
 import { useContextPresets } from "~/composables/use-context-presents";
 import RecipeOrganizerDialog from "~/components/Domain/Recipe/RecipeOrganizerDialog.vue";
-import { Organizer, RecipeOrganizer } from "~/lib/api/types/non-generated";
+import { Organizer, type RecipeOrganizer } from "~/lib/api/types/non-generated";
 import { useRouteQuery } from "~/composables/use-router";
 import { deepCopy } from "~/composables/use-utils";
 
@@ -90,7 +138,7 @@ interface GenericItem {
   onHand: boolean;
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     RecipeOrganizerDialog,
   },
@@ -108,6 +156,7 @@ export default defineComponent({
       required: true,
     },
   },
+  emits: ["update", "delete"],
   setup(props, { emit }) {
     const state = reactive({
       // Search Options
@@ -124,9 +173,9 @@ export default defineComponent({
       },
     });
 
-    const { $auth } = useContext();
+    const $auth = useMealieAuth();
     const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    const groupSlug = computed(() => route.params.groupSlug as string || $auth.user?.value?.groupSlug || "");
 
     // =================================================================
     // Context Menu
@@ -141,11 +190,11 @@ export default defineComponent({
 
     const translationKey = computed<string>(() => {
       const typeMap = {
-        "categories": "category.category",
-        "tags": "tag.tag",
-        "tools": "tool.tool",
-        "foods": "shopping-list.food",
-        "households": "household.household",
+        categories: "category.category",
+        tags: "tag.tag",
+        tools: "tool.tool",
+        foods: "shopping-list.food",
+        households: "household.household",
       };
       return typeMap[props.itemType] || "";
     });
@@ -193,7 +242,7 @@ export default defineComponent({
         return props.items;
       }
       const result = fuse.value.search(searchString.value.trim() as string);
-      return result.map((x) => x.item);
+      return result.map(x => x.item);
     });
 
     // =================================================================
@@ -206,7 +255,7 @@ export default defineComponent({
         return byLetter;
       }
 
-      fuzzyItems.value
+      [...fuzzyItems.value]
         .sort((a, b) => a.name.localeCompare(b.name))
         .forEach((item) => {
           const letter = item.name[0].toUpperCase();
@@ -240,7 +289,5 @@ export default defineComponent({
       translationKey,
     };
   },
-  // Needed for useMeta
-  head: {},
 });
 </script>
diff --git a/frontend/components/Domain/Recipe/RecipeOrganizerSelector.vue b/frontend/components/Domain/Recipe/RecipeOrganizerSelector.vue
index 26dd1a84d..7d62ebd53 100644
--- a/frontend/components/Domain/Recipe/RecipeOrganizerSelector.vue
+++ b/frontend/components/Domain/Recipe/RecipeOrganizerSelector.vue
@@ -1,62 +1,61 @@
 <template>
   <v-autocomplete
     v-model="selected"
+    v-bind="inputAttrs"
+    v-model:search="searchInput"
     :items="storeItem"
-    :value="value"
     :label="label"
     chips
-    deletable-chips
-    item-text="name"
+    closable-chips
+    item-title="name"
     multiple
+    variant="underlined"
     :prepend-inner-icon="icon"
+    :append-icon="$globals.icons.create"
     return-object
-    v-bind="inputAttrs"
     auto-select-first
-    :search-input.sync="searchInput"
     class="pa-0"
-    @change="resetSearchInput"
+    @update:model-value="resetSearchInput"
+    @click:append="dialog = true"
   >
-    <template #selection="data">
+    <template #chip="{ item, index }">
       <v-chip
-        :key="data.index"
+        :key="index"
         class="ma-1"
-        :input-value="data.selected"
-        small
-        close
-        label
         color="accent"
-        dark
-        @click:close="removeByIndex(data.index)"
+        variant="flat"
+        label
+
+        closable
+        @click:close="removeByIndex(index)"
       >
-        {{ data.item.name || data.item }}
+        {{ item.value }}
       </v-chip>
     </template>
-    <template v-if="showAdd" #append-outer>
-      <v-btn icon @click="dialog = true">
-        <v-icon>
-          {{ $globals.icons.create }}
-        </v-icon>
-      </v-btn>
-      <RecipeOrganizerDialog v-model="dialog" :item-type="selectorType" @created-item="appendCreated" />
+
+    <template
+      v-if="showAdd"
+      #append
+    >
+      <RecipeOrganizerDialog
+        v-model="dialog"
+        :item-type="selectorType"
+        @created-item="appendCreated"
+      />
     </template>
   </v-autocomplete>
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, useContext, computed, onMounted } from "@nuxtjs/composition-api";
-import RecipeOrganizerDialog from "./RecipeOrganizerDialog.vue";
-import { IngredientFood, RecipeCategory, RecipeTag } from "~/lib/api/types/recipe";
-import { RecipeTool } from "~/lib/api/types/admin";
+import type { IngredientFood, RecipeCategory, RecipeTag } from "~/lib/api/types/recipe";
+import type { RecipeTool } from "~/lib/api/types/admin";
+import { Organizer, type RecipeOrganizer } from "~/lib/api/types/non-generated";
+import type { HouseholdSummary } from "~/lib/api/types/household";
 import { useCategoryStore, useFoodStore, useHouseholdStore, useTagStore, useToolStore } from "~/composables/store";
-import { Organizer, RecipeOrganizer } from "~/lib/api/types/non-generated";
-import { HouseholdSummary } from "~/lib/api/types/household";
 
-export default defineComponent({
-  components: {
-    RecipeOrganizerDialog,
-  },
+export default defineNuxtComponent({
   props: {
-    value: {
+    modelValue: {
       type: Array as () => (
         | HouseholdSummary
         | RecipeTag
@@ -95,12 +94,13 @@ export default defineComponent({
       default: true,
     },
   },
+  emits: ["update:modelValue"],
 
   setup(props, context) {
     const selected = computed({
-      get: () => props.value,
+      get: () => props.modelValue,
       set: (val) => {
-        context.emit("input", val);
+        context.emit("update:modelValue", val);
       },
     });
 
@@ -110,7 +110,8 @@ export default defineComponent({
       }
     });
 
-    const { $globals, i18n } = useContext();
+    const i18n = useI18n();
+    const { $globals } = useNuxtApp();
 
     const label = computed(() => {
       if (!props.showLabel) {
@@ -168,11 +169,11 @@ export default defineComponent({
     const store = computed(() => {
       const { store } = storeMap[props.selectorType];
       return store.value;
-    })
+    });
 
     const items = computed(() => {
       if (!props.returnObject) {
-        return store.value.map((item) => item.name);
+        return store.value.map(item => item.name);
       }
       return store.value;
     });
diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePage.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePage.vue
index 781ffda7b..063cd83fb 100644
--- a/frontend/components/Domain/Recipe/RecipePage/RecipePage.vue
+++ b/frontend/components/Domain/Recipe/RecipePage/RecipePage.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
-    <v-container v-show="!isCookMode" key="recipe-page" :class="{ 'pa-0': $vuetify.breakpoint.smAndDown }">
-      <v-card :flat="$vuetify.breakpoint.smAndDown" class="d-print-none">
+    <v-container v-show="!isCookMode" key="recipe-page" class="pt-0" :class="{ 'pa-0': $vuetify.display.smAndDown.value }">
+      <v-card :flat="$vuetify.display.smAndDown.value" class="d-print-none">
         <RecipePageHeader
           :recipe="recipe"
           :recipe-scale="scale"
@@ -9,7 +9,13 @@
           @save="saveRecipe"
           @delete="deleteRecipe"
         />
-        <LazyRecipeJsonEditor v-if="isEditJSON" v-model="recipe" class="mt-10" :options="EDITOR_OPTIONS" />
+        <RecipeJsonEditor
+          v-if="isEditJSON"
+          v-model="recipe"
+          class="mt-10"
+          mode="text"
+          :main-menu-bar="false"
+        />
         <v-card-text v-else>
           <!--
             This is where most of the main content is rendered. Some components include state for both Edit and View modes
@@ -21,10 +27,18 @@
             a significant amount of prop management. When we move to Vue 3 and have access to some of the newer API's the plan to update this
             data management and mutation system we're using.
           -->
-          <RecipePageInfoEditor v-if="isEditMode" :recipe="recipe" :landscape="landscape" />
-          <RecipePageEditorToolbar v-if="isEditForm" :recipe="recipe" />
-          <RecipePageIngredientEditor v-if="isEditForm" :recipe="recipe" />
-          <RecipePageScale :recipe="recipe" :scale.sync="scale" />
+          <div>
+            <RecipePageInfoEditor v-if="isEditMode" v-model="recipe" />
+          </div>
+          <div>
+            <RecipePageEditorToolbar v-if="isEditForm" v-model="recipe" />
+          </div>
+          <div>
+            <RecipePageIngredientEditor v-if="isEditForm" v-model="recipe" />
+          </div>
+          <div>
+            <RecipePageScale v-model:scale="scale" :recipe="recipe" />
+          </div>
 
           <!--
             This section contains the 2 column layout for the recipe steps and other content.
@@ -35,9 +49,9 @@
             -->
             <v-col v-if="!isCookMode || isEditForm" cols="12" sm="12" md="4" lg="4">
               <RecipePageIngredientToolsView v-if="!isEditForm" :recipe="recipe" :scale="scale" />
-              <RecipePageOrganizers v-if="$vuetify.breakpoint.mdAndUp" :recipe="recipe" @item-selected="chipClicked" />
+              <RecipePageOrganizers v-if="$vuetify.display.mdAndUp" v-model="recipe" @item-selected="chipClicked" />
             </v-col>
-            <v-divider v-if="$vuetify.breakpoint.mdAndUp && !isCookMode" class="my-divider" :vertical="true" />
+            <v-divider v-if="$vuetify.display.mdAndUp && !isCookMode" class="my-divider" :vertical="true" />
 
             <!--
               the right column is always rendered, but it's layout width is determined by where the left column is
@@ -46,104 +60,102 @@
             <v-col cols="12" sm="12" :md="8 + (isCookMode ? 1 : 0) * 4" :lg="8 + (isCookMode ? 1 : 0) * 4">
               <RecipePageInstructions
                 v-model="recipe.recipeInstructions"
-                :assets.sync="recipe.assets"
+                v-model:assets="recipe.assets"
                 :recipe="recipe"
                 :scale="scale"
               />
               <div v-if="isEditForm" class="d-flex">
                 <RecipeDialogBulkAdd class="ml-auto my-2 mr-1" @bulk-data="addStep" />
-                <BaseButton class="my-2" @click="addStep()"> {{ $t("general.add") }}</BaseButton>
+                <BaseButton class="my-2" @click="addStep()">
+                  {{ $t("general.add") }}
+                </BaseButton>
               </div>
-              <div v-if="!$vuetify.breakpoint.mdAndUp">
-                <RecipePageOrganizers :recipe="recipe" />
+              <div v-if="!$vuetify.display.mdAndUp">
+                <RecipePageOrganizers v-model="recipe" />
               </div>
               <RecipeNotes v-model="recipe.notes" :edit="isEditForm" />
             </v-col>
           </v-row>
-          <RecipePageFooter :recipe="recipe" />
+          <RecipePageFooter v-model="recipe" />
         </v-card-text>
       </v-card>
-      <WakelockSwitch/>
+      <WakelockSwitch />
       <RecipePageComments
         v-if="!recipe.settings.disableComments && !isEditForm && !isCookMode"
-        :recipe="recipe"
+        v-model="recipe"
         class="px-1 my-4 d-print-none"
       />
       <RecipePrintContainer :recipe="recipe" :scale="scale" />
     </v-container>
     <!-- Cook mode displayes two columns with ingredients and instructions side by side, each being scrolled individually, allowing to view both at the same timer -->
-    <v-sheet v-show="isCookMode && !hasLinkedIngredients" key="cookmode" :style="{height: $vuetify.breakpoint.smAndUp ? 'calc(100vh - 48px)' : ''}"> <!-- the calc is to account for the toolbar a more dynamic solution could be needed  -->
-      <v-row  style="height: 100%;"  no-gutters class="overflow-hidden">
-        <v-col  cols="12" sm="5" class="overflow-y-auto pl-4 pr-3 py-2" style="height: 100%;">
+    <v-sheet
+      v-show="isCookMode && !hasLinkedIngredients"
+      key="cookmode"
+      :style="{ height: $vuetify.display.smAndUp ? 'calc(100vh - 48px)' : '' }"
+    >
+      <!-- the calc is to account for the toolbar a more dynamic solution could be needed  -->
+      <v-row style="height: 100%" no-gutters class="overflow-hidden">
+        <v-col cols="12" sm="5" class="overflow-y-auto pl-4 pr-3 py-2" style="height: 100%">
           <div class="d-flex align-center">
-            <RecipePageScale :recipe="recipe" :scale.sync="scale" />
+            <RecipePageScale v-model:scale="scale" :recipe="recipe" />
           </div>
-          <RecipePageIngredientToolsView v-if="!isEditForm" :recipe="recipe" :scale="scale" :is-cook-mode="isCookMode" />
-          <v-divider></v-divider>
+          <RecipePageIngredientToolsView
+            v-if="!isEditForm"
+            :recipe="recipe"
+            :scale="scale"
+            :is-cook-mode="isCookMode"
+          />
+          <v-divider />
         </v-col>
-        <v-col class="overflow-y-auto py-2" style="height: 100%;" cols="12" sm="7">
+        <v-col class="overflow-y-auto py-2" style="height: 100%" cols="12" sm="7">
           <RecipePageInstructions
             v-model="recipe.recipeInstructions"
+            v-model:assets="recipe.assets"
             class="overflow-y-hidden px-4"
-            :assets.sync="recipe.assets"
             :recipe="recipe"
             :scale="scale"
           />
         </v-col>
       </v-row>
-
     </v-sheet>
     <v-sheet v-show="isCookMode && hasLinkedIngredients">
       <div class="mt-2 px-2 px-md-4">
-        <RecipePageScale :recipe="recipe" :scale.sync="scale"/>
+        <RecipePageScale v-model:scale="scale" :recipe="recipe" />
       </div>
       <RecipePageInstructions
         v-model="recipe.recipeInstructions"
+        v-model:assets="recipe.assets"
         class="overflow-y-hidden mt-n5 px-2 px-md-4"
-        :assets.sync="recipe.assets"
         :recipe="recipe"
         :scale="scale"
       />
 
-      <div v-if="notLinkedIngredients.length > 0" class="px-2 px-md-4 pb-4 ">
-        <v-divider></v-divider>
+      <div v-if="notLinkedIngredients.length > 0" class="px-2 px-md-4 pb-4">
+        <v-divider />
         <v-card flat>
-          <v-card-title>{{ $t('recipe.not-linked-ingredients') }}</v-card-title>
-            <RecipeIngredients
-              :value="notLinkedIngredients"
-              :scale="scale"
-              :disable-amount="recipe.settings.disableAmount"
-              :is-cook-mode="isCookMode">
-
-            </RecipeIngredients>
+          <v-card-title>{{ $t("recipe.not-linked-ingredients") }}</v-card-title>
+          <RecipeIngredients
+            :value="notLinkedIngredients"
+            :scale="scale"
+            :disable-amount="recipe.settings.disableAmount"
+            :is-cook-mode="isCookMode"
+          />
         </v-card>
       </div>
     </v-sheet>
     <v-btn
       v-if="isCookMode"
-      fab
-      small
+      icon
       color="primary"
-      style="position: fixed; right: 12px; top: 60px;"
+      style="position: fixed; right: 12px; top: 60px"
       @click="toggleCookMode()"
-      >
-      <v-icon>mdi-close</v-icon>
+    >
+      <v-icon>{{ $globals.icons.close }}</v-icon>
     </v-btn>
   </div>
-
 </template>
 
-<script lang="ts">
-import {
-  defineComponent,
-  useContext,
-  useRouter,
-  computed,
-  ref,
-  onMounted,
-  onUnmounted,
-useRoute,
-} from "@nuxtjs/composition-api";
+<script setup lang="ts">
 import { invoke, until } from "@vueuse/core";
 import RecipeIngredients from "../RecipeIngredients.vue";
 import RecipePageEditorToolbar from "./RecipePageParts/RecipePageEditorToolbar.vue";
@@ -156,17 +168,14 @@ import RecipePageOrganizers from "./RecipePageParts/RecipePageOrganizers.vue";
 import RecipePageScale from "./RecipePageParts/RecipePageScale.vue";
 import RecipePageInfoEditor from "./RecipePageParts/RecipePageInfoEditor.vue";
 import RecipePageComments from "./RecipePageParts/RecipePageComments.vue";
-import { useLoggedInState } from "~/composables/use-logged-in-state";
 import RecipePrintContainer from "~/components/Domain/Recipe/RecipePrintContainer.vue";
 import {
   clearPageState,
-  EditorMode,
   PageMode,
   usePageState,
-  usePageUser,
 } from "~/composables/recipe-page/shared-state";
-import { NoUndefinedField } from "~/lib/api/types/non-generated";
-import { Recipe, RecipeCategory, RecipeTag, RecipeTool } from "~/lib/api/types/recipe";
+import type { NoUndefinedField } from "~/lib/api/types/non-generated";
+import type { Recipe, RecipeCategory, RecipeTag, RecipeTool } from "~/lib/api/types/recipe";
 import { useRouteQuery } from "~/composables/use-router";
 import { useUserApi } from "~/composables/api";
 import { uuid4, deepCopy } from "~/composables/use-utils";
@@ -174,214 +183,172 @@ import RecipeDialogBulkAdd from "~/components/Domain/Recipe/RecipeDialogBulkAdd.
 import RecipeNotes from "~/components/Domain/Recipe/RecipeNotes.vue";
 import { useNavigationWarning } from "~/composables/use-navigation-warning";
 
-const EDITOR_OPTIONS = {
-  mode: "code",
-  search: false,
-  mainMenuBar: false,
-};
+const recipe = defineModel<NoUndefinedField<Recipe>>({ required: true });
 
-export default defineComponent({
-  components: {
-    RecipePageHeader,
-    RecipePrintContainer,
-    RecipePageComments,
-    RecipePageInfoEditor,
-    RecipePageEditorToolbar,
-    RecipePageIngredientEditor,
-    RecipePageOrganizers,
-    RecipePageScale,
-    RecipePageIngredientToolsView,
-    RecipeDialogBulkAdd,
-    RecipeNotes,
-    RecipePageInstructions,
-    RecipePageFooter,
-    RecipeIngredients,
-  },
-  props: {
-    recipe: {
-      type: Object as () => NoUndefinedField<Recipe>,
-      required: true,
-    },
-  },
-  setup(props) {
-    const { $auth } = useContext();
-    const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
-    const { isOwnGroup } = useLoggedInState();
+const { $vuetify } = useNuxtApp();
+const i18n = useI18n();
+const $auth = useMealieAuth();
+const route = useRoute();
 
-    const router = useRouter();
-    const api = useUserApi();
-    const { pageMode, editMode, setMode, isEditForm, isEditJSON, isCookMode, isEditMode, toggleCookMode } =
-      usePageState(props.recipe.slug);
-    const { deactivateNavigationWarning } = useNavigationWarning();
-    const notLinkedIngredients = computed(() => {
-      return props.recipe.recipeIngredient.filter((ingredient) => {
-        return !props.recipe.recipeInstructions.some((step) => step.ingredientReferences?.map((ref) => ref.referenceId).includes(ingredient.referenceId));
-      })
-    })
+const groupSlug = computed(() => (route.params.groupSlug as string) || $auth.user?.value?.groupSlug || "");
 
-    /** =============================================================
-     * Recipe Snapshot on Mount
-     * this is used to determine if the recipe has been changed since the last save
-     * and prompts the user to save if they have unsaved changes.
-     */
-    const originalRecipe = ref<Recipe | null>(null);
-
-    invoke(async () => {
-      await until(props.recipe).not.toBeNull();
-      originalRecipe.value = deepCopy(props.recipe);
-    });
-
-    onUnmounted(async () => {
-      const isSame = JSON.stringify(props.recipe) === JSON.stringify(originalRecipe.value);
-      if (isEditMode.value && !isSame && props.recipe?.slug !== undefined) {
-        const save = window.confirm(
-          i18n.tc("general.unsaved-changes"),
-          );
-
-        if (save) {
-          await api.recipes.updateOne(props.recipe.slug, props.recipe);
-        }
-      }
-      deactivateNavigationWarning();
-      toggleCookMode()
-
-      clearPageState(props.recipe.slug || "");
-      console.debug("reset RecipePage state during unmount");
-    });
-    const hasLinkedIngredients = computed(() => {
-      return props.recipe.recipeInstructions.some((step) => step.ingredientReferences && step.ingredientReferences.length > 0);
-    })
-    /** =============================================================
-     * Set State onMounted
-     */
-
-    type BooleanString = "true" | "false" | "";
-
-    const edit = useRouteQuery<BooleanString>("edit", "");
-
-    onMounted(() => {
-      if (edit.value === "true") {
-        setMode(PageMode.EDIT);
-      }
-    });
-
-    /** =============================================================
-     * Recipe Save Delete
-     */
-
-    async function saveRecipe() {
-      const { data } = await api.recipes.updateOne(props.recipe.slug, props.recipe);
-      setMode(PageMode.VIEW);
-      if (data?.slug) {
-        router.push(`/g/${groupSlug.value}/r/` + data.slug);
-      }
-    }
-
-    async function deleteRecipe() {
-      const { data } = await api.recipes.deleteOne(props.recipe.slug);
-      if (data?.slug) {
-        router.push(`/g/${groupSlug.value}`);
-      }
-    }
-
-    /** =============================================================
-     * View Preferences
-     */
-    const { $vuetify, i18n } = useContext();
-
-    const landscape = computed(() => {
-      const preferLandscape = props.recipe.settings.landscapeView;
-      const smallScreen = !$vuetify.breakpoint.smAndUp;
-
-      if (preferLandscape) {
-        return true;
-      } else if (smallScreen) {
-        return true;
-      }
-
-      return false;
-    });
-
-    /** =============================================================
-     * Bulk Step Editor
-     * TODO: Move to RecipePageInstructions component
-     */
-
-    function addStep(steps: Array<string> | null = null) {
-      if (!props.recipe.recipeInstructions) {
-        return;
-      }
-
-      if (steps) {
-        const cleanedSteps = steps.map((step) => {
-          return { id: uuid4(), text: step, title: "", ingredientReferences: [] };
-        });
-
-        props.recipe.recipeInstructions.push(...cleanedSteps);
-      } else {
-        props.recipe.recipeInstructions.push({ id: uuid4(), text: "", title: "", ingredientReferences: [] });
-      }
-    }
-
-    /** =============================================================
-     * Meta Tags
-     */
-    const { user } = usePageUser();
-
-    /** =============================================================
-     * RecipeChip Clicked
-     */
-
-    function chipClicked(item: RecipeTag | RecipeCategory | RecipeTool, itemType: string) {
-      if (!item.id) {
-        return;
-      }
-      router.push(`/g/${groupSlug.value}?${itemType}=${item.id}`);
-    }
-
-    return {
-      user,
-      isOwnGroup,
-      api,
-      scale: ref(1),
-      EDITOR_OPTIONS,
-      landscape,
-
-      pageMode,
-      editMode,
-      PageMode,
-      EditorMode,
-      isEditMode,
-      isEditForm,
-      isEditJSON,
-      isCookMode,
-      toggleCookMode,
-      saveRecipe,
-      deleteRecipe,
-      addStep,
-      hasLinkedIngredients,
-      notLinkedIngredients,
-      chipClicked,
-    };
-  },
-  head: {},
+const router = useRouter();
+const api = useUserApi();
+const { setMode, isEditForm, isEditJSON, isCookMode, isEditMode, toggleCookMode }
+  = usePageState(recipe.value.slug);
+const { deactivateNavigationWarning } = useNavigationWarning();
+const notLinkedIngredients = computed(() => {
+  return recipe.value.recipeIngredient.filter((ingredient) => {
+    return !recipe.value.recipeInstructions.some(step =>
+      step.ingredientReferences?.map(ref => ref.referenceId).includes(ingredient.referenceId),
+    );
+  });
 });
+
+/** =============================================================
+ * Recipe Snapshot on Mount
+ * this is used to determine if the recipe has been changed since the last save
+ * and prompts the user to save if they have unsaved changes.
+ */
+const originalRecipe = ref<Recipe | null>(null);
+
+invoke(async () => {
+  await until(recipe.value).not.toBeNull();
+  originalRecipe.value = deepCopy(recipe.value);
+});
+
+onUnmounted(async () => {
+  const isSame = JSON.stringify(recipe.value) === JSON.stringify(originalRecipe.value);
+  if (isEditMode.value && !isSame && recipe.value?.slug !== undefined) {
+    const save = window.confirm(i18n.t("general.unsaved-changes"));
+
+    if (save) {
+      await api.recipes.updateOne(recipe.value.slug, recipe.value);
+    }
+  }
+  deactivateNavigationWarning();
+  toggleCookMode();
+
+  clearPageState(recipe.value.slug || "");
+  console.debug("reset RecipePage state during unmount");
+});
+const hasLinkedIngredients = computed(() => {
+  return recipe.value.recipeInstructions.some(
+    step => step.ingredientReferences && step.ingredientReferences.length > 0,
+  );
+});
+/** =============================================================
+ * Set State onMounted
+ */
+
+type BooleanString = "true" | "false" | "";
+
+const edit = useRouteQuery<BooleanString>("edit", "");
+
+onMounted(() => {
+  if (edit.value === "true") {
+    setMode(PageMode.EDIT);
+  }
+});
+
+/** =============================================================
+ * Recipe Save Delete
+ */
+
+async function saveRecipe() {
+  const { data } = await api.recipes.updateOne(recipe.value.slug, recipe.value);
+  setMode(PageMode.VIEW);
+  if (data?.slug) {
+    router.push(`/g/${groupSlug.value}/r/` + data.slug);
+  }
+}
+
+async function deleteRecipe() {
+  const { data } = await api.recipes.deleteOne(recipe.value.slug);
+  if (data?.slug) {
+    router.push(`/g/${groupSlug.value}`);
+  }
+}
+
+/** =============================================================
+ * View Preferences
+ */
+const landscape = computed(() => {
+  const preferLandscape = recipe.value.settings.landscapeView;
+  const smallScreen = !$vuetify.display.smAndUp.value;
+
+  if (preferLandscape) {
+    return true;
+  }
+  else if (smallScreen) {
+    return true;
+  }
+
+  return false;
+});
+
+/** =============================================================
+ * Bulk Step Editor
+ * TODO: Move to RecipePageInstructions component
+ */
+
+function addStep(steps: Array<string> | null = null) {
+  if (!recipe.value.recipeInstructions) {
+    return;
+  }
+
+  if (steps) {
+    const cleanedSteps = steps.map((step) => {
+      return { id: uuid4(), text: step, title: "", ingredientReferences: [] };
+    });
+
+    recipe.value.recipeInstructions.push(...cleanedSteps);
+  }
+  else {
+    recipe.value.recipeInstructions.push({
+      id: uuid4(),
+      text: "",
+      title: "",
+      summary: "",
+      ingredientReferences: [],
+    });
+  }
+}
+
+/** =============================================================
+ * RecipeChip Clicked
+ */
+
+function chipClicked(item: RecipeTag | RecipeCategory | RecipeTool, itemType: string) {
+  if (!item.id) {
+    return;
+  }
+  router.push(`/g/${groupSlug.value}?${itemType}=${item.id}`);
+}
+
+const scale = ref(1);
+
+// expose to template
+// (all variables used in template are top-level in <script setup>)
 </script>
 
 <style lang="css">
 .flip-list-move {
   transition: transform 0.5s;
 }
+
 .no-move {
   transition: transform 0s;
 }
+
 .ghost {
   opacity: 0.5;
 }
+
 .list-group {
   min-height: 38px;
 }
+
 .list-group-item i {
   cursor: pointer;
 }
diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageComments.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageComments.vue
index 8c528d43a..327e9e478 100644
--- a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageComments.vue
+++ b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageComments.vue
@@ -6,44 +6,73 @@
       </v-icon>
       {{ $t("recipe.comments") }}
     </v-card-title>
-    <v-divider class="mx-2"></v-divider>
-    <div v-if="user.id" class="d-flex flex-column">
-      <div class="d-flex mt-3" style="gap: 10px">
-        <UserAvatar :tooltip="false" size="40" :user-id="user.id" />
+    <v-divider class="mx-2" />
+    <div
+      v-if="user.id"
+      class="d-flex flex-column"
+    >
+      <div
+        class="d-flex mt-3"
+        style="gap: 10px"
+      >
+        <UserAvatar
+          :tooltip="false"
+          size="40"
+          :user-id="user.id"
+        />
 
         <v-textarea
           v-model="comment"
-          hide-details=""
-          dense
+          hide-details
+          density="compact"
           single-line
-          outlined
+          variant="outlined"
           auto-grow
           rows="2"
           :placeholder="$t('recipe.join-the-conversation')"
-        >
-        </v-textarea>
+        />
       </div>
       <div class="ml-auto mt-1">
-        <BaseButton small :disabled="!comment" @click="submitComment">
-          <template #icon>{{ $globals.icons.check }}</template>
+        <BaseButton
+          size="small"
+          :disabled="!comment"
+          @click="submitComment"
+        >
+          <template #icon>
+            {{ $globals.icons.check }}
+          </template>
           {{ $t("general.submit") }}
         </BaseButton>
       </div>
     </div>
-    <div v-for="comment in recipe.comments" :key="comment.id" class="d-flex my-2" style="gap: 10px">
-      <UserAvatar :tooltip="false" size="40" :user-id="comment.userId" />
-      <v-card outlined class="flex-grow-1">
+    <div
+      v-for="recipeComment in recipe.comments"
+      :key="recipeComment.id"
+      class="d-flex my-2"
+      style="gap: 10px"
+    >
+      <UserAvatar
+        :tooltip="false"
+        size="40"
+        :user-id="recipeComment.userId"
+      />
+      <v-card
+        variant="outlined"
+        class="flex-grow-1"
+      >
         <v-card-text class="pa-3 pb-0">
-          <p class="">{{ comment.user.fullName }} • {{ $d(Date.parse(comment.createdAt), "medium") }}</p>
-          <SafeMarkdown :source="comment.text" />
+          <p class="">
+            {{ recipeComment.user.fullName }} • {{ $d(Date.parse(recipeComment.createdAt), "medium") }}
+          </p>
+          <SafeMarkdown :source="recipeComment.text" />
         </v-card-text>
         <v-card-actions class="justify-end mt-0 pt-0">
           <v-btn
-            v-if="user.id == comment.user.id || user.admin"
+            v-if="user.id == recipeComment.user.id || user.admin"
             color="error"
-            text
-            x-small
-            @click="deleteComment(comment.id)"
+            variant="text"
+            size="x-small"
+            @click="deleteComment(recipeComment.id)"
           >
             {{ $t("general.delete") }}
           </v-btn>
@@ -53,58 +82,37 @@
   </div>
 </template>
 
-<script lang="ts">
-import { defineComponent, toRefs, reactive } from "@nuxtjs/composition-api";
+<script lang="ts" setup>
 import { useUserApi } from "~/composables/api";
-import { Recipe } from "~/lib/api/types/recipe";
+import type { Recipe } from "~/lib/api/types/recipe";
 import UserAvatar from "~/components/Domain/User/UserAvatar.vue";
-import { NoUndefinedField } from "~/lib/api/types/non-generated";
+import type { NoUndefinedField } from "~/lib/api/types/non-generated";
 import { usePageUser } from "~/composables/recipe-page/shared-state";
 import SafeMarkdown from "~/components/global/SafeMarkdown.vue";
 
-export default defineComponent({
-  components: {
-    UserAvatar,
-    SafeMarkdown
-},
-  props: {
-    recipe: {
-      type: Object as () => NoUndefinedField<Recipe>,
-      required: true,
-    },
-  },
-  setup(props) {
-    const api = useUserApi();
+const recipe = defineModel<NoUndefinedField<Recipe>>({ required: true });
+const api = useUserApi();
+const { user } = usePageUser();
+const comment = ref("");
 
-    const { user } = usePageUser();
+async function submitComment() {
+  const { data } = await api.recipes.comments.createOne({
+    recipeId: recipe.value.id,
+    text: comment.value,
+  });
 
-    const state = reactive({
-      comment: "",
-    });
+  if (data) {
+    recipe.value.comments.push(data);
+  }
 
-    async function submitComment() {
-      const { data } = await api.recipes.comments.createOne({
-        recipeId: props.recipe.id,
-        text: state.comment,
-      });
+  comment.value = "";
+}
 
-      if (data) {
-        // @ts-ignore username is always populated here
-        props.recipe.comments.push(data);
-      }
+async function deleteComment(id: string) {
+  const { response } = await api.recipes.comments.deleteOne(id);
 
-      state.comment = "";
-    }
-
-    async function deleteComment(id: string) {
-      const { response } = await api.recipes.comments.deleteOne(id);
-
-      if (response?.status === 200) {
-        props.recipe.comments = props.recipe.comments.filter((comment) => comment.id !== id);
-      }
-    }
-
-    return { api, ...toRefs(state), submitComment, deleteComment, user };
-  },
-});
+  if (response?.status === 200) {
+    recipe.value.comments = recipe.value.comments.filter(comment => comment.id !== id);
+  }
+}
 </script>
diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageEditorToolbar.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageEditorToolbar.vue
index a3508e434..2621f1ed5 100644
--- a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageEditorToolbar.vue
+++ b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageEditorToolbar.vue
@@ -1,28 +1,44 @@
 <template>
   <div class="d-flex justify-start align-top py-2">
-    <RecipeImageUploadBtn class="my-1" :slug="recipe.slug" @upload="uploadImage" @refresh="imageKey++" />
+    <RecipeImageUploadBtn
+      class="my-1"
+      :slug="recipe.slug"
+      @upload="uploadImage"
+      @refresh="imageKey++"
+    />
     <RecipeSettingsMenu
+      v-model="recipe.settings"
       class="my-1 mx-1"
-      :value="recipe.settings"
       :is-owner="recipe.userId == user.id"
       @upload="uploadImage"
     />
     <v-spacer />
-    <v-container class="py-0" style="width: 40%;">
+    <v-container
+      class="py-0"
+      style="width: 40%;"
+    >
       <v-select
         v-model="recipe.userId"
         :items="allUsers"
-        item-text="fullName"
+        item-title="fullName"
         item-value="id"
-        :label="$tc('general.owner')"
+        :label="$t('general.owner')"
         hide-details
         :disabled="!canEditOwner"
+        variant="underlined"
       >
         <template #prepend>
-          <UserAvatar :user-id="recipe.userId" :tooltip="false" />
+          <UserAvatar
+            :user-id="recipe.userId"
+            :tooltip="false"
+          />
         </template>
       </v-select>
-      <v-card-text v-if="ownerHousehold" class="pa-0 d-flex" style="align-items: flex-end;">
+      <v-card-text
+        v-if="ownerHousehold"
+        class="pa-0 d-flex"
+        style="align-items: flex-end;"
+      >
         <v-spacer />
         <v-icon>{{ $globals.icons.household }}</v-icon>
         <span class="pl-1">{{ ownerHousehold.name }}</span>
@@ -31,11 +47,11 @@
   </div>
 </template>
 
-<script lang="ts">
-import { computed, defineComponent } from "@nuxtjs/composition-api";
+<script setup lang="ts">
+import { computed } from "vue";
 import { usePageState, usePageUser } from "~/composables/recipe-page/shared-state";
-import { NoUndefinedField } from "~/lib/api/types/non-generated";
-import { Recipe } from "~/lib/api/types/recipe";
+import type { NoUndefinedField } from "~/lib/api/types/non-generated";
+import type { Recipe } from "~/lib/api/types/recipe";
 import { useUserApi } from "~/composables/api";
 import RecipeImageUploadBtn from "~/components/Domain/Recipe/RecipeImageUploadBtn.vue";
 import RecipeSettingsMenu from "~/components/Domain/Recipe/RecipeSettingsMenu.vue";
@@ -43,57 +59,34 @@ import { useUserStore } from "~/composables/store/use-user-store";
 import UserAvatar from "~/components/Domain/User/UserAvatar.vue";
 import { useHouseholdStore } from "~/composables/store";
 
-export default defineComponent({
-  components: {
-    RecipeImageUploadBtn,
-    RecipeSettingsMenu,
-    UserAvatar,
-  },
-  props: {
-    recipe: {
-      type: Object as () => NoUndefinedField<Recipe>,
-      required: true,
-    },
-  },
-  setup(props) {
-    const { user } = usePageUser();
-    const api = useUserApi();
-    const { imageKey } = usePageState(props.recipe.slug);
+const recipe = defineModel<NoUndefinedField<Recipe>>({ required: true });
 
-    const canEditOwner = computed(() => {
-      return user.id === props.recipe.userId || user.admin;
-    })
+const { user } = usePageUser();
+const api = useUserApi();
+const { imageKey } = usePageState(recipe.value.slug);
 
-    const { store: allUsers } = useUserStore();
-    const { store: households } = useHouseholdStore();
-    const ownerHousehold = computed(() => {
-      const owner = allUsers.value.find((u) => u.id === props.recipe.userId);
-      if (!owner) {
-        return null;
-      };
-
-      return households.value.find((h) => h.id === owner.householdId);
-    });
-
-    async function uploadImage(fileObject: File) {
-      if (!props.recipe || !props.recipe.slug) {
-        return;
-      }
-      const newVersion = await api.recipes.updateImage(props.recipe.slug, fileObject);
-      if (newVersion?.data?.image) {
-        props.recipe.image = newVersion.data.image;
-      }
-      imageKey.value++;
-    }
-
-    return {
-      user,
-      canEditOwner,
-      uploadImage,
-      imageKey,
-      allUsers,
-      ownerHousehold,
-    };
-  },
+const canEditOwner = computed(() => {
+  return user.id === recipe.value.userId || user.admin;
 });
+
+const { store: allUsers } = useUserStore();
+const { store: households } = useHouseholdStore();
+const ownerHousehold = computed(() => {
+  const owner = allUsers.value.find(u => u.id === recipe.value.userId);
+  if (!owner) {
+    return null;
+  }
+  return households.value.find(h => h.id === owner.householdId);
+});
+
+async function uploadImage(fileObject: File) {
+  if (!recipe.value || !recipe.value.slug) {
+    return;
+  }
+  const newVersion = await api.recipes.updateImage(recipe.value.slug, fileObject);
+  if (newVersion?.data?.image) {
+    recipe.value.image = newVersion.data.image;
+  }
+  imageKey.value++;
+}
 </script>
diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageFooter.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageFooter.vue
index 86b6bc59e..30e06ebf3 100644
--- a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageFooter.vue
+++ b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageFooter.vue
@@ -5,35 +5,54 @@
         v-if="isEditForm"
         v-model="recipe.orgURL"
         class="mt-10"
+        variant="underlined"
         :label="$t('recipe.original-url')"
-      ></v-text-field>
+      />
       <v-btn
         v-else-if="recipe.orgURL && !isCookMode"
-        dense
-        small
         :hover="false"
-        type="label"
         :ripple="false"
-        elevation="0"
+        variant="flat"
         :href="recipe.orgURL"
-        color="secondary darken-1"
+        color="secondary-darken-1"
         target="_blank"
-        class="rounded-sm mr-n2"
+        class="mr-n2"
+        size="small"
       >
         {{ $t("recipe.original-url") }}
       </v-btn>
     </v-card-actions>
     <AdvancedOnly>
-      <v-card v-if="isEditForm" flat class="mb-2 mx-n2">
-        <v-card-title> {{ $t('recipe.api-extras') }} </v-card-title>
-        <v-divider class="ml-4"></v-divider>
+      <v-card
+        v-if="isEditForm"
+        flat
+        class="mb-2 mx-n2"
+      >
+        <v-card-title class="text-h5 font-weight-medium opacity-80">
+{{ $t('recipe.api-extras') }}
+</v-card-title>
+        <v-divider class="ml-4" />
         <v-card-text>
           {{ $t('recipe.api-extras-description') }}
-          <v-row v-for="(_, key) in recipe.extras" :key="key" class="mt-1">
+          <v-row
+            v-for="(_, key) in recipe.extras"
+            :key="key"
+            class="mt-1"
+          >
             <v-col style="max-width: 400px;">
-              <v-text-field v-model="recipe.extras[key]" dense :label="key">
+              <v-text-field
+                v-model="recipe.extras[key]"
+                density="compact"
+                variant="underlined"
+                :label="key"
+              >
                 <template #prepend>
-                  <v-btn color="error" icon class="mt-n4" @click="removeApiExtra(key)">
+                  <v-btn
+                    color="error"
+                    icon
+                    class="mt-n4"
+                    @click="removeApiExtra(key)"
+                  >
                     <v-icon> {{ $globals.icons.delete }} </v-icon>
                   </v-btn>
                 </template>
@@ -43,69 +62,58 @@
         </v-card-text>
         <v-card-actions class="d-flex ml-2 mt-n3">
           <div>
-            <v-text-field v-model="apiNewKey" :label="$t('recipe.message-key')"></v-text-field>
+            <v-text-field
+              v-model="apiNewKey"
+              min-width="200px"
+              :label="$t('recipe.message-key')"
+              variant="underlined"
+            />
           </div>
-          <BaseButton create small class="ml-5" @click="createApiExtra" />
+          <BaseButton
+            create
+            size="small"
+            class="ml-5"
+            @click="createApiExtra"
+          />
         </v-card-actions>
       </v-card>
     </AdvancedOnly>
   </div>
 </template>
 
-<script lang="ts">
-import { defineComponent, ref } from "@nuxtjs/composition-api";
+<script setup lang="ts">
 import { usePageState } from "~/composables/recipe-page/shared-state";
-import { NoUndefinedField } from "~/lib/api/types/non-generated";
-import { Recipe } from "~/lib/api/types/recipe";
-export default defineComponent({
-  props: {
-    recipe: {
-      type: Object as () => NoUndefinedField<Recipe>,
-      required: true,
-    },
-  },
-  setup(props) {
-    const { isEditForm, isCookMode } = usePageState(props.recipe.slug);
-    const apiNewKey = ref("");
+import type { NoUndefinedField } from "~/lib/api/types/non-generated";
+import type { Recipe } from "~/lib/api/types/recipe";
 
-    function createApiExtra() {
-      if (!props.recipe) {
-        return;
-      }
+const recipe = defineModel<NoUndefinedField<Recipe>>({ required: true });
+const { isEditForm, isCookMode } = usePageState(recipe.value.slug);
+const apiNewKey = ref("");
 
-      if (!props.recipe.extras) {
-        props.recipe.extras = {};
-      }
+function createApiExtra() {
+  if (!recipe.value) {
+    return;
+  }
+  if (!recipe.value.extras) {
+    recipe.value.extras = {};
+  }
+  // check for duplicate keys
+  if (Object.keys(recipe.value.extras).includes(apiNewKey.value)) {
+    return;
+  }
+  recipe.value.extras[apiNewKey.value] = "";
+  apiNewKey.value = "";
+}
 
-      // check for duplicate keys
-      if (Object.keys(props.recipe.extras).includes(apiNewKey.value)) {
-        return;
-      }
-
-      props.recipe.extras[apiNewKey.value] = "";
-
-      apiNewKey.value = "";
-    }
-
-    function removeApiExtra(key: string | number) {
-      if (!props.recipe) {
-        return;
-      }
-
-      if (!props.recipe.extras) {
-        return;
-      }
-
-      delete props.recipe.extras[key];
-      props.recipe.extras = { ...props.recipe.extras };
-    }
-    return {
-      removeApiExtra,
-      createApiExtra,
-      apiNewKey,
-      isEditForm,
-      isCookMode,
-    };
-  },
-});
+function removeApiExtra(key: string | number) {
+  if (!recipe.value) {
+    return;
+  }
+  if (!recipe.value.extras) {
+    return;
+  }
+  // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
+  delete recipe.value.extras[key];
+  recipe.value.extras = { ...recipe.value.extras };
+}
 </script>
diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageHeader.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageHeader.vue
index c7e40f89e..c1d79f637 100644
--- a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageHeader.vue
+++ b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageHeader.vue
@@ -1,6 +1,10 @@
 <template>
   <div>
-    <RecipePageInfoCard :recipe="recipe" :recipe-scale="recipeScale" :landscape="landscape" />
+    <RecipePageInfoCard
+      :recipe="recipe"
+      :recipe-scale="recipeScale"
+      :landscape="landscape"
+    />
     <v-divider />
     <RecipeActionMenu
       :recipe="recipe"
@@ -11,7 +15,7 @@
       :logged-in="isOwnGroup"
       :open="isEditMode"
       :recipe-id="recipe.id"
-      class="ml-auto mt-n2 pb-4"
+      class="ml-auto mt-n7 pb-4"
       @close="setMode(PageMode.VIEW)"
       @json="toggleEditMode()"
       @edit="setMode(PageMode.EDIT)"
@@ -23,17 +27,17 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, useContext, computed, ref, watch } from "@nuxtjs/composition-api";
 import { useLoggedInState } from "~/composables/use-logged-in-state";
 import { useRecipePermissions } from "~/composables/recipes";
 import RecipePageInfoCard from "~/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInfoCard.vue";
 import RecipeActionMenu from "~/components/Domain/Recipe/RecipeActionMenu.vue";
-import { useStaticRoutes, useUserApi  } from "~/composables/api";
-import { HouseholdSummary } from "~/lib/api/types/household";
-import { Recipe } from "~/lib/api/types/recipe";
-import { NoUndefinedField } from "~/lib/api/types/non-generated";
+import { useStaticRoutes, useUserApi } from "~/composables/api";
+import type { HouseholdSummary } from "~/lib/api/types/household";
+import type { Recipe } from "~/lib/api/types/recipe";
+import type { NoUndefinedField } from "~/lib/api/types/non-generated";
 import { usePageState, usePageUser, PageMode, EditorMode } from "~/composables/recipe-page/shared-state";
-export default defineComponent({
+
+export default defineNuxtComponent({
   components: {
     RecipePageInfoCard,
     RecipeActionMenu,
@@ -52,8 +56,9 @@ export default defineComponent({
       default: false,
     },
   },
+  emits: ["save", "delete"],
   setup(props) {
-    const { $vuetify } = useContext();
+    const { $vuetify } = useNuxtApp();
     const { recipeImage } = useStaticRoutes();
     const { imageKey, pageMode, editMode, setMode, toggleEditMode, isEditMode } = usePageState(props.recipe.slug);
     const { user } = usePageUser();
@@ -74,7 +79,7 @@ export default defineComponent({
 
     const hideImage = ref(false);
     const imageHeight = computed(() => {
-      return $vuetify.breakpoint.xs ? "200" : "400";
+      return $vuetify.display.xs.value ? "200" : "400";
     });
 
     const recipeImageUrl = computed(() => {
@@ -85,7 +90,7 @@ export default defineComponent({
       () => recipeImageUrl.value,
       () => {
         hideImage.value = false;
-      }
+      },
     );
 
     return {
diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInfoCard.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInfoCard.vue
index 5e11391cd..905a276a0 100644
--- a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInfoCard.vue
+++ b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInfoCard.vue
@@ -1,24 +1,36 @@
 <template>
   <div>
     <div class="d-flex justify-end flex-wrap align-stretch">
-      <RecipePageInfoCardImage v-if="landscape" :recipe="recipe" />
+      <RecipePageInfoCardImage
+        v-if="landscape"
+        :recipe="recipe"
+      />
       <v-card
         :width="landscape ? '100%' : '50%'"
         flat
         class="d-flex flex-column justify-center align-center"
       >
-        <v-card-text>
-          <v-card-title class="headline pa-0 flex-column align-center">
+        <v-card-text class="w-100">
+          <v-card-title class="text-h5 font-weight-regular pa-0 d-flex flex-column align-center justify-center opacity-80">
             {{ recipe.name }}
-            <RecipeRating :key="recipe.slug" :value="recipe.rating" :recipe-id="recipe.id" :slug="recipe.slug" />
+            <RecipeRating
+              :key="recipe.slug"
+              :value="recipe.rating"
+              :recipe-id="recipe.id"
+              :slug="recipe.slug"
+            />
           </v-card-title>
           <v-divider class="my-2" />
-          <SafeMarkdown :source="recipe.description" />
+          <SafeMarkdown :source="recipe.description" class="my-3" />
           <v-divider v-if="recipe.description" />
           <v-container class="d-flex flex-row flex-wrap justify-center">
             <div class="mx-6">
               <v-row no-gutters>
-                <v-col v-if="recipe.recipeYieldQuantity || recipe.recipeYield" cols="12" class="d-flex flex-wrap justify-center">
+                <v-col
+                  v-if="recipe.recipeYieldQuantity || recipe.recipeYield"
+                  cols="12"
+                  class="d-flex flex-wrap justify-center"
+                >
                   <RecipeYield
                     :yield-quantity="recipe.recipeYieldQuantity"
                     :yield="recipe.recipeYield"
@@ -28,7 +40,10 @@
                 </v-col>
               </v-row>
               <v-row no-gutters>
-                <v-col cols="12" class="d-flex flex-wrap justify-center">
+                <v-col
+                  cols="12"
+                  class="d-flex flex-wrap justify-center"
+                >
                   <RecipeLastMade
                     v-if="isOwnGroup"
                     :recipe="recipe"
@@ -49,22 +64,27 @@
           </v-container>
         </v-card-text>
       </v-card>
-      <RecipePageInfoCardImage v-if="!landscape" :recipe="recipe" max-width="50%" class="my-auto" />
+      <RecipePageInfoCardImage
+        v-if="!landscape"
+        :recipe="recipe"
+        max-width="50%"
+        class="my-auto"
+      />
     </div>
   </div>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useContext } from "@nuxtjs/composition-api";
 import { useLoggedInState } from "~/composables/use-logged-in-state";
 import RecipeRating from "~/components/Domain/Recipe/RecipeRating.vue";
 import RecipeLastMade from "~/components/Domain/Recipe/RecipeLastMade.vue";
 import RecipeTimeCard from "~/components/Domain/Recipe/RecipeTimeCard.vue";
 import RecipeYield from "~/components/Domain/Recipe/RecipeYield.vue";
 import RecipePageInfoCardImage from "~/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInfoCardImage.vue";
-import { Recipe } from "~/lib/api/types/recipe";
-import { NoUndefinedField } from "~/lib/api/types/non-generated";
-export default defineComponent({
+import type { Recipe } from "~/lib/api/types/recipe";
+import type { NoUndefinedField } from "~/lib/api/types/non-generated";
+
+export default defineNuxtComponent({
   components: {
     RecipeRating,
     RecipeLastMade,
@@ -87,15 +107,11 @@ export default defineComponent({
     },
   },
   setup() {
-    const { $vuetify } = useContext();
-    const useMobile = computed(() => $vuetify.breakpoint.smAndDown);
-
     const { isOwnGroup } = useLoggedInState();
 
     return {
       isOwnGroup,
-      useMobile,
     };
-  }
+  },
 });
 </script>
diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInfoCardImage.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInfoCardImage.vue
index e1488658e..4a6d36abb 100644
--- a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInfoCardImage.vue
+++ b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInfoCardImage.vue
@@ -3,6 +3,8 @@
     :key="imageKey"
     :max-width="maxWidth"
     min-height="50"
+    cover
+    width="100%"
     :height="hideImage ? undefined : imageHeight"
     :src="recipeImageUrl"
     class="d-print-none"
@@ -11,13 +13,13 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, ref, useContext, watch } from "@nuxtjs/composition-api";
-import { useStaticRoutes, useUserApi  } from "~/composables/api";
-import { HouseholdSummary } from "~/lib/api/types/household";
+import { useStaticRoutes, useUserApi } from "~/composables/api";
+import type { HouseholdSummary } from "~/lib/api/types/household";
 import { usePageState, usePageUser } from "~/composables/recipe-page/shared-state";
-import { Recipe } from "~/lib/api/types/recipe";
-import { NoUndefinedField } from "~/lib/api/types/non-generated";
-export default defineComponent({
+import type { Recipe } from "~/lib/api/types/recipe";
+import type { NoUndefinedField } from "~/lib/api/types/non-generated";
+
+export default defineNuxtComponent({
   props: {
     recipe: {
       type: Object as () => NoUndefinedField<Recipe>,
@@ -29,7 +31,7 @@ export default defineComponent({
     },
   },
   setup(props) {
-    const { $vuetify } = useContext();
+    const { $vuetify } = useNuxtApp();
     const { recipeImage } = useStaticRoutes();
     const { imageKey } = usePageState(props.recipe.slug);
     const { user } = usePageUser();
@@ -44,7 +46,7 @@ export default defineComponent({
 
     const hideImage = ref(false);
     const imageHeight = computed(() => {
-      return $vuetify.breakpoint.xs ? "200" : "400";
+      return $vuetify.display.xs.value ? "200" : "400";
     });
 
     const recipeImageUrl = computed(() => {
@@ -55,7 +57,7 @@ export default defineComponent({
       () => recipeImageUrl.value,
       () => {
         hideImage.value = false;
-      }
+      },
     );
 
     return {
@@ -64,6 +66,6 @@ export default defineComponent({
       hideImage,
       imageHeight,
     };
-  }
+  },
 });
 </script>
diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInfoEditor.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInfoEditor.vue
index ee21acc7c..31a4cda0a 100644
--- a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInfoEditor.vue
+++ b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInfoEditor.vue
@@ -5,103 +5,117 @@
       class="my-3"
       :label="$t('recipe.recipe-name')"
       :rules="[validators.required]"
+      density="compact"
+      variant="underlined"
     />
     <v-container class="ma-0 pa-0">
       <v-row>
         <v-col cols="3">
           <v-text-field
-            v-model="recipeServings"
+            :model-value="recipeServings"
             type="number"
             :min="0"
             hide-spin-buttons
-            dense
+            density="compact"
             :label="$t('recipe.servings')"
-            @input="validateInput($event, 'recipeServings')"
+            variant="underlined"
+            @update:model-value="validateInput($event, 'recipeServings')"
           />
         </v-col>
         <v-col cols="3">
           <v-text-field
-            v-model="recipeYieldQuantity"
+            :model-value="recipeYieldQuantity"
             type="number"
             :min="0"
             hide-spin-buttons
-            dense
+            density="compact"
             :label="$t('recipe.yield')"
-            @input="validateInput($event, 'recipeYieldQuantity')"
+            variant="underlined"
+            @update:model-value="validateInput($event, 'recipeYieldQuantity')"
           />
         </v-col>
         <v-col cols="6">
           <v-text-field
-          v-model="recipe.recipeYield"
-          dense
-          :label="$t('recipe.yield-text')"
-        />
+            v-model="recipe.recipeYield"
+            density="compact"
+            :label="$t('recipe.yield-text')"
+            variant="underlined"
+          />
         </v-col>
       </v-row>
     </v-container>
 
-    <div class="d-flex flex-wrap" style="gap: 1rem">
-      <v-text-field v-model="recipe.totalTime" :label="$t('recipe.total-time')" />
-      <v-text-field v-model="recipe.prepTime" :label="$t('recipe.prep-time')" />
-      <v-text-field v-model="recipe.performTime" :label="$t('recipe.perform-time')" />
+    <div
+      class="d-flex flex-wrap"
+      style="gap: 1rem"
+    >
+      <v-text-field
+        v-model="recipe.totalTime"
+        :label="$t('recipe.total-time')"
+        density="compact"
+        variant="underlined"
+      />
+      <v-text-field
+        v-model="recipe.prepTime"
+        :label="$t('recipe.prep-time')"
+        density="compact"
+        variant="underlined"
+      />
+      <v-text-field
+        v-model="recipe.performTime"
+        :label="$t('recipe.perform-time')"
+        density="compact"
+        variant="underlined"
+      />
     </div>
-    <v-textarea v-model="recipe.description" auto-grow min-height="100" :label="$t('recipe.description')" />
+    <v-textarea
+      v-model="recipe.description"
+      auto-grow
+      min-height="100"
+      :label="$t('recipe.description')"
+      density="compact"
+      variant="underlined"
+    />
   </div>
 </template>
 
-<script lang="ts">
-import { computed, defineComponent } from "@nuxtjs/composition-api";
+<script setup lang="ts">
 import { validators } from "~/composables/use-validators";
-import { NoUndefinedField } from "~/lib/api/types/non-generated";
-import { Recipe } from "~/lib/api/types/recipe";
+import type { NoUndefinedField } from "~/lib/api/types/non-generated";
+import type { Recipe } from "~/lib/api/types/recipe";
 
-export default defineComponent({
-  props: {
-    recipe: {
-      type: Object as () => NoUndefinedField<Recipe>,
-      required: true,
-    },
+const recipe = defineModel<NoUndefinedField<Recipe>>({ required: true });
+
+const recipeServings = computed<number>({
+  get() {
+    return recipe.value.recipeServings;
   },
-  setup(props) {
-    const recipeServings = computed<number>({
-      get() {
-        return props.recipe.recipeServings;
-      },
-      set(val) {
-        validateInput(val.toString(), "recipeServings");
-      },
-    });
-
-    const recipeYieldQuantity = computed<number>({
-      get() {
-        return props.recipe.recipeYieldQuantity;
-      },
-      set(val) {
-        validateInput(val.toString(), "recipeYieldQuantity");
-      },
-    });
-
-    function validateInput(value: string | null, property: "recipeServings" | "recipeYieldQuantity") {
-      if (!value) {
-        props.recipe[property] = 0;
-        return;
-      }
-
-      const number = parseFloat(value.replace(/[^0-9.]/g, ""));
-      if (isNaN(number) || number <= 0) {
-        props.recipe[property] = 0;
-        return;
-      }
-
-      props.recipe[property] = number;
-    }
-
-    return {
-      validators,
-      recipeServings,
-      recipeYieldQuantity,
-      validateInput,
-    };
+  set(val) {
+    validateInput(val.toString(), "recipeServings");
   },
 });
+
+const recipeYieldQuantity = computed<number>({
+  get() {
+    return recipe.value.recipeYieldQuantity;
+  },
+  set(val) {
+    validateInput(val.toString(), "recipeYieldQuantity");
+  },
+});
+
+function validateInput(value: string | null, property: "recipeServings" | "recipeYieldQuantity") {
+  if (!value) {
+    recipe.value[property] = 0;
+    return;
+  }
+
+  const number = parseFloat(value.replace(/[^0-9.]/g, ""));
+  if (isNaN(number) || number <= 0) {
+    recipe.value[property] = 0;
+    return;
+  }
+
+  recipe.value[property] = number;
+}
 </script>
diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientEditor.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientEditor.vue
index 7ff8845dc..375de0448 100644
--- a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientEditor.vue
+++ b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientEditor.vue
@@ -1,11 +1,14 @@
+<!-- eslint-disable vue/no-mutating-props -->
 <template>
   <div>
-    <h2 class="mb-4">{{ $t("recipe.ingredients") }}</h2>
-    <draggable
+    <h2 class="mb-4 text-h5 font-weight-medium opacity-80">
+      {{ $t("recipe.ingredients") }}
+    </h2>
+    <VueDraggable
       v-if="recipe.recipeIngredient.length > 0"
       v-model="recipe.recipeIngredient"
       handle=".handle"
-      delay="250"
+      :delay="250"
       :delay-on-touch-only="true"
       v-bind="{
         animation: 200,
@@ -16,7 +19,9 @@
       @start="drag = true"
       @end="drag = false"
     >
-      <TransitionGroup type="transition" :name="!drag ? 'flip-list' : ''">
+      <TransitionGroup
+        type="transition"
+      >
         <RecipeIngredientEditor
           v-for="(ingredient, index) in recipe.recipeIngredient"
           :key="ingredient.referenceId"
@@ -25,21 +30,29 @@
           :disable-amount="recipe.settings.disableAmount"
           @delete="recipe.recipeIngredient.splice(index, 1)"
           @insert-above="insertNewIngredient(index)"
-          @insert-below="insertNewIngredient(index+1)"
+          @insert-below="insertNewIngredient(index + 1)"
         />
       </TransitionGroup>
-    </draggable>
-    <v-skeleton-loader v-else boilerplate elevation="2" type="list-item"> </v-skeleton-loader>
+    </VueDraggable>
+    <v-skeleton-loader
+      v-else
+      boilerplate
+      elevation="2"
+      type="list-item"
+    />
     <div class="d-flex flex-wrap justify-center justify-sm-end mt-3">
-      <v-tooltip top color="accent">
-        <template #activator="{ on, attrs }">
-          <span v-on="on">
+      <v-tooltip
+        top
+        color="accent"
+      >
+        <template #activator="{ props }">
+          <span>
             <BaseButton
               class="mb-1"
               :disabled="recipe.settings.disableAmount || hasFoodOrUnit"
               color="accent"
               :to="`/g/${groupSlug}/r/${recipe.slug}/ingredient-parser`"
-              v-bind="attrs"
+              v-bind="props"
             >
               <template #icon>
                 {{ $globals.icons.foods }}
@@ -50,124 +63,106 @@
         </template>
         <span>{{ parserToolTip }}</span>
       </v-tooltip>
-      <RecipeDialogBulkAdd class="mx-1 mb-1" @bulk-data="addIngredient" />
-      <BaseButton class="mb-1" @click="addIngredient" > {{ $t("general.add") }} </BaseButton>
+      <RecipeDialogBulkAdd
+        class="mx-1 mb-1"
+        @bulk-data="addIngredient"
+      />
+      <BaseButton
+        class="mb-1"
+        @click="addIngredient"
+      >
+        {{ $t("general.add") }}
+      </BaseButton>
     </div>
   </div>
 </template>
 
-<script lang="ts">
-import draggable from "vuedraggable";
-import { computed, defineComponent, ref, useContext, useRoute } from "@nuxtjs/composition-api";
-import { usePageState, usePageUser } from "~/composables/recipe-page/shared-state";
-import { NoUndefinedField } from "~/lib/api/types/non-generated";
-import { Recipe } from "~/lib/api/types/recipe";
+<script setup lang="ts">
+import { VueDraggable } from "vue-draggable-plus";
+import type { NoUndefinedField } from "~/lib/api/types/non-generated";
+import type { Recipe } from "~/lib/api/types/recipe";
 import RecipeIngredientEditor from "~/components/Domain/Recipe/RecipeIngredientEditor.vue";
 import RecipeDialogBulkAdd from "~/components/Domain/Recipe/RecipeDialogBulkAdd.vue";
 import { uuid4 } from "~/composables/use-utils";
-export default defineComponent({
-  components: {
-    draggable,
-    RecipeDialogBulkAdd,
-    RecipeIngredientEditor,
-  },
-  props: {
-    recipe: {
-      type: Object as () => NoUndefinedField<Recipe>,
-      required: true,
-    },
-  },
-  setup(props) {
-    const { user } = usePageUser();
-    const { imageKey } = usePageState(props.recipe.slug);
-    const { $auth, i18n } = useContext();
 
-    const drag = ref(false);
+const recipe = defineModel<NoUndefinedField<Recipe>>({ required: true });
+const i18n = useI18n();
+const $auth = useMealieAuth();
 
-    const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+const drag = ref(false);
 
-    const hasFoodOrUnit = computed(() => {
-      if (!props.recipe) {
-        return false;
-      }
-      if (props.recipe.recipeIngredient) {
-        for (const ingredient of props.recipe.recipeIngredient) {
-          if (ingredient.food || ingredient.unit) {
-            return true;
-          }
-        }
-      }
+const route = useRoute();
+const groupSlug = computed(() => route.params.groupSlug as string || $auth.user.value?.groupSlug || "");
 
-      return false;
-    });
-
-    const parserToolTip = computed(() => {
-      if (props.recipe.settings.disableAmount) {
-        return i18n.t("recipe.enable-ingredient-amounts-to-use-this-feature");
-      } else if (hasFoodOrUnit.value) {
-        return i18n.t("recipe.recipes-with-units-or-foods-defined-cannot-be-parsed");
-      }
-      return i18n.t("recipe.parse-ingredients");
-    });
-
-    function addIngredient(ingredients: Array<string> | null = null) {
-      if (ingredients?.length) {
-        const newIngredients = ingredients.map((x) => {
-          return {
-            referenceId: uuid4(),
-            title: "",
-            note: x,
-            unit: undefined,
-            food: undefined,
-            disableAmount: true,
-            quantity: 1,
-          };
-        });
-
-        if (newIngredients) {
-          // @ts-expect-error - prop can be null-type by NoUndefinedField type forces it to be set
-          props.recipe.recipeIngredient.push(...newIngredients);
-        }
-      } else {
-        props.recipe.recipeIngredient.push({
-          referenceId: uuid4(),
-          title: "",
-          note: "",
-          // @ts-expect-error - prop can be null-type by NoUndefinedField type forces it to be set
-          unit: undefined,
-          // @ts-expect-error - prop can be null-type by NoUndefinedField type forces it to be set
-          food: undefined,
-          disableAmount: true,
-          quantity: 1,
-        });
+const hasFoodOrUnit = computed(() => {
+  if (!recipe.value) {
+    return false;
+  }
+  if (recipe.value.recipeIngredient) {
+    for (const ingredient of recipe.value.recipeIngredient) {
+      if (ingredient.food || ingredient.unit) {
+        return true;
       }
     }
-
-    function insertNewIngredient(dest: number) {
-      props.recipe.recipeIngredient.splice(dest, 0, {
-            referenceId: uuid4(),
-            title: "",
-            note: "",
-            // @ts-expect-error - prop can be null-type by NoUndefinedField type forces it to be set
-            unit: undefined,
-            // @ts-expect-error - prop can be null-type by NoUndefinedField type forces it to be set
-            food: undefined,
-            disableAmount: true,
-            quantity: 1,
-          });
-    }
-
-    return {
-      user,
-      groupSlug,
-      addIngredient,
-      parserToolTip,
-      hasFoodOrUnit,
-      imageKey,
-      drag,
-      insertNewIngredient,
-    };
-  },
+  }
+  return false;
 });
+
+const parserToolTip = computed(() => {
+  if (recipe.value.settings.disableAmount) {
+    return i18n.t("recipe.enable-ingredient-amounts-to-use-this-feature");
+  }
+  else if (hasFoodOrUnit.value) {
+    return i18n.t("recipe.recipes-with-units-or-foods-defined-cannot-be-parsed");
+  }
+  return i18n.t("recipe.parse-ingredients");
+});
+
+function addIngredient(ingredients: Array<string> | null = null) {
+  if (ingredients?.length) {
+    const newIngredients = ingredients.map((x) => {
+      return {
+        referenceId: uuid4(),
+        title: "",
+        note: x,
+        unit: undefined,
+        food: undefined,
+        disableAmount: true,
+        quantity: 1,
+      };
+    });
+
+    if (newIngredients) {
+      // @ts-expect-error - prop can be null-type by NoUndefinedField type forces it to be set
+      recipe.value.recipeIngredient.push(...newIngredients);
+    }
+  }
+  else {
+    recipe.value.recipeIngredient.push({
+      referenceId: uuid4(),
+      title: "",
+      note: "",
+      // @ts-expect-error - prop can be null-type by NoUndefinedField type forces it to be set
+      unit: undefined,
+      // @ts-expect-error - prop can be null-type by NoUndefinedField type forces it to be set
+      food: undefined,
+      disableAmount: true,
+      quantity: 1,
+    });
+  }
+}
+
+function insertNewIngredient(dest: number) {
+  recipe.value.recipeIngredient.splice(dest, 0, {
+    referenceId: uuid4(),
+    title: "",
+    note: "",
+    // @ts-expect-error - prop can be null-type by NoUndefinedField type forces it to be set
+    unit: undefined,
+    // @ts-expect-error - prop can be null-type by NoUndefinedField type forces it to be set
+    food: undefined,
+    disableAmount: true,
+    quantity: 1,
+  });
+}
 </script>
diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientToolsView.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientToolsView.vue
index a7f331c9c..85f652144 100644
--- a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientToolsView.vue
+++ b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientToolsView.vue
@@ -7,38 +7,47 @@
       :is-cook-mode="isCookMode"
     />
     <div v-if="!isEditMode && recipe.tools && recipe.tools.length > 0">
-      <h2 class="mb-2 mt-4">{{ $t('tool.required-tools') }}</h2>
-      <v-list-item v-for="(tool, index) in recipe.tools" :key="index" dense>
-        <v-checkbox
-          v-model="recipeTools[index].onHand"
-          hide-details
-          class="pt-0 my-auto py-auto"
-          color="secondary"
-          @change="updateTool(index)"
+      <h2 class="mt-4 text-h5 font-weight-medium opacity-80">
+        {{ $t('tool.required-tools') }}
+      </h2>
+      <v-list density="compact">
+        <v-list-item
+          v-for="(tool, index) in recipe.tools"
+          :key="index"
+          density="compact"
         >
-        </v-checkbox>
-        <v-list-item-content>
-          {{ tool.name }}
-        </v-list-item-content>
-      </v-list-item>
+          <template #prepend>
+            <v-checkbox
+              v-model="recipeTools[index].onHand"
+              hide-details
+              class="pt-0 my-auto py-auto"
+              color="secondary"
+              density="compact"
+              @change="updateTool(index)"
+            />
+          </template>
+          <v-list-item-title>
+            {{ tool.name }}
+          </v-list-item-title>
+        </v-list-item>
+      </v-list>
     </div>
   </div>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent } from "@nuxtjs/composition-api";
 import { useLoggedInState } from "~/composables/use-logged-in-state";
 import { usePageState, usePageUser } from "~/composables/recipe-page/shared-state";
 import { useToolStore } from "~/composables/store";
-import { NoUndefinedField } from "~/lib/api/types/non-generated";
-import { Recipe, RecipeTool } from "~/lib/api/types/recipe";
+import type { NoUndefinedField } from "~/lib/api/types/non-generated";
+import type { Recipe, RecipeTool } from "~/lib/api/types/recipe";
 import RecipeIngredients from "~/components/Domain/Recipe/RecipeIngredients.vue";
 
 interface RecipeToolWithOnHand extends RecipeTool {
   onHand: boolean;
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     RecipeIngredients,
   },
@@ -54,7 +63,7 @@ export default defineComponent({
     isCookMode: {
       type: Boolean,
       default: false,
-    }
+    },
   },
   setup(props) {
     const { isOwnGroup } = useLoggedInState();
@@ -65,14 +74,15 @@ export default defineComponent({
 
     const recipeTools = computed(() => {
       if (!(user.householdSlug && toolStore)) {
-        return props.recipe.tools.map((tool) => ({ ...tool, onHand: false }) as RecipeToolWithOnHand);
-      } else {
+        return props.recipe.tools.map(tool => ({ ...tool, onHand: false }) as RecipeToolWithOnHand);
+      }
+      else {
         return props.recipe.tools.map((tool) => {
           const onHand = tool.householdsWithTool?.includes(user.householdSlug) || false;
           return { ...tool, onHand } as RecipeToolWithOnHand;
         });
       }
-    })
+    });
 
     function updateTool(index: number) {
       if (user.id && user.householdSlug && toolStore) {
@@ -80,15 +90,18 @@ export default defineComponent({
         if (tool.onHand && !tool.householdsWithTool?.includes(user.householdSlug)) {
           if (!tool.householdsWithTool) {
             tool.householdsWithTool = [user.householdSlug];
-          } else {
+          }
+          else {
             tool.householdsWithTool.push(user.householdSlug);
           }
-        } else if (!tool.onHand && tool.householdsWithTool?.includes(user.householdSlug)) {
-          tool.householdsWithTool = tool.householdsWithTool.filter((household) => household !== user.householdSlug);
+        }
+        else if (!tool.onHand && tool.householdsWithTool?.includes(user.householdSlug)) {
+          tool.householdsWithTool = tool.householdsWithTool.filter(household => household !== user.householdSlug);
         }
 
         toolStore.actions.updateOne(tool);
-      } else {
+      }
+      else {
         console.log("no user, skipping server update");
       }
     }
diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInstructions.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInstructions.vue
index 171fdaeaa..4cd7eadde 100644
--- a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInstructions.vue
+++ b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInstructions.vue
@@ -1,21 +1,34 @@
 <template>
-  <section @keyup.ctrl.90="undoMerge">
+  <section @keyup.ctrl.z="undoMerge">
     <!-- Ingredient Link Editor -->
-    <v-dialog v-if="dialog" v-model="dialog" width="600">
+    <v-dialog
+      v-if="dialog"
+      v-model="dialog"
+      width="600"
+    >
       <v-card :ripple="false">
-        <v-app-bar dark color="primary" class="mt-n1 mb-3">
-          <v-icon large left>
+        <v-sheet
+          color="primary"
+          class="mt-n1 mb-3 pa-3 d-flex align-center"
+          style="border-radius: 6px; width: 100%;"
+        >
+          <v-icon
+            size="large"
+            start
+          >
             {{ $globals.icons.link }}
           </v-icon>
-          <v-toolbar-title class="headline"> {{ $t("recipe.ingredient-linker") }} </v-toolbar-title>
-          <v-spacer></v-spacer>
-        </v-app-bar>
+          <v-toolbar-title class="headline">
+            {{ $t("recipe.ingredient-linker") }}
+          </v-toolbar-title>
+          <v-spacer />
+        </v-sheet>
 
         <v-card-text class="pt-4">
           <p>
             {{ activeText }}
           </p>
-          <v-divider class="mb-4"></v-divider>
+          <v-divider class="mb-4" />
           <v-checkbox
             v-for="ing in unusedIngredients"
             :key="ing.referenceId"
@@ -29,7 +42,9 @@
           </v-checkbox>
 
           <template v-if="usedIngredients.length > 0">
-            <h4 class="py-3 ml-1">{{ $t("recipe.linked-to-other-step") }}</h4>
+            <h4 class="py-3 ml-1">
+              {{ $t("recipe.linked-to-other-step") }}
+            </h4>
             <v-checkbox
               v-for="ing in usedIngredients"
               :key="ing.referenceId"
@@ -44,19 +59,38 @@
           </template>
         </v-card-text>
 
-        <v-divider></v-divider>
+        <v-divider />
 
         <v-card-actions>
-          <BaseButton cancel @click="dialog = false"> </BaseButton>
-          <v-spacer></v-spacer>
+          <BaseButton
+            cancel
+            @click="dialog = false"
+          />
+          <v-spacer />
           <div class="d-flex flex-wrap justify-end">
-            <BaseButton class="my-1" color="info" @click="autoSetReferences">
-              <template #icon> {{ $globals.icons.robot }}</template>
+            <BaseButton
+              class="my-1"
+              color="info"
+              @click="autoSetReferences"
+            >
+              <template #icon>
+                {{ $globals.icons.robot }}
+              </template>
               {{ $t("recipe.auto") }}
             </BaseButton>
-            <BaseButton class="ml-2 my-1" save @click="setIngredientIds"> </BaseButton>
-            <BaseButton v-if="availableNextStep" class="ml-2 my-1" @click="saveAndOpenNextLinkIngredients">
-              <template #icon> {{ $globals.icons.forward }}</template>
+            <BaseButton
+              class="ml-2 my-1"
+              save
+              @click="setIngredientIds"
+            />
+            <BaseButton
+              v-if="availableNextStep"
+              class="ml-2 my-1"
+              @click="saveAndOpenNextLinkIngredients"
+            >
+              <template #icon>
+                {{ $globals.icons.forward }}
+              </template>
               {{ $t("recipe.nextStep") }}
             </BaseButton>
           </div>
@@ -65,169 +99,200 @@
     </v-dialog>
 
     <div class="d-flex justify-space-between justify-start">
-      <h2 v-if="!isCookMode" class="mb-4 mt-1">{{ $t("recipe.instructions") }}</h2>
-      <BaseButton v-if="!isEditForm && !isCookMode" minor cancel color="primary" @click="toggleCookMode()">
+      <h2
+        v-if="!isCookMode"
+        class="mt-1 text-h5 font-weight-medium opacity-80"
+      >
+        {{ $t("recipe.instructions") }}
+      </h2>
+      <BaseButton
+        v-if="!isEditForm && !isCookMode"
+        minor
+        cancel
+        color="primary"
+        @click="toggleCookMode()"
+      >
         <template #icon>
           {{ $globals.icons.primary }}
         </template>
         {{ $t("recipe.cook-mode") }}
       </BaseButton>
     </div>
-    <draggable
+    <VueDraggable
+      v-model="instructionList"
       :disabled="!isEditForm"
-      :value="value"
       handle=".handle"
-      delay="250"
+      :delay="250"
       :delay-on-touch-only="true"
       v-bind="{
         animation: 200,
         group: 'recipe-instructions',
         ghostClass: 'ghost',
       }"
-      @input="updateIndex"
       @start="drag = true"
-      @end="drag = false"
+      @end="onDragEnd"
     >
-      <TransitionGroup type="transition" :name="!drag ? 'flip-list' : ''">
-        <div v-for="(step, index) in value" :key="step.id" class="list-group-item">
-          <v-app-bar
+      <TransitionGroup
+        type="transition"
+      >
+        <div
+          v-for="(step, index) in instructionList"
+          :key="step.id!"
+          class="list-group-item"
+        >
+          <v-sheet
             v-if="step.id && showTitleEditor[step.id]"
-            class="primary mt-6"
-            style="cursor: pointer"
-            dark
-            dense
-            rounded
+            color="primary"
+            class="mt-6 mb-2 d-flex align-center"
+            :class="isEditForm ? 'pa-2' : 'pa-3'"
+            style="border-radius: 6px; cursor: pointer; width: 100%;"
             @click="toggleCollapseSection(index)"
           >
-            <v-toolbar-title v-if="!isEditForm" class="headline">
-              <v-app-bar-title> {{ step.title }} </v-app-bar-title>
-            </v-toolbar-title>
-            <v-text-field
-              v-if="isEditForm"
-              v-model="step.title"
-              class="headline pa-0 mt-5"
-              dense
-              solo
-              flat
-              :placeholder="$t('recipe.section-title')"
-              background-color="primary"
-            >
-            </v-text-field>
-          </v-app-bar>
-          <v-hover v-slot="{ hover }">
+            <template v-if="isEditForm">
+              <v-text-field
+                v-model="step.title"
+                class="pa-0"
+                density="compact"
+                variant="solo"
+                flat
+                :placeholder="$t('recipe.section-title')"
+                bg-color="primary"
+                hide-details
+              />
+            </template>
+            <template v-else>
+              <v-toolbar-title class="section-title-text">
+                {{ step.title }}
+              </v-toolbar-title>
+            </template>
+          </v-sheet>
+          <v-hover v-slot="{ isHovering }">
             <v-card
               class="my-3"
-              :class="[{ 'on-hover': hover }, isChecked(index)]"
-              :elevation="hover ? 12 : 2"
+              :class="[{ 'on-hover': isHovering }, isChecked(index)]"
+              :elevation="isHovering ? 12 : 2"
               :ripple="false"
               @click="toggleDisabled(index)"
             >
               <v-card-title :class="{ 'pb-0': !isChecked(index) }">
-                <v-text-field
-                  v-if="isEditForm"
-                  v-model="step.summary"
-                  class="headline handle"
-                  hide-details
-                  dense
-                  solo
-                  flat
-                  :placeholder="$t('recipe.step-index', { step: index + 1 })"
-                >
-                  <template #prepend>
-                    <v-icon size="26">{{ $globals.icons.arrowUpDown }}</v-icon>
+                <div class="d-flex align-center">
+                  <v-text-field
+                    v-if="isEditForm"
+                    v-model="step.summary"
+                    class="headline handle"
+                    hide-details
+                    density="compact"
+                    variant="solo"
+                    flat
+                    :placeholder="$t('recipe.step-index', { step: index + 1 })"
+                  >
+                    <template #prepend>
+                      <v-icon size="26">
+                        {{ $globals.icons.arrowUpDown }}
+                      </v-icon>
+                    </template>
+                  </v-text-field>
+                  <span v-else>
+                    {{ step.summary ? step.summary : $t("recipe.step-index", { step: index + 1 }) }}
+                  </span>
+                  <template v-if="isEditForm">
+                    <div class="ml-auto">
+                      <BaseButtonGroup
+                        :large="false"
+                        :buttons="[
+                          {
+                            icon: $globals.icons.delete,
+                            text: $t('general.delete'),
+                            event: 'delete',
+                          },
+                          {
+                            icon: $globals.icons.dotsVertical,
+                            text: '',
+                            event: 'open',
+                            children: [
+                              {
+                                text: $t('recipe.toggle-section'),
+                                event: 'toggle-section',
+                              },
+                              {
+                                text: $t('recipe.link-ingredients'),
+                                event: 'link-ingredients',
+                              },
+                              {
+                                text: $t('recipe.upload-image'),
+                                event: 'upload-image',
+                              },
+                              {
+                                icon: previewStates[index] ? $globals.icons.edit : $globals.icons.eye,
+                                text: previewStates[index] ? $t('recipe.edit-markdown') : $t('markdown-editor.preview-markdown-button-label'),
+                                event: 'preview-step',
+                                divider: true,
+                              },
+                              {
+                                text: $t('recipe.merge-above'),
+                                event: 'merge-above',
+                              },
+                              {
+                                text: $t('recipe.move-to-top'),
+                                event: 'move-to-top',
+                              },
+                              {
+                                text: $t('recipe.move-to-bottom'),
+                                event: 'move-to-bottom',
+                              },
+                              {
+                                text: $t('recipe.insert-above'),
+                                event: 'insert-above',
+                              },
+                              {
+                                text: $t('recipe.insert-below'),
+                                event: 'insert-below',
+                              },
+                            ],
+                          },
+                        ]"
+                        @merge-above="mergeAbove(index - 1, index)"
+                        @move-to-top="moveTo('top', index)"
+                        @move-to-bottom="moveTo('bottom', index)"
+                        @insert-above="insert(index)"
+                        @insert-below="insert(index + 1)"
+                        @toggle-section="toggleShowTitle(step.id!)"
+                        @link-ingredients="openDialog(index, step.text, step.ingredientReferences)"
+                        @preview-step="togglePreviewState(index)"
+                        @upload-image="openImageUpload(index)"
+                        @delete="instructionList.splice(index, 1)"
+                      />
+                    </div>
                   </template>
-                </v-text-field>
-                <span v-else>
-                  {{ step.summary ? step.summary : $t("recipe.step-index", { step: index + 1 }) }}
-                </span>
-                <template v-if="isEditForm">
-                  <div class="ml-auto">
-                    <BaseButtonGroup
-                      :large="false"
-                      :buttons="[
-                        {
-                          icon: $globals.icons.delete,
-                          text: $tc('general.delete'),
-                          event: 'delete',
-                        },
-                        {
-                          icon: $globals.icons.dotsVertical,
-                          text: '',
-                          event: 'open',
-                          children: [
-                            {
-                              text: $tc('recipe.toggle-section'),
-                              event: 'toggle-section',
-                            },
-                            {
-                              text: $tc('recipe.link-ingredients'),
-                              event: 'link-ingredients',
-                            },
-                            {
-                              text: $tc('recipe.upload-image'),
-                              event: 'upload-image'
-                            },
-                            {
-                              icon: previewStates[index] ? $globals.icons.edit : $globals.icons.eye,
-                              text: previewStates[index] ? $tc('recipe.edit-markdown') : $tc('markdown-editor.preview-markdown-button-label'),
-                              event: 'preview-step',
-                              divider: true,
-                            },
-                            {
-                              text: $tc('recipe.merge-above'),
-                              event: 'merge-above',
-                            },
-                            {
-                              text: $tc('recipe.move-to-top'),
-                              event: 'move-to-top',
-                            },
-                            {
-                              text: $tc('recipe.move-to-bottom'),
-                              event: 'move-to-bottom',
-                            },
-                            {
-                              text: $tc('recipe.insert-above'),
-                              event: 'insert-above'
-                            },
-                            {
-                              text: $tc('recipe.insert-below'),
-                              event: 'insert-below'
-                            },
-                          ],
-                        },
-                      ]"
-                      @merge-above="mergeAbove(index - 1, index)"
-                      @move-to-top="moveTo('top', index)"
-                      @move-to-bottom="moveTo('bottom', index)"
-                      @insert-above="insert(index)"
-                      @insert-below="insert(index+1)"
-                      @toggle-section="toggleShowTitle(step.id)"
-                      @link-ingredients="openDialog(index, step.text, step.ingredientReferences)"
-                      @preview-step="togglePreviewState(index)"
-                      @upload-image="openImageUpload(index)"
-                      @delete="value.splice(index, 1)"
-                    />
-                  </div>
-                </template>
-                <v-fade-transition>
-                  <v-icon v-show="isChecked(index)" size="24" class="ml-auto" color="success">
-                    {{ $globals.icons.checkboxMarkedCircle }}
-                  </v-icon>
-                </v-fade-transition>
+                  <v-fade-transition>
+                    <v-icon
+                      v-show="isChecked(index)"
+                      size="24"
+                      class="ml-auto"
+                      color="success"
+                    >
+                      {{ $globals.icons.checkboxMarkedCircle }}
+                    </v-icon>
+                  </v-fade-transition>
+                </div>
               </v-card-title>
 
-              <v-progress-linear v-if="isEditForm && loadingStates[index]" :active="true" :indeterminate="true" />
+              <v-progress-linear
+                v-if="isEditForm && loadingStates[index]"
+                :active="true"
+                :indeterminate="true"
+              />
 
               <!-- Content -->
               <DropZone @drop="(f) => handleImageDrop(index, f)">
                 <v-card-text
-                v-if="isEditForm"
-                @click="$emit('click-instruction-field', `${index}.text`)"
+                  v-if="isEditForm"
+                  @click="$emit('click-instruction-field', `${index}.text`)"
                 >
                   <MarkdownEditor
-                    v-model="value[index]['text']"
+                    v-model="instructionList[index]['text']"
+                    v-model:preview="previewStates[index]"
                     class="mb-2"
-                    :preview.sync="previewStates[index]"
                     :display-preview="false"
                     :textarea="{
                       hint: $t('recipe.attach-images-hint'),
@@ -236,14 +301,16 @@
                   />
                   <RecipeIngredientHtml
                     v-for="ing in step.ingredientReferences"
-                    :key="ing.referenceId"
-                    :markup="getIngredientByRefId(ing.referenceId)"
+                    :key="ing.referenceId!"
+                    :markup="getIngredientByRefId(ing.referenceId!)"
                   />
                 </v-card-text>
               </DropZone>
               <v-expand-transition>
-                <div v-show="!isChecked(index) && !isEditForm" class="m-0 p-0">
-
+                <div
+                  v-if="!isChecked(index) && !isEditForm"
+                  class="m-0 p-0"
+                >
                   <v-card-text class="markdown">
                     <v-row>
                       <v-col
@@ -254,7 +321,7 @@
                         <div class="ml-n4">
                           <RecipeIngredients
                             :value="recipe.recipeIngredient.filter((ing) => {
-                              if(!step.ingredientReferences) return false
+                              if (!step.ingredientReferences) return false
                               return step.ingredientReferences.map((ref) => ref.referenceId).includes(ing.referenceId || '')
                             })"
                             :scale="scale"
@@ -263,9 +330,15 @@
                           />
                         </div>
                       </v-col>
-                      <v-divider v-if="isCookMode && step.ingredientReferences && step.ingredientReferences.length > 0 && $vuetify.breakpoint.smAndUp" vertical ></v-divider>
+                      <v-divider
+                        v-if="isCookMode && step.ingredientReferences && step.ingredientReferences.length > 0 && $vuetify.display.smAndUp"
+                        vertical
+                      />
                       <v-col>
-                        <SafeMarkdown class="markdown" :source="step.text" />
+                        <SafeMarkdown
+                          class="markdown"
+                          :source="step.text"
+                        />
                       </v-col>
                     </v-row>
                   </v-card-text>
@@ -275,34 +348,27 @@
           </v-hover>
         </div>
       </TransitionGroup>
-    </draggable>
-    <v-divider v-if="!isCookMode" class="mt-10 d-flex d-md-none"/>
+    </VueDraggable>
+    <v-divider
+      v-if="!isCookMode"
+      class="mt-10 d-flex d-md-none"
+    />
   </section>
 </template>
 
 <script lang="ts">
-import draggable from "vuedraggable";
-import {
-  ref,
-  toRefs,
-  reactive,
-  defineComponent,
-  watch,
-  onMounted,
-  useContext,
-  computed,
-  nextTick,
-} from "@nuxtjs/composition-api";
+import { VueDraggable } from "vue-draggable-plus";
 import RecipeIngredientHtml from "../../RecipeIngredientHtml.vue";
-import { RecipeStep, IngredientReferences, RecipeIngredient, RecipeAsset, Recipe } from "~/lib/api/types/recipe";
+import type { RecipeStep, IngredientReferences, RecipeIngredient, RecipeAsset, Recipe } from "~/lib/api/types/recipe";
 import { parseIngredientText } from "~/composables/recipes";
-import { uuid4, detectServerBaseUrl } from "~/composables/use-utils";
+import { uuid4 } from "~/composables/use-utils";
 import { useUserApi, useStaticRoutes } from "~/composables/api";
 import { usePageState } from "~/composables/recipe-page/shared-state";
 import { useExtractIngredientReferences } from "~/composables/recipe-page/use-extract-ingredient-references";
-import { NoUndefinedField } from "~/lib/api/types/non-generated";
+import type { NoUndefinedField } from "~/lib/api/types/non-generated";
 import DropZone from "~/components/global/DropZone.vue";
 import RecipeIngredients from "~/components/Domain/Recipe/RecipeIngredients.vue";
+
 interface MergerHistory {
   target: number;
   source: number;
@@ -310,15 +376,15 @@ interface MergerHistory {
   sourceText: string;
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
-    draggable,
+    VueDraggable,
     RecipeIngredientHtml,
     DropZone,
-    RecipeIngredients
+    RecipeIngredients,
   },
   props: {
-    value: {
+    modelValue: {
       type: Array as () => RecipeStep[],
       required: false,
       default: () => [],
@@ -336,10 +402,11 @@ export default defineComponent({
       default: 1,
     },
   },
+  emits: ["update:modelValue", "click-instruction-field", "update:assets"],
 
   setup(props, context) {
-    const { i18n, req } = useContext();
-    const BASE_URL = detectServerBaseUrl(req);
+    const i18n = useI18n();
+    const BASE_URL = useRequestURL().origin;
 
     const { isCookMode, toggleCookMode, isEditForm } = usePageState(props.recipe.slug);
 
@@ -374,12 +441,12 @@ export default defineComponent({
       return !(title === null || title === "" || title === undefined);
     }
 
-    watch(props.value, (v) => {
+    watch(props.modelValue, (v) => {
       state.disabledSteps = [];
 
       v.forEach((element: RecipeStep) => {
         if (element.id !== undefined) {
-          showTitleEditor.value[element.id] = hasSectionTitle(element.title);
+          showTitleEditor.value[element.id!] = hasSectionTitle(element.title!);
         }
       });
     });
@@ -388,9 +455,9 @@ export default defineComponent({
 
     // Eliminate state with an eager call to watcher?
     onMounted(() => {
-      props.value.forEach((element: RecipeStep) => {
+      props.modelValue.forEach((element: RecipeStep) => {
         if (element.id !== undefined) {
-          showTitleEditor.value[element.id] = hasSectionTitle(element.title);
+          showTitleEditor.value[element.id!] = hasSectionTitle(element.title!);
         }
 
         // showCookMode.value = false;
@@ -411,7 +478,8 @@ export default defineComponent({
         if (index !== -1) {
           state.disabledSteps.splice(index, 1);
         }
-      } else {
+      }
+      else {
         state.disabledSteps.push(stepIndex);
       }
     }
@@ -433,8 +501,19 @@ export default defineComponent({
       showTitleEditor.value = temp;
     }
 
-    function updateIndex(data: RecipeStep) {
-      context.emit("input", data);
+    const instructionList = ref<RecipeStep[]>([...props.modelValue]);
+
+    watch(
+      () => props.modelValue,
+      (newVal) => {
+        instructionList.value = [...newVal];
+      },
+      { deep: true },
+    );
+
+    function onDragEnd() {
+      context.emit("update:modelValue", [...instructionList.value]);
+      drag.value = false;
     }
 
     // ===============================================================
@@ -445,21 +524,21 @@ export default defineComponent({
 
     function openDialog(idx: number, text: string, refs?: IngredientReferences[]) {
       if (!refs) {
-        props.value[idx].ingredientReferences = [];
-        refs = props.value[idx].ingredientReferences as IngredientReferences[];
+        instructionList.value[idx].ingredientReferences = [];
+        refs = props.modelValue[idx].ingredientReferences as IngredientReferences[];
       }
 
       setUsedIngredients();
       activeText.value = text;
       activeIndex.value = idx;
       state.dialog = true;
-      activeRefs.value = refs.map((ref) => ref.referenceId ?? "");
+      activeRefs.value = refs.map(ref => ref.referenceId ?? "");
     }
 
-    const availableNextStep = computed(() => activeIndex.value < props.value.length - 1);
+    const availableNextStep = computed(() => activeIndex.value < props.modelValue.length - 1);
 
     function setIngredientIds() {
-      const instruction = props.value[activeIndex.value];
+      const instruction = props.modelValue[activeIndex.value];
       instruction.ingredientReferences = activeRefs.value.map((ref) => {
         return {
           referenceId: ref,
@@ -468,7 +547,7 @@ export default defineComponent({
 
       // Update the visibility of the cook mode button
       showCookMode.value = false;
-      props.value.forEach((element) => {
+      props.modelValue.forEach((element) => {
         if (showCookMode.value === false && element.ingredientReferences && element.ingredientReferences.length > 0) {
           showCookMode.value = true;
         }
@@ -479,24 +558,23 @@ export default defineComponent({
     function saveAndOpenNextLinkIngredients() {
       const currentStepIndex = activeIndex.value;
 
-      if(!availableNextStep.value) {
+      if (!availableNextStep.value) {
         return; // no next step, the button calling this function should not be shown
       }
 
       setIngredientIds();
-      const nextStep = props.value[currentStepIndex + 1];
+      const nextStep = props.modelValue[currentStepIndex + 1];
       // close dialog before opening to reset the scroll position
       nextTick(() => openDialog(currentStepIndex + 1, nextStep.text, nextStep.ingredientReferences));
-
     }
 
     function setUsedIngredients() {
       const usedRefs: { [key: string]: boolean } = {};
 
-      props.value.forEach((element) => {
+      props.modelValue.forEach((element) => {
         element.ingredientReferences?.forEach((ref) => {
           if (ref.referenceId !== undefined) {
-            usedRefs[ref.referenceId] = true;
+            usedRefs[ref.referenceId!] = true;
           }
         });
       });
@@ -515,7 +593,7 @@ export default defineComponent({
         props.recipe.recipeIngredient,
         activeRefs.value,
         activeText.value,
-        props.recipe.settings.disableAmount
+        props.recipe.settings.disableAmount,
       ).forEach((ingredient: string) => activeRefs.value.push(ingredient));
     }
 
@@ -535,10 +613,8 @@ export default defineComponent({
         return "";
       }
 
-      const ing = ingredientLookup.value[refId] ?? "";
-      if (ing === "") {
-        return "";
-      }
+      const ing = ingredientLookup.value[refId];
+      if (!ing) return "";
       return parseIngredientText(ing, props.recipe.settings.disableAmount, props.scale);
     }
 
@@ -554,12 +630,12 @@ export default defineComponent({
       mergeHistory.value.push({
         target,
         source,
-        targetText: props.value[target].text,
-        sourceText: props.value[source].text,
+        targetText: props.modelValue[target].text,
+        sourceText: props.modelValue[source].text,
       });
 
-      props.value[target].text += " " + props.value[source].text;
-      props.value.splice(source, 1);
+      instructionList.value[target].text += " " + props.modelValue[source].text;
+      instructionList.value.splice(source, 1);
     }
 
     function undoMerge(event: KeyboardEvent) {
@@ -573,8 +649,8 @@ export default defineComponent({
           return;
         }
 
-        props.value[lastMerge.target].text = lastMerge.targetText;
-        props.value.splice(lastMerge.source, 0, {
+        instructionList.value[lastMerge.target].text = lastMerge.targetText;
+        instructionList.value.splice(lastMerge.source, 0, {
           id: uuid4(),
           title: "",
           text: lastMerge.sourceText,
@@ -585,14 +661,15 @@ export default defineComponent({
 
     function moveTo(dest: string, source: number) {
       if (dest === "top") {
-        props.value.unshift(props.value.splice(source, 1)[0]);
-      } else {
-        props.value.push(props.value.splice(source, 1)[0]);
+        instructionList.value.unshift(instructionList.value.splice(source, 1)[0]);
+      }
+      else {
+        instructionList.value.push(instructionList.value.splice(source, 1)[0]);
       }
     }
 
     function insert(dest: number) {
-      props.value.splice(dest, 0, { id: uuid4(), text: "", title: "", ingredientReferences: [] });
+      instructionList.value.splice(dest, 0, { id: uuid4(), text: "", title: "", ingredientReferences: [] });
     }
 
     const previewStates = ref<boolean[]>([]);
@@ -606,19 +683,21 @@ export default defineComponent({
     function toggleCollapseSection(index: number) {
       const sectionSteps: number[] = [];
 
-      for (let i = index; i < props.value.length; i++) {
-        if (!(i === index) && hasSectionTitle(props.value[i].title)) {
+      for (let i = index; i < instructionList.value.length; i++) {
+        if (!(i === index) && hasSectionTitle(instructionList.value[i].title!)) {
           break;
-        } else {
+        }
+        else {
           sectionSteps.push(i);
         }
       }
 
-      const allCollapsed = sectionSteps.every((idx) => state.disabledSteps.includes(idx));
+      const allCollapsed = sectionSteps.every(idx => state.disabledSteps.includes(idx));
 
       if (allCollapsed) {
-        state.disabledSteps = state.disabledSteps.filter((idx) => !sectionSteps.includes(idx));
-      } else {
+        state.disabledSteps = state.disabledSteps.filter(idx => !sectionSteps.includes(idx));
+      }
+      else {
         state.disabledSteps = [...state.disabledSteps, ...sectionSteps];
       }
     }
@@ -674,7 +753,7 @@ export default defineComponent({
       context.emit("update:assets", [...props.assets, data]);
       const assetUrl = BASE_URL + recipeAssetPath(props.recipe.id, data.fileName as string);
       const text = `<img src="${assetUrl}" height="100%" width="100%"/>`;
-      props.value[index].text += text;
+      instructionList.value[index].text += text;
     }
 
     function openImageUpload(index: number) {
@@ -690,6 +769,8 @@ export default defineComponent({
       input.click();
     }
 
+    const breakpoint = useDisplay();
+
     return {
       // Image Uploader
       toggleDragMode,
@@ -699,6 +780,7 @@ export default defineComponent({
       loadingStates,
 
       // Rest
+      onDragEnd,
       drag,
       togglePreviewState,
       toggleCollapseSection,
@@ -719,7 +801,7 @@ export default defineComponent({
       toggleDisabled,
       isChecked,
       toggleShowTitle,
-      updateIndex,
+      instructionList,
       autoSetReferences,
       parseIngredientText,
       toggleCookMode,
@@ -727,6 +809,7 @@ export default defineComponent({
       isCookMode,
       isEditForm,
       insert,
+      breakpoint,
     };
   },
 });
@@ -738,28 +821,32 @@ export default defineComponent({
 }
 
 /** Select all li under .markdown class */
-.markdown >>> ul > li {
+.markdown :deep(ul > li) {
   display: list-item;
   list-style-type: disc !important;
 }
 
 /** Select all li under .markdown class */
-.markdown >>> ol > li {
+.markdown :deep(ol > li) {
   display: list-item;
 }
 
 .flip-list-move {
   transition: transform 0.5s;
 }
+
 .no-move {
   transition: transform 0s;
 }
+
 .ghost {
   opacity: 0.5;
 }
+
 .list-group {
   min-height: 38px;
 }
+
 .list-group-item i {
   cursor: pointer;
 }
@@ -780,4 +867,8 @@ export default defineComponent({
   background: rgba(0, 0, 0, 0.5);
   z-index: 1;
 }
+
+.v-text-field >>> input {
+  font-size: 1.5rem;
+}
 </style>
diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageOrganizers.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageOrganizers.vue
index 53d262ea6..c5f456bce 100644
--- a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageOrganizers.vue
+++ b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageOrganizers.vue
@@ -1,7 +1,10 @@
 <template>
   <div>
     <!-- Recipe Categories -->
-    <v-card v-if="recipe.recipeCategory.length > 0 || isEditForm" :class="{'mt-10': !isEditForm}">
+    <v-card
+      v-if="recipe.recipeCategory.length > 0 || isEditForm"
+      :class="{ 'mt-10': !isEditForm }"
+    >
       <v-card-title class="py-2">
         {{ $t("recipe.categories") }}
       </v-card-title>
@@ -14,12 +17,19 @@
           :show-add="true"
           selector-type="categories"
         />
-        <RecipeChips v-else :items="recipe.recipeCategory" v-on="$listeners" />
+        <RecipeChips
+          v-else
+          :items="recipe.recipeCategory"
+          v-bind="$attrs"
+        />
       </v-card-text>
     </v-card>
 
     <!-- Recipe Tags -->
-    <v-card v-if="recipe.tags.length > 0 || isEditForm" class="mt-4">
+    <v-card
+      v-if="recipe.tags.length > 0 || isEditForm"
+      class="mt-4"
+    >
       <v-card-title class="py-2">
         {{ $t("tag.tags") }}
       </v-card-title>
@@ -32,20 +42,39 @@
           :show-add="true"
           selector-type="tags"
         />
-        <RecipeChips v-else :items="recipe.tags" url-prefix="tags" v-on="$listeners" />
+        <RecipeChips
+          v-else
+          :items="recipe.tags"
+          url-prefix="tags"
+          v-bind="$attrs"
+        />
       </v-card-text>
     </v-card>
 
     <!-- Recipe Tools Edit -->
-    <v-card v-if="isEditForm" class="mt-2">
-      <v-card-title class="py-2"> {{ $t('tool.required-tools') }} </v-card-title>
+    <v-card
+      v-if="isEditForm"
+      class="mt-2"
+    >
+      <v-card-title class="py-2">
+        {{ $t('tool.required-tools') }}
+      </v-card-title>
       <v-divider class="mx-2" />
       <v-card-text class="pt-0">
-        <RecipeOrganizerSelector v-model="recipe.tools" selector-type="tools" v-on="$listeners" />
+        <RecipeOrganizerSelector
+          v-model="recipe.tools"
+          selector-type="tools"
+          v-bind="$attrs"
+        />
       </v-card-text>
     </v-card>
 
-    <RecipeNutrition v-if="recipe.settings.showNutrition" v-model="recipe.nutrition" class="mt-4" :edit="isEditForm" />
+    <RecipeNutrition
+      v-if="recipe.settings.showNutrition"
+      v-model="recipe.nutrition"
+      class="mt-4"
+      :edit="isEditForm"
+    />
     <RecipeAssets
       v-if="recipe.settings.showAssets"
       v-model="recipe.assets"
@@ -56,38 +85,15 @@
   </div>
 </template>
 
-<script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
-import { usePageState, usePageUser } from "~/composables/recipe-page/shared-state";
-import { NoUndefinedField } from "~/lib/api/types/non-generated";
-import { Recipe } from "~/lib/api/types/recipe";
+<script lang="ts" setup>
+import { usePageState } from "~/composables/recipe-page/shared-state";
+import type { NoUndefinedField } from "~/lib/api/types/non-generated";
+import type { Recipe } from "~/lib/api/types/recipe";
 import RecipeOrganizerSelector from "@/components/Domain/Recipe/RecipeOrganizerSelector.vue";
 import RecipeNutrition from "~/components/Domain/Recipe/RecipeNutrition.vue";
 import RecipeChips from "@/components/Domain/Recipe/RecipeChips.vue";
 import RecipeAssets from "@/components/Domain/Recipe/RecipeAssets.vue";
-export default defineComponent({
-  components: {
-    RecipeOrganizerSelector,
-    RecipeNutrition,
-    RecipeChips,
-    RecipeAssets,
-  },
-  props: {
-    recipe: {
-      type: Object as () => NoUndefinedField<Recipe>,
-      required: true,
-    },
-  },
-  setup(props) {
-    const { user } = usePageUser();
-    const { isEditForm } = usePageState(props.recipe.slug);
 
-
-
-    return {
-      isEditForm,
-      user,
-    };
-  },
-});
+const recipe = defineModel<NoUndefinedField<Recipe>>({ required: true });
+const { isEditForm } = usePageState(recipe.value.slug);
 </script>
diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageScale.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageScale.vue
index c37b04b2e..361f1e7d3 100644
--- a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageScale.vue
+++ b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageScale.vue
@@ -1,28 +1,21 @@
 <template>
   <div class="d-flex justify-space-between align-center pt-2 pb-3">
-    <v-tooltip v-if="!isEditMode" small top color="secondary darken-1">
-      <template #activator="{ on, attrs }">
-        <RecipeScaleEditButton
-          v-model.number="scaleValue"
-          v-bind="attrs"
-          :recipe-servings="recipeServings"
-          :edit-scale="!recipe.settings.disableAmount && !isEditMode"
-          v-on="on"
-        />
-      </template>
-      <span> {{ $t("recipe.edit-scale") }} </span>
-    </v-tooltip>
+    <RecipeScaleEditButton
+      v-if="!isEditMode"
+      v-model.number="scaleValue"
+      :recipe-servings="recipeServings"
+      :edit-scale="!recipe.settings.disableAmount && !isEditMode"
+    />
   </div>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent } from "@nuxtjs/composition-api";
 import RecipeScaleEditButton from "~/components/Domain/Recipe/RecipeScaleEditButton.vue";
-import { NoUndefinedField } from "~/lib/api/types/non-generated";
-import { Recipe } from "~/lib/api/types/recipe";
+import type { NoUndefinedField } from "~/lib/api/types/non-generated";
+import type { Recipe } from "~/lib/api/types/recipe";
 import { usePageState } from "~/composables/recipe-page/shared-state";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     RecipeScaleEditButton,
   },
@@ -36,6 +29,7 @@ export default defineComponent({
       default: 1,
     },
   },
+  emits: ["update:scale"],
   setup(props, { emit }) {
     const { isEditMode } = usePageState(props.recipe.slug);
 
diff --git a/frontend/components/Domain/Recipe/RecipePage/index.ts b/frontend/components/Domain/Recipe/RecipePage/index.ts
deleted file mode 100644
index 836372a2a..000000000
--- a/frontend/components/Domain/Recipe/RecipePage/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import RecipePage from "./RecipePage.vue";
-
-export default RecipePage;
diff --git a/frontend/components/Domain/Recipe/RecipePrintContainer.vue b/frontend/components/Domain/Recipe/RecipePrintContainer.vue
index e8ff679a2..d44995dc7 100644
--- a/frontend/components/Domain/Recipe/RecipePrintContainer.vue
+++ b/frontend/components/Domain/Recipe/RecipePrintContainer.vue
@@ -1,15 +1,18 @@
 <template>
-<div class="print-container">
-  <RecipePrintView :recipe="recipe" :scale="scale" dense />
-</div>
+  <div class="print-container">
+    <RecipePrintView
+      :recipe="recipe"
+      :scale="scale"
+      :density="'compact'"
+    />
+  </div>
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
 import RecipePrintView from "~/components/Domain/Recipe/RecipePrintView.vue";
-import { Recipe } from "~/lib/api/types/recipe";
+import type { Recipe } from "~/lib/api/types/recipe";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     RecipePrintView,
   },
diff --git a/frontend/components/Domain/Recipe/RecipePrintView.vue b/frontend/components/Domain/Recipe/RecipePrintView.vue
index e1d792cb5..a00b6ff22 100644
--- a/frontend/components/Domain/Recipe/RecipePrintView.vue
+++ b/frontend/components/Domain/Recipe/RecipePrintView.vue
@@ -1,47 +1,54 @@
+<!-- eslint-disable vue/no-v-html -->
 <template>
   <div :class="dense ? 'wrapper' : 'wrapper pa-3'">
     <section>
       <v-container class="ma-0 pa-0">
         <v-row>
-          <v-col
-            v-if="preferences.imagePosition && preferences.imagePosition != ImagePosition.hidden"
-            :order="preferences.imagePosition == ImagePosition.left ? -1 : 1"
-            cols="4"
-            align-self="center"
+          <v-col v-if="preferences.imagePosition && preferences.imagePosition != ImagePosition.hidden"
+                 :order="preferences.imagePosition == ImagePosition.left ? -1 : 1"
+                 cols="4"
+                 align-self="center"
           >
-            <img :key="imageKey" :src="recipeImageUrl" style="min-height: 50; max-width: 100%;" />
+            <img :key="imageKey"
+                 :src="recipeImageUrl"
+                 style="min-height: 50; max-width: 100%;"
+            >
           </v-col>
-          <v-col order=0>
+          <v-col order="0">
             <v-card-title class="headline pl-0">
-              <v-icon left color="primary">
+              <v-icon start
+                      color="primary"
+              >
                 {{ $globals.icons.primary }}
               </v-icon>
               {{ recipe.name }}
             </v-card-title>
-            <div v-if="recipeYield" class="d-flex justify-space-between align-center px-4 pb-2">
-              <v-chip
-                :small="$vuetify.breakpoint.smAndDown"
-                label
+            <div v-if="recipeYield"
+                 class="d-flex justify-space-between align-center px-4 pb-2"
+            >
+              <v-chip :size="$vuetify.display.smAndDown ? 'small' : undefined"
+                      label
               >
-                <v-icon left>
+                <v-icon start>
                   {{ $globals.icons.potSteam }}
                 </v-icon>
                 <!-- eslint-disable-next-line vue/no-v-html -->
-                <span v-html="recipeYield"></span>
+                <span v-html="recipeYield" />
               </v-chip>
             </div>
             <v-row class="d-flex justify-start">
-              <RecipeTimeCard
-                :prep-time="recipe.prepTime"
-                :total-time="recipe.totalTime"
-                :perform-time="recipe.performTime"
-                small
-                color="white"
-                class="ml-4"
+              <RecipeTimeCard :prep-time="recipe.prepTime"
+                              :total-time="recipe.totalTime"
+                              :perform-time="recipe.performTime"
+                              small
+                              color="white"
+                              class="ml-4"
               />
             </v-row>
 
-            <v-card-text v-if="preferences.showDescription" class="px-0">
+            <v-card-text v-if="preferences.showDescription"
+                         class="px-0"
+            >
               <SafeMarkdown :source="recipe.description" />
             </v-card-text>
           </v-col>
@@ -51,22 +58,28 @@
 
     <!-- Ingredients -->
     <section>
-      <v-card-title class="headline pl-0"> {{ $t("recipe.ingredients") }} </v-card-title>
-      <div
-        v-for="(ingredientSection, sectionIndex) in ingredientSections"
-        :key="`ingredient-section-${sectionIndex}`"
-        class="print-section"
+      <v-card-title class="headline pl-0">
+        {{ $t("recipe.ingredients") }}
+      </v-card-title>
+      <div v-for="(ingredientSection, sectionIndex) in ingredientSections"
+           :key="`ingredient-section-${sectionIndex}`"
+           class="print-section"
       >
-        <h4 v-if="ingredientSection.ingredients[0].title" class="ingredient-title mt-2">
+        <h4 v-if="ingredientSection.ingredients[0].title"
+            class="ingredient-title mt-2"
+        >
           {{ ingredientSection.ingredients[0].title }}
         </h4>
-        <div
-          class="ingredient-grid"
-          :style="{ gridTemplateRows: `repeat(${Math.ceil(ingredientSection.ingredients.length / 2)}, min-content)` }"
+        <div class="ingredient-grid"
+             :style="{ gridTemplateRows: `repeat(${Math.ceil(ingredientSection.ingredients.length / 2)}, min-content)` }"
         >
-          <template v-for="(ingredient, ingredientIndex) in ingredientSection.ingredients">
+          <template v-for="(ingredient, ingredientIndex) in ingredientSection.ingredients"
+                    :key="`ingredient-${ingredientIndex}`"
+          >
             <!-- eslint-disable-next-line vue/no-v-html -->
-            <p :key="`ingredient-${ingredientIndex}`" class="ingredient-body" v-html="parseText(ingredient)" />
+            <p class="ingredient-body"
+               v-html="parseText(ingredient)"
+            />
           </template>
         </div>
       </div>
@@ -74,19 +87,35 @@
 
     <!-- Instructions -->
     <section>
-      <div
-        v-for="(instructionSection, sectionIndex) in instructionSections"
-        :key="`instruction-section-${sectionIndex}`"
-        :class="{ 'print-section': instructionSection.sectionName }"
+      <div v-for="(instructionSection, sectionIndex) in instructionSections"
+           :key="`instruction-section-${sectionIndex}`"
+           :class="{ 'print-section': instructionSection.sectionName }"
       >
-        <v-card-title v-if="!sectionIndex" class="headline pl-0">{{ $t("recipe.instructions") }}</v-card-title>
-        <div v-for="(step, stepIndex) in instructionSection.instructions" :key="`instruction-${stepIndex}`">
+        <v-card-title v-if="!sectionIndex"
+                      class="headline pl-0"
+        >
+          {{ $t("recipe.instructions") }}
+        </v-card-title>
+        <div v-for="(step, stepIndex) in instructionSection.instructions"
+             :key="`instruction-${stepIndex}`"
+        >
           <div class="print-section">
-            <h4 v-if="step.title" :key="`instruction-title-${stepIndex}`" class="instruction-title mb-2">
+            <h4 v-if="step.title"
+                :key="`instruction-title-${stepIndex}`"
+                class="instruction-title mb-2"
+            >
               {{ step.title }}
             </h4>
-            <h5>{{ step.summary ? step.summary : $t("recipe.step-index", { step: stepIndex + instructionSection.stepOffset + 1 }) }}</h5>
-            <SafeMarkdown :source="step.text" class="recipe-step-body" />
+            <h5>
+              {{ step.summary ? step.summary : $t("recipe.step-index", {
+                step: stepIndex
+                  + instructionSection.stepOffset
+                  + 1,
+              }) }}
+            </h5>
+            <SafeMarkdown :source="step.text"
+                          class="recipe-step-body"
+            />
           </div>
         </div>
       </div>
@@ -94,13 +123,19 @@
 
     <!-- Notes -->
     <div v-if="preferences.showNotes">
-      <v-divider v-if="hasNotes" class="grey my-4"></v-divider>
+      <v-divider v-if="hasNotes"
+                 class="grey my-4"
+      />
 
       <section>
-        <div v-for="(note, index) in recipe.notes" :key="index + 'note'">
+        <div v-for="(note, index) in recipe.notes"
+             :key="index + 'note'"
+        >
           <div class="print-section">
             <h4>{{ note.title }}</h4>
-            <SafeMarkdown :source="note.text" class="note-body" />
+            <SafeMarkdown :source="note.text"
+                          class="note-body"
+            />
           </div>
         </div>
       </section>
@@ -108,13 +143,17 @@
 
     <!-- Nutrition -->
     <div v-if="preferences.showNutrition">
-      <v-card-title class="headline pl-0"> {{ $t("recipe.nutrition") }} </v-card-title>
+      <v-card-title class="headline pl-0">
+        {{ $t("recipe.nutrition") }}
+      </v-card-title>
 
       <section>
         <div class="print-section">
           <table class="nutrition-table">
             <tbody>
-              <tr v-for="(value, key) in recipe.nutrition" :key="key">
+              <tr v-for="(value, key) in recipe.nutrition"
+                  :key="key"
+              >
                 <template v-if="value">
                   <td>{{ labels[key].label }}</td>
                   <td>{{ value ? (labels[key].suffix ? `${value} ${labels[key].suffix}` : value) : '-' }}</td>
@@ -122,26 +161,23 @@
               </tr>
             </tbody>
           </table>
-      </div>
-    </section>
+        </div>
+      </section>
     </div>
-
   </div>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useContext } from "@nuxtjs/composition-api";
 import DOMPurify from "dompurify";
 import RecipeTimeCard from "~/components/Domain/Recipe/RecipeTimeCard.vue";
 import { useStaticRoutes } from "~/composables/api";
-import { Recipe, RecipeIngredient, RecipeStep} from "~/lib/api/types/recipe";
-import { NoUndefinedField } from "~/lib/api/types/non-generated";
+import type { Recipe, RecipeIngredient, RecipeStep } from "~/lib/api/types/recipe";
+import type { NoUndefinedField } from "~/lib/api/types/non-generated";
 import { ImagePosition, useUserPrintPreferences } from "~/composables/use-users/preferences";
 import { parseIngredientText, useNutritionLabels } from "~/composables/recipes";
 import { usePageState } from "~/composables/recipe-page/shared-state";
 import { useScaledAmount } from "~/composables/recipes/use-scaled-amount";
 
-
 type IngredientSection = {
   sectionName: string;
   ingredients: RecipeIngredient[];
@@ -153,7 +189,7 @@ type InstructionSection = {
   instructions: RecipeStep[];
 };
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     RecipeTimeCard,
   },
@@ -168,15 +204,15 @@ export default defineComponent({
     },
     dense: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   setup(props) {
-    const { i18n } = useContext();
+    const i18n = useI18n();
     const preferences = useUserPrintPreferences();
     const { recipeImage } = useStaticRoutes();
     const { imageKey } = usePageState(props.recipe.slug);
-    const {labels} = useNutritionLabels();
+    const { labels } = useNutritionLabels();
 
     function sanitizeHTML(rawHtml: string) {
       return DOMPurify.sanitize(rawHtml, {
@@ -187,11 +223,13 @@ export default defineComponent({
 
     const servingsDisplay = computed(() => {
       const { scaledAmountDisplay } = useScaledAmount(props.recipe.recipeYieldQuantity, props.scale);
-      return scaledAmountDisplay ? i18n.t("recipe.yields-amount-with-text", {
-        amount: scaledAmountDisplay,
-        text: props.recipe.recipeYield,
-      }) as string : "";
-    })
+      return scaledAmountDisplay
+        ? i18n.t("recipe.yields-amount-with-text", {
+          amount: scaledAmountDisplay,
+          text: props.recipe.recipeYield,
+        }) as string
+        : "";
+    });
 
     const yieldDisplay = computed(() => {
       const { scaledAmountDisplay } = useScaledAmount(props.recipe.recipeServings, props.scale);
@@ -201,10 +239,11 @@ export default defineComponent({
     const recipeYield = computed(() => {
       if (servingsDisplay.value && yieldDisplay.value) {
         return sanitizeHTML(`${yieldDisplay.value}; ${servingsDisplay.value}`);
-      } else {
+      }
+      else {
         return sanitizeHTML(yieldDisplay.value || servingsDisplay.value);
       }
-    })
+    });
 
     const recipeImageUrl = computed(() => {
       return recipeImage(props.recipe.id, props.recipe.image, imageKey.value);
@@ -320,7 +359,7 @@ export default defineComponent({
 }
 
 .wrapper,
-.wrapper >>> * {
+.wrapper :deep(*) {
   opacity: 1 !important;
   color: black !important;
 }
@@ -396,10 +435,10 @@ li {
   width: 30%;
   text-align: right;
 }
+
 .nutrition-table td {
   padding: 2px;
   text-align: left;
   font-size: 14px;
 }
-
 </style>
diff --git a/frontend/components/Domain/Recipe/RecipeRating.vue b/frontend/components/Domain/Recipe/RecipeRating.vue
index e8cd6c041..e9ee6e904 100644
--- a/frontend/components/Domain/Recipe/RecipeRating.vue
+++ b/frontend/components/Domain/Recipe/RecipeRating.vue
@@ -1,31 +1,30 @@
 <template>
   <div @click.prevent>
     <!-- User Rating -->
-    <v-hover v-slot="{ hover }">
-      <v-rating
-        v-if="isOwnGroup && (userRating || hover || !ratingsLoaded)"
-        :value="userRating"
-        color="secondary"
-        background-color="secondary lighten-3"
+    <v-hover v-slot="{ isHovering, props }">
+      <v-rating v-if="isOwnGroup && (userRating || isHovering || !ratingsLoaded)"
+        v-bind="props"
+        :model-value="userRating"
+        active-color="secondary"
+        color="secondary-lighten-3"
         length="5"
-        :dense="small ? true : undefined"
-        :size="small ? 15 : undefined"
+        :density="small ? 'compact' : 'default'"
+        :size="small ? 'x-small' : undefined"
         hover
         clearable
-        @input="updateRating"
+        @update:model-value="updateRating(+$event)"
         @click="updateRating"
       />
       <!-- Group Rating -->
-      <v-rating
-        v-else
-        :value="groupRating"
+      <v-rating v-else
+        v-bind="props"
+        :model-value="groupRating"
         :half-increments="true"
-        :readonly="true"
-        color="grey darken-1"
-        background-color="secondary lighten-3"
+        active-color="grey-darken-1"
+        color="secondary-lighten-3"
         length="5"
-        :dense="small ? true : undefined"
-        :size="small ? 15 : undefined"
+        :density="small ? 'compact' : 'default'"
+        :size="small ? 'x-small' : undefined"
         hover
       />
     </v-hover>
@@ -33,10 +32,10 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, ref, watch } from "@nuxtjs/composition-api";
 import { useLoggedInState } from "~/composables/use-logged-in-state";
 import { useUserSelfRatings } from "~/composables/use-users";
-export default defineComponent({
+
+export default defineNuxtComponent({
   props: {
     emitOnly: {
       type: Boolean,
@@ -50,7 +49,7 @@ export default defineComponent({
       type: String,
       default: "",
     },
-    value: {
+    modelValue: {
       type: Number,
       default: 0,
     },
@@ -59,12 +58,13 @@ export default defineComponent({
       default: false,
     },
   },
+  emits: ["update:modelValue"],
   setup(props, context) {
     const { isOwnGroup } = useLoggedInState();
     const { userRatings, setRating, ready: ratingsLoaded } = useUserSelfRatings();
 
     const userRating = computed(() => {
-      return userRatings.value.find((r) => r.recipeId === props.recipeId)?.rating;
+      return userRatings.value.find(r => r.recipeId === props.recipeId)?.rating ?? undefined;
     });
 
     // if a user unsets their rating, we don't want to fall back to the group rating since it's out of sync
@@ -76,13 +76,13 @@ export default defineComponent({
           hideGroupRating.value = true;
         }
       },
-    )
+    );
 
     const groupRating = computed(() => {
-      return hideGroupRating.value ? 0 : props.value;
+      return hideGroupRating.value ? 0 : props.modelValue;
     });
 
-    function updateRating(val: number | null) {
+    function updateRating(val?: number) {
       if (!isOwnGroup.value) {
         return;
       }
@@ -90,7 +90,7 @@ export default defineComponent({
       if (!props.emitOnly) {
         setRating(props.slug, val || 0, null);
       }
-      context.emit("input", val);
+      context.emit("update:modelValue", val);
     }
 
     return {
diff --git a/frontend/components/Domain/Recipe/RecipeScaleEditButton.vue b/frontend/components/Domain/Recipe/RecipeScaleEditButton.vue
index 16a416d86..6f84517eb 100644
--- a/frontend/components/Domain/Recipe/RecipeScaleEditButton.vue
+++ b/frontend/components/Domain/Recipe/RecipeScaleEditButton.vue
@@ -2,20 +2,61 @@
   <div v-if="yieldDisplay">
     <div class="text-center d-flex align-center">
       <div>
-        <v-menu v-model="menu" :disabled="!canEditScale" offset-y top nudge-top="6" :close-on-content-click="false">
-          <template #activator="{ on, attrs }">
+        <v-menu
+          v-model="menu"
+          :disabled="!canEditScale"
+          offset-y
+          top
+          nudge-top="6"
+          :close-on-content-click="false"
+        >
+          <template #activator="{ props }">
+            <v-tooltip
+              v-if="canEditScale"
+              size="small"
+              top
+              color="secondary-darken-1"
+            >
+              <template #activator="{ props: tooltipProps }">
+                <v-card
+                  class="pa-1 px-2"
+                  dark
+                  color="secondary-darken-1"
+                  size="small"
+                  v-bind="{ ...props, ...tooltipProps }"
+                  :style="{ cursor: canEditScale ? '' : 'default' }"
+                >
+                  <v-icon
+                    v-if="canEditScale"
+                    size="small"
+                    class="mr-2"
+                  >
+                    {{ $globals.icons.edit }}
+                  </v-icon>
+                  <!-- eslint-disable-next-line vue/no-v-html -->
+                  <span v-html="yieldDisplay" />
+                </v-card>
+              </template>
+              <span> {{ $t("recipe.edit-scale") }} </span>
+            </v-tooltip>
             <v-card
+              v-else
               class="pa-1 px-2"
               dark
-              color="secondary darken-1"
-              small
-              v-bind="attrs"
+              color="secondary-darken-1"
+              size="small"
+              v-bind="props"
               :style="{ cursor: canEditScale ? '' : 'default' }"
-              v-on="on"
             >
-              <v-icon v-if="canEditScale" small class="mr-2">{{ $globals.icons.edit }}</v-icon>
+              <v-icon
+                v-if="canEditScale"
+                size="small"
+                class="mr-2"
+              >
+                {{ $globals.icons.edit }}
+              </v-icon>
               <!-- eslint-disable-next-line vue/no-v-html -->
-              <span v-html="yieldDisplay"></span>
+              <span v-html="yieldDisplay" />
             </v-card>
           </template>
           <v-card min-width="300px">
@@ -24,10 +65,26 @@
             </v-card-title>
             <v-card-text class="mt-n5">
               <div class="mt-4 d-flex align-center">
-                <v-text-field v-model="yieldQuantityEditorValue" type="number" :min="0" hide-spin-buttons @input="recalculateScale(yieldQuantityEditorValue)" />
-                <v-tooltip right color="secondary darken-1">
-                  <template #activator="{ on, attrs }">
-                    <v-btn v-bind="attrs" icon class="mx-1" small v-on="on" @click="scale = 1">
+                <v-text-field
+                  :model-value="yieldQuantityEditorValue"
+                  type="number"
+                  :min="0"
+                  variant="underlined"
+                  hide-spin-buttons
+                  @update:model-value="recalculateScale(yieldQuantityEditorValue)"
+                />
+                <v-tooltip
+                  end
+                  color="secondary-darken-1"
+                >
+                  <template #activator="{ props }">
+                    <v-btn
+                      v-bind="props"
+                      icon
+                      class="mx-1"
+                      size="small"
+                      @click="scale = 1"
+                    >
                       <v-icon>
                         {{ $globals.icons.undo }}
                       </v-icon>
@@ -47,13 +104,13 @@
         :buttons="[
           {
             icon: $globals.icons.minus,
-            text: $tc('recipe.decrease-scale-label'),
+            text: $t('recipe.decrease-scale-label'),
             event: 'decrement',
             disabled: disableDecrement,
           },
           {
             icon: $globals.icons.createAlt,
-            text: $tc('recipe.increase-scale-label'),
+            text: $t('recipe.increase-scale-label'),
             event: 'increment',
           },
         ]"
@@ -65,12 +122,11 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, ref, useContext, watch } from "@nuxtjs/composition-api";
 import { useScaledAmount } from "~/composables/recipes/use-scaled-amount";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
-    value: {
+    modelValue: {
       type: Number,
       required: true,
     },
@@ -83,16 +139,17 @@ export default defineComponent({
       default: false,
     },
   },
+  emits: ["update:modelValue"],
   setup(props, { emit }) {
-    const { i18n } = useContext();
+    const i18n = useI18n();
     const menu = ref<boolean>(false);
     const canEditScale = computed(() => props.editScale && props.recipeServings > 0);
 
     const scale = computed({
-      get: () => props.value,
+      get: () => props.modelValue,
       set: (value) => {
         const newScaleNumber = parseFloat(`${value}`);
-        emit("input", isNaN(newScaleNumber) ? 0 : newScaleNumber);
+        emit("update:modelValue", isNaN(newScaleNumber) ? 0 : newScaleNumber);
       },
     });
 
@@ -103,7 +160,8 @@ export default defineComponent({
 
       if (props.recipeServings <= 0) {
         scale.value = 1;
-      } else {
+      }
+      else {
         scale.value = newYield / props.recipeServings;
       }
     }
@@ -113,9 +171,11 @@ export default defineComponent({
     });
     const yieldQuantity = computed(() => recipeYieldAmount.value.scaledAmount);
     const yieldDisplay = computed(() => {
-      return yieldQuantity.value ? i18n.t(
-        "recipe.serves-amount", { amount: recipeYieldAmount.value.scaledAmountDisplay }
-      ) as string : "";
+      return yieldQuantity.value
+        ? i18n.t(
+          "recipe.serves-amount", { amount: recipeYieldAmount.value.scaledAmountDisplay },
+        ) as string
+        : "";
     });
 
     // only update yield quantity when the menu opens, so we don't override the user's input
@@ -128,8 +188,8 @@ export default defineComponent({
         }
 
         yieldQuantityEditorValue.value = recipeYieldAmount.value.scaledAmount;
-      }
-    )
+      },
+    );
 
     const disableDecrement = computed(() => {
       return recipeYieldAmount.value.scaledAmount <= 1;
diff --git a/frontend/components/Domain/Recipe/RecipeSearchFilterSelector.vue b/frontend/components/Domain/Recipe/RecipeSearchFilterSelector.vue
index 5b57e787e..4e7c41fb6 100644
--- a/frontend/components/Domain/Recipe/RecipeSearchFilterSelector.vue
+++ b/frontend/components/Domain/Recipe/RecipeSearchFilterSelector.vue
@@ -1,18 +1,18 @@
 <template>
   <div class="d-flex justify-center align-center">
-    <v-btn-toggle v-model="selected" tile group color="primary accent-3" mandatory @change="emitMulti">
-      <v-btn small :value="false">
+    <v-btn-toggle v-model="selected" tile group color="primary accent-3" mandatory="force" @change="emitMulti">
+      <v-btn size="small" :value="false">
         {{ $t("search.include") }}
       </v-btn>
-      <v-btn small :value="true">
+      <v-btn size="small" :value="true">
         {{ $t("search.exclude") }}
       </v-btn>
     </v-btn-toggle>
-    <v-btn-toggle v-model="match" tile group color="primary accent-3" mandatory @change="emitMulti">
-      <v-btn small :value="false" class="text-uppercase">
+    <v-btn-toggle v-model="match" tile group color="primary accent-3" mandatory="force" @change="emitMulti">
+      <v-btn size="small" :value="false" class="text-uppercase">
         {{ $t("search.and") }}
       </v-btn>
-      <v-btn small :value="true" class="text-uppercase">
+      <v-btn size="small" :value="true" class="text-uppercase">
         {{ $t("search.or") }}
       </v-btn>
     </v-btn-toggle>
@@ -20,17 +20,16 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
-
 type SelectionValue = "include" | "exclude" | "any";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
-    value: {
+    modelValue: {
       type: String as () => SelectionValue,
       default: "include",
     },
   },
+  emits: ["update:modelValue", "update"],
   data() {
     return {
       selected: false,
@@ -39,7 +38,7 @@ export default defineComponent({
   },
   methods: {
     emitChange() {
-      this.$emit("input", this.selected);
+      this.$emit("update:modelValue", this.selected);
     },
     emitMulti() {
       const updateData = {
diff --git a/frontend/components/Domain/Recipe/RecipeSettingsMenu.vue b/frontend/components/Domain/Recipe/RecipeSettingsMenu.vue
index 85f4652ab..7e5fff235 100644
--- a/frontend/components/Domain/Recipe/RecipeSettingsMenu.vue
+++ b/frontend/components/Domain/Recipe/RecipeSettingsMenu.vue
@@ -1,9 +1,18 @@
 <template>
   <div class="text-center">
-    <v-menu offset-y top nudge-top="6" :close-on-content-click="false">
-      <template #activator="{ on, attrs }">
-        <v-btn color="accent" dark v-bind="attrs" v-on="on">
-          <v-icon left>
+    <v-menu
+      offset-y
+      top
+      nudge-top="6"
+      :close-on-content-click="false"
+    >
+      <template #activator="{ props }">
+        <v-btn
+          color="accent"
+          dark
+          v-bind="props"
+        >
+          <v-icon start>
             {{ $globals.icons.cog }}
           </v-icon>
           {{ $t("general.settings") }}
@@ -15,32 +24,24 @@
             {{ $t("recipe.recipe-settings") }}
           </div>
         </v-card-title>
-        <v-divider class="mx-2"></v-divider>
+        <v-divider class="mx-2" />
         <v-card-text class="mt-n5 pt-6 pb-2">
-          <RecipeSettingsSwitches v-model="value" :is-owner="isOwner" />
+          <RecipeSettingsSwitches
+            v-model="value"
+            :is-owner="isOwner"
+          />
         </v-card-text>
       </v-card>
     </v-menu>
   </div>
 </template>
 
-<script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
+<script lang="ts" setup>
 import RecipeSettingsSwitches from "./RecipeSettingsSwitches.vue";
 
-export default defineComponent({
-  components: { RecipeSettingsSwitches },
-  props: {
-    value: {
-      type: Object,
-      required: true,
-    },
-    isOwner: {
-      type: Boolean,
-      required: false,
-    },
-  },
-});
+const value = defineModel<object>({ required: true });
+
+defineProps<{ isOwner?: boolean }>();
 </script>
 
 <style lang="scss" scoped></style>
diff --git a/frontend/components/Domain/Recipe/RecipeSettingsSwitches.vue b/frontend/components/Domain/Recipe/RecipeSettingsSwitches.vue
index a0e0e8cb8..8bfd49852 100644
--- a/frontend/components/Domain/Recipe/RecipeSettingsSwitches.vue
+++ b/frontend/components/Domain/Recipe/RecipeSettingsSwitches.vue
@@ -1,51 +1,39 @@
 <template>
   <div>
     <v-switch
-      v-for="(_, key) in value"
+      v-for="(_, key) in model"
       :key="key"
-      v-model="value[key]"
+      v-model="model[key]"
+      color="primary"
       xs
-      dense
+      density="compact"
       :disabled="key == 'locked' && !isOwner"
       class="my-1"
       :label="labels[key]"
       hide-details
-    ></v-switch>
+    />
   </div>
 </template>
 
-<script lang="ts">
-import { defineComponent, useContext } from "@nuxtjs/composition-api";
-import { RecipeSettings } from "~/lib/api/types/recipe";
+<script lang="ts" setup>
+import { defineModel, defineProps } from "vue";
+import type { RecipeSettings } from "~/lib/api/types/recipe";
+import { useI18n } from "#imports";
 
-export default defineComponent({
-  props: {
-    value: {
-      type: Object as () => RecipeSettings,
-      required: true,
-    },
-    isOwner: {
-      type: Boolean,
-      required: false,
-    },
-  },
-  setup() {
-    const { i18n } = useContext();
-    const labels: Record<keyof RecipeSettings, string> = {
-      public: i18n.tc("recipe.public-recipe"),
-      showNutrition: i18n.tc("recipe.show-nutrition-values"),
-      showAssets: i18n.tc("asset.show-assets"),
-      landscapeView: i18n.tc("recipe.landscape-view-coming-soon"),
-      disableComments: i18n.tc("recipe.disable-comments"),
-      disableAmount: i18n.tc("recipe.disable-amount"),
-      locked: i18n.tc("recipe.locked"),
-    };
+defineProps<{ isOwner?: boolean }>();
 
-    return {
-      labels,
-    };
-  },
-});
+const model = defineModel<RecipeSettings>({ required: true });
+
+const i18n = useI18n();
+const labels: Record<keyof RecipeSettings, string> = {
+  public: i18n.t("recipe.public-recipe"),
+  showNutrition: i18n.t("recipe.show-nutrition-values"),
+  showAssets: i18n.t("asset.show-assets"),
+  landscapeView: i18n.t("recipe.landscape-view-coming-soon"),
+  disableComments: i18n.t("recipe.disable-comments"),
+  disableAmount: i18n.t("recipe.disable-amount"),
+  locked: i18n.t("recipe.locked"),
+};
 </script>
 
 <style lang="scss" scoped></style>
diff --git a/frontend/components/Domain/Recipe/RecipeSuggestion.vue b/frontend/components/Domain/Recipe/RecipeSuggestion.vue
index b6b100877..abf4f6b82 100644
--- a/frontend/components/Domain/Recipe/RecipeSuggestion.vue
+++ b/frontend/components/Domain/Recipe/RecipeSuggestion.vue
@@ -12,23 +12,23 @@
         />
       </v-col>
       <div v-for="(organizer, idx) in missingOrganizers" :key="idx">
-        <v-col
-          v-if="organizer.show"
-          cols="12"
-        >
+        <v-col v-if="organizer.show" cols="12">
           <div class="d-flex flex-row flex-wrap align-center pt-2">
-            <v-icon class="ma-0 pa-0">{{ organizer.icon }}</v-icon>
-            <v-card-text class="mr-0 my-0 pl-1 py-0" style="width: min-content;">
-              {{ $tc("recipe-finder.missing") }}:
+            <v-icon class="ma-0 pa-0">
+              {{ organizer.icon }}
+            </v-icon>
+            <v-card-text class="mr-0 my-0 pl-1 py-0" style="width: min-content">
+              {{ $t("recipe-finder.missing") }}:
             </v-card-text>
             <v-chip
               v-for="item in organizer.items"
               :key="item.item.id"
               label
               color="secondary custom-transparent"
-              class="mr-2 my-1"
+              class="mr-2 my-1 pl-1"
+              variant="flat"
             >
-              <v-checkbox dark :ripple="false" @click="handleCheckbox(item)">
+              <v-checkbox dark :ripple="false" hide-details @click="handleCheckbox(item)">
                 <template #label>
                   {{ organizer.getLabel(item.item) }}
                 </template>
@@ -42,9 +42,8 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, reactive, useContext } from "@nuxtjs/composition-api";
 import RecipeCardMobile from "./RecipeCardMobile.vue";
-import { IngredientFood, RecipeSummary, RecipeTool } from "~/lib/api/types/recipe";
+import type { IngredientFood, RecipeSummary, RecipeTool } from "~/lib/api/types/recipe";
 
 interface Organizer {
   type: "food" | "tool";
@@ -52,7 +51,7 @@ interface Organizer {
   selected: boolean;
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { RecipeCardMobile },
   props: {
     recipe: {
@@ -73,27 +72,31 @@ export default defineComponent({
     },
   },
   setup(props, context) {
-    const { $globals } = useContext();
+    const { $globals } = useNuxtApp();
     const missingOrganizers = computed(() => [
       {
         type: "food",
         show: props.missingFoods?.length,
         icon: $globals.icons.foods,
-        items: props.missingFoods ? props.missingFoods.map((food) => {
-          return reactive({type: "food", item: food, selected: false} as Organizer);
-        }) : [],
+        items: props.missingFoods
+          ? props.missingFoods.map((food) => {
+              return reactive({ type: "food", item: food, selected: false } as Organizer);
+            })
+          : [],
         getLabel: (item: IngredientFood) => item.pluralName || item.name,
       },
       {
         type: "tool",
         show: props.missingTools?.length,
         icon: $globals.icons.tools,
-        items: props.missingTools ? props.missingTools.map((tool) => {
-          return reactive({type: "tool", item: tool, selected: false} as Organizer);
-        }) : [],
+        items: props.missingTools
+          ? props.missingTools.map((tool) => {
+              return reactive({ type: "tool", item: tool, selected: false } as Organizer);
+            })
+          : [],
         getLabel: (item: RecipeTool) => item.name,
-      }
-    ])
+      },
+    ]);
 
     function handleCheckbox(organizer: Organizer) {
       if (props.disableCheckbox) {
@@ -113,6 +116,6 @@ export default defineComponent({
       missingOrganizers,
       handleCheckbox,
     };
-  }
+  },
 });
 </script>
diff --git a/frontend/components/Domain/Recipe/RecipeTimeCard.vue b/frontend/components/Domain/Recipe/RecipeTimeCard.vue
index 4aa555ce5..04191fe6f 100644
--- a/frontend/components/Domain/Recipe/RecipeTimeCard.vue
+++ b/frontend/components/Domain/Recipe/RecipeTimeCard.vue
@@ -1,34 +1,77 @@
 <template v-if="showCards">
   <div class="text-center">
     <!-- Total Time -->
-    <div v-if="validateTotalTime" class="time-card-flex mx-auto">
-      <v-row no-gutters class="d-flex flex-no-wrap align-center " :style="fontSize">
-        <v-icon :x-large="!small" left color="primary">
-          {{ $globals.icons.clockOutline }}
-        </v-icon>
-        <p class="my-0"><span class="font-weight-bold">{{ validateTotalTime.name }}</span><br>{{ validateTotalTime.value }}</p>
-      </v-row>
-    </div>
-    <v-divider v-if="validateTotalTime && (validatePrepTime || validatePerformTime)" class="my-2" />
-    <!-- Prep Time & Perform Time -->
-    <div v-if="validatePrepTime || validatePerformTime" class="time-card-flex mx-auto">
+    <div
+      v-if="validateTotalTime"
+      class="time-card-flex mx-auto"
+    >
       <v-row
         no-gutters
-        class="d-flex justify-center align-center" :class="{'flex-column': $vuetify.breakpoint.smAndDown}"
-        style="width: 100%;" :style="fontSize"
+        class="d-flex flex-no-wrap align-center"
+        :style="fontSize"
       >
-        <div v-if="validatePrepTime" class="d-flex flex-no-wrap my-1">
-          <v-icon :large="!small" :dense="small" left color="primary">
+        <v-icon
+          :x-large="!small"
+          start
+          color="primary"
+        >
+          {{ $globals.icons.clockOutline }}
+        </v-icon>
+        <p class="my-0">
+          <span class="font-weight-bold opacity-80">{{ validateTotalTime.name }}</span><br>{{ validateTotalTime.value }}
+        </p>
+      </v-row>
+    </div>
+    <v-divider
+      v-if="validateTotalTime && (validatePrepTime || validatePerformTime)"
+      class="my-2"
+    />
+    <!-- Prep Time & Perform Time -->
+    <div
+      v-if="validatePrepTime || validatePerformTime"
+      class="time-card-flex mx-auto"
+    >
+      <v-row
+        no-gutters
+        class="d-flex justify-center align-center"
+        :class="{ 'flex-column': $vuetify.display.smAndDown }"
+        style="width: 100%;"
+        :style="fontSize"
+      >
+        <div
+          v-if="validatePrepTime"
+          class="d-flex flex-no-wrap my-1 align-center"
+        >
+          <v-icon
+            :size="small ? 'small' : 'large'"
+            left
+            color="primary"
+          >
             {{ $globals.icons.knfife }}
           </v-icon>
-          <p class="my-0"><span class="font-weight-bold">{{ validatePrepTime.name }}</span><br>{{ validatePrepTime.value }}</p>
+          <p class="my-0">
+            <span class="font-weight-bold opacity-80">{{ validatePrepTime.name }}</span><br>{{ validatePrepTime.value }}
+          </p>
         </div>
-        <v-divider v-if="validatePrepTime && validatePerformTime" vertical class="mx-4" />
-        <div v-if="validatePerformTime" class="d-flex flex-no-wrap my-1">
-          <v-icon :large="!small" :dense="small" left color="primary">
+        <v-divider
+          v-if="validatePrepTime && validatePerformTime"
+          vertical
+          class="mx-4"
+        />
+        <div
+          v-if="validatePerformTime"
+          class="d-flex flex-no-wrap my-1 align-center"
+        >
+          <v-icon
+            :size="small ? 'small' : 'large'"
+            left
+            color="primary"
+          >
             {{ $globals.icons.potSteam }}
           </v-icon>
-          <p class="my-0"><span class="font-weight-bold">{{ validatePerformTime.name }}</span><br>{{ validatePerformTime.value }}</p>
+          <p class="my-0">
+            <span class="font-weight-bold opacity-80">{{ validatePerformTime.name }}</span><br>{{ validatePerformTime.value }}
+          </p>
         </div>
       </v-row>
     </div>
@@ -36,9 +79,7 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useContext } from "@nuxtjs/composition-api";
-
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     prepTime: {
       type: String,
@@ -54,7 +95,7 @@ export default defineComponent({
     },
     color: {
       type: String,
-      default: "accent custom-transparent"
+      default: "accent custom-transparent",
     },
     small: {
       type: Boolean,
@@ -62,14 +103,14 @@ export default defineComponent({
     },
   },
   setup(props) {
-    const { i18n } = useContext();
+    const i18n = useI18n();
 
     function isEmpty(str: string | null) {
       return !str || str.length === 0;
     }
 
     const showCards = computed(() => {
-      return [props.prepTime, props.totalTime, props.performTime].some((x) => !isEmpty(x));
+      return [props.prepTime, props.totalTime, props.performTime].some(x => !isEmpty(x));
     });
 
     const validateTotalTime = computed(() => {
diff --git a/frontend/components/Domain/Recipe/RecipeTimeline.vue b/frontend/components/Domain/Recipe/RecipeTimeline.vue
index 30c9c8dde..9c13700f7 100644
--- a/frontend/components/Domain/Recipe/RecipeTimeline.vue
+++ b/frontend/components/Domain/Recipe/RecipeTimeline.vue
@@ -4,55 +4,62 @@
       <v-spacer />
       <v-col class="text-right">
         <!-- Filters -->
-        <v-menu offset-y bottom left nudge-bottom="3" :close-on-content-click="false">
-          <template #activator="{ on, attrs }">
-            <v-badge :content="filterBadgeCount" :value="filterBadgeCount" bordered overlap>
-              <v-btn fab small color="info" v-bind="attrs" v-on="on">
+        <v-menu
+          offset-y
+          bottom
+          start
+          nudge-bottom="3"
+          :close-on-content-click="false"
+        >
+          <template #activator="{ props }">
+            <v-badge
+              :content="filterBadgeCount"
+              :model-value="filterBadgeCount > 0"
+              bordered
+            >
+              <v-btn
+                class="rounded-circle"
+                size="small"
+                color="info"
+                v-bind="props"
+                icon
+              >
                 <v-icon> {{ $globals.icons.filter }} </v-icon>
               </v-btn>
             </v-badge>
           </template>
           <v-card>
             <v-list>
-              <v-list-item @click="reverseSort">
-                <v-icon left>
-                  {{
-                    preferences.orderDirection === "asc" ?
-                    $globals.icons.sortCalendarDescending : $globals.icons.sortCalendarAscending
-                  }}
-                </v-icon>
-                <v-list-item-title>
-                  {{ preferences.orderDirection === "asc" ? $tc("general.sort-descending") : $tc("general.sort-ascending") }}
-                </v-list-item-title>
-              </v-list-item>
+              <v-list-item
+                :prepend-icon="preferences.orderDirection === 'asc' ? $globals.icons.sortCalendarDescending : $globals.icons.sortCalendarAscending"
+                :title="preferences.orderDirection === 'asc' ? $t('general.sort-descending') : $t('general.sort-ascending')"
+                @click="reverseSort"
+              />
               <v-divider />
-              <v-list-item class="pa-0">
-                <v-list class="py-0" style="width: 100%;">
-                  <v-list-item
-                    v-for="option, idx in eventTypeFilterState"
-                    :key="idx"
-                  >
-                    <v-checkbox
-                      :input-value="option.checked"
-                      readonly
-                      @click="toggleEventTypeOption(option.value)"
-                    >
-                      <template #label>
-                        <v-icon left>
-                          {{ option.icon }}
-                        </v-icon>
-                        {{ option.label }}
-                      </template>
-                    </v-checkbox>
-                  </v-list-item>
-                </v-list>
+              <v-list-item
+                v-for="option, idx in eventTypeFilterState"
+                :key="idx"
+              >
+                <v-checkbox
+                  :model-value="option.checked"
+                  color="primary"
+                  readonly
+                  @click="toggleEventTypeOption(option.value)"
+                >
+                  <template #label>
+                    <v-icon start>
+                      {{ option.icon }}
+                    </v-icon>
+                    {{ option.label }}
+                  </template>
+                </v-checkbox>
               </v-list-item>
             </v-list>
           </v-card>
         </v-menu>
       </v-col>
     </v-row>
-    <v-divider class="mx-2"/>
+    <v-divider class="mx-2" />
     <div
       v-if="timelineEvents.length"
       id="timeline-container"
@@ -61,7 +68,10 @@
       class="px-1"
       :style="maxHeight ? `max-height: ${maxHeight}; overflow-y: auto;` : ''"
     >
-      <v-timeline :dense="$vuetify.breakpoint.smAndDown" class="timeline">
+      <v-timeline
+        :dense="$vuetify.display.smAndDown"
+        class="timeline"
+      >
         <RecipeTimelineItem
           v-for="(event, index) in timelineEvents"
           :key="event.id"
@@ -73,33 +83,41 @@
         />
       </v-timeline>
     </div>
-    <v-card v-else-if="!loading" class="mt-2">
+    <v-card
+      v-else-if="!loading"
+      class="mt-2"
+    >
       <v-card-title class="justify-center pa-9">
         {{ $t("recipe.timeline-no-events-found-try-adjusting-filters") }}
       </v-card-title>
     </v-card>
-    <div v-if="loading" class="mb-3 text-center">
-      <AppLoader :loading="loading" :waiting-text="$tc('general.loading-events')" />
+    <div
+      v-if="loading"
+      class="mb-3 text-center"
+    >
+      <AppLoader
+        :loading="loading"
+        :waiting-text="$t('general.loading-events')"
+      />
     </div>
   </div>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, onMounted, ref, useAsync, useContext } from "@nuxtjs/composition-api";
 import { useThrottleFn, whenever } from "@vueuse/core";
-import RecipeTimelineItem from "./RecipeTimelineItem.vue"
+import RecipeTimelineItem from "./RecipeTimelineItem.vue";
 import { useTimelinePreferences } from "~/composables/use-users/preferences";
 import { useTimelineEventTypes } from "~/composables/recipes/use-recipe-timeline-events";
 import { useAsyncKey } from "~/composables/use-utils";
 import { alert } from "~/composables/use-toast";
 import { useUserApi } from "~/composables/api";
-import { Recipe, RecipeTimelineEventOut, RecipeTimelineEventUpdate, TimelineEventType } from "~/lib/api/types/recipe";
+import type { Recipe, RecipeTimelineEventOut, RecipeTimelineEventUpdate, TimelineEventType } from "~/lib/api/types/recipe";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { RecipeTimelineItem },
 
   props: {
-    value: {
+    modelValue: {
       type: Boolean,
       default: false,
     },
@@ -114,12 +132,12 @@ export default defineComponent({
     showRecipeCards: {
       type: Boolean,
       default: false,
-    }
+    },
   },
 
   setup(props) {
     const api = useUserApi();
-    const { i18n } = useContext();
+    const i18n = useI18n();
     const preferences = useTimelinePreferences();
     const { eventTypeOptions } = useTimelineEventTypes();
     const loading = ref(true);
@@ -133,16 +151,16 @@ export default defineComponent({
     const recipes = new Map<string, Recipe>();
     const filterBadgeCount = computed(() => eventTypeOptions.value.length - preferences.value.types.length);
     const eventTypeFilterState = computed(() => {
-      return eventTypeOptions.value.map(option => {
+      return eventTypeOptions.value.map((option) => {
         return {
           ...option,
           checked: preferences.value.types.includes(option.value),
-        }
+        };
       });
     });
 
     interface ScrollEvent extends Event {
-        target: HTMLInputElement;
+      target: HTMLInputElement;
     }
 
     const screenBuffer = 4;
@@ -154,17 +172,17 @@ export default defineComponent({
       const { scrollTop, offsetHeight, scrollHeight } = event.target;
 
       // trigger when the user is getting close to the bottom
-      const bottomOfElement = scrollTop + offsetHeight >= scrollHeight - (offsetHeight*screenBuffer);
+      const bottomOfElement = scrollTop + offsetHeight >= scrollHeight - (offsetHeight * screenBuffer);
       if (bottomOfElement) {
         infiniteScroll();
       }
     };
 
     whenever(
-      () => props.value,
+      () => props.modelValue,
       () => {
         initializeTimelineEvents();
-      }
+      },
     );
 
     // Preferences
@@ -173,7 +191,7 @@ export default defineComponent({
         return;
       }
 
-      preferences.value.orderDirection = preferences.value.orderDirection === "asc" ?  "desc" : "asc";
+      preferences.value.orderDirection = preferences.value.orderDirection === "asc" ? "desc" : "asc";
       initializeTimelineEvents();
     }
 
@@ -185,7 +203,8 @@ export default defineComponent({
       const index = preferences.value.types.indexOf(option);
       if (index === -1) {
         preferences.value.types.push(option);
-      } else {
+      }
+      else {
         preferences.value.types.splice(index, 1);
       }
 
@@ -194,21 +213,21 @@ export default defineComponent({
 
     // Timeline Actions
     async function updateTimelineEvent(index: number) {
-      const event = timelineEvents.value[index]
+      const event = timelineEvents.value[index];
       const payload: RecipeTimelineEventUpdate = {
         subject: event.subject,
         eventMessage: event.eventMessage,
         image: event.image,
       };
 
-        const { response } = await api.recipes.updateTimelineEvent(event.id, payload);
-        if (response?.status !== 200) {
-          alert.error(i18n.t("events.something-went-wrong") as string);
-          return;
-        }
+      const { response } = await api.recipes.updateTimelineEvent(event.id, payload);
+      if (response?.status !== 200) {
+        alert.error(i18n.t("events.something-went-wrong") as string);
+        return;
+      }
 
-        alert.success(i18n.t("events.event-updated") as string);
-      };
+      alert.success(i18n.t("events.event-updated") as string);
+    };
 
     async function deleteTimelineEvent(index: number) {
       const { response } = await api.recipes.deleteTimelineEvent(timelineEvents.value[index].id);
@@ -223,35 +242,35 @@ export default defineComponent({
 
     async function getRecipe(recipeId: string): Promise<Recipe | null> {
       const { data } = await api.recipes.getOne(recipeId);
-      return data
+      return data;
     };
 
     async function updateRecipes(events: RecipeTimelineEventOut[]) {
-        const recipePromises: Promise<Recipe | null>[] = [];
-        const seenRecipeIds: string[] = [];
-        events.forEach(event => {
-          if (seenRecipeIds.includes(event.recipeId) || recipes.has(event.recipeId)) {
-            return;
-          }
+      const recipePromises: Promise<Recipe | null>[] = [];
+      const seenRecipeIds: string[] = [];
+      events.forEach((event) => {
+        if (seenRecipeIds.includes(event.recipeId) || recipes.has(event.recipeId)) {
+          return;
+        }
 
-          seenRecipeIds.push(event.recipeId);
-          recipePromises.push(getRecipe(event.recipeId));
-        })
+        seenRecipeIds.push(event.recipeId);
+        recipePromises.push(getRecipe(event.recipeId));
+      });
 
-        const results = await Promise.all(recipePromises);
-        results.forEach(result => {
-          if (result && result.id) {
-            recipes.set(result.id, result);
-          }
-        })
+      const results = await Promise.all(recipePromises);
+      results.forEach((result) => {
+        if (result && result.id) {
+          recipes.set(result.id, result);
+        }
+      });
     }
 
     async function scrollTimelineEvents() {
       const orderBy = "timestamp";
       const orderDirection = preferences.value.orderDirection === "asc" ? "asc" : "desc";
-      // eslint-disable-next-line quotes
-      const eventTypeValue = `["${preferences.value.types.join('", "')}"]`;
-      const queryFilter = `(${props.queryFilter}) AND eventType IN ${eventTypeValue}`
+
+      const eventTypeValue = `["${preferences.value.types.join("\", \"")}"]`;
+      const queryFilter = `(${props.queryFilter}) AND eventType IN ${eventTypeValue}`;
 
       const response = await api.recipes.getAllTimelineEvents(page.value, perPage, { orderBy, orderDirection, queryFilter });
       page.value += 1;
@@ -290,7 +309,7 @@ export default defineComponent({
     }
 
     const infiniteScroll = useThrottleFn(() => {
-      useAsync(async () => {
+      useAsyncData(useAsyncKey(), async () => {
         if (!hasMore.value || loading.value) {
           return;
         }
@@ -298,7 +317,7 @@ export default defineComponent({
         loading.value = true;
         await scrollTimelineEvents();
         loading.value = false;
-      }, useAsyncKey());
+      });
     }, 500);
 
     // preload events
@@ -310,7 +329,7 @@ export default defineComponent({
           // if the inner element is scrollable, let its scroll event handle the infiniteScroll
           const timelineContainerElement = document.getElementById("timeline-container");
           if (timelineContainerElement) {
-            const { clientHeight, scrollHeight } = timelineContainerElement
+            const { clientHeight, scrollHeight } = timelineContainerElement;
 
             // if scrollHeight == clientHeight, the element is not scrollable, so we need to look at the global position
             // if scrollHeight > clientHeight, it is scrollable and we don't need to do anything here
@@ -319,13 +338,13 @@ export default defineComponent({
             }
           }
 
-          const bottomOfWindow = document.documentElement.scrollTop + window.innerHeight >= document.documentElement.offsetHeight - (window.innerHeight*screenBuffer);
+          const bottomOfWindow = document.documentElement.scrollTop + window.innerHeight >= document.documentElement.offsetHeight - (window.innerHeight * screenBuffer);
           if (bottomOfWindow) {
             infiniteScroll();
           }
         };
-      }
-    )
+      },
+    );
 
     return {
       deleteTimelineEvent,
diff --git a/frontend/components/Domain/Recipe/RecipeTimelineBadge.vue b/frontend/components/Domain/Recipe/RecipeTimelineBadge.vue
index a5c31aec6..44410999a 100644
--- a/frontend/components/Domain/Recipe/RecipeTimelineBadge.vue
+++ b/frontend/components/Domain/Recipe/RecipeTimelineBadge.vue
@@ -1,32 +1,48 @@
 <template>
-  <v-tooltip bottom nudge-right="50" :color="buttonStyle ? 'info' : 'secondary'">
-    <template #activator="{ on, attrs }">
+  <v-tooltip
+    bottom
+    nudge-right="50"
+    :color="buttonStyle ? 'info' : 'secondary'"
+  >
+    <template #activator="{ props }">
       <v-btn
-        small
+        icon
+        :variant="buttonStyle ? 'flat' : undefined"
+        :rounded="buttonStyle ? 'circle' : undefined"
+        size="small"
         :color="buttonStyle ? 'info' : 'secondary'"
         :fab="buttonStyle"
-        class="ml-1"
-        v-bind="attrs"
-        v-on="on"
+        v-bind="{ ...props, ...$attrs }"
         @click.prevent="toggleTimeline"
       >
-        <v-icon :small="!buttonStyle" :color="buttonStyle ? 'white' : 'secondary'">
+        <v-icon
+          :size="!buttonStyle ? undefined : 'x-large'"
+          :color="buttonStyle ? 'white' : 'secondary'"
+        >
           {{ $globals.icons.timelineText }}
         </v-icon>
       </v-btn>
-      <BaseDialog v-model="showTimeline" :title="timelineAttrs.title" :icon="$globals.icons.timelineText" width="70%">
-        <RecipeTimeline v-model="showTimeline" :query-filter="timelineAttrs.queryFilter" max-height="60vh" />
+      <BaseDialog
+        v-model="showTimeline"
+        :title="timelineAttrs.title"
+        :icon="$globals.icons.timelineText"
+        width="70%"
+      >
+        <RecipeTimeline
+          v-model="showTimeline"
+          :query-filter="timelineAttrs.queryFilter"
+          max-height="60vh"
+        />
       </BaseDialog>
-
     </template>
     <span>{{ $t('recipe.open-timeline') }}</span>
   </v-tooltip>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, ref, useContext } from "@nuxtjs/composition-api";
 import RecipeTimeline from "./RecipeTimeline.vue";
-export default defineComponent({
+
+export default defineNuxtComponent({
   components: { RecipeTimeline },
 
   props: {
@@ -45,23 +61,24 @@ export default defineComponent({
   },
 
   setup(props) {
-    const { $vuetify, i18n } = useContext();
+    const i18n = useI18n();
+    const { smAndDown } = useDisplay();
     const showTimeline = ref(false);
     function toggleTimeline() {
       showTimeline.value = !showTimeline.value;
     }
 
     const timelineAttrs = computed(() => {
-      let title = i18n.tc("recipe.timeline")
-      if ($vuetify.breakpoint.smAndDown) {
-        title += ` – ${props.recipeName}`
+      let title = i18n.t("recipe.timeline");
+      if (smAndDown.value) {
+        title += ` – ${props.recipeName}`;
       }
 
       return {
         title,
         queryFilter: `recipe.slug="${props.slug}"`,
-      }
-    })
+      };
+    });
 
     return { showTimeline, timelineAttrs, toggleTimeline };
   },
diff --git a/frontend/components/Domain/Recipe/RecipeTimelineContextMenu.vue b/frontend/components/Domain/Recipe/RecipeTimelineContextMenu.vue
index 84c9dabd1..8e01bff3a 100644
--- a/frontend/components/Domain/Recipe/RecipeTimelineContextMenu.vue
+++ b/frontend/components/Domain/Recipe/RecipeTimelineContextMenu.vue
@@ -2,58 +2,69 @@
   <div class="text-center">
     <BaseDialog
       v-model="recipeEventEditDialog"
-      :title="$tc('recipe.edit-timeline-event')"
+      :title="$t('recipe.edit-timeline-event')"
       :icon="$globals.icons.edit"
-      :submit-text="$tc('general.save')"
-      @submit="$emit('update')"
+      can-submit
+      :submit-text="$t('general.save')"
+      @submit="submitEdit"
     >
-    <v-card-text>
-      <v-form ref="domMadeThisForm">
-        <v-text-field
-          v-model="event.subject"
-          :label="$tc('general.subject')"
-        />
-        <v-textarea
-          v-model="event.eventMessage"
-          :label="$tc('general.message')"
-          rows="4"
-        />
-      </v-form>
-    </v-card-text>
+      <v-card-text>
+        <v-form ref="domEditEventForm">
+          <v-text-field v-model="localEvent.subject" :label="$t('general.subject')" />
+          <v-textarea v-model="localEvent.eventMessage" :label="$t('general.message')" rows="4" />
+        </v-form>
+      </v-card-text>
     </BaseDialog>
+
     <BaseDialog
       v-model="recipeEventDeleteDialog"
-      :title="$tc('events.delete-event')"
+      :title="$t('events.delete-event')"
       color="error"
       :icon="$globals.icons.alertCircle"
+      can-confirm
       @confirm="$emit('delete')"
     >
       <v-card-text>
-        {{ $t("events.event-delete-confirmation") }}
+        {{ $t('events.event-delete-confirmation') }}
       </v-card-text>
     </BaseDialog>
+
     <v-menu
       offset-y
-      left
-      :bottom="!menuTop"
-      :nudge-bottom="!menuTop ? '5' : '0'"
-      :top="menuTop"
-      :nudge-top="menuTop ? '5' : '0'"
+      start
+      :bottom="!props.menuTop"
+      :nudge-bottom="!props.menuTop ? '5' : '0'"
+      :top="props.menuTop"
+      :nudge-top="props.menuTop ? '5' : '0'"
       allow-overflow
       close-delay="125"
-      :open-on-hover="!useMobileFormat"
+      :open-on-hover="!props.useMobileFormat"
       content-class="d-print-none"
     >
-      <template #activator="{ on, attrs }">
-        <v-btn :fab="fab" :x-small="fab" :elevation="elevation" :color="color" :icon="!fab" v-bind="attrs" v-on="on" @click.prevent>
+      <template #activator="{ props: btnProps }">
+        <v-btn
+          :class="{ 'rounded-circle': props.fab }"
+          :x-small="props.fab"
+          :elevation="props.elevation ?? undefined"
+          :color="props.color"
+          :icon="!props.fab"
+          v-bind="btnProps"
+          @click.prevent
+        >
           <v-icon>{{ icon }}</v-icon>
         </v-btn>
       </template>
-      <v-list dense>
-        <v-list-item v-for="(item, index) in menuItems" :key="index" @click="contextMenuEventHandler(item.event)">
-          <v-list-item-icon>
-            <v-icon :color="item.color"> {{ item.icon }} </v-icon>
-          </v-list-item-icon>
+      <v-list density="compact">
+        <v-list-item
+          v-for="(item, index) in menuItems"
+          :key="index"
+          @click="contextMenuEventHandler(item.event)"
+        >
+          <template #prepend>
+            <v-icon :color="item.color">
+              {{ item.icon }}
+            </v-icon>
+          </template>
           <v-list-item-title>{{ item.title }}</v-list-item-title>
         </v-list-item>
       </v-list>
@@ -61,10 +72,9 @@
   </div>
 </template>
 
-<script lang="ts">
-import { defineComponent, reactive, ref, toRefs, useContext } from "@nuxtjs/composition-api";
-import { VForm } from "~/types/vuetify";
-import { RecipeTimelineEventOut } from "~/lib/api/types/recipe";
+<script lang="ts" setup>
+import { useI18n, useNuxtApp } from "#imports";
+import type { RecipeTimelineEventOut } from "~/lib/api/types/recipe";
 
 export interface TimelineContextMenuIncludes {
   edit: boolean;
@@ -78,129 +88,90 @@ export interface ContextMenuItem {
   event: string;
 }
 
-export default defineComponent({
-  props: {
-    useItems: {
-      type: Object as () => TimelineContextMenuIncludes,
-      default: () => ({
-        edit: true,
-        delete: true,
-      }),
-    },
-    // Append items are added at the end of the useItems list
-    appendItems: {
-      type: Array as () => ContextMenuItem[],
-      default: () => [],
-    },
-    // Append items are added at the beginning of the useItems list
-    leadingItems: {
-      type: Array as () => ContextMenuItem[],
-      default: () => [],
-    },
-    menuTop: {
-      type: Boolean,
-      default: true,
-    },
-    fab: {
-      type: Boolean,
-      default: false,
-    },
-    elevation: {
-      type: Number,
-      default: null
-    },
-    color: {
-      type: String,
-      default: "primary",
-    },
-    event: {
-      type: Object as () => RecipeTimelineEventOut,
-      required: true,
-    },
-    menuIcon: {
-      type: String,
-      default: null,
-    },
-    useMobileFormat: {
-      type: Boolean,
-      default: true,
-    }
+const props = defineProps<{
+  useItems?: TimelineContextMenuIncludes;
+  appendItems?: ContextMenuItem[];
+  leadingItems?: ContextMenuItem[];
+  menuTop?: boolean;
+  fab?: boolean;
+  elevation?: number | null;
+  color?: string;
+  event: RecipeTimelineEventOut;
+  menuIcon?: string | null;
+  useMobileFormat?: boolean;
+}>();
+
+const emit = defineEmits(["delete", "update"]);
+
+const domEditEventForm = ref();
+const recipeEventEditDialog = ref(false);
+const recipeEventDeleteDialog = ref(false);
+const loading = ref(false);
+
+const i18n = useI18n();
+const { $globals } = useNuxtApp();
+
+const defaultItems: { [key: string]: ContextMenuItem } = {
+  edit: {
+    title: i18n.t("general.edit"),
+    icon: $globals.icons.edit,
+    color: undefined,
+    event: "edit",
   },
-  setup(props, context) {
-    const domEditEventForm = ref<VForm>();
-    const state = reactive({
-      recipeEventEditDialog: false,
-      recipeEventDeleteDialog: false,
-      loading: false,
-      menuItems: [] as ContextMenuItem[],
-    });
-
-    const { i18n, $globals } = useContext();
-
-    // ===========================================================================
-    // Context Menu Setup
-
-    const defaultItems: { [key: string]: ContextMenuItem } = {
-      edit: {
-        title: i18n.tc("general.edit"),
-        icon: $globals.icons.edit,
-        color: undefined,
-        event: "edit",
-      },
-      delete: {
-        title: i18n.tc("general.delete"),
-        icon: $globals.icons.delete,
-        color: "error",
-        event: "delete",
-      },
-    };
-
-    // Get Default Menu Items Specified in Props
-    for (const [key, value] of Object.entries(props.useItems)) {
-      if (value) {
-        const item = defaultItems[key];
-        if (item) {
-          state.menuItems.push(item);
-        }
-      }
-    }
-
-    // Add Leading and Appending Items
-    state.menuItems = [...state.menuItems, ...props.leadingItems, ...props.appendItems];
-
-    const icon = props.menuIcon || $globals.icons.dotsVertical;
-
-    // ===========================================================================
-    // Context Menu Event Handler
-
-    const eventHandlers: { [key: string]: () => void | Promise<any> } = {
-      edit: () => {
-        state.recipeEventEditDialog = true;
-      },
-      delete: () => {
-        state.recipeEventDeleteDialog = true;
-      },
-    };
-
-    function contextMenuEventHandler(eventKey: string) {
-      const handler = eventHandlers[eventKey];
-
-      if (handler && typeof handler === "function") {
-        handler();
-        state.loading = false;
-        return;
-      }
-
-      context.emit(eventKey);
-      state.loading = false;
-    }
-
-    return {
-      ...toRefs(state),
-      contextMenuEventHandler,
-      domEditEventForm,
-      icon,
-    };
+  delete: {
+    title: i18n.t("general.delete"),
+    icon: $globals.icons.delete,
+    color: "error",
+    event: "delete",
   },
+};
+
+const menuItems = computed(() => {
+  const items: ContextMenuItem[] = [];
+  const useItems = props.useItems ?? { edit: true, delete: true };
+  for (const [key, value] of Object.entries(useItems)) {
+    if (value) {
+      const item = defaultItems[key];
+      if (item) items.push(item);
+    }
+  }
+  return [
+    ...items,
+    ...(props.leadingItems ?? []),
+    ...(props.appendItems ?? []),
+  ];
 });
+
+const icon = computed(() => props.menuIcon || $globals.icons.dotsVertical);
+
+const localEvent = ref({ ...props.event });
+watch(() => props.event, (val) => {
+  localEvent.value = { ...val };
+});
+
+function openEditDialog() {
+  localEvent.value = { ...props.event };
+  recipeEventEditDialog.value = true;
+}
+function openDeleteDialog() {
+  recipeEventDeleteDialog.value = true;
+}
+function contextMenuEventHandler(eventKey: string) {
+  if (eventKey === "edit") {
+    openEditDialog();
+    loading.value = false;
+    return;
+  }
+  if (eventKey === "delete") {
+    openDeleteDialog();
+    loading.value = false;
+    return;
+  }
+  emit(eventKey as "delete" | "update");
+  loading.value = false;
+}
+function submitEdit() {
+  emit("update", { ...localEvent.value });
+  recipeEventEditDialog.value = false;
+}
 </script>
diff --git a/frontend/components/Domain/Recipe/RecipeTimelineItem.vue b/frontend/components/Domain/Recipe/RecipeTimelineItem.vue
index 180859d47..1913ae36d 100644
--- a/frontend/components/Domain/Recipe/RecipeTimelineItem.vue
+++ b/frontend/components/Domain/Recipe/RecipeTimelineItem.vue
@@ -1,61 +1,57 @@
 <template>
-  <v-timeline-item
-    :class="attrs.class"
-    fill-dot
-    :small="attrs.small"
-    :icon="icon"
-  >
+  <v-timeline-item :class="attrs.class" fill-dot :small="attrs.small" :icon="icon" dot-color="primary">
     <template v-if="!useMobileFormat" #opposite>
       <v-chip v-if="event.timestamp" label large>
-        <v-icon class="mr-1"> {{ $globals.icons.calendar }} </v-icon>
+        <v-icon class="mr-1">
+          {{ $globals.icons.calendar }}
+        </v-icon>
         {{ new Date(event.timestamp).toLocaleDateString($i18n.locale) }}
       </v-chip>
     </template>
     <v-card
       hover
-      :to="$listeners.selected || !recipe ? undefined : `/g/${groupSlug}/r/${recipe.slug}`"
+      :to="$attrs.selected || !recipe ? undefined : `/g/${groupSlug}/r/${recipe.slug}`"
       class="elevation-12"
       @click="$emit('selected')"
     >
       <v-card-title class="background">
         <v-row>
           <v-col align-self="center" :cols="useMobileFormat ? 'auto' : '2'" :class="attrs.avatar.class">
-              <UserAvatar :user-id="event.userId" :size="attrs.avatar.size" />
+            <UserAvatar :user-id="event.userId" :size="attrs.avatar.size" />
           </v-col>
           <v-col v-if="useMobileFormat" align-self="center" class="pr-0">
-              <v-chip label>
+            <v-chip label>
               <v-icon> {{ $globals.icons.calendar }} </v-icon>
               {{ new Date(event.timestamp || "").toLocaleDateString($i18n.locale) }}
-              </v-chip>
+            </v-chip>
           </v-col>
-          <v-col v-else cols="9" style="margin: auto; text-align: center;">
-              {{ event.subject }}
+          <v-col v-else cols="9" style="margin: auto; text-align: center">
+            {{ event.subject }}
           </v-col>
           <v-spacer />
           <v-col :cols="useMobileFormat ? 'auto' : '1'" class="px-0 pt-0">
-              <RecipeTimelineContextMenu
-                v-if="$auth.user && $auth.user.id == event.userId && event.eventType != 'system'"
-                :menu-top="false"
-                :event="event"
-                :menu-icon="$globals.icons.dotsVertical"
-                :use-mobile-format="useMobileFormat"
-                fab
-                color="transparent"
-                :elevation="0"
-                :card-menu="false"
-                :use-items="{
-                    edit: true,
-                    delete: true,
-                }"
-                @update="$emit('update')"
-                @delete="$emit('delete')"
-              />
+            <RecipeTimelineContextMenu
+              v-if="currentUser && currentUser.id == event.userId && event.eventType != 'system'"
+              :menu-top="false"
+              :event="event"
+              :menu-icon="$globals.icons.dotsVertical"
+              :use-mobile-format="useMobileFormat"
+              color="transparent"
+              :elevation="0"
+              :card-menu="false"
+              :use-items="{
+                edit: true,
+                delete: true,
+              }"
+              @update="$emit('update')"
+              @delete="$emit('delete')"
+            />
           </v-col>
         </v-row>
       </v-card-title>
       <v-card-text v-if="showRecipeCards && recipe" class="background">
-          <v-row :class="useMobileFormat ? 'py-3 mx-0' : 'py-3 mx-0'" style="max-width: 100%;">
-            <v-col align-self="center" class="pa-0">
+        <v-row :class="useMobileFormat ? 'py-3 mx-0' : 'py-3 mx-0'" style="max-width: 100%">
+          <v-col align-self="center" class="pa-0">
             <RecipeCardMobile
               :vertical="useMobileFormat"
               :name="recipe.name"
@@ -67,26 +63,26 @@
               :is-flat="true"
             />
           </v-col>
-          </v-row>
+        </v-row>
       </v-card-text>
       <v-divider v-if="showRecipeCards && recipe && (useMobileFormat || event.eventMessage)" />
       <v-card-text class="background">
         <v-row>
           <v-col>
-              <strong v-if="useMobileFormat">{{ event.subject }}</strong>
-              <v-img
-                v-if="eventImageUrl"
-                :src="eventImageUrl"
-                min-height="50"
-                :height="hideImage ? undefined : 'auto'"
-                :max-height="attrs.image.maxHeight"
-                contain
-                :class=attrs.image.class
-                @error="hideImage = true"
-              />
-              <div v-if="event.eventMessage" :class="useMobileFormat ? 'text-caption' : ''">
-                <SafeMarkdown :source="event.eventMessage" />
-              </div>
+            <strong v-if="useMobileFormat">{{ event.subject }}</strong>
+            <v-img
+              v-if="eventImageUrl"
+              :src="eventImageUrl"
+              min-height="50"
+              :height="hideImage ? undefined : 'auto'"
+              :max-height="attrs.image.maxHeight"
+              contain
+              :class="attrs.image.class"
+              @error="hideImage = true"
+            />
+            <div v-if="event.eventMessage" :class="useMobileFormat ? 'text-caption' : ''">
+              <SafeMarkdown :source="event.eventMessage" />
+            </div>
           </v-col>
         </v-row>
       </v-card-text>
@@ -95,16 +91,15 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, ref, useContext, useRoute } from "@nuxtjs/composition-api";
 import RecipeCardMobile from "./RecipeCardMobile.vue";
 import RecipeTimelineContextMenu from "./RecipeTimelineContextMenu.vue";
 import { useStaticRoutes } from "~/composables/api";
 import { useTimelineEventTypes } from "~/composables/recipes/use-recipe-timeline-events";
-import { Recipe, RecipeTimelineEventOut } from "~/lib/api/types/recipe"
+import type { Recipe, RecipeTimelineEventOut } from "~/lib/api/types/recipe";
 import UserAvatar from "~/components/Domain/User/UserAvatar.vue";
 import SafeMarkdown from "~/components/global/SafeMarkdown.vue";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { RecipeCardMobile, RecipeTimelineContextMenu, UserAvatar, SafeMarkdown },
 
   props: {
@@ -119,20 +114,23 @@ export default defineComponent({
     showRecipeCards: {
       type: Boolean,
       default: false,
-    }
+    },
   },
+  emits: ["selected", "update", "delete"],
 
   setup(props) {
-    const { $auth, $globals, $vuetify } = useContext();
+    const { $vuetify, $globals } = useNuxtApp();
     const { recipeTimelineEventImage } = useStaticRoutes();
     const { eventTypeOptions } = useTimelineEventTypes();
     const timelineEvents = ref([] as RecipeTimelineEventOut[]);
 
+    const { user: currentUser } = useMealieAuth();
+
     const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    const groupSlug = computed(() => (route.params.groupSlug as string) || currentUser?.value?.groupSlug || "");
 
     const useMobileFormat = computed(() => {
-      return $vuetify.breakpoint.smAndDown;
+      return $vuetify.display.smAndDown.value;
     });
 
     const attrs = computed(() => {
@@ -146,9 +144,9 @@ export default defineComponent({
           },
           image: {
             maxHeight: "250",
-            class: "my-3"
+            class: "my-3",
           },
-        }
+        };
       }
       else {
         return {
@@ -160,25 +158,25 @@ export default defineComponent({
           },
           image: {
             maxHeight: "300",
-            class: "mb-5"
+            class: "mb-5",
           },
-        }
+        };
       }
-    })
+    });
 
     const icon = computed(() => {
-      const option = eventTypeOptions.value.find((option) => option.value === props.event.eventType);
+      const option = eventTypeOptions.value.find(option => option.value === props.event.eventType);
       return option ? option.icon : $globals.icons.informationVariant;
     });
 
     const hideImage = ref(false);
-    const eventImageUrl = computed<string>( () => {
+    const eventImageUrl = computed<string>(() => {
       if (props.event.image !== "has image") {
         return "";
       }
 
       return recipeTimelineEventImage(props.event.recipeId, props.event.id);
-    })
+    });
 
     return {
       attrs,
@@ -188,6 +186,7 @@ export default defineComponent({
       hideImage,
       timelineEvents,
       useMobileFormat,
+      currentUser,
     };
   },
 });
diff --git a/frontend/components/Domain/Recipe/RecipeYield.vue b/frontend/components/Domain/Recipe/RecipeYield.vue
index bc68a6d0f..0ba676a3a 100644
--- a/frontend/components/Domain/Recipe/RecipeYield.vue
+++ b/frontend/components/Domain/Recipe/RecipeYield.vue
@@ -1,24 +1,34 @@
 <template>
-  <div v-if="scaledAmount" class="d-flex align-center">
-    <v-row no-gutters class="d-flex flex-wrap align-center" style="font-size: larger;">
-      <v-icon x-large left color="primary">
+  <div
+    v-if="scaledAmount"
+    class="d-flex align-center"
+  >
+    <v-row
+      no-gutters
+      class="d-flex flex-wrap align-center"
+      style="font-size: larger;"
+    >
+      <v-icon
+        size="x-large"
+        start
+        color="primary"
+      >
         {{ $globals.icons.bread }}
       </v-icon>
-      <p class="my-0">
-        <span class="font-weight-bold">{{ $i18n.tc("recipe.yield") }}</span><br>
+      <p class="my-0 opacity-80">
+        <span class="font-weight-bold">{{ $t("recipe.yield") }}</span><br>
         <!-- eslint-disable-next-line vue/no-v-html -->
-        <span v-html="scaledAmount"></span> {{ text }}
+        <span v-html="scaledAmount" /> {{ text }}
       </p>
     </v-row>
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, computed } from "@nuxtjs/composition-api";
 import DOMPurify from "dompurify";
 import { useScaledAmount } from "~/composables/recipes/use-scaled-amount";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     yieldQuantity: {
       type: Number,
@@ -34,11 +44,10 @@ export default defineComponent({
     },
     color: {
       type: String,
-      default: "accent custom-transparent"
+      default: "accent custom-transparent",
     },
   },
   setup(props) {
-
     function sanitizeHTML(rawHtml: string) {
       return DOMPurify.sanitize(rawHtml, {
         USE_PROFILES: { html: true },
@@ -47,7 +56,7 @@ export default defineComponent({
     }
 
     const scaledAmount = computed(() => {
-      const {scaledAmountDisplay} =  useScaledAmount(props.yieldQuantity, props.scale);
+      const { scaledAmountDisplay } = useScaledAmount(props.yieldQuantity, props.scale);
       return scaledAmountDisplay;
     });
     const text = sanitizeHTML(props.yield);
diff --git a/frontend/components/Domain/SearchFilter.vue b/frontend/components/Domain/SearchFilter.vue
index bdacf3aa6..863f25541 100644
--- a/frontend/components/Domain/SearchFilter.vue
+++ b/frontend/components/Domain/SearchFilter.vue
@@ -1,56 +1,131 @@
 <template>
   <div>
-    <v-menu v-model="state.menu" offset-y bottom nudge-bottom="3" :close-on-content-click="false">
-      <template #activator="{ on, attrs }">
-        <v-badge :value="selected.length > 0" small overlap color="primary" :content="selected.length">
-          <v-btn small color="accent" dark v-bind="attrs" v-on="on">
-            <slot></slot>
+    <v-menu
+      v-model="state.menu"
+      offset-y
+      bottom
+      nudge-bottom="3"
+      :close-on-content-click="false"
+    >
+      <template #activator="{ props }">
+        <v-badge
+          :model-value="selected.length > 0"
+          size="small"
+          color="primary"
+          :content="selected.length"
+        >
+          <v-btn
+            size="small"
+            color="accent"
+            dark
+            v-bind="props"
+          >
+            <slot />
           </v-btn>
         </v-badge>
       </template>
       <v-card width="400">
         <v-card-text>
-          <v-text-field v-model="state.search" class="mb-2" hide-details dense :label="$tc('search.search')" clearable />
-          <div class="d-flex py-4">
+          <v-text-field
+            v-model="state.search"
+            class="mb-2"
+            hide-details
+            density="comfortable"
+            :variant="'underlined'"
+            :label="$t('search.search')"
+            clearable
+          />
+          <div class="d-flex py-4 px-1">
             <v-switch
               v-if="requireAll != undefined"
               v-model="requireAllValue"
-              dense
-              small
+              density="compact"
+              size="small"
               hide-details
               class="my-auto"
-              :label="`${requireAll ? $tc('search.has-all') : $tc('search.has-any')}`"
+              color="primary"
+              :label="`${requireAll ? $t('search.has-all') : $t('search.has-any')}`"
             />
             <v-spacer />
             <v-btn
-              small
+              size="small"
               color="accent"
               class="mr-2 my-auto"
               @click="clearSelection"
             >
-              {{ $tc("search.clear-selection") }}
+              {{ $t("search.clear-selection") }}
             </v-btn>
           </div>
-          <v-card v-if="filtered.length > 0" flat outlined>
-            <v-radio-group v-model="selectedRadio" class="ma-0 pa-0">
-            <v-virtual-scroll :items="filtered" height="300" item-height="51">
-              <template #default="{ item }">
-                  <v-list-item :key="item.id" dense :value="item">
-                    <v-list-item-action>
-                      <v-radio v-if="radio" :value="item" @click="handleRadioClick(item)" />
-                      <v-checkbox v-else v-model="selected" :value="item" />
-                    </v-list-item-action>
-                    <v-list-item-content>
-                      <v-list-item-title> {{ item.name }} </v-list-item-title>
-                    </v-list-item-content>
+          <v-card
+            v-if="filtered.length > 0"
+            flat
+            variant="text"
+          >
+            <!-- radio filters -->
+            <v-radio-group
+              v-if="radio"
+              v-model="selectedRadio"
+              class="ma-0 pa-0"
+            >
+              <v-virtual-scroll
+                :items="filtered"
+                height="300"
+                item-height="51"
+              >
+                <template #default="{ item }">
+                  <v-list-item
+                    :key="item.id"
+                    :value="item"
+                    :title="item.name"
+                  >
+                    <template #prepend>
+                      <v-list-item-action start>
+                        <v-radio
+                          v-if="radio"
+                          :value="item"
+                          color="primary"
+                          @click="handleRadioClick(item)"
+                        />
+                      </v-list-item-action>
+                    </template>
                   </v-list-item>
-                <v-divider></v-divider>
-              </template>
-            </v-virtual-scroll>
+                  <v-divider />
+                </template>
+              </v-virtual-scroll>
             </v-radio-group>
+            <!-- checkbox filters -->
+            <v-row v-else class="mt-1">
+              <v-virtual-scroll
+                :items="filtered"
+                height="300"
+                item-height="51"
+              >
+                <template #default="{ item }">
+                  <v-list-item
+                    :key="item.id"
+                    :value="item"
+                    :title="item.name"
+                  >
+                    <template #prepend>
+                      <v-list-item-action start>
+                        <v-checkbox-btn
+                          v-model="selected"
+                          :value="item"
+                          color="primary"
+                        />
+                      </v-list-item-action>
+                    </template>
+                  </v-list-item>
+                  <v-divider />
+                </template>
+              </v-virtual-scroll>
+            </v-row>
           </v-card>
           <div v-else>
-            <v-alert type="info" text> {{ $tc('search.no-results') }} </v-alert>
+            <v-alert
+              type="info"
+              :text="$t('search.no-results')"
+            />
           </div>
         </v-card-text>
       </v-card>
@@ -59,20 +134,18 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, computed } from "@nuxtjs/composition-api";
-
 export interface SelectableItem {
   id: string;
   name: string;
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     items: {
       type: Array as () => SelectableItem[],
       required: true,
     },
-    value: {
+    modelValue: {
       type: Array as () => any[],
       required: true,
     },
@@ -85,6 +158,7 @@ export default defineComponent({
       default: false,
     },
   },
+  emits: ["update:requireAll", "update:modelValue"],
   setup(props, context) {
     const state = reactive({
       search: "",
@@ -99,16 +173,16 @@ export default defineComponent({
     });
 
     const selected = computed({
-      get: () => props.value as SelectableItem[],
+      get: () => props.modelValue as SelectableItem[],
       set: (value) => {
-        context.emit("input", value);
+        context.emit("update:modelValue", value);
       },
     });
 
     const selectedRadio = computed({
       get: () => (selected.value.length > 0 ? selected.value[0] : null),
       set: (value) => {
-        context.emit("input", value ? [value] : []);
+        context.emit("update:modelValue", value ? [value] : []);
       },
     });
 
@@ -117,9 +191,19 @@ export default defineComponent({
         return props.items;
       }
 
-      return props.items.filter((item) => item.name.toLowerCase().includes(state.search.toLowerCase()));
+      return props.items.filter(item => item.name.toLowerCase().includes(state.search.toLowerCase()));
     });
 
+    const handleCheckboxClick = (item: SelectableItem) => {
+      console.log(selected.value, item);
+      if (selected.value.includes(item)) {
+        selected.value = selected.value.filter(i => i !== item);
+      }
+      else {
+        selected.value.push(item);
+      }
+    };
+
     const handleRadioClick = (item: SelectableItem) => {
       if (selectedRadio.value === item) {
         selectedRadio.value = null;
@@ -138,6 +222,7 @@ export default defineComponent({
       selected,
       selectedRadio,
       filtered,
+      handleCheckboxClick,
       handleRadioClick,
       clearSelection,
     };
diff --git a/frontend/components/Domain/ShoppingList/MultiPurposeLabel.vue b/frontend/components/Domain/ShoppingList/MultiPurposeLabel.vue
index 9c5b36898..995b758e6 100644
--- a/frontend/components/Domain/ShoppingList/MultiPurposeLabel.vue
+++ b/frontend/components/Domain/ShoppingList/MultiPurposeLabel.vue
@@ -1,5 +1,11 @@
 <template>
-  <v-chip v-bind="$attrs" label :color="label.color || undefined" :text-color="textColor">
+  <v-chip
+    v-bind="$attrs"
+    label
+    variant="flat"
+    :color="label.color || undefined"
+    :text-color="textColor"
+  >
     <span style="max-width: 100%; overflow: hidden; text-overflow: ellipsis;">
       {{ label.name }}
     </span>
@@ -7,12 +13,10 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent } from "@nuxtjs/composition-api";
 import { getTextColor } from "~/composables/use-text-color";
-import { MultiPurposeLabelSummary } from "~/lib/api/types/recipe";
+import type { MultiPurposeLabelSummary } from "~/lib/api/types/recipe";
 
-
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     label: {
       type: Object as () => MultiPurposeLabelSummary,
diff --git a/frontend/components/Domain/ShoppingList/MultiPurposeLabelSection.vue b/frontend/components/Domain/ShoppingList/MultiPurposeLabelSection.vue
index fbbf5189a..aeb7876d4 100644
--- a/frontend/components/Domain/ShoppingList/MultiPurposeLabelSection.vue
+++ b/frontend/components/Domain/ShoppingList/MultiPurposeLabelSection.vue
@@ -6,12 +6,24 @@
           {{ $globals.icons.tags }}
         </v-icon>
       </span>
-      {{ value.label.name }}
+      {{ modelValue.label.name }}
     </div>
-    <div style="min-width: 72px" class="ml-auto text-right">
-      <v-menu offset-x left min-width="125px">
-        <template #activator="{ on, attrs }">
-          <v-btn small class="ml-2 handle" icon v-bind="attrs" v-on="on">
+    <div
+      style="min-width: 72px"
+      class="ml-auto text-right"
+    >
+      <v-menu
+        offset-x
+        start
+        min-width="125px"
+      >
+        <template #activator="{ props }">
+          <v-btn
+            size="small"
+            class="ml-2 handle"
+            icon
+            v-bind="props"
+          >
             <v-icon>
               {{ $globals.icons.arrowUpDown }}
             </v-icon>
@@ -23,22 +35,21 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref } from "@nuxtjs/composition-api";
-import { ShoppingListMultiPurposeLabelOut } from "~/lib/api/types/household";
+import type { ShoppingListMultiPurposeLabelOut } from "~/lib/api/types/household";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
-    value: {
+    modelValue: {
       type: Object as () => ShoppingListMultiPurposeLabelOut,
       required: true,
     },
     useColor: {
       type: Boolean,
       default: false,
-    }
+    },
   },
   setup(props, context) {
-    const labelColor = ref<string | undefined>(props.useColor ? props.value.label.color : undefined);
+    const labelColor = ref<string | undefined>(props.useColor ? props.modelValue.label.color : undefined);
 
     function contextHandler(event: string) {
       context.emit(event);
diff --git a/frontend/components/Domain/ShoppingList/ShoppingListItem.vue b/frontend/components/Domain/ShoppingList/ShoppingListItem.vue
index b5617a478..2d2bca96d 100644
--- a/frontend/components/Domain/ShoppingList/ShoppingListItem.vue
+++ b/frontend/components/Domain/ShoppingList/ShoppingListItem.vue
@@ -1,41 +1,74 @@
 <template>
-  <v-container v-if="!edit" class="pa-0">
-    <v-row no-gutters class="flex-nowrap align-center">
+  <v-container
+    v-if="!edit"
+    class="pa-0"
+  >
+    <v-row
+      no-gutters
+      class="flex-nowrap align-center"
+    >
       <v-col :cols="itemLabelCols">
         <v-checkbox
           v-model="listItem.checked"
           class="mt-0"
           color="null"
           hide-details
-          dense
-          :label="listItem.note"
+          density="compact"
+          :label="listItem.note!"
           @change="$emit('checked', listItem)"
         >
           <template #label>
             <div :class="listItem.checked ? 'strike-through' : ''">
-              <RecipeIngredientListItem :ingredient="listItem" :disable-amount="!(listItem.isFood || listItem.quantity !== 1)" />
+              <RecipeIngredientListItem
+                :ingredient="listItem"
+                :disable-amount="!(listItem.isFood || listItem.quantity !== 1)"
+              />
             </div>
           </template>
         </v-checkbox>
       </v-col>
       <v-spacer />
-      <v-col v-if="label && showLabel" cols="3" class="text-right">
-        <MultiPurposeLabel :label="label" small />
+      <v-col
+        v-if="label && showLabel"
+        cols="3"
+        class="text-right"
+      >
+        <MultiPurposeLabel
+          :label="label"
+          size="small"
+        />
       </v-col>
-      <v-col cols="auto" class="text-right">
-        <div v-if="!listItem.checked" style="min-width: 72px">
-          <v-menu offset-x left min-width="125px">
-            <template #activator="{ on, attrs }">
+      <v-col
+        cols="auto"
+        class="text-right"
+      >
+        <div
+          v-if="!listItem.checked"
+          style="min-width: 72px"
+        >
+          <v-menu
+            offset-x
+            start
+            min-width="125px"
+          >
+            <template #activator="{ props }">
               <v-tooltip
                 v-if="recipeList && recipeList.length"
                 open-delay="200"
                 transition="slide-x-reverse-transition"
-                dense
+                density="compact"
                 right
                 content-class="text-caption"
               >
-                <template #activator="{ on: onBtn, attrs: attrsBtn }">
-                  <v-btn small class="ml-2" icon v-bind="attrsBtn" v-on="onBtn" @click="displayRecipeRefs = !displayRecipeRefs">
+                <template #activator="{ props: tooltipProps }">
+                  <v-btn
+                    size="small"
+                    variant="text"
+                    class="ml-2"
+                    icon
+                    v-bind="tooltipProps"
+                    @click="displayRecipeRefs = !displayRecipeRefs"
+                  >
                     <v-icon>
                       {{ $globals.icons.potSteam }}
                     </v-icon>
@@ -44,43 +77,91 @@
                 <span>Toggle Recipes</span>
               </v-tooltip>
               <!-- Dummy button so the spacing is consistent when labels are enabled -->
-              <v-btn v-else small class="ml-2" icon disabled>
-              </v-btn>
+              <v-btn
+                v-else
+                size="small"
+                variant="text"
+                class="ml-2"
+                icon
+                disabled
+              />
 
-              <v-btn small class="ml-2 handle" icon v-bind="attrs" v-on="on">
+              <v-btn
+                size="small"
+                variant="text"
+                class="ml-2 handle"
+                icon
+                v-bind="props"
+              >
                 <v-icon>
                   {{ $globals.icons.arrowUpDown }}
                 </v-icon>
               </v-btn>
-              <v-btn small class="ml-2" icon @click="toggleEdit(true)">
+              <v-btn
+                size="small"
+                variant="text"
+                class="ml-2"
+                icon
+                @click="toggleEdit(true)"
+              >
                 <v-icon>
                   {{ $globals.icons.edit }}
                 </v-icon>
               </v-btn>
             </template>
-            <v-list dense>
-              <v-list-item v-for="action in contextMenu" :key="action.event" dense @click="contextHandler(action.event)">
-                <v-list-item-title>{{ action.text }}</v-list-item-title>
+            <v-list density="compact">
+              <v-list-item
+                v-for="action in contextMenu"
+                :key="action.event"
+                density="compact"
+                @click="contextHandler(action.event)"
+              >
+                <v-list-item-title>
+                  {{ action.text }}
+                </v-list-item-title>
               </v-list-item>
             </v-list>
           </v-menu>
         </div>
       </v-col>
     </v-row>
-    <v-row v-if="!listItem.checked && recipeList && recipeList.length && displayRecipeRefs" no-gutters class="mb-2">
-      <v-col cols="auto" style="width: 100%;">
-        <RecipeList :recipes="recipeList" :list-item="listItem" :disabled="$nuxt.isOffline" small tile />
+    <v-row
+      v-if="!listItem.checked && recipeList && recipeList.length && displayRecipeRefs"
+      no-gutters
+      class="mb-2"
+    >
+      <v-col
+        cols="auto"
+        style="width: 100%;"
+      >
+        <RecipeList
+          :recipes="recipeList"
+          :list-item="listItem"
+          :disabled="isOffline"
+          size="small"
+          tile
+        />
       </v-col>
     </v-row>
-    <v-row v-if="listItem.checked" no-gutters class="mb-2">
+    <v-row
+      v-if="listItem.checked"
+      no-gutters
+      class="mb-2"
+    >
       <v-col cols="auto">
         <div class="text-caption font-weight-light font-italic">
-          {{ $t("shopping-list.completed-on", {date: new Date(listItem.updatedAt || "").toLocaleDateString($i18n.locale)}) }}
+          {{ $t("shopping-list.completed-on", {
+            date: new Date(listItem.updatedAt
+              || "").toLocaleDateString($i18n.locale) })
+          }}
         </div>
       </v-col>
     </v-row>
   </v-container>
-  <div v-else class="mb-1 mt-6">
+  <div
+    v-else
+    class="mb-1 mt-6"
+  >
     <ShoppingListItemEditor
       v-model="localListItem"
       :labels="labels"
@@ -95,13 +176,13 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, ref, useContext } from "@nuxtjs/composition-api";
+import { useOnline } from "@vueuse/core";
 import RecipeIngredientListItem from "../Recipe/RecipeIngredientListItem.vue";
 import ShoppingListItemEditor from "./ShoppingListItemEditor.vue";
 import MultiPurposeLabel from "./MultiPurposeLabel.vue";
-import { ShoppingListItemOut } from "~/lib/api/types/household";
-import { MultiPurposeLabelOut, MultiPurposeLabelSummary } from "~/lib/api/types/labels";
-import { IngredientFood, IngredientUnit, RecipeSummary } from "~/lib/api/types/recipe";
+import type { ShoppingListItemOut } from "~/lib/api/types/household";
+import type { MultiPurposeLabelOut, MultiPurposeLabelSummary } from "~/lib/api/types/labels";
+import type { IngredientFood, IngredientUnit, RecipeSummary } from "~/lib/api/types/recipe";
 import RecipeList from "~/components/Domain/Recipe/RecipeList.vue";
 
 interface actions {
@@ -109,10 +190,10 @@ interface actions {
   event: string;
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { ShoppingListItemEditor, MultiPurposeLabel, RecipeList, RecipeIngredientListItem },
   props: {
-    value: {
+    modelValue: {
       type: Object as () => ShoppingListItemOut,
       required: true,
     },
@@ -137,10 +218,12 @@ export default defineComponent({
       default: undefined,
     },
   },
+  emits: ["checked", "update:modelValue", "save", "delete"],
   setup(props, context) {
-    const { i18n } = useContext();
+    const i18n = useI18n();
     const displayRecipeRefs = ref(false);
-    const itemLabelCols = ref<string>(props.value.checked ? "auto" : props.showLabel ? "4" : "6");
+    const itemLabelCols = ref<string>(props.modelValue.checked ? "auto" : props.showLabel ? "4" : "6");
+    const isOffline = computed(() => useOnline().value === false);
 
     const contextMenu: actions[] = [
       {
@@ -154,15 +237,15 @@ export default defineComponent({
     ];
 
     // copy prop value so a refresh doesn't interrupt the user
-    const localListItem = ref(Object.assign({}, props.value));
+    const localListItem = ref(Object.assign({}, props.modelValue));
     const listItem = computed({
       get: () => {
-        return props.value;
+        return props.modelValue;
       },
       set: (val) => {
         // keep local copy in sync
         localListItem.value = val;
-        context.emit("input", val);
+        context.emit("update:modelValue", val);
       },
     });
     const edit = ref(false);
@@ -173,7 +256,7 @@ export default defineComponent({
 
       if (val) {
         // update local copy of item with the current value
-        localListItem.value = props.value;
+        localListItem.value = props.modelValue;
       }
 
       edit.value = val;
@@ -182,7 +265,8 @@ export default defineComponent({
     function contextHandler(event: string) {
       if (event === "edit") {
         toggleEdit(true);
-      } else {
+      }
+      else {
         context.emit(event);
       }
     }
@@ -205,9 +289,7 @@ export default defineComponent({
      * or the label of the food applied.
      */
     const label = computed<MultiPurposeLabelSummary | undefined>(() => {
-      // @ts-ignore - it _might_ exists
       if (listItem.value.label) {
-        // @ts-ignore - it _might_ exists
         return listItem.value.label as MultiPurposeLabelSummary;
       }
 
@@ -225,7 +307,7 @@ export default defineComponent({
       }
 
       listItem.value.recipeReferences.forEach((ref) => {
-        const recipe = props.recipes.get(ref.recipeId)
+        const recipe = props.recipes.get(ref.recipeId);
         if (recipe) {
           recipeList.push(recipe);
         }
@@ -247,6 +329,7 @@ export default defineComponent({
       label,
       recipeList,
       toggleEdit,
+      isOffline,
     };
   },
 });
diff --git a/frontend/components/Domain/ShoppingList/ShoppingListItemEditor.vue b/frontend/components/Domain/ShoppingList/ShoppingListItemEditor.vue
index fe9a399f6..8ed581310 100644
--- a/frontend/components/Domain/ShoppingList/ShoppingListItemEditor.vue
+++ b/frontend/components/Domain/ShoppingList/ShoppingListItemEditor.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <v-card outlined>
+    <v-card variant="outlined">
       <v-card-text class="pb-3 pt-1">
         <div v-if="listItem.isFood" class="d-md-flex align-center mb-2" style="gap: 20px">
           <div>
@@ -8,26 +8,27 @@
           </div>
           <InputLabelType
             v-model="listItem.unit"
+            v-model:item-id="listItem.unitId!"
             :items="units"
-            :item-id.sync="listItem.unitId"
             :label="$t('general.units')"
             :icon="$globals.icons.units"
+            create
             @create="createAssignUnit"
           />
           <InputLabelType
             v-model="listItem.food"
+            v-model:item-id="listItem.foodId!"
             :items="foods"
-            :item-id.sync="listItem.foodId"
             :label="$t('shopping-list.food')"
             :icon="$globals.icons.foods"
+            create
             @create="createAssignFood"
           />
-
         </div>
         <div class="d-md-flex align-center" style="gap: 20px">
           <div v-if="!listItem.isFood">
-              <InputQuantity v-model="listItem.quantity" />
-            </div>
+            <InputQuantity v-model="listItem.quantity" />
+          </div>
           <v-textarea
             v-model="listItem.note"
             hide-details
@@ -36,17 +37,17 @@
             auto-grow
             autofocus
             @keypress="handleNoteKeyPress"
-          ></v-textarea>
+          />
         </div>
         <div class="d-flex flex-wrap align-end" style="gap: 20px">
           <div class="d-flex align-end">
-
             <div style="max-width: 300px" class="mt-3 mr-auto">
               <InputLabelType
                 v-model="listItem.label"
+                v-model:item-id="listItem.labelId!"
                 :items="labels"
-                :item-id.sync="listItem.labelId"
                 :label="$t('shopping-list.label')"
+                width="250"
               />
             </div>
 
@@ -54,11 +55,11 @@
               v-if="listItem.recipeReferences && listItem.recipeReferences.length > 0"
               open-on-hover
               offset-y
-              left
+              start
               top
             >
-              <template #activator="{ on, attrs }">
-                <v-icon class="mt-auto" icon v-bind="attrs" color="warning" v-on="on">
+              <template #activator="{ props }">
+                <v-icon class="mt-auto" :icon="$globals.icons.alert" v-bind="props" color="warning">
                   {{ $globals.icons.alert }}
                 </v-icon>
               </template>
@@ -71,10 +72,10 @@
           </div>
           <BaseButton
             v-if="listItem.labelId && listItem.food && listItem.labelId !== listItem.food.labelId"
-            small
+            size="small"
             color="info"
             :icon="$globals.icons.tagArrowRight"
-            :text="$tc('shopping-list.save-label')"
+            :text="$t('shopping-list.save-label')"
             class="mt-2 align-items-flex-start"
             @click="assignLabelToFood"
           />
@@ -84,11 +85,15 @@
       <v-card-actions class="ma-0 pt-0 pb-1 justify-end">
         <BaseButtonGroup
           :buttons="[
-            ...(allowDelete ? [{
-              icon: $globals.icons.delete,
-              text: $t('general.delete'),
-              event: 'delete',
-            }] : []),
+            ...(allowDelete
+              ? [
+                  {
+                    icon: $globals.icons.delete,
+                    text: $t('general.delete'),
+                    event: 'delete',
+                  },
+                ]
+              : []),
             {
               icon: $globals.icons.close,
               text: $t('general.cancel'),
@@ -116,15 +121,14 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, watch } from "@nuxtjs/composition-api";
-import { ShoppingListItemCreate, ShoppingListItemOut } from "~/lib/api/types/household";
-import { MultiPurposeLabelOut } from "~/lib/api/types/labels";
-import { IngredientFood, IngredientUnit } from "~/lib/api/types/recipe";
+import type { ShoppingListItemCreate, ShoppingListItemOut } from "~/lib/api/types/household";
+import type { MultiPurposeLabelOut } from "~/lib/api/types/labels";
+import type { IngredientFood, IngredientUnit } from "~/lib/api/types/recipe";
 import { useFoodStore, useFoodData, useUnitStore, useUnitData } from "~/composables/store";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
-    value: {
+    modelValue: {
       type: Object as () => ShoppingListItemCreate | ShoppingListItemOut,
       required: true,
     },
@@ -146,6 +150,7 @@ export default defineComponent({
       default: true,
     },
   },
+  emits: ["update:modelValue", "save", "cancel", "delete"],
   setup(props, context) {
     const foodStore = useFoodStore();
     const foodData = useFoodData();
@@ -155,25 +160,25 @@ export default defineComponent({
 
     const listItem = computed({
       get: () => {
-        return props.value;
+        return props.modelValue;
       },
       set: (val) => {
-        context.emit("input", val);
+        context.emit("update:modelValue", val);
       },
     });
 
     watch(
-      () => props.value.food,
+      () => props.modelValue.food,
       (newFood) => {
-        // @ts-ignore our logic already assumes there's a label attribute, even if TS doesn't think there is
         listItem.value.label = newFood?.label || null;
         listItem.value.labelId = listItem.value.label?.id || null;
-      }
+      },
     );
 
     async function createAssignFood(val: string) {
       // keep UI reactive
-      listItem.value.food ? listItem.value.food.name = val : listItem.value.food = { name: val };
+      // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+      listItem.value.food ? (listItem.value.food.name = val) : (listItem.value.food = { name: val });
 
       foodData.data.name = val;
       const newFood = await foodStore.actions.createOne(foodData.data);
@@ -186,7 +191,8 @@ export default defineComponent({
 
     async function createAssignUnit(val: string) {
       // keep UI reactive
-      listItem.value.unit ? listItem.value.unit.name = val : listItem.value.unit = { name: val };
+      // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+      listItem.value.unit ? (listItem.value.unit.name = val) : (listItem.value.unit = { name: val });
 
       unitData.data.name = val;
       const newUnit = await unitStore.actions.createOne(unitData.data);
@@ -203,7 +209,6 @@ export default defineComponent({
       }
 
       listItem.value.food.labelId = listItem.value.labelId;
-      // @ts-ignore the food will have an id, even though TS says it might not
       await foodStore.actions.updateOne(listItem.value.food);
     }
 
@@ -222,6 +227,6 @@ export default defineComponent({
         this.$emit("save");
       }
     },
-  }
+  },
 });
 </script>
diff --git a/frontend/components/Domain/User/UserAvatar.vue b/frontend/components/Domain/User/UserAvatar.vue
index b932e0fe3..e287deaac 100644
--- a/frontend/components/Domain/User/UserAvatar.vue
+++ b/frontend/components/Domain/User/UserAvatar.vue
@@ -4,12 +4,29 @@
     :disabled="!user || !tooltip"
     right
   >
-    <template #activator="{ on, attrs }">
-      <v-list-item-avatar v-if="list" v-bind="attrs" v-on="on">
-        <v-img :src="imageURL" :alt="userId" @load="error = false" @error="error = true"> </v-img>
-      </v-list-item-avatar>
-      <v-avatar v-else :size="size" v-bind="attrs" v-on="on">
-        <v-img :src="imageURL" :alt="userId" @load="error = false" @error="error = true"> </v-img>
+    <template #activator="{ props }">
+      <v-avatar
+        v-if="list"
+        v-bind="props"
+      >
+        <v-img
+          :src="imageURL"
+          :alt="userId"
+          @load="error = false"
+          @error="error = true"
+        />
+      </v-avatar>
+      <v-avatar
+        v-else
+        :size="size"
+        v-bind="props"
+      >
+        <v-img
+          :src="imageURL"
+          :alt="userId"
+          @load="error = false"
+          @error="error = true"
+        />
       </v-avatar>
     </template>
     <span v-if="user">
@@ -19,11 +36,9 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, toRefs, reactive, useContext, computed } from "@nuxtjs/composition-api";
 import { useUserStore } from "~/composables/store/use-user-store";
-import { UserOut } from "~/lib/api/types/user";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     userId: {
       type: String,
@@ -40,22 +55,22 @@ export default defineComponent({
     tooltip: {
       type: Boolean,
       default: true,
-    }
+    },
   },
   setup(props) {
     const state = reactive({
       error: false,
     });
 
-    const { $auth } = useContext();
+    const $auth = useMealieAuth();
     const { store: users } = useUserStore();
     const user = computed(() => {
-      return users.value.find((user) => user.id === props.userId);
-    })
+      return users.value.find(user => user.id === props.userId);
+    });
 
     const imageURL = computed(() => {
-      // TODO Setup correct user type for $auth.user
-      const authUser = $auth.user as unknown as UserOut | null;
+      // Note: $auth.user is a ref now
+      const authUser = $auth.user.value;
       const key = authUser?.cacheKey ?? "";
       return `/api/media/users/${props.userId}/profile.webp?cacheKey=${key}`;
     });
diff --git a/frontend/components/Domain/User/UserInviteDialog.vue b/frontend/components/Domain/User/UserInviteDialog.vue
index e3c26bfae..cf3150db8 100644
--- a/frontend/components/Domain/User/UserInviteDialog.vue
+++ b/frontend/components/Domain/User/UserInviteDialog.vue
@@ -1,50 +1,63 @@
 <template>
   <BaseDialog
     v-model="inviteDialog"
-    :title="$tc('profile.get-invite-link')"
+    :title="$t('profile.get-invite-link')"
     :icon="$globals.icons.accountPlusOutline"
-    color="primary">
+    color="primary"
+  >
     <v-container>
       <v-form class="mt-5">
         <v-select
           v-if="groups && groups.length"
           v-model="selectedGroup"
           :items="groups"
-          item-text="name"
+          item-title="name"
           item-value="id"
           :return-object="false"
-          filled
-          :label="$tc('group.user-group')"
-          :rules="[validators.required]" />
+          variant="filled"
+          :label="$t('group.user-group')"
+          :rules="[validators.required]"
+        />
         <v-select
           v-if="households && households.length"
           v-model="selectedHousehold"
           :items="filteredHouseholds"
-          item-text="name" item-value="id"
-          :return-object="false" filled
-          :label="$tc('household.user-household')"
-          :rules="[validators.required]" />
+          item-title="name"
+          item-value="id"
+          :return-object="false"
+          variant="filled"
+          :label="$t('household.user-household')"
+          :rules="[validators.required]"
+        />
         <v-row>
           <v-col cols="9">
             <v-text-field
-              :label="$tc('profile.invite-link')"
-              type="text" readonly filled
-              :value="generatedSignupLink" />
+              :label="$t('profile.invite-link')"
+              type="text"
+              readonly
+              variant="filled"
+              :value="generatedSignupLink"
+            />
           </v-col>
-          <v-col cols="3" class="pl-1 mt-3">
+          <v-col
+            cols="3"
+            class="pl-1 mt-3"
+          >
             <AppButtonCopy
               :icon="false"
               color="info"
               :copy-text="generatedSignupLink"
-              :disabled="generatedSignupLink" />
+              :disabled="generatedSignupLink"
+            />
           </v-col>
         </v-row>
         <v-text-field
           v-model="sendTo"
           :label="$t('user.email')"
           :rules="[validators.email]"
-          outlined
-          @keydown.enter="sendInvite" />
+          variant="outlined"
+          @keydown.enter="sendInvite"
+        />
       </v-form>
     </v-container>
     <template #custom-card-action>
@@ -52,15 +65,15 @@
         :disabled="!validEmail"
         :loading="loading"
         :icon="$globals.icons.email"
-        @click="sendInvite">
-          {{ $t("group.invite") }}
+        @click="sendInvite"
+      >
+        {{ $t("group.invite") }}
       </BaseButton>
     </template>
   </BaseDialog>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useContext, ref, toRefs, reactive } from "@nuxtjs/composition-api";
 import { watchEffect } from "vue";
 import { useUserApi } from "@/composables/api";
 import BaseDialog from "~/components/global/BaseDialog.vue";
@@ -68,12 +81,12 @@ import AppButtonCopy from "~/components/global/AppButtonCopy.vue";
 import BaseButton from "~/components/global/BaseButton.vue";
 import { validators } from "~/composables/use-validators";
 import { alert } from "~/composables/use-toast";
-import { GroupInDB } from "~/lib/api/types/user";
-import { HouseholdInDB } from "~/lib/api/types/household";
+import type { GroupInDB } from "~/lib/api/types/user";
+import type { HouseholdInDB } from "~/lib/api/types/household";
 import { useGroups } from "~/composables/use-groups";
 import { useAdminHouseholds } from "~/composables/use-households";
 
-export default defineComponent({
+export default defineNuxtComponent({
   name: "UserInviteDialog",
   components: {
     BaseDialog,
@@ -81,15 +94,17 @@ export default defineComponent({
     BaseButton,
   },
   props: {
-    value: {
+    modelValue: {
       type: Boolean,
       default: false,
     },
   },
+  emits: ["update:modelValue"],
   setup(props, context) {
-    const { $auth, i18n } = useContext();
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
 
-    const isAdmin = computed(() => $auth.user?.admin);
+    const isAdmin = computed(() => $auth.user.value?.admin);
     const token = ref("");
     const selectedGroup = ref<string | null>(null);
     const selectedHousehold = ref<string | null>(null);
@@ -98,7 +113,7 @@ export default defineComponent({
     const api = useUserApi();
 
     const fetchGroupsAndHouseholds = () => {
-      if (isAdmin) {
+      if (isAdmin.value) {
         const groupsResponse = useGroups();
         const householdsResponse = useAdminHouseholds();
         watchEffect(() => {
@@ -110,10 +125,10 @@ export default defineComponent({
 
     const inviteDialog = computed<boolean>({
       get() {
-        return props.value;
+        return props.modelValue;
       },
       set(val) {
-        context.emit("input", val);
+        context.emit("update:modelValue", val);
       },
     });
 
@@ -156,9 +171,10 @@ export default defineComponent({
       });
 
       if (data && data.success) {
-        alert.success(i18n.tc("profile.email-sent"));
-      } else {
-        alert.error(i18n.tc("profile.error-sending-email"));
+        alert.success(i18n.t("profile.email-sent"));
+      }
+      else {
+        alert.error(i18n.t("profile.error-sending-email"));
       }
       state.loading = false;
       inviteDialog.value = false;
@@ -191,10 +207,11 @@ export default defineComponent({
       households,
       fetchGroupsAndHouseholds,
       ...toRefs(state),
+      isAdmin,
     };
   },
   watch: {
-    value: {
+    modelValue: {
       immediate: false,
       handler(val) {
         if (val && !this.isAdmin) {
diff --git a/frontend/components/Domain/User/UserPasswordStrength.vue b/frontend/components/Domain/User/UserPasswordStrength.vue
index 020c01175..9c01af6db 100644
--- a/frontend/components/Domain/User/UserPasswordStrength.vue
+++ b/frontend/components/Domain/User/UserPasswordStrength.vue
@@ -13,19 +13,18 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, toRef, useContext } from "@nuxtjs/composition-api";
 import { usePasswordStrength } from "~/composables/use-passwords";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
-    value: {
+    modelValue: {
       type: String,
       default: "",
     },
   },
   setup(props) {
-    const asRef = toRef(props, "value");
-    const { i18n } = useContext();
+    const asRef = toRef(props, "modelValue");
+    const i18n = useI18n();
 
     const pwStrength = usePasswordStrength(asRef, i18n);
 
diff --git a/frontend/components/Domain/User/UserProfileLinkCard.vue b/frontend/components/Domain/User/UserProfileLinkCard.vue
index 5946e1454..f19df7c01 100644
--- a/frontend/components/Domain/User/UserProfileLinkCard.vue
+++ b/frontend/components/Domain/User/UserProfileLinkCard.vue
@@ -1,55 +1,75 @@
 <template>
-  <v-card outlined nuxt :to="link.to" height="100%" class="d-flex flex-column">
-    <div v-if="$vuetify.breakpoint.smAndDown" class="pa-2 mx-auto">
-      <v-img max-width="150px" max-height="125" :src="image" />
+  <v-card
+    variant="outlined"
+    style="border-color: lightgrey;"
+    :to="link.to"
+    height="100%"
+    class="d-flex flex-column mt-4"
+  >
+    <div
+      v-if="$vuetify.display.smAndDown"
+      class="pa-2 mx-auto"
+    >
+      <v-img
+        width="150px"
+        height="125"
+        :src="image"
+      />
     </div>
     <div class="d-flex justify-space-between">
       <div>
-        <v-card-title class="headline pb-0">
-          <slot name="title"> </slot>
+        <v-card-title class="text-subtitle-1 pb-0">
+          <slot name="title" />
         </v-card-title>
         <div class="d-flex justify-center align-center">
           <v-card-text class="d-flex flex-row mb-auto">
-            <slot name="default"></slot>
+            <slot name="default" />
           </v-card-text>
         </div>
       </div>
-      <div v-if="$vuetify.breakpoint.mdAndUp" class="py-2 px-10 my-auto">
-        <v-img max-width="150px" max-height="125" :src="image"></v-img>
+      <div
+        v-if="$vuetify.display.mdAndUp"
+        class="py-2 px-10 my-auto"
+      >
+        <v-img
+          width="150px"
+          height="125"
+          :src="image"
+        />
       </div>
     </div>
-    <v-divider class="mt-auto"></v-divider>
+    <v-spacer />
+    <v-divider />
     <v-card-actions>
-      <v-btn text color="info" :to="link.to">
+      <v-btn
+        variant="text"
+        color="info"
+        :to="link.to"
+      >
         {{ link.text }}
       </v-btn>
     </v-card-actions>
   </v-card>
 </template>
 
-<script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
-
+<script lang="ts" setup>
 interface LinkProp {
   text: string;
   url?: string;
   to: string;
 }
 
-export default defineComponent({
-  props: {
-    link: {
-      type: Object as () => LinkProp,
-      required: true,
-    },
-    image: {
-      type: String,
-      required: false,
-      default: "",
-    },
+const props = defineProps({
+  link: {
+    type: Object as () => LinkProp,
+    required: true,
   },
-  setup() {
-    return {};
+  image: {
+    type: String,
+    required: false,
+    default: "",
   },
 });
+
+console.log("Props", props);
 </script>
diff --git a/frontend/components/Domain/User/UserRegistrationForm.vue b/frontend/components/Domain/User/UserRegistrationForm.vue
index 8b1b945f9..b9312e1c7 100644
--- a/frontend/components/Domain/User/UserRegistrationForm.vue
+++ b/frontend/components/Domain/User/UserRegistrationForm.vue
@@ -1,17 +1,25 @@
 <template>
   <div>
     <v-card-title>
-      <v-icon large class="mr-3"> {{ $globals.icons.user }}</v-icon>
+      <v-icon
+        size="large"
+        class="mr-3"
+      >
+        {{ $globals.icons.user }}
+      </v-icon>
       <span class="headline"> {{ $t("user-registration.account-details") }}</span>
     </v-card-title>
     <v-divider />
     <v-card-text>
-      <v-form ref="domAccountForm" @submit.prevent>
+      <v-form
+        ref="domAccountForm"
+        @submit.prevent
+      >
         <v-text-field
           v-model="accountDetails.username.value"
           autofocus
           v-bind="inputAttrs"
-          :label="$tc('user.username')"
+          :label="$t('user.username')"
           :prepend-icon="$globals.icons.user"
           :rules="[validators.required]"
           :error-messages="usernameErrorMessages"
@@ -20,7 +28,7 @@
         <v-text-field
           v-model="accountDetails.fullName.value"
           v-bind="inputAttrs"
-          :label="$tc('user.full-name')"
+          :label="$t('user.full-name')"
           :prepend-icon="$globals.icons.user"
           :rules="[validators.required]"
         />
@@ -28,7 +36,7 @@
           v-model="accountDetails.email.value"
           v-bind="inputAttrs"
           :prepend-icon="$globals.icons.email"
-          :label="$tc('user.email')"
+          :label="$t('user.email')"
           :rules="[validators.required, validators.email]"
           :error-messages="emailErrorMessages"
           @blur="validateEmail"
@@ -37,11 +45,11 @@
           v-model="credentials.password1.value"
           v-bind="inputAttrs"
           :type="pwFields.inputType.value"
-          :append-icon="pwFields.passwordIcon.value"
+          :append-inner-icon="pwFields.passwordIcon.value"
           :prepend-icon="$globals.icons.lock"
-          :label="$tc('user.password')"
+          :label="$t('user.password')"
           :rules="[validators.required, validators.minLength(8), validators.maxLength(258)]"
-          @click:append="pwFields.togglePasswordShow"
+          @click:append-inner="pwFields.togglePasswordShow"
         />
 
         <UserPasswordStrength :value="credentials.password1.value" />
@@ -50,19 +58,19 @@
           v-model="credentials.password2.value"
           v-bind="inputAttrs"
           :type="pwFields.inputType.value"
-          :append-icon="pwFields.passwordIcon.value"
+          :append-inner-icon="pwFields.passwordIcon.value"
           :prepend-icon="$globals.icons.lock"
-          :label="$tc('user.confirm-password')"
+          :label="$t('user.confirm-password')"
           :rules="[validators.required, credentials.passwordMatch]"
-          @click:append="pwFields.togglePasswordShow"
+          @click:append-inner="pwFields.togglePasswordShow"
         />
         <div class="px-2">
           <v-checkbox
             v-model="accountDetails.advancedOptions.value"
-            :label="$tc('user.enable-advanced-content')"
+            :label="$t('user.enable-advanced-content')"
           />
           <p class="text-caption mt-n4">
-            {{ $tc("user.enable-advanced-content-description") }}
+            {{ $t("user.enable-advanced-content-description") }}
           </p>
         </div>
       </v-form>
@@ -71,7 +79,6 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref } from "@nuxtjs/composition-api";
 import { useDark } from "@vueuse/core";
 import { validators } from "~/composables/use-validators";
 import { useUserRegistrationForm } from "~/composables/use-users/user-registration-form";
@@ -79,16 +86,19 @@ import { usePasswordField } from "~/composables/use-passwords";
 import UserPasswordStrength from "~/components/Domain/User/UserPasswordStrength.vue";
 
 const inputAttrs = {
-  filled: true,
   rounded: true,
   validateOnBlur: true,
-  class: "rounded-lg",
+  class: "rounded-lg pb-1",
+  variant: "solo-filled" as any,
 };
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { UserPasswordStrength },
-  layout: "blank",
   setup() {
+    definePageMeta({
+      layout: "blank",
+    });
+
     const isDark = useDark();
     const langDialog = ref(false);
 
diff --git a/frontend/components/Layout/DefaultLayout.vue b/frontend/components/Layout/DefaultLayout.vue
index ffba96ca4..883afeb05 100644
--- a/frontend/components/Layout/DefaultLayout.vue
+++ b/frontend/components/Layout/DefaultLayout.vue
@@ -2,108 +2,146 @@
   <v-app dark>
     <TheSnackbar />
 
+    <AppHeader>
+      <v-btn
+        icon
+        @click.stop="sidebar = !sidebar"
+      >
+        <v-icon> {{ $globals.icons.menu }}</v-icon>
+      </v-btn>
+    </AppHeader>
+
     <AppSidebar
       v-model="sidebar"
       absolute
       :top-link="topLinks"
       :secondary-links="cookbookLinks || []"
-      :bottom-links="isAdmin ? bottomLinks : []"
+      :bottom-links="bottomLinks"
     >
-      <v-menu offset-y nudge-bottom="5" close-delay="50" nudge-right="15">
-        <template #activator="{ on, attrs }">
-          <v-btn v-if="isOwnGroup" rounded large class="ml-2 mt-3" v-bind="attrs" v-on="on">
-            <v-icon left large color="primary">
+      <v-menu
+        offset-y
+        nudge-bottom="5"
+        close-delay="50"
+        nudge-right="15"
+      >
+        <template #activator="{ props }">
+          <v-btn
+            v-if="isOwnGroup"
+            rounded
+            size="large"
+            class="ml-2 mt-3"
+            v-bind="props"
+            variant="elevated"
+            elevation="2"
+            :color="$vuetify.theme.current.dark ? 'background-lighten-1' : 'background-darken-1'"
+          >
+            <v-icon
+              start
+              size="large"
+              color="primary"
+            >
               {{ $globals.icons.createAlt }}
             </v-icon>
             {{ $t("general.create") }}
           </v-btn>
         </template>
-        <v-list dense class="my-0 py-0">
+        <v-list
+          density="comfortable"
+          class="mb-0 mt-1 py-0"
+          variant="flat"
+        >
           <template v-for="(item, index) in createLinks">
-            <div v-if="!item.hide" :key="item.title">
-              <v-divider v-if="item.insertDivider" :key="index" class="mx-2"></v-divider>
-              <v-list-item v-if="!item.restricted || isOwnGroup" :key="item.title" :to="item.to" exact>
-                <v-list-item-avatar>
-                  <v-icon>
-                    {{ item.icon }}
-                  </v-icon>
-                </v-list-item-avatar>
-                <v-list-item-content>
-                  <v-list-item-title>
-                    {{ item.title }}
-                  </v-list-item-title>
-                  <v-list-item-subtitle v-if="item.subtitle">
-                    {{ item.subtitle }}
-                  </v-list-item-subtitle>
-                </v-list-item-content>
-              </v-list-item>
+            <div
+              v-if="!item.hide"
+              :key="item.title"
+            >
+              <v-divider
+                v-if="item.insertDivider"
+                :key="index"
+                class="mx-2"
+              />
+              <v-list-item
+                v-if="!item.restricted || isOwnGroup"
+                :key="item.title"
+                :to="item.to"
+                exact
+                class="my-1"
+              >
+                <template #prepend>
+                  <v-icon
+                    size="40"
+                    :icon="item.icon"
+                  />
+                </template>
+                <v-list-item-title class="font-weight-medium" style="font-size: small;">
+                  {{ item.title }}
+                </v-list-item-title>
+                <v-list-item-subtitle class="font-weight-medium" style="font-size: small;">
+                  {{ item.subtitle }}
+                </v-list-item-subtitle>
+            </v-list-item>
             </div>
           </template>
         </v-list>
       </v-menu>
       <template #bottom>
         <v-list-item @click.stop="languageDialog = true">
-          <v-list-item-icon>
+          <template #prepend>
             <v-icon>{{ $globals.icons.translate }}</v-icon>
-          </v-list-item-icon>
-          <v-list-item-content>
-            <v-list-item-title>{{ $t("sidebar.language") }}</v-list-item-title>
-            <LanguageDialog v-model="languageDialog" />
-          </v-list-item-content>
+          </template>
+          <v-list-item-title>{{ $t("sidebar.language") }}</v-list-item-title>
+          <LanguageDialog v-model="languageDialog" />
         </v-list-item>
         <v-list-item @click="toggleDark">
-          <v-list-item-icon>
+          <template #prepend>
             <v-icon>
-              {{ $vuetify.theme.dark ? $globals.icons.weatherSunny : $globals.icons.weatherNight }}
+              {{ $vuetify.theme.current.dark ? $globals.icons.weatherSunny : $globals.icons.weatherNight }}
             </v-icon>
-          </v-list-item-icon>
+          </template>
           <v-list-item-title>
-            {{ $vuetify.theme.dark ? $t("settings.theme.light-mode") : $t("settings.theme.dark-mode") }}
+            {{ $vuetify.theme.current.dark ? $t("settings.theme.light-mode") : $t("settings.theme.dark-mode") }}
           </v-list-item-title>
         </v-list-item>
       </template>
     </AppSidebar>
-
-    <AppHeader>
-      <v-btn icon @click.stop="sidebar = !sidebar">
-        <v-icon> {{ $globals.icons.menu }}</v-icon>
-      </v-btn>
-    </AppHeader>
-    <v-main>
+    <v-main class="pt-16">
       <v-scroll-x-transition>
-        <Nuxt />
+        <div>
+          <NuxtPage />
+        </div>
       </v-scroll-x-transition>
     </v-main>
   </v-app>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, onMounted, ref, useContext, useRoute } from "@nuxtjs/composition-api";
 import { useLoggedInState } from "~/composables/use-logged-in-state";
-import AppHeader from "@/components/Layout/LayoutParts/AppHeader.vue";
-import AppSidebar from "@/components/Layout/LayoutParts/AppSidebar.vue";
-import { SideBarLink } from "~/types/application-types";
-import LanguageDialog from "~/components/global/LanguageDialog.vue";
-import TheSnackbar from "@/components/Layout/LayoutParts/TheSnackbar.vue";
+import type { SideBarLink } from "~/types/application-types";
 import { useAppInfo } from "~/composables/api";
 import { useCookbooks, usePublicCookbooks } from "~/composables/use-group-cookbooks";
 import { useCookbookPreferences } from "~/composables/use-users/preferences";
 import { useHouseholdStore, usePublicHouseholdStore } from "~/composables/store/use-household-store";
 import { useToggleDarkMode } from "~/composables/use-utils";
-import { ReadCookBook } from "~/lib/api/types/cookbook";
-import { HouseholdSummary } from "~/lib/api/types/household";
+import type { ReadCookBook } from "~/lib/api/types/cookbook";
+import type { HouseholdSummary } from "~/lib/api/types/household";
 
-
-export default defineComponent({
-  components: { AppHeader, AppSidebar, LanguageDialog, TheSnackbar },
+export default defineNuxtComponent({
   setup() {
-    const { $globals, $auth, $vuetify, i18n } = useContext();
+    const i18n = useI18n();
+    const { $globals, $vuetify } = useNuxtApp();
+    const $auth = useMealieAuth();
     const { isOwnGroup } = useLoggedInState();
 
-    const isAdmin = computed(() => $auth.user?.admin);
+    const isAdmin = computed(() => $auth.user.value?.admin);
     const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
-    const { cookbooks } = isOwnGroup.value ? useCookbooks() : usePublicCookbooks(groupSlug.value || "");
+    const groupSlug = computed(() => route.params.groupSlug as string || $auth.user.value?.groupSlug || "");
+
+    const loggedInCookbooks = useCookbooks();
+    const publicCookbooks = usePublicCookbooks(groupSlug.value || "");
+    const cookbooks = computed(() =>
+      isOwnGroup.value ? loggedInCookbooks.cookbooks.value : publicCookbooks.cookbooks.value,
+    );
+
     const cookbookPreferences = useCookbookPreferences();
     const { store: households } = isOwnGroup.value ? useHouseholdStore() : usePublicHouseholdStore(groupSlug.value || "");
 
@@ -121,10 +159,9 @@ export default defineComponent({
 
     const languageDialog = ref<boolean>(false);
 
-    const sidebar = ref<boolean | null>(null);
-
+    const sidebar = ref<boolean>(false);
     onMounted(() => {
-      sidebar.value = !$vuetify.breakpoint.md;
+      sidebar.value = $vuetify.display.mdAndUp.value;
     });
 
     function cookbookAsLink(cookbook: ReadCookBook): SideBarLink {
@@ -137,16 +174,17 @@ export default defineComponent({
       };
     }
 
-    const currentUserHouseholdId = computed(() => $auth.user?.householdId);
+    const currentUserHouseholdId = computed(() => $auth.user.value?.householdId);
     const cookbookLinks = computed<SideBarLink[]>(() => {
-      if (!cookbooks.value) {
+      if (!cookbooks.value || !households.value) {
         return [];
       }
-      cookbooks.value.sort((a, b) => (a.position || 0) - (b.position || 0));
+
+      const sortedCookbooks = [...cookbooks.value].sort((a, b) => (a.position || 0) - (b.position || 0));
 
       const ownLinks: SideBarLink[] = [];
       const links: SideBarLink[] = [];
-      const cookbooksByHousehold = cookbooks.value.reduce((acc, cookbook) => {
+      const cookbooksByHousehold = sortedCookbooks.reduce((acc, cookbook) => {
         const householdName = householdsById.value[cookbook.householdId]?.name || "";
         if (!acc[householdName]) {
           acc[householdName] = [];
@@ -156,9 +194,13 @@ export default defineComponent({
       }, {} as Record<string, ReadCookBook[]>);
 
       Object.entries(cookbooksByHousehold).forEach(([householdName, cookbooks]) => {
+        if (!cookbooks.length) {
+          return;
+        }
         if (cookbooks[0].householdId === currentUserHouseholdId.value) {
           ownLinks.push(...cookbooks.map(cookbookAsLink));
-        } else {
+        }
+        else {
           links.push({
             key: householdName,
             icon: $globals.icons.book,
@@ -170,19 +212,20 @@ export default defineComponent({
       });
 
       links.sort((a, b) => a.title.localeCompare(b.title));
-      if ($auth.user && cookbookPreferences.value.hideOtherHouseholds) {
+      if ($auth.user.value && cookbookPreferences.value.hideOtherHouseholds) {
         return ownLinks;
-      } else {
+      }
+      else {
         return [...ownLinks, ...links];
       }
     });
 
-    const createLinks = computed<SideBarLink[]>(() => [
+    const createLinks = computed(() => [
       {
         insertDivider: false,
         icon: $globals.icons.link,
-        title: i18n.tc("general.import"),
-        subtitle: i18n.tc("new-recipe.import-by-url"),
+        title: i18n.t("general.import"),
+        subtitle: i18n.t("new-recipe.import-by-url"),
         to: `/g/${groupSlug.value}/r/create/url`,
         restricted: true,
         hide: false,
@@ -190,8 +233,8 @@ export default defineComponent({
       {
         insertDivider: false,
         icon: $globals.icons.fileImage,
-        title: i18n.tc("recipe.create-from-image"),
-        subtitle: i18n.tc("recipe.create-recipe-from-an-image"),
+        title: i18n.t("recipe.create-from-image"),
+        subtitle: i18n.t("recipe.create-recipe-from-an-image"),
         to: `/g/${groupSlug.value}/r/create/image`,
         restricted: true,
         hide: !showImageImport.value,
@@ -199,81 +242,85 @@ export default defineComponent({
       {
         insertDivider: true,
         icon: $globals.icons.edit,
-        title: i18n.tc("general.create"),
-        subtitle: i18n.tc("new-recipe.create-manually"),
+        title: i18n.t("general.create"),
+        subtitle: i18n.t("new-recipe.create-manually"),
         to: `/g/${groupSlug.value}/r/create/new`,
         restricted: true,
         hide: false,
       },
     ]);
 
-    const bottomLinks = computed<SideBarLink[]>(() => [
-      {
-        icon: $globals.icons.cog,
-        title: i18n.tc("general.settings"),
-        to: "/admin/site-settings",
-        restricted: true,
-      },
-    ]);
+    const bottomLinks = computed<SideBarLink[]>(() =>
+      isAdmin.value
+        ? [
+            {
+              icon: $globals.icons.cog,
+              title: i18n.t("general.settings"),
+              to: "/admin/site-settings",
+              restricted: true,
+            },
+          ]
+        : [],
+    );
 
     const topLinks = computed<SideBarLink[]>(() => [
       {
         icon: $globals.icons.silverwareForkKnife,
         to: `/g/${groupSlug.value}`,
-        title: i18n.tc("general.recipes"),
+        title: i18n.t("general.recipes"),
         restricted: false,
       },
       {
         icon: $globals.icons.search,
         to: `/g/${groupSlug.value}/recipes/finder`,
-        title: i18n.tc("recipe-finder.recipe-finder"),
+        title: i18n.t("recipe-finder.recipe-finder"),
         restricted: false,
       },
       {
         icon: $globals.icons.calendarMultiselect,
-        title: i18n.tc("meal-plan.meal-planner"),
+        title: i18n.t("meal-plan.meal-planner"),
         to: "/household/mealplan/planner/view",
         restricted: true,
       },
       {
         icon: $globals.icons.formatListCheck,
-        title: i18n.tc("shopping-list.shopping-lists"),
+        title: i18n.t("shopping-list.shopping-lists"),
         to: "/shopping-lists",
         restricted: true,
       },
       {
         icon: $globals.icons.timelineText,
-        title: i18n.tc("recipe.timeline"),
+        title: i18n.t("recipe.timeline"),
         to: `/g/${groupSlug.value}/recipes/timeline`,
         restricted: true,
       },
       {
         icon: $globals.icons.book,
         to: `/g/${groupSlug.value}/cookbooks`,
-        title: i18n.tc("cookbook.cookbooks"),
+        title: i18n.t("cookbook.cookbooks"),
         restricted: true,
       },
       {
         icon: $globals.icons.organizers,
-        title: i18n.tc("general.organizers"),
+        title: i18n.t("general.organizers"),
         restricted: true,
         children: [
           {
             icon: $globals.icons.categories,
             to: `/g/${groupSlug.value}/recipes/categories`,
-            title: i18n.tc("sidebar.categories"),
+            title: i18n.t("sidebar.categories"),
             restricted: true,
           },
           {
             icon: $globals.icons.tags,
             to: `/g/${groupSlug.value}/recipes/tags`,
-            title: i18n.tc("sidebar.tags"),
+            title: i18n.t("sidebar.tags"),
             restricted: true,
           },
           {
             icon: $globals.icons.potSteam,
             to: `/g/${groupSlug.value}/recipes/tools`,
-            title: i18n.tc("tool.tools"),
+            title: i18n.t("tool.tools"),
             restricted: true,
           },
         ],
@@ -286,7 +333,6 @@ export default defineComponent({
       createLinks,
       bottomLinks,
       topLinks,
-      isAdmin,
       isOwnGroup,
       languageDialog,
       toggleDark,
diff --git a/frontend/components/Layout/LayoutParts/AppFooter.vue b/frontend/components/Layout/LayoutParts/AppFooter.vue
index 3042076a9..0826afc60 100644
--- a/frontend/components/Layout/LayoutParts/AppFooter.vue
+++ b/frontend/components/Layout/LayoutParts/AppFooter.vue
@@ -1,8 +1,25 @@
 <template>
-  <v-footer color="primary" padless app>
-    <v-row justify="center" align="center" dense no-gutters>
-      <v-col class="py-2 text-center white--text" cols="12">
-        <v-btn color="white" icon href="https://github.com/hay-kot/mealie" target="_blank">
+  <v-footer
+    color="primary"
+    padless
+    app
+  >
+    <v-row
+      justify="center"
+      align="center"
+      dense
+      no-gutters
+    >
+      <v-col
+        class="py-2 text-center white--text"
+        cols="12"
+      >
+        <v-btn
+          color="white"
+          icon
+          href="https://github.com/hay-kot/mealie"
+          target="_blank"
+        >
           <v-icon>
             {{ $globals.icons.github }}
           </v-icon>
@@ -14,9 +31,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
-
-export default defineComponent({
+export default defineNuxtComponent({
   setup() {
     return {};
   },
diff --git a/frontend/components/Layout/LayoutParts/AppHeader.vue b/frontend/components/Layout/LayoutParts/AppHeader.vue
index 37bdb6c7d..08c3e0002 100644
--- a/frontend/components/Layout/LayoutParts/AppHeader.vue
+++ b/frontend/components/Layout/LayoutParts/AppHeader.vue
@@ -1,46 +1,83 @@
 <template>
-  <v-app-bar clipped-left dense app color="primary" dark class="d-print-none">
+  <v-app-bar
+    clipped-left
+    density="compact"
+    app
+    color="primary"
+    dark
+    class="d-print-none"
+  >
     <slot />
     <router-link :to="routerLink">
-      <v-btn icon>
+      <v-btn
+        icon
+        color="white"
+      >
         <v-icon size="40"> {{ $globals.icons.primary }} </v-icon>
       </v-btn>
     </router-link>
 
-    <div btn class="pl-2">
-      <v-toolbar-title style="cursor: pointer" @click="$router.push(routerLink)"> Mealie </v-toolbar-title>
+    <div
+      btn
+      class="pl-2"
+    >
+      <v-toolbar-title
+        style="cursor: pointer"
+        @click="$router.push(routerLink)"
+      >
+        Mealie
+      </v-toolbar-title>
     </div>
     <RecipeDialogSearch ref="domSearchDialog" />
 
-    <v-spacer></v-spacer>
+    <v-spacer />
 
     <!-- Navigation Menu -->
     <template v-if="menu">
-      <div v-if="!$vuetify.breakpoint.xs" style="max-width: 500px" @click="activateSearch">
+      <v-responsive
+        v-if="!xs"
+        max-width="250"
+        @click="activateSearch"
+      >
         <v-text-field
           readonly
-          class="mt-6 rounded-xl"
+          class="mt-1"
           rounded
-          dark
-          solo
-          dense
+          variant="solo-filled"
+          density="compact"
           flat
           :prepend-inner-icon="$globals.icons.search"
-          background-color="primary darken-1"
-          color="white"
+          bg-color="primary-darken-1"
           :placeholder="$t('search.search-hint')"
-        >
-        </v-text-field>
-      </div>
-      <v-btn v-else icon @click="activateSearch">
+        />
+      </v-responsive>
+      <v-btn
+        v-else
+        icon
+        @click="activateSearch"
+      >
         <v-icon> {{ $globals.icons.search }}</v-icon>
       </v-btn>
-      <v-btn v-if="loggedIn" :text="$vuetify.breakpoint.smAndUp" :icon="$vuetify.breakpoint.xs" @click="logout()">
-        <v-icon :left="$vuetify.breakpoint.smAndUp">{{ $globals.icons.logout }}</v-icon>
-        {{ $vuetify.breakpoint.smAndUp ? $t("user.logout") : "" }}
+      <v-btn
+        v-if="loggedIn"
+        :variant="smAndUp ? 'text' : undefined"
+        :icon="xs"
+        @click="logout()"
+      >
+        <v-icon :start="smAndUp">
+          {{ $globals.icons.logout }}
+        </v-icon>
+        {{ smAndUp ? $t("user.logout") : "" }}
       </v-btn>
-      <v-btn v-else text nuxt to="/login">
-        <v-icon left>{{ $globals.icons.user }}</v-icon>
+      <v-btn
+        v-else
+        variant="text"
+        nuxt
+        to="/login"
+      >
+        <v-icon start>
+          {{ $globals.icons.user }}
+        </v-icon>
         {{ $t("user.login") }}
       </v-btn>
     </template>
@@ -48,11 +85,10 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, onBeforeUnmount, onMounted, ref, useContext, useRoute, useRouter } from "@nuxtjs/composition-api";
 import { useLoggedInState } from "~/composables/use-logged-in-state";
 import RecipeDialogSearch from "~/components/Domain/Recipe/RecipeDialogSearch.vue";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { RecipeDialogSearch },
   props: {
     menu: {
@@ -61,11 +97,11 @@ export default defineComponent({
     },
   },
   setup() {
-    const { $auth } = useContext();
+    const $auth = useMealieAuth();
     const { loggedIn } = useLoggedInState();
     const route = useRoute();
-    const router = useRouter();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    const groupSlug = computed(() => route.params.groupSlug as string || $auth.user.value?.groupSlug || "");
+    const { xs, smAndUp } = useDisplay();
 
     const routerLink = computed(() => groupSlug.value ? `/g/${groupSlug.value}` : "/");
     const domSearchDialog = ref<InstanceType<typeof RecipeDialogSearch> | null>(null);
@@ -91,7 +127,12 @@ export default defineComponent({
     });
 
     async function logout() {
-        await $auth.logout().then(() => router.push("/login?direct=1"))
+      try {
+        await $auth.signOut({ callbackUrl: "/login?direct=1" });
+      }
+      catch (e) {
+        console.error(e);
+      }
     }
 
     return {
@@ -100,7 +141,14 @@ export default defineComponent({
       routerLink,
       loggedIn,
       logout,
+      xs, smAndUp,
     };
   },
 });
 </script>
+
+<style scoped>
+.v-toolbar {
+  z-index: 1010 !important;
+}
+</style>
diff --git a/frontend/components/Layout/LayoutParts/AppSidebar.vue b/frontend/components/Layout/LayoutParts/AppSidebar.vue
index ab3e3fb83..49b028f88 100644
--- a/frontend/components/Layout/LayoutParts/AppSidebar.vue
+++ b/frontend/components/Layout/LayoutParts/AppSidebar.vue
@@ -1,66 +1,52 @@
 <template>
-  <v-navigation-drawer v-model="drawer" class="d-flex flex-column d-print-none" clipped app width="240px">
+  <v-navigation-drawer v-model="showDrawer" class="d-flex flex-column d-print-none position-fixed">
     <!-- User Profile -->
     <template v-if="loggedIn">
-      <v-list-item two-line :to="userProfileLink" exact>
-        <UserAvatar list :user-id="$auth.user.id" :tooltip="false" />
+      <v-list-item lines="two" :to="userProfileLink" exact>
+        <div class="d-flex align-center ga-2">
+          <UserAvatar list :user-id="sessionUser.id" :tooltip="false" />
 
-        <v-list-item-content>
-          <v-list-item-title class="pr-2"> {{ $auth.user.fullName }}</v-list-item-title>
-          <v-list-item-subtitle>
-            <v-btn v-if="isOwnGroup" class="px-2 pa-0" text :to="userFavoritesLink" small>
-              <v-icon left small>
-                {{ $globals.icons.heart }}
-              </v-icon>
-              {{ $t("user.favorite-recipes") }}
-            </v-btn>
-          </v-list-item-subtitle>
-        </v-list-item-content>
+          <div class="d-flex flex-column justify-start">
+            <v-list-item-title class="pr-2 pl-1">
+              {{ sessionUser.fullName }}
+            </v-list-item-title>
+            <v-list-item-subtitle class="opacity-100">
+              <v-btn v-if="isOwnGroup" class="px-2 pa-0" variant="text" :to="userFavoritesLink" size="small">
+                <v-icon start size="small">
+                  {{ $globals.icons.heart }}
+                </v-icon>
+                {{ $t("user.favorite-recipes") }}
+              </v-btn>
+            </v-list-item-subtitle>
+          </div>
+        </div>
       </v-list-item>
-      <v-divider></v-divider>
+      <v-divider />
     </template>
 
-    <slot></slot>
+    <slot />
 
     <!-- Primary Links -->
     <template v-if="topLink">
-      <v-list nav dense>
+      <v-list v-model:selected="secondarySelected" nav density="comfortable" color="primary">
         <template v-for="nav in topLink">
           <div v-if="!nav.restricted || isOwnGroup" :key="nav.key || nav.title">
             <!-- Multi Items -->
-            <v-list-group
-              v-if="nav.children"
-              :key="(nav.key || nav.title) + 'multi-item'"
-              v-model="dropDowns[nav.title]"
-              color="primary"
-              :prepend-icon="nav.icon"
-            >
-              <template #activator>
-                <v-list-item-title>{{ nav.title }}</v-list-item-title>
+            <v-list-group v-if="nav.children" :key="(nav.key || nav.title) + 'multi-item'"
+              v-model="dropDowns[nav.title]" color="primary" :prepend-icon="nav.icon" :fluid="true">
+              <template #activator="{ props }">
+                <v-list-item v-bind="props" :prepend-icon="nav.icon" :title="nav.title" />
               </template>
 
-              <v-list-item v-for="child in nav.children" :key="child.key || child.title" exact :to="child.to" class="ml-2">
-                <v-list-item-icon>
-                  <v-icon>{{ child.icon }}</v-icon>
-                </v-list-item-icon>
-                <v-list-item-title>{{ child.title }}</v-list-item-title>
-              </v-list-item>
+              <v-list-item v-for="child in nav.children" :key="child.key || child.title" exact :to="child.to"
+                :prepend-icon="child.icon" :title="child.title" class="ml-4" />
             </v-list-group>
 
             <!-- Single Item -->
-            <v-list-item-group
-              v-else
-              :key="(nav.key || nav.title) + 'single-item'"
-              v-model="secondarySelected"
-              color="primary"
-            >
-              <v-list-item exact link :to="nav.to">
-                <v-list-item-icon>
-                  <v-icon>{{ nav.icon }}</v-icon>
-                </v-list-item-icon>
-                <v-list-item-title>{{ nav.title }}</v-list-item-title>
-              </v-list-item>
-            </v-list-item-group>
+            <template v-else>
+              <v-list-item :key="(nav.key || nav.title) + 'single-item'" exact link :to="nav.to"
+                :prepend-icon="nav.icon" :title="nav.title" />
+            </template>
           </div>
         </template>
       </v-list>
@@ -68,39 +54,28 @@
 
     <!-- Secondary Links -->
     <template v-if="secondaryLinks.length > 0">
-      <v-divider class="mt-2"></v-divider>
-      <v-list nav dense exact>
+      <v-divider class="mt-2" />
+      <v-list v-model:selected="secondarySelected" nav density="compact" exact>
         <template v-for="nav in secondaryLinks">
           <div v-if="!nav.restricted || isOwnGroup" :key="nav.key || nav.title">
             <!-- Multi Items -->
-            <v-list-group
-              v-if="nav.children"
-              :key="(nav.key || nav.title) + 'multi-item'"
-              v-model="dropDowns[nav.title]"
-              color="primary"
-              :prepend-icon="nav.icon"
-            >
-              <template #activator>
-                <v-list-item-title>{{ nav.title }}</v-list-item-title>
+            <v-list-group v-if="nav.children" :key="(nav.key || nav.title) + 'multi-item'"
+              v-model="dropDowns[nav.title]" color="primary" :prepend-icon="nav.icon" fluid>
+              <template #activator="{ props }">
+                <v-list-item v-bind="props" :prepend-icon="nav.icon" :title="nav.title" />
               </template>
 
-              <v-list-item v-for="child in nav.children" :key="child.key || child.title" exact :to="child.to" class="ml-2">
-                <v-list-item-icon>
-                  <v-icon>{{ child.icon }}</v-icon>
-                </v-list-item-icon>
-                <v-list-item-title>{{ child.title }}</v-list-item-title>
-              </v-list-item>
+              <v-list-item v-for="child in nav.children" :key="child.key || child.title" exact :to="child.to"
+                class="ml-2" :prepend-icon="child.icon" :title="child.title" />
             </v-list-group>
 
             <!-- Single Item -->
-            <v-list-item-group v-else :key="(nav.key || nav.title) + 'single-item'" v-model="secondarySelected" color="primary">
-              <v-list-item exact link :to="nav.to">
-                <v-list-item-icon>
-                  <v-icon>{{ nav.icon }}</v-icon>
-                </v-list-item-icon>
-                <v-list-item-title>{{ nav.title }}</v-list-item-title>
-              </v-list-item>
-            </v-list-item-group>
+            <v-list-item v-else :key="(nav.key || nav.title) + 'single-item'" exact link :to="nav.to">
+              <template #prepend>
+                <v-icon>{{ nav.icon }}</v-icon>
+              </template>
+              <v-list-item-title>{{ nav.title }}</v-list-item-title>
+            </v-list-item>
           </div>
         </template>
       </v-list>
@@ -108,46 +83,39 @@
 
     <!-- Bottom Navigation Links -->
     <template v-if="bottomLinks" #append>
-      <v-list nav dense>
-        <v-list-item-group v-model="bottomSelected" color="primary">
-          <template v-for="nav in bottomLinks">
-            <div v-if="!nav.restricted || isOwnGroup" :key="nav.key || nav.title">
-              <v-list-item
-                :key="nav.key || nav.title"
-                exact
-                link
-                :to="nav.to || null"
-                :href="nav.href || null"
-                :target="nav.href ? '_blank' : null"
-              >
-                <v-list-item-icon>
-                  <v-icon>{{ nav.icon }}</v-icon>
-                </v-list-item-icon>
-                <v-list-item-title>{{ nav.title }}</v-list-item-title>
-              </v-list-item>
-            </div>
-          </template>
-        </v-list-item-group>
-        <slot name="bottom"></slot>
+      <v-list v-model:selected="bottomSelected" nav density="compact">
+        <template v-for="nav in bottomLinks">
+          <div v-if="!nav.restricted || isOwnGroup" :key="nav.key || nav.title">
+            <v-list-item :key="nav.key || nav.title" exact link :to="nav.to" :href="nav.href"
+              :target="nav.href ? '_blank' : null">
+              <template #prepend>
+                <v-icon>{{ nav.icon }}</v-icon>
+              </template>
+              <v-list-item-title>{{ nav.title }}</v-list-item-title>
+            </v-list-item>
+          </div>
+        </template>
+        <slot name="bottom" />
       </v-list>
     </template>
   </v-navigation-drawer>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, reactive, toRefs, useContext, watch } from "@nuxtjs/composition-api";
+import { useWindowSize } from "@vueuse/core";
 import { useLoggedInState } from "~/composables/use-logged-in-state";
-import { SidebarLinks } from "~/types/application-types";
+import type { SidebarLinks } from "~/types/application-types";
 import UserAvatar from "~/components/Domain/User/UserAvatar.vue";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     UserAvatar,
   },
   props: {
-    value: {
+    modelValue: {
       type: Boolean,
-      default: null,
+      required: false,
+      default: false,
     },
     user: {
       type: Object,
@@ -165,31 +133,16 @@ export default defineComponent({
     bottomLinks: {
       type: Array as () => SidebarLinks,
       required: false,
-      default: null,
+      default: () => ([]),
     },
   },
+  emits: ["update:modelValue"],
   setup(props, context) {
-    // V-Model Support
-    const drawer = computed({
-      get: () => {
-        return props.value;
-      },
-      set: (val) => {
-        if (window.innerWidth < 760 && state.hasOpenedBefore === false) {
-          state.hasOpenedBefore = true;
-          val = false;
-          context.emit("input", val);
-        } else {
-          context.emit("input", val);
-        }
-      },
-    });
-
-    const { $auth } = useContext();
+    const $auth = useMealieAuth();
     const { loggedIn, isOwnGroup } = useLoggedInState();
 
-    const userFavoritesLink = computed(() => $auth.user ? `/user/${$auth.user.id}/favorites` : undefined);
-    const userProfileLink = computed(() => $auth.user ? "/user/profile" : undefined);
+    const userFavoritesLink = computed(() => $auth.user.value ? `/user/${$auth.user.value.id}/favorites` : undefined);
+    const userProfileLink = computed(() => $auth.user.value ? "/user/profile" : undefined);
 
     const state = reactive({
       dropDowns: {} as Record<string, boolean>,
@@ -198,12 +151,31 @@ export default defineComponent({
       bottomSelected: null as string[] | null,
       hasOpenedBefore: false as boolean,
     });
+    // model to control the drawer
+    const showDrawer = computed({
+      get: () => props.modelValue,
+      set: value => context.emit("update:modelValue", value),
+    });
+    watch(showDrawer, () => {
+      if (window.innerWidth < 760 && state.hasOpenedBefore === false) {
+        state.hasOpenedBefore = true;
+      }
+    });
+    const { width: wWidth } = useWindowSize();
+    watch(wWidth, (w) => {
+      if (w > 760) {
+        showDrawer.value = true;
+      }
+      else {
+        showDrawer.value = false;
+      }
+    });
 
     const allLinks = computed(() => [...props.topLink, ...(props.secondaryLinks || []), ...(props.bottomLinks || [])]);
     function initDropdowns() {
       allLinks.value.forEach((link) => {
         state.dropDowns[link.title] = link.childrenStartExpanded || false;
-      })
+      });
     }
     watch(
       () => allLinks,
@@ -212,22 +184,23 @@ export default defineComponent({
       },
       {
         deep: true,
-      }
+      },
     );
 
     return {
       ...toRefs(state),
       userFavoritesLink,
       userProfileLink,
-      drawer,
+      showDrawer,
       loggedIn,
       isOwnGroup,
+      sessionUser: $auth.user,
     };
   },
 });
 </script>
 
-<style>
+<style scoped>
 @media print {
   .no-print {
     display: none;
diff --git a/frontend/components/Layout/LayoutParts/TheSnackbar.vue b/frontend/components/Layout/LayoutParts/TheSnackbar.vue
index ecdf61706..e1f6f8e95 100644
--- a/frontend/components/Layout/LayoutParts/TheSnackbar.vue
+++ b/frontend/components/Layout/LayoutParts/TheSnackbar.vue
@@ -1,57 +1,75 @@
 <template>
   <div class="text-center">
-    <v-snackbar v-model="toastAlert.open" top :color="toastAlert.color" timeout="2000" @input="toastAlert.open = false">
-      <v-icon dark left>
-        {{ icon }}
-      </v-icon>
+    <v-snackbar
+      v-model="toastAlert.open"
+      location="top"
+      :color="toastAlert.color"
+      timeout="2000"
+    >
+      <v-icon
+        v-if="icon"
+        dark
+        start
+        :icon="icon"
+      />
 
       {{ toastAlert.title }}
       {{ toastAlert.text }}
 
-      <template #action="{ attrs }">
-        <v-btn text v-bind="attrs" @click="toastAlert.open = false"> {{ $t('general.close') }} </v-btn>
+      <template #actions>
+        <v-btn
+          variant="text"
+          @click="toastAlert.open = false"
+        >
+          {{ $t('general.close') }}
+        </v-btn>
       </template>
     </v-snackbar>
     <v-snackbar
+      v-model="toastLoading.open"
       content-class="py-2"
-      dense
-      bottom
-      right
-      :value="toastLoading.open"
+      density="compact"
+      location="bottom"
       :timeout="-1"
       :color="toastLoading.color"
-      @input="toastLoading.open = false"
     >
-      <div class="d-flex flex-column align-center justify-start" @click="toastLoading.open = false">
+      <div
+        class="d-flex flex-column align-center justify-start"
+        @click="toastLoading.open = false"
+      >
         <div class="mb-2 mt-0 text-subtitle-1 text-center">
           {{ toastLoading.text }}
         </div>
-        <v-progress-linear indeterminate color="white darken-2"></v-progress-linear>
+        <v-progress-linear
+          indeterminate
+          color="white-darken-2"
+        />
       </div>
     </v-snackbar>
   </div>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent } from "@nuxtjs/composition-api";
+import { useNuxtApp } from "#app";
 import { toastAlert, toastLoading } from "~/composables/use-toast";
 
-export default defineComponent({
+export default {
   setup() {
+    const { $globals } = useNuxtApp();
     const icon = computed(() => {
       switch (toastAlert.color) {
         case "error":
-          return "mdi-alert";
+          return $globals.icons.alertOutline;
         case "success":
-          return "mdi-check-bold";
+          return $globals.icons.checkBold;
         case "info":
-          return "mdi-information-outline";
+          return $globals.icons.informationOutline;
         default:
-          return "mdi-alert";
+          return $globals.icons.alertOutline;
       }
     });
 
     return { icon, toastAlert, toastLoading };
   },
-});
+};
 </script>
diff --git a/frontend/components/global/AdvancedOnly.vue b/frontend/components/global/AdvancedOnly.vue
index 37986eac0..817365bfc 100644
--- a/frontend/components/global/AdvancedOnly.vue
+++ b/frontend/components/global/AdvancedOnly.vue
@@ -1,19 +1,17 @@
 <template>
-  <div scoped-slot></div>
+  <div scoped-slot />
 </template>
 
 <script lang="ts">
-import { defineComponent, useContext } from "@nuxtjs/composition-api";
-
 /**
  * Renderless component that only renders if the user is logged in.
  * and has advanced options toggled.
  */
-export default defineComponent({
+export default defineNuxtComponent({
   setup(_, ctx) {
-    const { $auth } = useContext();
+    const $auth = useMealieAuth();
 
-    const r = $auth?.user?.advanced || false;
+    const r = $auth.user.value?.advanced || false;
 
     return () => {
       return r ? ctx.slots.default?.() : null;
diff --git a/frontend/components/global/AppButtonCopy.vue b/frontend/components/global/AppButtonCopy.vue
index f8067fe04..674d43c88 100644
--- a/frontend/components/global/AppButtonCopy.vue
+++ b/frontend/components/global/AppButtonCopy.vue
@@ -2,32 +2,33 @@
   <v-tooltip
     ref="copyToolTip"
     v-model="show"
-    :color="copied? 'success lighten-1' : 'red lighten-1'"
+    :color="copied? 'success-lighten-1' : 'red-lighten-1'"
     top
     :open-on-hover="false"
     :open-on-click="true"
     close-delay="500"
     transition="slide-y-transition"
   >
-    <template #activator="{ on }">
+    <template #activator="{ props }">
       <v-btn
+        variant="flat"
         :icon="icon"
         :color="color"
         retain-focus-on-click
         :class="btnClass"
         :disabled="copyText !== '' ? false : true"
-        @click="
-          on.click;
-          textToClipboard();
-        "
-        @blur="on.blur"
+        v-bind="props"
+        @click="textToClipboard()"
       >
         <v-icon>{{ $globals.icons.contentCopy }}</v-icon>
         {{ icon ? "" : $t("general.copy") }}
       </v-btn>
     </template>
     <span>
-      <v-icon left dark>
+      <v-icon
+        start
+        dark
+      >
         {{ $globals.icons.clipboardCheck }}
       </v-icon>
       <slot v-if="!isSupported"> {{ $t("general.your-browser-does-not-support-clipboard") }} </slot>
@@ -37,11 +38,9 @@
 </template>
 
 <script lang="ts">
-import { useClipboard } from "@vueuse/core"
-import { defineComponent, ref } from "@nuxtjs/composition-api";
-import { VTooltip } from "~/types/vuetify";
+import { useClipboard } from "@vueuse/core";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     copyText: {
       type: String,
@@ -61,7 +60,7 @@ export default defineComponent({
     },
   },
   setup(props) {
-    const { copy, copied, isSupported } = useClipboard()
+    const { copy, copied, isSupported } = useClipboard();
     const show = ref(false);
     const copyToolTip = ref<VTooltip | null>(null);
 
@@ -73,7 +72,7 @@ export default defineComponent({
       if (isSupported.value) {
         await copy(props.copyText);
         if (copied.value) {
-          console.log(`Copied\n${props.copyText}`)
+          console.log(`Copied\n${props.copyText}`);
         }
         else {
           console.warn("Copy failed: ", copied.value);
diff --git a/frontend/components/global/AppButtonUpload.vue b/frontend/components/global/AppButtonUpload.vue
index 5ca87d22c..f99f10543 100644
--- a/frontend/components/global/AppButtonUpload.vue
+++ b/frontend/components/global/AppButtonUpload.vue
@@ -1,9 +1,24 @@
 <template>
   <v-form ref="file">
-    <input ref="uploader" class="d-none" type="file" :accept="accept" @change="onFileChanged" />
+    <input
+      ref="uploader"
+      class="d-none"
+      type="file"
+      :accept="accept"
+      @change="onFileChanged"
+    >
     <slot v-bind="{ isSelecting, onButtonClick }">
-      <v-btn :loading="isSelecting" :small="small" :color="color" :text="textBtn" :disabled="disabled" @click="onButtonClick">
-        <v-icon left> {{ effIcon }}</v-icon>
+      <v-btn
+        :loading="isSelecting"
+        :small="small"
+        :color="color"
+        :variant="textBtn ? 'text' : 'elevated'"
+        :disabled="disabled"
+        @click="onButtonClick"
+      >
+        <v-icon start>
+          {{ effIcon }}
+        </v-icon>
         {{ text ? text : defaultText }}
       </v-btn>
     </slot>
@@ -11,12 +26,11 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, useContext } from "@nuxtjs/composition-api";
 import { useUserApi } from "~/composables/api";
 
 const UPLOAD_EVENT = "uploaded";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     small: {
       type: Boolean,
@@ -57,14 +71,15 @@ export default defineComponent({
     disabled: {
       type: Boolean,
       default: false,
-    }
+    },
   },
   setup(props, context) {
     const file = ref<File | null>(null);
     const uploader = ref<HTMLInputElement | null>(null);
     const isSelecting = ref(false);
 
-    const { i18n, $globals } = useContext();
+    const i18n = useI18n();
+    const { $globals } = useNuxtApp();
     const effIcon = props.icon ? props.icon : $globals.icons.upload;
 
     const defaultText = i18n.t("general.upload");
@@ -82,11 +97,15 @@ export default defineComponent({
 
         const formData = new FormData();
         formData.append(props.fileName, file.value);
-
-        const response = await api.upload.file(props.url, formData);
-
-        if (response) {
-          context.emit(UPLOAD_EVENT, response);
+        try {
+          const response = await api.upload.file(props.url, formData);
+          if (response) {
+            context.emit(UPLOAD_EVENT, response);
+          }
+        }
+        catch (e) {
+          console.error(e);
+          context.emit(UPLOAD_EVENT, null);
         }
         isSelecting.value = false;
       }
@@ -107,7 +126,7 @@ export default defineComponent({
         () => {
           isSelecting.value = false;
         },
-        { once: true }
+        { once: true },
       );
       uploader.value?.click();
     }
diff --git a/frontend/components/global/AppLoader.vue b/frontend/components/global/AppLoader.vue
index 718022ab0..dd708b5f4 100644
--- a/frontend/components/global/AppLoader.vue
+++ b/frontend/components/global/AppLoader.vue
@@ -1,19 +1,36 @@
 <template>
-  <div class="mx-auto my-3 justify-center" style="display: flex;">
+  <div
+    class="mx-auto my-3 justify-center"
+    style="display: flex;"
+  >
     <div style="display: inline;">
-      <v-progress-circular :width="size.width" :size="size.size" color="primary lighten-2" indeterminate>
+      <v-progress-circular
+        :width="size.width"
+        :size="size.size"
+        color="primary-lighten-2"
+        indeterminate
+      >
         <div class="text-center">
-          <v-icon :size="size.icon" color="primary lighten-2">
+          <v-icon
+            :size="size.icon"
+            color="primary-lighten-2"
+          >
             {{ $globals.icons.primary }}
           </v-icon>
-          <div v-if="large" class="text-small">
+          <div
+            v-if="large"
+            class="text-small"
+          >
             <slot>
               {{ (small || tiny) ? "" : waitingText }}
             </slot>
           </div>
         </div>
       </v-progress-circular>
-      <div v-if="!large" class="text-small">
+      <div
+        v-if="!large"
+        class="text-small"
+      >
         <slot>
           {{ (small || tiny) ? "" : waitingTextCalculated }}
         </slot>
@@ -23,9 +40,7 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useContext } from "@nuxtjs/composition-api";
-
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     loading: {
       type: Boolean,
@@ -50,7 +65,7 @@ export default defineComponent({
     waitingText: {
       type: String,
       default: undefined,
-    }
+    },
   },
   setup(props) {
     const size = computed(() => {
@@ -67,7 +82,8 @@ export default defineComponent({
           icon: 30,
           size: 50,
         };
-      } else if (props.large) {
+      }
+      else if (props.large) {
         return {
           width: 4,
           icon: 120,
@@ -81,7 +97,7 @@ export default defineComponent({
       };
     });
 
-    const { i18n } = useContext();
+    const i18n = useI18n();
     const waitingTextCalculated = props.waitingText == null ? i18n.t("general.loading-recipes") : props.waitingText;
 
     return {
diff --git a/frontend/components/global/AppToolbar.vue b/frontend/components/global/AppToolbar.vue
index e2e92adce..5356a3377 100644
--- a/frontend/components/global/AppToolbar.vue
+++ b/frontend/components/global/AppToolbar.vue
@@ -1,17 +1,25 @@
 <template>
-  <v-toolbar color="transparent" flat>
-    <BaseButton color="null" rounded secondary @click="$router.go(-1)">
-      <template #icon> {{ $globals.icons.arrowLeftBold }}</template>
+  <v-toolbar
+    color="transparent"
+    flat
+  >
+    <BaseButton
+      color="null"
+      rounded
+      secondary
+      @click="$router.go(-1)"
+    >
+      <template #icon>
+        {{ $globals.icons.arrowLeftBold }}
+      </template>
       {{ $t('general.back') }}
     </BaseButton>
-    <slot></slot>
+    <slot />
   </v-toolbar>
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
-
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     back: {
       type: Boolean,
diff --git a/frontend/components/global/AutoForm.vue b/frontend/components/global/AutoForm.vue
index c785eaaa1..d837ce2f1 100644
--- a/frontend/components/global/AutoForm.vue
+++ b/frontend/components/global/AutoForm.vue
@@ -1,49 +1,64 @@
 <template>
-  <v-card :color="color" :dark="dark" flat :width="width" class="my-2">
+  <v-card
+    :color="color"
+    :dark="dark"
+    flat
+    :width="width"
+    class="my-2"
+  >
     <v-row>
-      <v-col v-for="(inputField, index) in items" :key="index" class="py-0" cols="12" sm="12">
-        <v-divider v-if="inputField.section" class="my-2" />
-        <v-card-title v-if="inputField.section" class="pl-0">
+      <v-col
+        v-for="(inputField, index) in items"
+        :key="index"
+        class="py-0"
+        cols="12"
+        sm="12"
+      >
+        <v-divider
+          v-if="inputField.section"
+          class="my-2"
+        />
+        <v-card-title
+          v-if="inputField.section"
+          class="pl-0"
+        >
           {{ inputField.section }}
         </v-card-title>
-        <v-card-text v-if="inputField.sectionDetails" class="pl-0 mt-0 pt-0">
+        <v-card-text
+          v-if="inputField.sectionDetails"
+          class="pl-0 mt-0 pt-0"
+        >
           {{ inputField.sectionDetails }}
         </v-card-text>
 
         <!-- Check Box -->
         <v-checkbox
           v-if="inputField.type === fieldTypes.BOOLEAN"
-          v-model="value[inputField.varName]"
-          class="my-0 py-0"
+          v-model="modelValue[inputField.varName]"
           :name="inputField.varName"
           :disabled="(inputField.disableUpdate && updateMode) || (!updateMode && inputField.disableCreate) || (disabledFields && disabledFields.includes(inputField.varName))"
-          @change="emitBlur"
-        >
+          :hint="inputField.hint"
+          hide-details="auto"
+          density="comfortable"
+          @change="emitBlur">
           <template #label>
-            <div>
-              <v-card-text class="text-body-1 my-0 py-0">
-                {{ inputField.label }}
-              </v-card-text>
-              <v-card-text v-if="inputField.hint" class="text-caption my-0 py-0">
-                {{ inputField.hint }}
-              </v-card-text>
-            </div>
-          </template>
-        </v-checkbox>
-
+            <span class="ml-4">
+              {{ inputField.label }}
+            </span>
+        </template>
+</v-checkbox>
 
         <!-- Text Field -->
         <v-text-field
           v-else-if="inputField.type === fieldTypes.TEXT || inputField.type === fieldTypes.PASSWORD"
-          v-model="value[inputField.varName]"
+          v-model="modelValue[inputField.varName]"
           :readonly="(inputField.disableUpdate && updateMode) || (!updateMode && inputField.disableCreate) || (readonlyFields && readonlyFields.includes(inputField.varName))"
           :disabled="(inputField.disableUpdate && updateMode) || (!updateMode && inputField.disableCreate) || (disabledFields && disabledFields.includes(inputField.varName))"
-          filled
           :type="inputField.type === fieldTypes.PASSWORD ? 'password' : 'text'"
-          rounded
-          class="rounded-lg"
+          variant="solo-filled"
+          flat
           :autofocus="index === 0"
-          dense
+          density="comfortable"
           :label="inputField.label"
           :name="inputField.varName"
           :hint="inputField.hint || ''"
@@ -55,15 +70,15 @@
         <!-- Text Area -->
         <v-textarea
           v-else-if="inputField.type === fieldTypes.TEXT_AREA"
-          v-model="value[inputField.varName]"
+          v-model="modelValue[inputField.varName]"
           :readonly="(inputField.disableUpdate && updateMode) || (!updateMode && inputField.disableCreate) || (readonlyFields && readonlyFields.includes(inputField.varName))"
           :disabled="(inputField.disableUpdate && updateMode) || (!updateMode && inputField.disableCreate) || (disabledFields && disabledFields.includes(inputField.varName))"
-          filled
-          rounded
+          variant="solo-filled"
+          flat
           class="rounded-lg"
           rows="3"
           auto-grow
-          dense
+          density="comfortable"
           :label="inputField.label"
           :name="inputField.varName"
           :hint="inputField.hint || ''"
@@ -75,42 +90,53 @@
         <!-- Option Select -->
         <v-select
           v-else-if="inputField.type === fieldTypes.SELECT"
-          v-model="value[inputField.varName]"
+          v-model="modelValue[inputField.varName]"
           :readonly="(inputField.disableUpdate && updateMode) || (!updateMode && inputField.disableCreate) || (readonlyFields && readonlyFields.includes(inputField.varName))"
           :disabled="(inputField.disableUpdate && updateMode) || (!updateMode && inputField.disableCreate) || (disabledFields && disabledFields.includes(inputField.varName))"
-          filled
-          rounded
+          variant="solo-filled"
+          flat
           class="rounded-lg"
-          :prepend-icon="inputField.icons ? value[inputField.varName] : null"
+          :prepend-icon="inputField.icons ? modelValue[inputField.varName] : null"
           :label="inputField.label"
           :name="inputField.varName"
           :items="inputField.options"
-          :item-text="inputField.itemText"
+          :item-title="inputField.itemText"
           :item-value="inputField.itemValue"
           :return-object="false"
           :hint="inputField.hint"
+          density="comfortable"
           persistent-hint
           lazy-validation
           @blur="emitBlur"
         >
           <template #item="{ item }">
-            <v-list-item-content>
-              <v-list-item-title>{{ item.text }}</v-list-item-title>
-              <v-list-item-subtitle>{{ item.description }}</v-list-item-subtitle>
-            </v-list-item-content>
+            <div>
+              <v-list-item-title>{{ item.raw.text }}</v-list-item-title>
+              <v-list-item-subtitle>{{ item.raw.description }}</v-list-item-subtitle>
+            </div>
           </template>
         </v-select>
 
         <!-- Color Picker -->
-        <div v-else-if="inputField.type === fieldTypes.COLOR" class="d-flex" style="width: 100%">
+        <div
+          v-else-if="inputField.type === fieldTypes.COLOR"
+          class="d-flex"
+          style="width: 100%"
+        >
           <v-menu offset-y>
-            <template #activator="{ on }">
-              <v-btn class="my-2 ml-auto" style="min-width: 200px" :color="value[inputField.varName]" dark v-on="on">
+            <template #activator="{ props: templateProps }">
+              <v-btn
+                class="my-2 ml-auto"
+                style="min-width: 200px"
+                :color="modelValue[inputField.varName]"
+                dark
+                v-bind="templateProps"
+              >
                 {{ inputField.label }}
               </v-btn>
             </template>
             <v-color-picker
-              v-model="value[inputField.varName]"
+              v-model="modelValue[inputField.varName]"
               value="#7417BE"
               hide-canvas
               hide-inputs
@@ -122,21 +148,34 @@
         </div>
 
         <div v-else-if="inputField.type === fieldTypes.OBJECT">
-          <auto-form v-model="value[inputField.varName]" :color="color" :items="inputField.items" @blur="emitBlur" />
+          <auto-form
+            v-model="modelValue[inputField.varName]"
+            :color="color"
+            :items="inputField.items"
+            @blur="emitBlur"
+          />
         </div>
 
         <!-- List Type -->
         <div v-else-if="inputField.type === fieldTypes.LIST">
-          <div v-for="(item, idx) in value[inputField.varName]" :key="idx">
+          <div
+            v-for="(item, idx) in modelValue[inputField.varName]"
+            :key="idx"
+          >
             <p>
               {{ inputField.label }} {{ idx + 1 }}
               <span>
-                <BaseButton class="ml-5" x-small delete @click="removeByIndex(value[inputField.varName], idx)" />
+                <BaseButton
+                  class="ml-5"
+                  x-small
+                  delete
+                  @click="removeByIndex(modelValue[inputField.varName], idx)"
+                />
               </span>
             </p>
             <v-divider class="mb-5 mx-2" />
             <auto-form
-              v-model="value[inputField.varName][idx]"
+              v-model="modelValue[inputField.varName][idx]"
               :color="color"
               :items="inputField.items"
               @blur="emitBlur"
@@ -144,7 +183,10 @@
           </div>
           <v-card-actions>
             <v-spacer />
-            <BaseButton small @click="value[inputField.varName].push(getTemplate(inputField.items))">
+            <BaseButton
+              small
+              @click="modelValue[inputField.varName].push(getTemplate(inputField.items))"
+            >
               {{ $t("general.new") }}
             </BaseButton>
           </v-card-actions>
@@ -154,111 +196,96 @@
   </v-card>
 </template>
 
-<script lang="ts">
-import { computed, defineComponent } from "@nuxtjs/composition-api";
+<script lang="ts" setup>
 import { validators } from "@/composables/use-validators";
 import { fieldTypes } from "@/composables/forms";
-import { AutoFormItems } from "~/types/auto-forms";
+import type { AutoFormItems } from "~/types/auto-forms";
 
 const BLUR_EVENT = "blur";
 
 type ValidatorKey = keyof typeof validators;
 
-export default defineComponent({
-  name: "AutoForm",
-  props: {
-    value: {
-      default: null,
-      type: [Object, Array],
-    },
-    updateMode: {
-      default: false,
-      type: Boolean,
-    },
-    items: {
-      default: null,
-      type: Array as () => AutoFormItems,
-    },
-    width: {
-      type: [Number, String],
-      default: "max",
-    },
-    globalRules: {
-      default: null,
-      type: Array as () => string[],
-    },
-    color: {
-      default: null,
-      type: String,
-    },
-    dark: {
-      default: false,
-      type: Boolean,
-    },
-    disabledFields: {
-      default: null,
-      type: Array as () => string[],
-    },
-    readonlyFields: {
-      default: null,
-      type: Array as () => string[],
-    },
+// Use defineModel for v-model
+const modelValue = defineModel<[object, Array<any>]>();
+
+const props = defineProps({
+  updateMode: {
+    default: false,
+    type: Boolean,
   },
-  setup(props, context) {
-    function rulesByKey(keys?: ValidatorKey[] | null) {
-      if (keys === undefined || keys === null) {
-        return [];
-      }
-
-      const list = [] as ((v: string) => boolean | string)[];
-      keys.forEach((key) => {
-        const split = key.split(":");
-        const validatorKey = split[0] as ValidatorKey;
-        if (validatorKey in validators) {
-          if (split.length === 1) {
-            // @ts-ignore- validators[validatorKey] is a function
-            list.push(validators[validatorKey]);
-          } else {
-            // @ts-ignore - validators[validatorKey] is a function
-            list.push(validators[validatorKey](split[1]));
-          }
-        }
-      });
-      return list;
-    }
-
-    const defaultRules = computed(() => rulesByKey(props.globalRules as ValidatorKey[]));
-
-    function removeByIndex(list: never[], index: number) {
-      // Removes the item at the index
-      list.splice(index, 1);
-    }
-
-    function getTemplate(item: AutoFormItems) {
-      const obj = {} as { [key: string]: string };
-
-      item.forEach((field) => {
-        obj[field.varName] = "";
-      });
-
-      return obj;
-    }
-
-    function emitBlur() {
-      context.emit(BLUR_EVENT, props.value);
-    }
-
-    return {
-      rulesByKey,
-      defaultRules,
-      removeByIndex,
-      getTemplate,
-      emitBlur,
-      fieldTypes,
-      validators,
-    };
+  items: {
+    default: null,
+    type: Array as () => AutoFormItems,
+  },
+  width: {
+    type: [Number, String],
+    default: "max",
+  },
+  globalRules: {
+    default: null,
+    type: Array as () => string[],
+  },
+  color: {
+    default: null,
+    type: String,
+  },
+  dark: {
+    default: false,
+    type: Boolean,
+  },
+  disabledFields: {
+    default: null,
+    type: Array as () => string[],
+  },
+  readonlyFields: {
+    default: null,
+    type: Array as () => string[],
   },
 });
+
+const emit = defineEmits(["blur", "update:modelValue"]);
+
+function rulesByKey(keys?: ValidatorKey[] | null) {
+  if (keys === undefined || keys === null) {
+    return [];
+  }
+
+  const list = [] as ((v: string) => boolean | string)[];
+  keys.forEach((key) => {
+    const split = key.split(":");
+    const validatorKey = split[0] as ValidatorKey;
+    if (validatorKey in validators) {
+      if (split.length === 1) {
+        list.push(validators[validatorKey]);
+      }
+      else {
+        list.push(validators[validatorKey](split[1]));
+      }
+    }
+  });
+  return list;
+}
+
+const defaultRules = computed(() => rulesByKey(props.globalRules as ValidatorKey[]));
+
+function removeByIndex(list: never[], index: number) {
+  // Removes the item at the index
+  list.splice(index, 1);
+}
+
+function getTemplate(item: AutoFormItems) {
+  const obj = {} as { [key: string]: string };
+
+  item.forEach((field) => {
+    obj[field.varName] = "";
+  });
+
+  return obj;
+}
+
+function emitBlur() {
+  emit(BLUR_EVENT, modelValue.value);
+}
 </script>
 
 <style lang="scss" scoped></style>
diff --git a/frontend/components/global/BannerExperimental.vue b/frontend/components/global/BannerExperimental.vue
index 35254833f..3b6a71bfe 100644
--- a/frontend/components/global/BannerExperimental.vue
+++ b/frontend/components/global/BannerExperimental.vue
@@ -1,10 +1,16 @@
 <template>
   <BannerWarning
-    :title="$tc('banner-experimental.title')"
-    :description="$tc('banner-experimental.description')"
+    :title="$t('banner-experimental.title')"
+    :description="$t('banner-experimental.description')"
   >
-    <template v-if="issue" #default>
-      <a :href="issue" target="_blank">{{ $t("banner-experimental.issue-link-text") }}</a>
+    <template
+      v-if="issue"
+      #default
+    >
+      <a
+        :href="issue"
+        target="_blank"
+      >{{ $t("banner-experimental.issue-link-text") }}</a>
     </template>
   </BannerWarning>
 </template>
diff --git a/frontend/components/global/BannerWarning.vue b/frontend/components/global/BannerWarning.vue
index 9ffb40880..bf2289bbc 100644
--- a/frontend/components/global/BannerWarning.vue
+++ b/frontend/components/global/BannerWarning.vue
@@ -1,9 +1,21 @@
 <template>
-  <v-alert border="left" colored-border type="warning" elevation="2" :icon="$globals.icons.alert">
+  <v-alert
+    border="start"
+    border-color
+    variant="tonal"
+    type="warning"
+    elevation="2"
+    :icon="$globals.icons.alert"
+  >
     <b v-if="title">{{ title }}</b>
-    <div v-if="description">{{ description }}</div>
-    <div v-if="$slots.default" class="py-2">
-      <slot></slot>
+    <div v-if="description">
+      {{ description }}
+    </div>
+    <div
+      v-if="$slots.default"
+      class="py-2"
+    >
+      <slot />
     </div>
   </v-alert>
 </template>
diff --git a/frontend/components/global/BaseButton.vue b/frontend/components/global/BaseButton.vue
index 7eebc912c..70630d23f 100644
--- a/frontend/components/global/BaseButton.vue
+++ b/frontend/components/global/BaseButton.vue
@@ -1,18 +1,19 @@
 <template>
   <v-btn
     :color="color || btnAttrs.color"
-    :small="small"
+    :size="small ? 'small' : 'default'"
     :x-small="xSmall"
     :loading="loading"
     :disabled="disabled"
-    :outlined="btnStyle.outlined"
-    :text="btnStyle.text"
+    :variant="disabled ? 'tonal' : btnStyle.outlined ? 'outlined' : btnStyle.text ? 'text' : 'elevated'"
     :to="to"
     v-bind="$attrs"
-    v-on="$listeners"
     @click="download ? downloadFile() : undefined"
   >
-    <v-icon v-if="!iconRight" left>
+    <v-icon
+      v-if="!iconRight"
+      start
+    >
       <slot name="icon">
         {{ icon || btnAttrs.icon }}
       </slot>
@@ -20,7 +21,10 @@
     <slot name="default">
       {{ text || btnAttrs.text }}
     </slot>
-    <v-icon v-if="iconRight" right>
+    <v-icon
+      v-if="iconRight"
+      end
+    >
       <slot name="icon">
         {{ icon || btnAttrs.icon }}
       </slot>
@@ -29,10 +33,9 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useContext } from "@nuxtjs/composition-api";
 import { useUserApi } from "~/composables/api";
 
-export default defineComponent({
+export default defineNuxtComponent({
   name: "BaseButton",
   props: {
     // Types
@@ -117,7 +120,8 @@ export default defineComponent({
     },
   },
   setup(props) {
-    const { $globals, i18n } = useContext();
+    const i18n = useI18n();
+    const { $globals } = useNuxtApp();
     const buttonOptions = {
       create: {
         text: i18n.t("general.create"),
@@ -159,15 +163,20 @@ export default defineComponent({
     const btnAttrs = computed(() => {
       if (props.delete) {
         return buttonOptions.delete;
-      } else if (props.update) {
+      }
+      else if (props.update) {
         return buttonOptions.update;
-      } else if (props.edit) {
+      }
+      else if (props.edit) {
         return buttonOptions.edit;
-      } else if (props.cancel) {
+      }
+      else if (props.cancel) {
         return buttonOptions.cancel;
-      } else if (props.save) {
+      }
+      else if (props.save) {
         return buttonOptions.save;
-      } else if (props.download) {
+      }
+      else if (props.download) {
         return buttonOptions.download;
       }
       return buttonOptions.create;
@@ -191,7 +200,8 @@ export default defineComponent({
     const btnStyle = computed(() => {
       if (props.secondary) {
         return buttonStyles.secondary;
-      } else if (props.minor || props.cancel) {
+      }
+      else if (props.minor || props.cancel) {
         return buttonStyles.minor;
       }
       return buttonStyles.defaults;
diff --git a/frontend/components/global/BaseButtonGroup.vue b/frontend/components/global/BaseButtonGroup.vue
index ff5177fc1..887c12a4d 100644
--- a/frontend/components/global/BaseButtonGroup.vue
+++ b/frontend/components/global/BaseButtonGroup.vue
@@ -1,20 +1,44 @@
 <template>
   <v-item-group>
     <template v-for="btn in buttons">
-      <v-menu v-if="btn.children" :key="'menu-' + btn.event" active-class="pa-0" offset-y top left :style="stretch ? 'width: 100%;' : ''">
-        <template #activator="{ on, attrs }">
-          <v-btn tile :large="large" icon v-bind="attrs" v-on="on">
+      <v-menu
+        v-if="btn.children"
+        :key="'menu-' + btn.event"
+        active-class="pa-0"
+        offset-y
+        top
+        start
+        :style="stretch ? 'width: 100%;' : ''"
+      >
+        <template #activator="{ props }">
+          <v-btn
+            tile
+            :large="large"
+            icon
+            variant="plain"
+            v-bind="props"
+          >
             <v-icon>
               {{ btn.icon }}
             </v-icon>
           </v-btn>
         </template>
-        <v-list dense>
-          <template v-for="(child, idx) in btn.children">
-            <v-list-item :key="idx" dense @click="$emit(child.event)">
+        <v-list density="compact">
+          <template
+            v-for="(child, idx) in btn.children"
+            :key="idx"
+          >
+            <v-list-item
+              density="compact"
+              @click="$emit(child.event)"
+            >
               <v-list-item-title>{{ child.text }}</v-list-item-title>
             </v-list-item>
-            <v-divider v-if="child.divider" :key="`divider-${idx}`" class="my-1"></v-divider>
+            <v-divider
+              v-if="child.divider"
+              :key="`divider-${idx}`"
+              class="my-1"
+            />
           </template>
         </v-list>
       </v-menu>
@@ -23,11 +47,11 @@
         :key="'btn-' + btn.event"
         open-delay="200"
         transition="slide-y-reverse-transition"
-        dense
+        density="compact"
         bottom
         content-class="text-caption"
       >
-        <template #activator="{ on, attrs }">
+        <template #activator="{ props }">
           <v-btn
             tile
             icon
@@ -35,8 +59,8 @@
             :large="large"
             :disabled="btn.disabled"
             :style="stretch ? `width: ${maxButtonWidth};` : ''"
-            v-bind="attrs"
-            v-on="on"
+            variant="plain"
+            v-bind="props"
             @click="$emit(btn.event)"
           >
             <v-icon> {{ btn.icon }} </v-icon>
@@ -49,8 +73,6 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent } from "@nuxtjs/composition-api";
-
 export interface ButtonOption {
   icon?: string;
   color?: string;
@@ -61,7 +83,7 @@ export interface ButtonOption {
   divider?: boolean;
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     buttons: {
       type: Array as () => ButtonOption[],
@@ -74,13 +96,13 @@ export default defineComponent({
     stretch: {
       type: Boolean,
       default: false,
-    }
+    },
   },
   setup(props) {
     const maxButtonWidth = computed(() => `${100 / props.buttons.length}%`);
     return {
       maxButtonWidth,
     };
-  }
+  },
 });
 </script>
diff --git a/frontend/components/global/BaseCardSectionTitle.vue b/frontend/components/global/BaseCardSectionTitle.vue
index 71fe97ad6..031634819 100644
--- a/frontend/components/global/BaseCardSectionTitle.vue
+++ b/frontend/components/global/BaseCardSectionTitle.vue
@@ -7,25 +7,29 @@
       'mt-8': section,
     }"
   >
-    <v-card-title class="headline pl-0 py-0">
-      <v-icon v-if="icon !== ''" left>
+    <v-card-title class="text-h5 pl-0 py-0" style="font-weight: normal;">
+      <v-icon
+        v-if="icon"
+        start
+      >
         {{ icon }}
       </v-icon>
       {{ title }}
     </v-card-title>
-    <v-card-text v-if="$slots.default" class="pt-2 pl-0">
+    <v-card-text
+      v-if="$slots.default"
+      class="pt-2 pl-0"
+    >
       <p class="pb-0 mb-0">
         <slot />
       </p>
     </v-card-text>
-    <v-divider class="mb-3"></v-divider>
+    <v-divider class="mb-3" />
   </v-card>
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
-
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     title: {
       type: String,
diff --git a/frontend/components/global/BaseDialog.vue b/frontend/components/global/BaseDialog.vue
index 1a8e77ff2..76b39b5ae 100644
--- a/frontend/components/global/BaseDialog.vue
+++ b/frontend/components/global/BaseDialog.vue
@@ -1,59 +1,77 @@
 <template>
   <div>
-    <slot name="activator" v-bind="{ open }" />
+    <slot
+      name="activator"
+      v-bind="{ open }"
+    />
     <v-dialog
       v-model="dialog"
-      absolute
       :width="width"
-      :max-width="maxWidth"
+      :max-width="maxWidth ?? undefined"
       :content-class="top ? 'top-dialog' : undefined"
-      :fullscreen="$vuetify.breakpoint.xsOnly"
-      @keydown.enter="
-        $emit('submit');
-        dialog = false;
-      "
-      @click:outside="$emit('cancel')"
-      @keydown.esc="$emit('cancel')"
+      :fullscreen="$vuetify.display.xs"
+      @keydown.enter="() => {
+        emit('submit'); dialog = false;
+      }"
+      @click:outside="emit('cancel')"
+      @keydown.esc="emit('cancel')"
     >
       <v-card height="100%">
-        <v-app-bar dark dense :color="color" class="">
-          <v-icon large left>
+        <v-toolbar
+          dark
+          density="comfortable"
+          :color="color"
+          class="px-3 position-relative top-0 left-0 w-100"
+        >
+          <v-icon size="large">
             {{ icon }}
           </v-icon>
-          <v-toolbar-title class="headline"> {{ title }} </v-toolbar-title>
-          <v-spacer></v-spacer>
-        </v-app-bar>
-        <v-progress-linear v-if="loading" class="mt-1" indeterminate color="primary"></v-progress-linear>
+          <v-toolbar-title class="headline">
+            {{ title }}
+          </v-toolbar-title>
+          <v-spacer />
+        </v-toolbar>
+        <v-progress-linear
+          v-if="loading"
+          class="mt-1"
+          indeterminate
+          color="primary"
+        />
 
         <div>
           <slot v-bind="{ submitEvent }" />
         </div>
 
-        <v-divider class="mx-2"></v-divider>
+        <v-divider class="mx-2" />
 
         <v-card-actions>
           <slot name="card-actions">
             <v-btn
-              text
+              variant="text"
               color="grey"
               @click="
                 dialog = false;
-                $emit('cancel');
+                emit('cancel');
               "
             >
               {{ $t("general.cancel") }}
             </v-btn>
-            <v-spacer></v-spacer>
+            <v-spacer />
 
-            <slot name="custom-card-action"></slot>
-            <BaseButton v-if="$listeners.delete" delete secondary @click="deleteEvent" />
+            <slot name="custom-card-action" />
             <BaseButton
-              v-if="$listeners.confirm"
+              v-if="canDelete"
+              delete
+              secondary
+              @click="deleteEvent"
+            />
+            <BaseButton
+              v-if="canConfirm"
               :color="color"
               type="submit"
               :disabled="submitDisabled"
               @click="
-                $emit('confirm');
+                emit('confirm');
                 dialog = false;
               "
             >
@@ -63,141 +81,127 @@
               {{ $t("general.confirm") }}
             </BaseButton>
             <BaseButton
-              v-if="$listeners.submit"
+              v-if="canSubmit"
               type="submit"
               :disabled="submitDisabled"
               @click="submitEvent"
             >
               {{ submitText }}
-              <template v-if="submitIcon" #icon>
+              <template
+                v-if="submitIcon"
+                #icon
+              >
                 {{ submitIcon }}
               </template>
             </BaseButton>
           </slot>
         </v-card-actions>
 
-        <div v-if="$slots['below-actions']" class="pb-4">
-          <slot name="below-actions"> </slot>
+        <div
+          v-if="$slots['below-actions']"
+          class="pb-4"
+        >
+          <slot name="below-actions" />
         </div>
       </v-card>
     </v-dialog>
   </div>
 </template>
 
-<script lang="ts">
-import { defineComponent, computed } from "@nuxtjs/composition-api";
-export default defineComponent({
-  name: "BaseDialog",
-  props: {
-    value: {
-      type: Boolean,
-      default: false,
-    },
-    color: {
-      type: String,
-      default: "primary",
-    },
-    title: {
-      type: String,
-      default: "Modal Title",
-    },
-    icon: {
-      type: String,
-      default: null,
-    },
-    width: {
-      type: [Number, String],
-      default: "500",
-    },
-    maxWidth: {
-      type: [Number, String],
-      default: null,
-    },
-    loading: {
-      type: Boolean,
-      default: false,
-    },
-    top: {
-      default: null,
-      type: Boolean,
-    },
-    submitIcon: {
-      type: String,
-      default: null,
-    },
-    submitText: {
-      type: String,
-      default: function () {
-        return this.$t("general.create");
-      },
-    },
-    submitDisabled: {
-      type: Boolean,
-      default: false,
-    },
-    keepOpen: {
-      default: false,
-      type: Boolean,
-    },
-  },
-  setup(props, context) {
-    const dialog = computed<boolean>({
-      get() {
-        return props.value;
-      },
-      set(val) {
-        context.emit("input", val);
-      },
-    });
+<script setup lang="ts">
+import { useNuxtApp } from "#app";
 
-    return {
-      dialog,
-    };
-  },
-  data() {
-    return {
-      submitted: false,
-    };
-  },
-  computed: {
-    determineClose(): boolean {
-      return this.submitted && !this.loading && !this.keepOpen;
-    },
-  },
-  watch: {
-    determineClose() {
-      this.submitted = false;
-      this.dialog = false;
-    },
-    dialog(val) {
-      if (val) this.submitted = false;
-      if (!val) this.$emit("close");
-    },
-  },
-  methods: {
-    submitEvent() {
-      this.$emit("submit");
-      this.submitted = true;
-    },
-    deleteEvent() {
-      this.$emit("delete");
-      this.submitted = true;
-    },
-    open() {
-      this.dialog = true;
-      this.logDeprecatedProp("open");
-    },
-    close() {
-      this.dialog = false;
-      this.logDeprecatedProp("close");
-    },
-    logDeprecatedProp(val: string) {
-      console.warn(
-        `[BaseDialog] The method '${val}' is deprecated. Please use v-model="value" to manage state instead.`
-      );
-    },
-  },
+interface DialogProps {
+  modelValue: boolean;
+  color?: string;
+  title?: string;
+  icon?: string | null;
+  width?: number | string;
+  maxWidth?: number | string | null;
+  loading?: boolean;
+  top?: boolean | null;
+  submitIcon?: string | null;
+  submitText?: string;
+  submitDisabled?: boolean;
+  keepOpen?: boolean;
+  // actions
+  canDelete?: boolean;
+  canConfirm?: boolean;
+  canSubmit?: boolean;
+}
+
+interface DialogEmits {
+  (e: "update:modelValue", value: boolean): void;
+  (e: "submit" | "cancel" | "confirm" | "delete" | "close"): void;
+}
+
+// Using TypeScript interface with withDefaults for props
+const props = withDefaults(defineProps<DialogProps>(), {
+  color: "primary",
+  title: "Modal Title",
+  icon: null,
+  width: "500",
+  maxWidth: null,
+  loading: false,
+  top: null,
+  submitIcon: null,
+  submitText: () => useNuxtApp().$i18n.t("general.create"),
+  submitDisabled: false,
+  keepOpen: false,
+  canDelete: false,
+  canConfirm: false,
+  canSubmit: false,
 });
+const emit = defineEmits<DialogEmits>();
+
+const dialog = computed({
+  get: () => props.modelValue,
+  set: val => emit("update:modelValue", val),
+});
+
+const submitted = ref(false);
+
+const determineClose = computed(() => {
+  return submitted.value && !props.loading && !props.keepOpen;
+});
+
+watch(determineClose, (shouldClose) => {
+  if (shouldClose) {
+    submitted.value = false;
+    dialog.value = false;
+  }
+});
+
+watch(dialog, (val) => {
+  if (val) submitted.value = false;
+  if (!val) emit("close");
+});
+
+function submitEvent() {
+  emit("submit");
+  submitted.value = true;
+}
+
+function deleteEvent() {
+  emit("delete");
+  submitted.value = true;
+}
+
+function open() {
+  dialog.value = true;
+  logDeprecatedProp("open");
+}
+
+/* function close() {
+	dialog.value = false;
+	logDeprecatedProp("close");
+} */
+
+function logDeprecatedProp(val: string) {
+  console.warn(
+    `[BaseDialog] The method '${val}' is deprecated. Please use v-model="value" to manage state instead.`,
+  );
+}
 </script>
 
 <style>
diff --git a/frontend/components/global/BaseDivider.vue b/frontend/components/global/BaseDivider.vue
index ea98d70d9..ce453402f 100644
--- a/frontend/components/global/BaseDivider.vue
+++ b/frontend/components/global/BaseDivider.vue
@@ -1,11 +1,13 @@
 <template>
-  <v-divider :width="width" :class="color" :style="`border-width: ${thickness} !important`" />
+  <v-divider
+    :width="width"
+    :class="color"
+    :style="`border-width: ${thickness} !important`"
+  />
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
-
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     width: {
       type: String,
diff --git a/frontend/components/global/BaseOverflowButton.vue b/frontend/components/global/BaseOverflowButton.vue
index 365ab852f..38e8d8b20 100644
--- a/frontend/components/global/BaseOverflowButton.vue
+++ b/frontend/components/global/BaseOverflowButton.vue
@@ -1,59 +1,104 @@
 <template>
   <v-menu offset-y>
-    <template #activator="{ on, attrs }">
-      <v-btn color="primary" v-bind="{ ...attrs, ...$attrs }" :class="btnClass" :disabled="disabled" v-on="on">
-        <v-icon v-if="activeObj.icon" left>
+    <template #activator="{ props }">
+      <v-btn
+        color="primary"
+        v-bind="{ ...props, ...$attrs }"
+        :class="btnClass"
+        :disabled="disabled"
+      >
+        <v-icon
+          v-if="activeObj.icon"
+          start
+        >
           {{ activeObj.icon }}
         </v-icon>
         {{ mode === MODES.model ? activeObj.text : btnText }}
-        <v-icon right>
+        <v-icon end>
           {{ $globals.icons.chevronDown }}
         </v-icon>
       </v-btn>
     </template>
     <!-- Model -->
-    <v-list v-if="mode === MODES.model" dense>
-      <v-list-item-group v-model="itemGroup">
-        <template v-for="(item, index) in items">
-          <div v-if="!item.hide" :key="index">
-            <v-list-item @click="setValue(item)">
-              <v-list-item-icon v-if="item.icon">
-                <v-icon>{{ item.icon }}</v-icon>
-              </v-list-item-icon>
-              <v-list-item-title>{{ item.text }}</v-list-item-title>
-            </v-list-item>
-            <v-divider v-if="item.divider" :key="`divider-${index}`" class="my-1" ></v-divider>
-          </div>
-        </template>
-      </v-list-item-group>
-    </v-list>
-    <!-- Links -->
-    <v-list v-else-if="mode === MODES.link" dense>
-      <v-list-item-group v-model="itemGroup">
-        <template v-for="(item, index) in items">
-          <div v-if="!item.hide" :key="index">
-            <v-list-item :to="item.to">
-            <v-list-item-icon v-if="item.icon">
-              <v-icon>{{ item.icon }}</v-icon>
-            </v-list-item-icon>
-            <v-list-item-title>{{ item.text }}</v-list-item-title>
-            </v-list-item>
-            <v-divider v-if="item.divider" :key="`divider-${index}`" class="my-1" ></v-divider>
-          </div>
-        </template>
-      </v-list-item-group>
-    </v-list>
-    <!-- Event -->
-    <v-list v-else-if="mode === MODES.event" dense>
+    <v-list
+      v-if="mode === MODES.model"
+      v-model:selected="itemGroup"
+      density="compact"
+    >
       <template v-for="(item, index) in items">
-        <div v-if="!item.hide" :key="index">
-          <v-list-item @click="$emit(item.event)">
-            <v-list-item-icon v-if="item.icon">
+        <div
+          v-if="!item.hide"
+          :key="index"
+        >
+          <v-list-item @click="setValue(item)">
+            <template
+              v-if="item.icon"
+              #prepend
+            >
               <v-icon>{{ item.icon }}</v-icon>
-            </v-list-item-icon>
+            </template>
             <v-list-item-title>{{ item.text }}</v-list-item-title>
           </v-list-item>
-          <v-divider v-if="item.divider" :key="`divider-${index}`" class="my-1" ></v-divider>
+          <v-divider
+            v-if="item.divider"
+            :key="`divider-${index}`"
+            class="my-1"
+          />
+        </div>
+      </template>
+    </v-list>
+    <!-- Links -->
+    <v-list
+      v-else-if="mode === MODES.link"
+      v-model:selected="itemGroup"
+      density="compact"
+    >
+      <template v-for="(item, index) in items">
+        <div
+          v-if="!item.hide"
+          :key="index"
+        >
+          <v-list-item :to="item.to">
+            <template
+              v-if="item.icon"
+              #prepend
+            >
+              <v-icon>{{ item.icon }}</v-icon>
+            </template>
+            <v-list-item-title>{{ item.text }}</v-list-item-title>
+          </v-list-item>
+          <v-divider
+            v-if="item.divider"
+            :key="`divider-${index}`"
+            class="my-1"
+          />
+        </div>
+      </template>
+    </v-list>
+    <!-- Event -->
+    <v-list
+      v-else-if="mode === MODES.event"
+      density="compact"
+    >
+      <template v-for="(item, index) in items">
+        <div
+          v-if="!item.hide"
+          :key="index"
+        >
+          <v-list-item @click="$emit(item.event)">
+            <template
+              v-if="item.icon"
+              #prepend
+            >
+              <v-icon>{{ item.icon }}</v-icon>
+            </template>
+            <v-list-item-title>{{ item.text }}</v-list-item-title>
+          </v-list-item>
+          <v-divider
+            v-if="item.divider"
+            :key="`divider-${index}`"
+            class="my-1"
+          />
         </div>
       </template>
     </v-list>
@@ -61,18 +106,14 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref } from "@nuxtjs/composition-api";
-
-const INPUT_EVENT = "input";
-
-type modes = "model" | "link" | "event";
-
 const MODES = {
   model: "model",
   link: "link",
   event: "event",
 };
 
+type modes = "model" | "link" | "event";
+
 export interface MenuItem {
   text: string;
   icon?: string;
@@ -83,7 +124,7 @@ export interface MenuItem {
   hide?: boolean;
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     mode: {
       type: String as () => modes,
@@ -98,7 +139,7 @@ export default defineComponent({
       required: false,
       default: false,
     },
-    value: {
+    modelValue: {
       type: String,
       required: false,
       default: "",
@@ -112,10 +153,11 @@ export default defineComponent({
       type: String,
       required: false,
       default: function () {
-        return this.$t("general.actions");
-      }
+        return useI18n().t("general.actions");
+      },
     },
   },
+  emits: ["update:modelValue"],
   setup(props, context) {
     const activeObj = ref<MenuItem>({
       text: "DEFAULT",
@@ -124,7 +166,7 @@ export default defineComponent({
 
     let startIndex = 0;
     props.items.forEach((item, index) => {
-      if (item.value === props.value) {
+      if (item.value === props.modelValue) {
         startIndex = index;
 
         activeObj.value = item;
@@ -133,7 +175,7 @@ export default defineComponent({
     const itemGroup = ref(startIndex);
 
     function setValue(v: MenuItem) {
-      context.emit(INPUT_EVENT, v.value);
+      context.emit("update:modelValue", v.value);
       activeObj.value = v;
     }
 
diff --git a/frontend/components/global/BasePageTitle.vue b/frontend/components/global/BasePageTitle.vue
index ae94078d8..0e45c30d7 100644
--- a/frontend/components/global/BasePageTitle.vue
+++ b/frontend/components/global/BasePageTitle.vue
@@ -1,26 +1,29 @@
 <template>
   <div class="mt-4">
     <section class="d-flex flex-column align-center">
-      <slot name="header"></slot>
-      <h2 class="headline">
-        <slot name="title"> 👋 Here's a Title </slot>
+      <slot name="header" />
+      <h2 class="text-h5">
+        <slot name="title">
+          👋 Here's a Title
+        </slot>
       </h2>
 
       <h3 class="subtitle-1">
-        <slot> </slot>
+        <slot />
       </h3>
     </section>
     <section class="d-flex">
-      <slot name="content"></slot>
+      <slot name="content" />
     </section>
-    <v-divider v-if="divider" class="my-4"></v-divider>
+    <v-divider
+      v-if="divider"
+      class="my-4"
+    />
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
-
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     divider: {
       type: Boolean,
@@ -29,3 +32,11 @@ export default defineComponent({
   },
 });
 </script>
+
+<style scoped>
+.subtitle-1 {
+  font-size: 1rem;
+  font-weight: normal;
+  color: var(--v-text-caption);
+}
+</style>
diff --git a/frontend/components/global/BaseStatCard.vue b/frontend/components/global/BaseStatCard.vue
index 7e3877e05..582cbb3f9 100644
--- a/frontend/components/global/BaseStatCard.vue
+++ b/frontend/components/global/BaseStatCard.vue
@@ -1,5 +1,9 @@
 <template>
-  <v-card v-bind="$attrs" :class="classes" class="v-card--material pa-3">
+  <v-card
+    v-bind="$attrs"
+    :class="classes"
+    class="v-card--material pa-3"
+  >
     <div class="d-flex grow flex-wrap">
       <slot name="avatar">
         <v-sheet
@@ -10,12 +14,24 @@
           class="text-start v-card--material__heading mb-n6 mt-n10 pa-7"
           dark
         >
-          <v-icon v-if="icon" size="40"> {{ icon }} </v-icon>
-          <div v-if="text" class="headline font-weight-thin" v-text="text" />
+          <v-icon
+            v-if="icon"
+            size="40"
+          >
+            {{ icon }}
+          </v-icon>
+          <div
+            v-if="text"
+            class="headline font-weight-thin"
+            v-text="text"
+          />
         </v-sheet>
       </slot>
 
-      <div v-if="$slots['after-heading']" class="ml-auto">
+      <div
+        v-if="$slots['after-heading']"
+        class="ml-auto"
+      >
         <slot name="after-heading" />
       </div>
     </div>
@@ -31,7 +47,10 @@
     </template>
 
     <template v-if="$slots.bottom">
-      <v-divider v-if="!$slots.actions" class="mt-2" />
+      <v-divider
+        v-if="!$slots.actions"
+        class="mt-2"
+      />
 
       <div class="pb-0">
         <slot name="bottom" />
@@ -41,9 +60,7 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useContext } from "@nuxtjs/composition-api";
-
-export default defineComponent({
+export default defineNuxtComponent({
   name: "MaterialCard",
 
   props: {
@@ -73,14 +90,13 @@ export default defineComponent({
     },
   },
   setup() {
-    const { $vuetify } = useContext();
-
+    const { $vuetify } = useNuxtApp();
     const hasHeading = computed(() => false);
     const hasAltHeading = computed(() => false);
     const classes = computed(() => {
       return {
         "v-card--material--has-heading": hasHeading,
-        "mt-3": $vuetify.breakpoint.name === "xs" || $vuetify.breakpoint.name === "sm",
+        "mt-3": $vuetify.display.name.value === "xs" || $vuetify.display.name.value === "sm",
       };
     });
 
diff --git a/frontend/components/global/BaseWizard.vue b/frontend/components/global/BaseWizard.vue
index f878e8ca8..b18d62e0a 100644
--- a/frontend/components/global/BaseWizard.vue
+++ b/frontend/components/global/BaseWizard.vue
@@ -3,14 +3,30 @@
     <LanguageDialog v-model="langDialog" />
     <v-card>
       <div>
-        <v-toolbar width="100%" color="primary" class="d-flex justify-center" style="margin-bottom: 4rem" dark>
-          <v-toolbar-title class="headline text-h4"> Mealie </v-toolbar-title>
+        <v-toolbar
+          width="100%"
+          color="primary"
+          class="d-flex justify-center"
+          style="margin-bottom: 4rem"
+          dark
+        >
+          <v-toolbar-title class="headline text-h4">
+            Mealie
+          </v-toolbar-title>
         </v-toolbar>
 
         <div class="icon-container">
-          <v-divider class="icon-divider"></v-divider>
-          <v-avatar class="pa-2 icon-avatar" color="primary" size="75">
-            <svg class="icon-white" style="width: 75" viewBox="0 0 24 24">
+          <v-divider class="icon-divider" />
+          <v-avatar
+            class="pa-2 icon-avatar"
+            color="primary"
+            size="75"
+          >
+            <svg
+              class="icon-white"
+              style="width: 75"
+              viewBox="0 0 24 24"
+            >
               <path
                 d="M8.1,13.34L3.91,9.16C2.35,7.59 2.35,5.06 3.91,3.5L10.93,10.5L8.1,13.34M13.41,13L20.29,19.88L18.88,21.29L12,14.41L5.12,21.29L3.71,19.88L13.36,10.22L13.16,10C12.38,9.23 12.38,7.97 13.16,7.19L17.5,2.82L18.43,3.74L15.19,7L16.15,7.94L19.39,4.69L20.31,5.61L17.06,8.85L18,9.81L21.26,6.56L22.18,7.5L17.81,11.84C17.03,12.62 15.77,12.62 15,11.84L14.78,11.64L13.41,13Z"
               />
@@ -19,12 +35,12 @@
         </div>
       </div>
       <div class="d-flex justify-center grow items-center my-4">
-        <slot :width="pageWidth"></slot>
+        <slot :width="pageWidth" />
       </div>
       <div class="mx-2 my-4">
         <v-progress-linear
-          v-if="value > 0"
-          :value="Math.ceil((value/maxPageNumber)*100)"
+          v-if="wizardPage > 0"
+          :value="Math.ceil((wizardPage / maxPageNumber) * 100)"
           striped
           height="10"
         />
@@ -45,12 +61,17 @@
         <v-spacer />
         <v-btn
           v-if="nextButtonShow"
+          variant="elevated"
           :disabled="!nextButtonEnable"
           :color="nextButtonColorRef"
           @click="incrementPage"
         >
           <div v-if="isSubmitting">
-            <v-progress-circular indeterminate color="white" size="24" />
+            <v-progress-circular
+              indeterminate
+              color="white"
+              size="24"
+            />
           </div>
           <div v-else>
             <v-icon v-if="nextButtonIconRef && !nextButtonIconAfter">
@@ -64,8 +85,14 @@
         </v-btn>
       </v-card-actions>
       <v-card-actions class="justify-center flex-column py-8">
-        <BaseButton large color="primary" @click="langDialog = true">
-          <template #icon> {{ $globals.icons.translate }}</template>
+        <BaseButton
+          large
+          color="primary"
+          @click="langDialog = true"
+        >
+          <template #icon>
+            {{ $globals.icons.translate }}
+          </template>
           {{ $t("language-dialog.choose-language") }}
         </BaseButton>
       </v-card-actions>
@@ -74,11 +101,9 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, ref, useContext } from "@nuxtjs/composition-api";
-
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
-    value: {
+    modelValue: {
       type: Number,
       required: true,
     },
@@ -157,56 +182,65 @@ export default defineComponent({
     isSubmitting: {
       type: Boolean,
       default: false,
-    }
+    },
   },
+  emits: ["update:modelValue", "submit"],
   setup(props, context) {
-    const { $globals, i18n } = useContext();
+    const i18n = useI18n();
+    const { $globals } = useNuxtApp();
     const ready = ref(false);
     const langDialog = ref(false);
 
-    const prevButtonTextRef = computed(() => props.prevButtonText || i18n.tc("general.back"));
+    const wizardPage = computed({
+      get: () => props.modelValue,
+      set: value => context.emit("update:modelValue", value),
+    });
+
+    const prevButtonTextRef = computed(() => props.prevButtonText || i18n.t("general.back"));
     const prevButtonIconRef = computed(() => props.prevButtonIcon || $globals.icons.back);
     const nextButtonTextRef = computed(
       () => props.nextButtonText || (
-          props.nextButtonIsSubmit ? i18n.tc("general.submit") : i18n.tc("general.next")
-        )
-      );
+        props.nextButtonIsSubmit ? i18n.t("general.submit") : i18n.t("general.next")
+      ),
+    );
     const nextButtonIconRef = computed(
       () => props.nextButtonIcon || (
-          props.nextButtonIsSubmit ? $globals.icons.createAlt : $globals.icons.forward
-      )
+        props.nextButtonIsSubmit ? $globals.icons.createAlt : $globals.icons.forward
+      ),
     );
     const nextButtonColorRef = computed(
-      () => props.nextButtonColor || (props.nextButtonIsSubmit ? "success" : "info")
+      () => props.nextButtonColor || (props.nextButtonIsSubmit ? "success" : "info"),
     );
 
     function goToPage(page: number) {
       if (page < props.minPageNumber) {
         goToPage(props.minPageNumber);
         return;
-      } else if (page > props.maxPageNumber) {
+      }
+      else if (page > props.maxPageNumber) {
         goToPage(props.maxPageNumber);
         return;
       }
-
-      context.emit("input", page);
+      wizardPage.value = page;
     }
 
     function decrementPage() {
-      goToPage(props.value - 1);
+      goToPage(wizardPage.value - 1);
     }
 
     function incrementPage() {
       if (props.nextButtonIsSubmit) {
-        context.emit("submit", props.value);
-      } else {
-        goToPage(props.value + 1);
+        context.emit("submit", wizardPage.value);
+      }
+      else {
+        goToPage(wizardPage.value + 1);
       }
     }
 
     ready.value = true;
 
     return {
+      wizardPage,
       ready,
       langDialog,
       prevButtonTextRef,
@@ -217,7 +251,7 @@ export default defineComponent({
       decrementPage,
       incrementPage,
     };
-  }
+  },
 });
 </script>
 
diff --git a/frontend/components/global/ButtonLink.vue b/frontend/components/global/ButtonLink.vue
index 7580a4dda..98b6b053b 100644
--- a/frontend/components/global/ButtonLink.vue
+++ b/frontend/components/global/ButtonLink.vue
@@ -1,7 +1,14 @@
 <template>
   <div>
-    <v-btn outlined class="rounded-xl my-1 mx-1" :to="to">
-      <v-icon v-if="icon != ''" left>
+    <v-btn
+      variant="outlined"
+      class="rounded-xl my-1 mx-1"
+      :to="to"
+    >
+      <v-icon
+        v-if="icon != ''"
+        start
+      >
         {{ icon }}
       </v-icon>
       {{ text }}
@@ -10,9 +17,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
-
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     to: {
       type: String,
diff --git a/frontend/components/global/ContextMenu.vue b/frontend/components/global/ContextMenu.vue
index 4838b4f01..24dccbd67 100644
--- a/frontend/components/global/ContextMenu.vue
+++ b/frontend/components/global/ContextMenu.vue
@@ -1,7 +1,7 @@
 <template>
   <v-menu
     offset-y
-    left
+    start
     :bottom="!menuTop"
     :nudge-bottom="!menuTop ? '5' : '0'"
     :top="menuTop"
@@ -11,18 +11,30 @@
     open-on-hover
     content-class="d-print-none"
   >
-    <template #activator="{ on, attrs }">
-      <v-btn :fab="fab" :small="fab" :color="color" :icon="!fab" dark v-bind="attrs" v-on="on" @click.prevent>
+    <template #activator="{ props }">
+      <v-btn
+        :class="{ 'rounded-circle': fab }"
+        :small="fab"
+        :color="color"
+        :icon="!fab"
+        dark
+        v-bind="props"
+        @click.prevent
+      >
         <v-icon>{{ $globals.icons.dotsVertical }}</v-icon>
       </v-btn>
     </template>
-    <v-list dense>
-      <v-list-item v-for="(item, index) in items" :key="index" @click="$emit(item.event)">
-        <v-list-item-icon>
+    <v-list density="compact">
+      <v-list-item
+        v-for="(item, index) in items"
+        :key="index"
+        @click="$emit(item.event)"
+      >
+        <template #prepend>
           <v-icon :color="item.color ? item.color : undefined">
             {{ item.icon }}
           </v-icon>
-        </v-list-item-icon>
+        </template>
         <v-list-item-title>{{ item.title }}</v-list-item-title>
       </v-list-item>
     </v-list>
@@ -30,10 +42,9 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
-import { ContextMenuItem } from "~/composables/use-context-presents";
+import type { ContextMenuItem } from "~/composables/use-context-presents";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     items: {
       type: Array as () => ContextMenuItem[],
@@ -49,7 +60,7 @@ export default defineComponent({
     },
     color: {
       type: String,
-      default: "grey darken-2",
+      default: "grey-darken-2",
     },
   },
 });
diff --git a/frontend/components/global/CrudTable.vue b/frontend/components/global/CrudTable.vue
index 6e427220d..09832d6cc 100644
--- a/frontend/components/global/CrudTable.vue
+++ b/frontend/components/global/CrudTable.vue
@@ -1,9 +1,19 @@
 <template>
   <div>
     <v-card-actions>
-      <v-menu v-if="tableConfig.hideColumns" offset-y bottom nudge-bottom="6" :close-on-content-click="false">
-        <template #activator="{ on, attrs }">
-          <v-btn color="accent" class="mr-2" dark v-bind="attrs" v-on="on">
+      <v-menu
+        v-if="tableConfig.hideColumns"
+        offset-y
+        bottom
+        nudge-bottom="6"
+        :close-on-content-click="false"
+      >
+        <template #activator="{ props }">
+          <v-btn
+            color="accent"
+            variant="elevated"
+            v-bind="props"
+          >
             <v-icon>
               {{ $globals.icons.cog }}
             </v-icon>
@@ -16,12 +26,12 @@
               :key="itemValue.text + itemValue.show"
               v-model="filteredHeaders"
               :value="itemValue.value"
-              dense
+              density="compact"
               flat
               inset
               :label="itemValue.text"
               hide-details
-            ></v-checkbox>
+            />
           </v-card-text>
         </v-card>
       </v-menu>
@@ -30,41 +40,52 @@
         :disabled="selected.length < 1"
         mode="event"
         color="info"
+        variant="elevated"
         :items="bulkActions"
-        v-on="bulkActionListener"
-      >
-      </BaseOverflowButton>
-      <slot name="button-row"> </slot>
+        v-bind="bulkActionListener"
+      />
+      <slot name="button-row" />
     </v-card-actions>
     <div class="mx-2 clip-width">
-      <v-text-field v-model="search" :label="$t('search.search')"></v-text-field>
+      <v-text-field
+        v-model="search"
+        variant="underlined"
+        :label="$t('search.search')"
+      />
     </div>
     <v-data-table
       v-model="selected"
       item-key="id"
-      :show-select="bulkActions.length > 0"
       :headers="activeHeaders"
-      :sort-by="initialSort"
-      :sort-desc="initialSortDesc"
+      :show-select="bulkActions.length > 0"
+      :sort-by="sortBy"
       :items="data || []"
       :items-per-page="15"
       :search="search"
       class="elevation-2"
     >
-      <template v-for="header in activeHeaders" #[`item.${header.value}`]="{ item }">
-        <slot :name="'item.' + header.value" v-bind="{ item }"> {{ item[header.value] }}</slot>
+      <template
+        v-for="header in headersWithoutActions"
+        #[`item.${header.value}`]="{ item }"
+      >
+        <slot
+          :name="'item.' + header.value"
+          v-bind="{ item }"
+        >
+          {{ item[header.value] }}
+        </slot>
       </template>
-      <template #item.actions="{ item }">
+      <template #[`item.actions`]="{ item }">
         <BaseButtonGroup
           :buttons="[
             {
               icon: $globals.icons.edit,
-              text: $tc('general.edit'),
+              text: $t('general.edit'),
               event: 'edit',
             },
             {
               icon: $globals.icons.delete,
-              text: $tc('general.delete'),
+              text: $t('general.delete'),
               event: 'delete',
             },
           ]"
@@ -74,8 +95,11 @@
       </template>
     </v-data-table>
     <v-card-actions class="justify-end">
-      <slot name="button-bottom"> </slot>
-      <BaseButton color="info" @click="downloadAsJson(data, 'export.json')">
+      <slot name="button-bottom" />
+      <BaseButton
+        color="info"
+        @click="downloadAsJson(data, 'export.json')"
+      >
         <template #icon>
           {{ $globals.icons.download }}
         </template>
@@ -86,7 +110,6 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, ref } from "@nuxtjs/composition-api";
 import { downloadAsJson } from "~/composables/use-utils";
 
 export interface TableConfig {
@@ -109,7 +132,7 @@ export interface BulkAction {
   event: string;
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     tableConfig: {
       type: Object as () => TableConfig,
@@ -139,28 +162,34 @@ export default defineComponent({
       default: false,
     },
   },
+  emits: ["delete-one", "edit-one"],
   setup(props, context) {
+    const i18n = useI18n();
+    const sortBy = computed(() => [{
+      key: props.initialSort,
+      order: props.initialSortDesc ? "desc" : "asc",
+    }]);
+
     // ===========================================================
     // Reactive Headers
-    const filteredHeaders = ref<string[]>([]);
-
-    // Set default filtered
-    filteredHeaders.value = (() => {
-      const filtered: string[] = [];
-      props.headers.forEach((element) => {
-        if (element.show) {
-          filtered.push(element.value);
-        }
-      });
-      return filtered;
-    })();
-
-    const activeHeaders = computed(() => {
-      const filtered = props.headers.filter((header) => filteredHeaders.value.includes(header.value));
-      filtered.push({ text: "", value: "actions", show: true, align: "right" });
-      return filtered;
+    const filteredHeaders = computed<string[]>(() => {
+      return props.headers.filter(header => header.show).map(header => header.value);
     });
 
+    const headersWithoutActions = computed(() =>
+      props.headers
+        .filter(header => filteredHeaders.value.includes(header.value))
+        .map(header => ({
+          ...header,
+          title: i18n.t(header.text),
+        })),
+    );
+
+    const activeHeaders = computed(() => [
+      ...headersWithoutActions.value,
+      { title: "", value: "actions", show: true, align: "end" },
+    ]);
+
     const selected = ref<any[]>([]);
 
     // ===========================================================
@@ -183,8 +212,10 @@ export default defineComponent({
     const search = ref("");
 
     return {
+      sortBy,
       selected,
       filteredHeaders,
+      headersWithoutActions,
       activeHeaders,
       bulkActionListener,
       search,
@@ -198,4 +229,7 @@ export default defineComponent({
 .clip-width {
   max-width: 400px;
 }
+.v-btn--disabled {
+  opacity: 0.5 !important;
+}
 </style>
diff --git a/frontend/components/global/DevDumpJson.vue b/frontend/components/global/DevDumpJson.vue
index 8a744aceb..ee0f6e707 100644
--- a/frontend/components/global/DevDumpJson.vue
+++ b/frontend/components/global/DevDumpJson.vue
@@ -5,9 +5,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
-
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     data: {
       type: Object,
diff --git a/frontend/components/global/DocLink.vue b/frontend/components/global/DocLink.vue
index 2a3b510de..da510d8a3 100644
--- a/frontend/components/global/DocLink.vue
+++ b/frontend/components/global/DocLink.vue
@@ -1,16 +1,22 @@
 <template>
-  <v-btn x-small :href="href" color="primary" target="_blank">
-    <v-icon left small>
+  <v-btn
+    size="x-small"
+    :href="href"
+    color="primary"
+    target="_blank"
+  >
+    <v-icon
+      start
+      size="small"
+    >
       {{ $globals.icons.folderOutline }}
     </v-icon>
-    {{ $tc("about.docs") }}
+    {{ $t("about.docs") }}
   </v-btn>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent } from "@nuxtjs/composition-api";
-
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     link: {
       type: String,
diff --git a/frontend/components/global/DropZone.vue b/frontend/components/global/DropZone.vue
index 4db62890f..450714343 100644
--- a/frontend/components/global/DropZone.vue
+++ b/frontend/components/global/DropZone.vue
@@ -1,27 +1,39 @@
 <template>
-  <div ref="el" :class="isOverDropZone ? 'over' : ''">
-    <div v-if="isOverDropZone" class="overlay"></div>
-    <div v-if="isOverDropZone" class="absolute text-container">
-      <p class="text-center drop-text"> {{ $t("recipe.drop-image") }} </p>
+  <div
+    ref="el"
+    :class="isOverDropZone ? 'over' : ''"
+  >
+    <div
+      v-if="isOverDropZone"
+      class="overlay"
+    />
+    <div
+      v-if="isOverDropZone"
+      class="absolute text-container"
+    >
+      <p class="text-center drop-text">
+        {{ $t("recipe.drop-image") }}
+      </p>
     </div>
-    <slot></slot>
+    <slot />
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, ref } from "@nuxtjs/composition-api";
 import { useDropZone } from "@vueuse/core";
 
-export default defineComponent({
+export default defineNuxtComponent({
+  emits: ["drop"],
   setup(_, context) {
     const el = ref<HTMLDivElement>();
 
-    function onDrop(files: File[]) {
-      context.emit("drop", files);
+    function onDrop(files: File[] | null) {
+      if (files) {
+        context.emit("drop", files);
+      }
     }
 
-    // @ts-ignore - This should work?
-    const { isOverDropZone } = useDropZone(el, onDrop);
+    const { isOverDropZone } = useDropZone(el, files => onDrop(files));
 
     return { el, isOverDropZone };
   },
diff --git a/frontend/components/global/HelpIcon.vue b/frontend/components/global/HelpIcon.vue
index 95649cb66..36c22f2b7 100644
--- a/frontend/components/global/HelpIcon.vue
+++ b/frontend/components/global/HelpIcon.vue
@@ -1,14 +1,28 @@
 <template>
   <div class="text-center">
-    <v-menu top offset-y :right="right" :left="!right" open-on-hover>
-      <template #activator="{ on, attrs }">
-        <v-btn :small="small" icon v-bind="attrs" v-on="on" @click.stop>
-          <v-icon :small="small"> {{ $globals.icons.help }} </v-icon>
+    <v-menu
+      top
+      offset-y
+      :right="right"
+      :left="!right"
+      open-on-hover
+    >
+      <template #activator="{ props }">
+        <v-btn
+          :size="small ? 'small' : undefined"
+          icon
+          v-bind="props"
+          variant="flat"
+          @click.stop
+        >
+          <v-icon :small="small">
+            {{ $globals.icons.help }}
+          </v-icon>
         </v-btn>
       </template>
       <v-card max-width="300px">
         <v-card-text>
-          <slot></slot>
+          <slot />
         </v-card-text>
       </v-card>
     </v-menu>
@@ -16,9 +30,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
-
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     small: {
       type: Boolean,
diff --git a/frontend/components/global/ImageCropper.vue b/frontend/components/global/ImageCropper.vue
index c60279297..8a45a6b61 100644
--- a/frontend/components/global/ImageCropper.vue
+++ b/frontend/components/global/ImageCropper.vue
@@ -1,152 +1,165 @@
 <template>
-    <v-container class="pa-0">
-        <v-row no-gutters>
-            <v-col cols="8" align-self="center">
-                <Cropper
-                    ref="cropper"
-                    class="cropper"
-                    :src="img"
-                    :default-size="defaultSize"
-                    :style="`height: ${cropperHeight}; width: ${cropperWidth};`"
-                />
+  <v-container class="pa-0">
+    <v-row no-gutters>
+      <v-col
+        cols="8"
+        align-self="center"
+      >
+        <Cropper
+          ref="cropper"
+          class="cropper"
+          :src="img"
+          :default-size="defaultSize"
+          :style="`height: ${cropperHeight}; width: ${cropperWidth};`"
+        />
+      </v-col>
+      <v-spacer />
+      <v-col
+        cols="2"
+        align-self="center"
+      >
+        <v-container class="pa-0 mx-0">
+          <v-row
+            v-for="(row, keyRow) in controls"
+            :key="keyRow"
+          >
+            <v-col
+              v-for="(control, keyControl) in row"
+              :key="keyControl"
+              :cols="12 / row.length"
+              class="py-2 mx-0"
+              style="display: flex; align-items: center; justify-content: center;"
+            >
+              <v-btn
+                icon
+                :color="control.color"
+                @click="control.callback()"
+              >
+                <v-icon> {{ control.icon }} </v-icon>
+              </v-btn>
             </v-col>
-            <v-spacer />
-            <v-col cols="2" align-self="center">
-                <v-container class="pa-0 mx-0">
-                    <v-row v-for="(row, keyRow) in controls" :key="keyRow">
-                        <v-col
-                            v-for="(control, keyControl) in row" :key="keyControl"
-                            :cols="12 / row.length"
-                            class="py-2 mx-0"
-                            style="display: flex; align-items: center; justify-content: center;"
-                        >
-                            <v-btn icon :color="control.color" @click="control.callback()">
-                                <v-icon> {{ control.icon }} </v-icon>
-                            </v-btn>
-                        </v-col>
-                    </v-row>
-                </v-container>
-            </v-col>
-        </v-row>
-    </v-container>
+          </v-row>
+        </v-container>
+      </v-col>
+    </v-row>
+  </v-container>
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, useContext } from "@nuxtjs/composition-api";
-
 import { Cropper } from "vue-advanced-cropper";
 import "vue-advanced-cropper/dist/style.css";
 
-export default defineComponent({
-	components: { Cropper },
-    props: {
-        img: {
-            type: String,
-            required: true,
-        },
-        cropperHeight: {
-            type: String,
-            default: undefined,
-        },
-        cropperWidth: {
-            type: String,
-            default: undefined,
-        }
+export default defineNuxtComponent({
+  components: { Cropper },
+  props: {
+    img: {
+      type: String,
+      required: true,
     },
-    setup(_, context) {
-        const cropper = ref<Cropper>();
-        const { $globals } = useContext();
-
-        interface Control {
-            color: string;
-            icon: string;
-            callback: CallableFunction;
-        }
-
-        const controls = ref<Control[][]>([
-            [
-                {
-                    color: "info",
-                    icon: $globals.icons.flipHorizontal,
-                    callback: () => flip(true, false),
-                },
-                {
-                    color: "info",
-                    icon: $globals.icons.flipVertical,
-                    callback: () => flip(false, true),
-                },
-            ],
-            [
-                {
-                    color: "info",
-                    icon: $globals.icons.rotateLeft,
-                    callback: () => rotate(-90),
-                },
-                {
-                    color: "info",
-                    icon: $globals.icons.rotateRight,
-                    callback: () => rotate(90),
-                },
-            ],
-            [
-                {
-                    color: "success",
-                    icon: $globals.icons.save,
-                    callback: () => save(),
-                },
-            ],
-        ]);
-
-        function flip(hortizontal: boolean, vertical?: boolean) {
-            if (!cropper.value) {
-                return;
-            }
-
-            cropper.value.flip(hortizontal, vertical);
-        }
-
-        function rotate(angle: number) {
-            if (!cropper.value) {
-                return;
-            }
-
-            cropper.value.rotate(angle);
-        }
-
-        function save() {
-            if (!cropper.value) {
-                return;
-            }
-
-            const { canvas } = cropper.value.getResult();
-            if (!canvas) {
-                return;
-            }
-
-            canvas.toBlob((blob) => {
-                if (blob) {
-                    context.emit("save", blob);
-                }
-            })
-        }
-
-        return {
-            cropper,
-            controls,
-            flip,
-            rotate,
-            save,
-        };
+    cropperHeight: {
+      type: String,
+      default: undefined,
     },
+    cropperWidth: {
+      type: String,
+      default: undefined,
+    },
+  },
+  emits: ["save"],
+  setup(_, context) {
+    const cropper = ref<Cropper>();
+    const { $globals } = useNuxtApp();
 
-	methods: {
-        // @ts-expect-error https://advanced-cropper.github.io/vue-advanced-cropper/guides/advanced-recipes.html
-        defaultSize({ imageSize, visibleArea }) {
-            return {
-                width: (visibleArea || imageSize).width,
-                height: (visibleArea || imageSize).height,
-            };
+    interface Control {
+      color: string;
+      icon: string;
+      callback: CallableFunction;
+    }
+
+    const controls = ref<Control[][]>([
+      [
+        {
+          color: "info",
+          icon: $globals.icons.flipHorizontal,
+          callback: () => flip(true, false),
         },
+        {
+          color: "info",
+          icon: $globals.icons.flipVertical,
+          callback: () => flip(false, true),
+        },
+      ],
+      [
+        {
+          color: "info",
+          icon: $globals.icons.rotateLeft,
+          callback: () => rotate(-90),
+        },
+        {
+          color: "info",
+          icon: $globals.icons.rotateRight,
+          callback: () => rotate(90),
+        },
+      ],
+      [
+        {
+          color: "success",
+          icon: $globals.icons.save,
+          callback: () => save(),
+        },
+      ],
+    ]);
+
+    function flip(hortizontal: boolean, vertical?: boolean) {
+      if (!cropper.value) {
+        return;
+      }
+
+      cropper.value.flip(hortizontal, vertical);
+    }
+
+    function rotate(angle: number) {
+      if (!cropper.value) {
+        return;
+      }
+
+      cropper.value.rotate(angle);
+    }
+
+    function save() {
+      if (!cropper.value) {
+        return;
+      }
+
+      const { canvas } = cropper.value.getResult();
+      if (!canvas) {
+        return;
+      }
+
+      canvas.toBlob((blob) => {
+        if (blob) {
+          context.emit("save", blob);
+        }
+      });
+    }
+
+    return {
+      cropper,
+      controls,
+      flip,
+      rotate,
+      save,
+    };
+  },
+
+  methods: {
+    // @ts-expect-error https://advanced-cropper.github.io/vue-advanced-cropper/guides/advanced-recipes.html
+    defaultSize({ imageSize, visibleArea }) {
+      return {
+        width: (visibleArea || imageSize).width,
+        height: (visibleArea || imageSize).height,
+      };
     },
+  },
 });
 </script>
diff --git a/frontend/components/global/InputColor.vue b/frontend/components/global/InputColor.vue
index 8114c69ea..b9356c3b9 100644
--- a/frontend/components/global/InputColor.vue
+++ b/frontend/components/global/InputColor.vue
@@ -1,22 +1,44 @@
 <template>
-  <v-text-field v-model="inputVal" :label="$t('general.color')">
+  <v-text-field
+    v-model="inputVal"
+    :label="$t('general.color')"
+  >
     <template #prepend>
-      <v-btn class="elevation-0" small height="30px" width="30px" :color="inputVal || 'grey'" @click="setRandomHex">
+      <v-btn
+        class="elevation-0"
+        size="small"
+        height="30px"
+        width="30px"
+        :color="inputVal || 'grey'"
+        @click="setRandomHex"
+      >
         <v-icon color="white">
           {{ $globals.icons.refreshCircle }}
         </v-icon>
       </v-btn>
     </template>
     <template #append>
-      <v-menu v-model="menu" left nudge-left="30" nudge-top="20" :close-on-content-click="false">
-        <template #activator="{ on }">
-          <v-icon v-on="on">
+      <v-menu
+        v-model="menu"
+        start
+        nudge-left="30"
+        nudge-top="20"
+        :close-on-content-click="false"
+      >
+        <template #activator="{ props }">
+          <v-icon v-bind="props">
             {{ $globals.icons.formatColorFill }}
           </v-icon>
         </template>
         <v-card>
           <v-card-text class="pa-0">
-            <v-color-picker v-model="inputVal" flat hide-inputs show-swatches swatches-max-height="200" />
+            <v-color-picker
+              v-model="inputVal"
+              flat
+              hide-inputs
+              show-swatches
+              swatches-max-height="200"
+            />
           </v-card-text>
         </v-card>
       </v-menu>
@@ -25,24 +47,23 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, ref } from "@nuxtjs/composition-api";
-
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
-    value: {
+    modelValue: {
       type: String,
       required: true,
     },
   },
+  emits: ["update:modelValue"],
   setup(props, context) {
     const menu = ref(false);
 
     const inputVal = computed({
       get: () => {
-        return props.value;
+        return props.modelValue;
       },
       set: (val) => {
-        context.emit("input", val);
+        context.emit("update:modelValue", val);
       },
     });
 
diff --git a/frontend/components/global/InputLabelType.vue b/frontend/components/global/InputLabelType.vue
index 4268d9c93..769a58f02 100644
--- a/frontend/components/global/InputLabelType.vue
+++ b/frontend/components/global/InputLabelType.vue
@@ -3,22 +3,27 @@
     ref="autocompleteRef"
     v-model="itemVal"
     v-bind="$attrs"
-    :search-input.sync="searchInput"
-    item-text="name"
+    v-model:search="searchInput"
+    item-title="name"
     return-object
     :items="items"
     :prepend-icon="icon || $globals.icons.tags"
     auto-select-first
     clearable
+    color="primary"
     hide-details
     @keyup.enter="emitCreate"
   >
-    <template v-if="$listeners.create" #no-data>
-      <div class="caption text-center pb-2">{{ $t("recipe.press-enter-to-create") }}</div>
-    </template>
-    <template v-if="$listeners.create" #append-item>
+    <template
+      v-if="create"
+      #append-item
+    >
       <div class="px-2">
-        <BaseButton block small @click="emitCreate"></BaseButton>
+        <BaseButton
+          block
+          size="small"
+          @click="emitCreate"
+        />
       </div>
     </template>
   </v-autocomplete>
@@ -44,13 +49,13 @@
  * Both the ID and Item can be synced. The item can be synced using the v-model syntax and the itemId can be synced
  * using the .sync syntax `item-id.sync="item.labelId"`
  */
-import { computed, defineComponent, ref } from "@nuxtjs/composition-api";
-import { MultiPurposeLabelSummary } from "~/lib/api/types/labels";
-import { IngredientFood, IngredientUnit } from "~/lib/api/types/recipe";
 
-export default defineComponent({
+import type { MultiPurposeLabelSummary } from "~/lib/api/types/labels";
+import type { IngredientFood, IngredientUnit } from "~/lib/api/types/recipe";
+
+export default defineNuxtComponent({
   props: {
-    value: {
+    modelValue: {
       type: Object as () => MultiPurposeLabelSummary | IngredientFood | IngredientUnit,
       required: false,
       default: () => {
@@ -70,7 +75,12 @@ export default defineComponent({
       required: false,
       default: undefined,
     },
+    create: {
+      type: Boolean,
+      default: false,
+    },
   },
+  emits: ["update:modelValue", "update:item-id", "create"],
   setup(props, context) {
     const autocompleteRef = ref<HTMLInputElement>();
     const searchInput = ref("");
@@ -85,11 +95,16 @@ export default defineComponent({
 
     const itemVal = computed({
       get: () => {
-        return props.value;
+        try {
+          return Object.keys(props.modelValue).length !== 0 ? props.modelValue : null;
+        }
+        catch {
+          return null;
+        }
       },
       set: (val) => {
         itemIdVal.value = val?.id || undefined;
-        context.emit("input", val);
+        context.emit("update:modelValue", val);
       },
     });
 
diff --git a/frontend/components/global/InputQuantity.vue b/frontend/components/global/InputQuantity.vue
index 1defa6072..741ab0caa 100644
--- a/frontend/components/global/InputQuantity.vue
+++ b/frontend/components/global/InputQuantity.vue
@@ -1,5 +1,8 @@
 <template>
-  <div class="d-flex align-center" style="max-width: 60px">
+  <div
+    class="d-flex align-center"
+    style="max-width: 60px"
+  >
     <v-text-field
       v-model.number="quantity"
       hide-details
@@ -8,17 +11,14 @@
       :max="max"
       type="number"
       class="rounded-xl"
-      small
-      text
-    >
-    </v-text-field>
+      size="small"
+      variant="plain"
+    />
   </div>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent } from "@nuxtjs/composition-api";
-
-export default defineComponent({
+export default defineNuxtComponent({
   name: "VInputNumber",
   props: {
     min: {
@@ -37,18 +37,19 @@ export default defineComponent({
       type: Number,
       default: 1,
     },
-    value: {
+    modelValue: {
       type: Number,
       default: 0,
     },
   },
+  emits: ["update:modelValue"],
   setup(props, context) {
     const quantity = computed({
       get: () => {
-        return Number(props.value);
+        return Number(props.modelValue);
       },
       set: (val) => {
-        context.emit("input", val);
+        context.emit("update:modelValue", val);
       },
     });
 
diff --git a/frontend/components/global/LanguageDialog.vue b/frontend/components/global/LanguageDialog.vue
index e0007b26f..eb0a355ae 100644
--- a/frontend/components/global/LanguageDialog.vue
+++ b/frontend/components/global/LanguageDialog.vue
@@ -1,52 +1,70 @@
 <template>
-  <BaseDialog v-model="dialog" :icon="$globals.icons.translate" :title="$tc('language-dialog.choose-language')">
+  <BaseDialog
+    v-model="dialog"
+    :icon="$globals.icons.translate"
+    :title="$t('language-dialog.choose-language')"
+  >
     <v-card-text>
       {{ $t("language-dialog.select-description") }}
-      <v-autocomplete v-model="locale" :items="locales" item-text="name" class="my-3" hide-details outlined offset>
-        <template #item="{ item }">
-          <v-list-item-content>
-            <v-list-item-title> {{ item.name }} </v-list-item-title>
-            <v-list-item-subtitle> {{ item.progress }}% {{ $tc("language-dialog.translated") }} </v-list-item-subtitle>
-          </v-list-item-content>
+      <v-autocomplete
+        v-model="locale"
+        :items="locales"
+        item-title="name"
+        class="my-3"
+        hide-details
+        variant="outlined"
+        offset
+      >
+        <template #item="{ item, props }">
+          <div
+            v-bind="props"
+            class="px-2 py-2"
+          >
+            <v-list-item-title> {{ item.raw.name }} </v-list-item-title>
+            <v-list-item-subtitle>
+              {{ item.raw.progress }}% {{ $t("language-dialog.translated") }}
+            </v-list-item-subtitle>
+          </div>
         </template>
       </v-autocomplete>
-      <i18n path="language-dialog.how-to-contribute-description">
+      <i18n-t keypath="language-dialog.how-to-contribute-description">
         <template #read-the-docs-link>
-          <a href="https://docs.mealie.io/contributors/translating/" target="_blank">{{
-            $t("language-dialog.read-the-docs")
-          }}</a>
+          <a
+            href="https://docs.mealie.io/contributors/translating/"
+            target="_blank"
+          >
+            {{ $t("language-dialog.read-the-docs") }}
+          </a>
         </template>
-      </i18n>
+      </i18n-t>
     </v-card-text>
   </BaseDialog>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent } from "@nuxtjs/composition-api";
-import type { LocaleObject } from "@nuxtjs/i18n";
 import { useLocales } from "~/composables/use-locales";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
-    value: {
+    modelValue: {
       type: Boolean,
-      default: false,
+      required: true,
     },
   },
-  setup(props, context) {
-    const dialog = computed<boolean>({
-      get() {
-        return props.value;
-      },
-      set(val) {
-        context.emit("input", val);
-      },
+  emits: ["update:modelValue"],
+  setup(props, { emit }) {
+    const dialog = computed({
+      get: () => props.modelValue,
+      set: value => emit("update:modelValue", value),
     });
 
     const { locales: LOCALES, locale, i18n } = useLocales();
+    watch(locale, () => {
+      dialog.value = false; // Close dialog when locale changes
+    });
 
-    const locales = LOCALES.filter((locale) =>
-      (i18n.locales as LocaleObject[]).map((i18nLocale) => i18nLocale.code).includes(locale.value)
+    const locales = LOCALES.filter(lc =>
+      i18n.locales.value.map(i18nLocale => i18nLocale.code).includes(lc.value as any),
     );
 
     return {
@@ -58,5 +76,3 @@ export default defineComponent({
   },
 });
 </script>
-
-<style scoped></style>
diff --git a/frontend/components/global/MarkdownEditor.vue b/frontend/components/global/MarkdownEditor.vue
index 0816393d0..e5cb3338e 100644
--- a/frontend/components/global/MarkdownEditor.vue
+++ b/frontend/components/global/MarkdownEditor.vue
@@ -1,11 +1,14 @@
 <template>
   <div>
-    <div v-if="displayPreview" class="d-flex justify-end">
+    <div
+      v-if="displayPreview"
+      class="d-flex justify-end"
+    >
       <BaseButtonGroup
         :buttons="[
           {
             icon: previewState ? $globals.icons.edit : $globals.icons.eye,
-            text: previewState ? $tc('general.edit') : $tc('markdown-editor.preview-markdown-button-label'),
+            text: previewState ? $t('general.edit') : $t('markdown-editor.preview-markdown-button-label'),
             event: 'toggle',
           },
         ]"
@@ -19,20 +22,22 @@
       :class="label == '' ? '' : 'mt-5'"
       :label="label"
       auto-grow
-      dense
+      density="compact"
       rows="4"
+      variant="underlined"
+    />
+    <SafeMarkdown
+      v-else
+      :source="modelValue"
     />
-    <SafeMarkdown v-else :source="value" />
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, ref } from "@nuxtjs/composition-api";
-
-export default defineComponent({
+export default defineNuxtComponent({
   name: "MarkdownEditor",
   props: {
-    value: {
+    modelValue: {
       type: String,
       required: true,
     },
@@ -53,6 +58,7 @@ export default defineComponent({
       default: () => ({}),
     },
   },
+  emits: ["update:modelValue", "input:preview"],
   setup(props, context) {
     const fallbackPreview = ref(false);
     const previewState = computed({
@@ -62,7 +68,8 @@ export default defineComponent({
       set: (val) => {
         if (props.preview) {
           context.emit("input:preview", val);
-        } else {
+        }
+        else {
           fallbackPreview.value = val;
         }
       },
@@ -70,10 +77,10 @@ export default defineComponent({
 
     const inputVal = computed({
       get: () => {
-        return props.value;
+        return props.modelValue;
       },
       set: (val) => {
-        context.emit("input", val);
+        context.emit("update:modelValue", val);
       },
     });
     return {
diff --git a/frontend/components/global/RecipeJsonEditor.vue b/frontend/components/global/RecipeJsonEditor.vue
index 1e5c580a6..a90e1e8be 100644
--- a/frontend/components/global/RecipeJsonEditor.vue
+++ b/frontend/components/global/RecipeJsonEditor.vue
@@ -1,22 +1,22 @@
 <template>
-  <VJsoneditor
-    :value="value"
-    :height="height"
-    :options="options"
-    :attrs="$attrs"
-    @input="$emit('input', $event)"
-  ></VJsoneditor>
+  <JsonEditorVue
+    :model-value="modelValue"
+    v-bind="$attrs"
+    :style="{ height }"
+    :stringified="false"
+    @change="onChange"
+  />
 </template>
 
 <script lang="ts">
-// @ts-ignore v-jsoneditor has no types
-import VJsoneditor from "v-jsoneditor";
-import { defineComponent } from "@nuxtjs/composition-api";
+import { defineComponent } from "vue";
+import JsonEditorVue from "json-editor-vue";
 
 export default defineComponent({
-  components: { VJsoneditor },
+  name: "RecipeJsonEditor",
+  components: { JsonEditorVue },
   props: {
-    value: {
+    modelValue: {
       type: Object,
       default: () => ({}),
     },
@@ -24,10 +24,34 @@ export default defineComponent({
       type: String,
       default: "1500px",
     },
-    options: {
-      type: Object,
-      default: () => ({}),
-    },
+  },
+  emits: ["update:modelValue"],
+  setup(_, { emit }) {
+    function parseEvent(event: any): object {
+      if (!event) {
+        return {};
+      }
+      try {
+        if (event.json) {
+          return event.json;
+        }
+        else if (event.text) {
+          return JSON.parse(event.text);
+        }
+        else {
+          return event;
+        }
+      }
+      catch {
+        return {};
+      }
+    }
+    function onChange(event: any) {
+      emit("update:modelValue", parseEvent(event));
+    }
+    return {
+      onChange,
+    };
   },
 });
 </script>
diff --git a/frontend/components/global/ReportTable.vue b/frontend/components/global/ReportTable.vue
index aede7b1c4..a57dd0050 100644
--- a/frontend/components/global/ReportTable.vue
+++ b/frontend/components/global/ReportTable.vue
@@ -5,19 +5,22 @@
     item-key="id"
     class="elevation-0"
     :items-per-page="50"
-    @click:row="handleRowClick"
+    @click:row="($event, { item }) => handleRowClick(item)"
   >
-    <template #item.category="{ item }">
+    <template #[`item.category`]="{ item }">
       {{ capitalize(item.category) }}
     </template>
-    <template #item.timestamp="{ item }">
-      {{ $d(Date.parse(item.timestamp), "long") }}
+    <template #[`item.timestamp`]="{ item }">
+      {{ $d(Date.parse(item.timestamp!), "long") }}
     </template>
-    <template #item.status="{ item }">
-      {{ capitalize(item.status) }}
+    <template #[`item.status`]="{ item }">
+      {{ capitalize(item.status!) }}
     </template>
-    <template #item.actions="{ item }">
-      <v-btn icon @click.stop="deleteReport(item.id)">
+    <template #[`item.actions`]="{ item }">
+      <v-btn
+        icon
+        @click.stop="deleteReport(item.id)"
+      >
         <v-icon>{{ $globals.icons.delete }}</v-icon>
       </v-btn>
     </template>
@@ -25,27 +28,27 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, useContext, useRouter } from "@nuxtjs/composition-api";
-import { ReportSummary } from "~/lib/api/types/reports";
+import type { ReportSummary } from "~/lib/api/types/reports";
 
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     items: {
       required: true,
       type: Array as () => Array<ReportSummary>,
     },
   },
+  emits: ["delete"],
 
   setup(_, context) {
-    const { i18n } = useContext();
+    const i18n = useI18n();
     const router = useRouter();
 
     const headers = [
-      { text: i18n.t("category.category"), value: "category" },
-      { text: i18n.t("general.name"), value: "name" },
-      { text: i18n.t("general.timestamp"), value: "timestamp" },
-      { text: i18n.t("general.status"), value: "status" },
-      { text: i18n.t("general.delete"), value: "actions" },
+      { title: i18n.t("category.category"), value: "category", key: "category" },
+      { title: i18n.t("general.name"), value: "name", key: "name" },
+      { title: i18n.t("general.timestamp"), value: "timestamp", key: "timestamp" },
+      { title: i18n.t("general.status"), value: "status", key: "status" },
+      { title: i18n.t("general.delete"), value: "actions", key: "actions" },
     ];
 
     function handleRowClick(item: ReportSummary) {
diff --git a/frontend/components/global/SafeMarkdown.vue b/frontend/components/global/SafeMarkdown.vue
index 7979ff8ba..cfa764b0d 100644
--- a/frontend/components/global/SafeMarkdown.vue
+++ b/frontend/components/global/SafeMarkdown.vue
@@ -1,24 +1,21 @@
 <template>
-  <VueMarkdown :source="sanitizeMarkdown(source)"></VueMarkdown>
+  <MDC
+    :value="value"
+    tag="article"
+  />
 </template>
 
 <script lang="ts">
-// @ts-ignore vue-markdown has no types
-import VueMarkdown from "@adapttive/vue-markdown";
-import { defineComponent } from "@nuxtjs/composition-api";
 import DOMPurify from "isomorphic-dompurify";
 
-export default defineComponent({
-  components: {
-    VueMarkdown,
-  },
+export default defineNuxtComponent({
   props: {
     source: {
       type: String,
       default: "",
     },
   },
-  setup() {
+  setup(props) {
     function sanitizeMarkdown(rawHtml: string | null | undefined): string {
       if (!rawHtml) {
         return "";
@@ -28,40 +25,44 @@ export default defineComponent({
         // List based on
         // https://support.zendesk.com/hc/en-us/articles/4408824584602-Allowing-unsafe-HTML-in-help-center-articles
         ALLOWED_TAGS: [
-                        "strong", "em", "b", "i", "u", "p", "code", "pre", "samp", "kbd", "var", "sub", "sup", "dfn", "cite",
-                        "small", "address", "hr", "br", "id", "div", "span", "h1", "h2", "h3", "h4", "h5", "h6",
-                        "ul", "ol", "li", "dl", "dt", "dd", "abbr", "a", "img", "blockquote", "iframe",
-                        "del", "ins", "table", "thead", "tbody", "tfoot", "tr", "th", "td", "colgroup",
-                      ],
+          "strong", "em", "b", "i", "u", "p", "code", "pre", "samp", "kbd", "var", "sub", "sup", "dfn", "cite",
+          "small", "address", "hr", "br", "id", "div", "span", "h1", "h2", "h3", "h4", "h5", "h6",
+          "ul", "ol", "li", "dl", "dt", "dd", "abbr", "a", "img", "blockquote", "iframe",
+          "del", "ins", "table", "thead", "tbody", "tfoot", "tr", "th", "td", "colgroup",
+        ],
         ADD_ATTR: [
-                    "href", "src", "alt", "height", "width", "class", "allow", "title", "allowfullscreen", "frameborder",
-                    "scrolling", "cite", "datetime", "name", "abbr", "target", "border",
-                  ],
+          "href", "src", "alt", "height", "width", "class", "allow", "title", "allowfullscreen", "frameborder",
+          "scrolling", "cite", "datetime", "name", "abbr", "target", "border",
+        ],
       });
 
       return sanitized;
     }
 
+    const value = computed(() => {
+      return sanitizeMarkdown(props.source) || "";
+    });
+
     return {
-      sanitizeMarkdown,
+      value,
     };
   },
 });
 </script>
 
 <style scoped>
-::v-deep table {
+:deep(table) {
   border-collapse: collapse;
   width: 100%;
 }
 
-::v-deep th, ::v-deep td {
+:deep(th, td) {
   border: 1px solid;
   padding: 8px;
   text-align: left;
 }
 
-::v-deep th {
+:deep(th) {
   font-weight: bold;
 }
 </style>
diff --git a/frontend/components/global/StatsCards.vue b/frontend/components/global/StatsCards.vue
index ca3d8589c..d4bff12eb 100644
--- a/frontend/components/global/StatsCards.vue
+++ b/frontend/components/global/StatsCards.vue
@@ -1,17 +1,29 @@
 <template>
-  <v-card :min-width="minWidth" :to="to" :hover="to ? true : false">
+  <v-card
+    :min-width="minWidth"
+    :to="to"
+    :hover="to ? true : false"
+  >
     <div class="d-flex flex-no-wrap">
-      <v-avatar class="ml-3 mr-0 mt-3" color="primary" size="36">
-        <v-icon color="white" class="pa-1">
+      <v-avatar
+        class="ml-3 mr-0 mt-3"
+        color="primary"
+        size="36"
+      >
+        <v-icon
+          color="white"
+          class="pa-1"
+          size="x-large"
+        >
           {{ activeIcon }}
         </v-icon>
       </v-avatar>
       <div>
         <v-card-title class="text-subtitle-1 pt-2 pb-2">
-          <slot name="title"></slot>
+          <slot name="title" />
         </v-card-title>
         <v-card-subtitle class="pb-2">
-          <slot name="value"></slot>
+          <slot name="value" />
         </v-card-subtitle>
       </div>
     </div>
@@ -19,9 +31,7 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useContext } from "@nuxtjs/composition-api";
-
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
     icon: {
       type: String,
@@ -37,7 +47,7 @@ export default defineComponent({
     },
   },
   setup(props) {
-    const { $globals } = useContext();
+    const { $globals } = useNuxtApp();
 
     const activeIcon = computed(() => {
       return props.icon ?? $globals.icons.primary;
diff --git a/frontend/components/global/ToggleState.vue b/frontend/components/global/ToggleState.vue
index 36321c433..4c06afd28 100644
--- a/frontend/components/global/ToggleState.vue
+++ b/frontend/components/global/ToggleState.vue
@@ -1,16 +1,17 @@
 <template>
   <component :is="tag">
-    <slot name="activator" v-bind="{ toggle, state }"> </slot>
-    <slot v-bind="{ state, toggle }"></slot>
+    <slot
+      name="activator"
+      v-bind="{ toggle, state }"
+    />
+    <slot v-bind="{ state, toggle }" />
   </component>
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, watch } from "@nuxtjs/composition-api";
-
-export default defineComponent({
+export default defineNuxtComponent({
   props: {
-    value: {
+    modelValue: {
       type: Boolean,
       default: false,
     },
@@ -19,7 +20,8 @@ export default defineComponent({
       default: "div",
     },
   },
-  setup(_, context) {
+  emits: ["update:modelValue"],
+  setup(props, context) {
     const state = ref(false);
 
     const toggle = () => {
@@ -27,7 +29,7 @@ export default defineComponent({
     };
 
     watch(state, () => {
-      context.emit("input", state);
+      context.emit("update:modelValue", state.value);
     });
 
     return {
diff --git a/frontend/components/global/WakelockSwitch.vue b/frontend/components/global/WakelockSwitch.vue
index 955130d94..7aa195de7 100644
--- a/frontend/components/global/WakelockSwitch.vue
+++ b/frontend/components/global/WakelockSwitch.vue
@@ -1,49 +1,53 @@
 <template>
-    <div
-        v-if="wakeIsSupported"
-        class="d-print-none d-flex px-2"
-        :class="$vuetify.breakpoint.smAndDown ? 'justify-center' : 'justify-end'"
-    >
-        <v-switch v-model="wakeLock" small :label="$t('recipe.screen-awake')" />
-    </div>
+  <div
+    v-if="wakeIsSupported"
+    class="d-print-none d-flex px-2"
+    :class="$vuetify.display.smAndDown ? 'justify-center' : 'justify-end'"
+  >
+    <v-switch
+      v-model="wakeLock"
+      color="primary"
+      :label="$t('recipe.screen-awake')"
+    />
+  </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, onMounted, onUnmounted } from "@nuxtjs/composition-api";
 import { useWakeLock } from "@vueuse/core";
 
-export default defineComponent({
-    setup() {
-        const { isSupported: wakeIsSupported, isActive, request, release } = useWakeLock();
-        const wakeLock = computed({
-            get: () => isActive.value,
-            set: () => {
-                if (isActive.value) {
-                    unlockScreen();
-                } else {
-                    lockScreen();
-                }
-            },
-        });
-        async function lockScreen() {
-            if (wakeIsSupported) {
-                console.debug("Wake Lock Requested");
-                await request("screen");
-            }
+export default defineNuxtComponent({
+  setup() {
+    const { isSupported: wakeIsSupported, isActive, request, release } = useWakeLock();
+    const wakeLock = computed({
+      get: () => isActive.value,
+      set: () => {
+        if (isActive.value) {
+          unlockScreen();
         }
-        async function unlockScreen() {
-            if (wakeIsSupported || isActive) {
-                console.debug("Wake Lock Released");
-                await release();
-            }
+        else {
+          lockScreen();
         }
-        onMounted(() => lockScreen());
-        onUnmounted(() => unlockScreen());
+      },
+    });
+    async function lockScreen() {
+      if (wakeIsSupported) {
+        console.debug("Wake Lock Requested");
+        await request("screen");
+      }
+    }
+    async function unlockScreen() {
+      if (wakeIsSupported || isActive) {
+        console.debug("Wake Lock Released");
+        await release();
+      }
+    }
+    onMounted(() => lockScreen());
+    onUnmounted(() => unlockScreen());
 
-        return {
-            wakeLock,
-            wakeIsSupported,
-        };
-    },
+    return {
+      wakeLock,
+      wakeIsSupported,
+    };
+  },
 });
 </script>
diff --git a/frontend/composables/api/api-client.ts b/frontend/composables/api/api-client.ts
index eae0b0983..b8739915a 100644
--- a/frontend/composables/api/api-client.ts
+++ b/frontend/composables/api/api-client.ts
@@ -1,7 +1,5 @@
-import { AxiosResponse } from "axios";
-import { useContext } from "@nuxtjs/composition-api";
-import type { NuxtAxiosInstance } from "@nuxtjs/axios";
-import { ApiRequestInstance, RequestResponse } from "~/lib/api/types/non-generated";
+import type { AxiosInstance, AxiosResponse } from "axios";
+import type { ApiRequestInstance, RequestResponse } from "~/lib/api/types/non-generated";
 import { AdminAPI, PublicApi, UserApi } from "~/lib/api";
 import { PublicExploreApi } from "~/lib/api/client-public";
 
@@ -9,7 +7,7 @@ const request = {
   async safe<T, U>(
     funcCall: (url: string, data: U) => Promise<AxiosResponse<T>>,
     url: string,
-    data: U
+    data: U,
   ): Promise<RequestResponse<T>> {
     let error = null;
     const response = await funcCall(url, data).catch(function (e) {
@@ -22,7 +20,7 @@ const request = {
   },
 };
 
-function getRequests(axiosInstance: NuxtAxiosInstance): ApiRequestInstance {
+function getRequests(axiosInstance: AxiosInstance): ApiRequestInstance {
   return {
     async get<T>(url: string, params = {}): Promise<RequestResponse<T>> {
       let error = null;
@@ -36,31 +34,28 @@ function getRequests(axiosInstance: NuxtAxiosInstance): ApiRequestInstance {
     },
 
     async post<T, U>(url: string, data: U) {
-      // eslint-disable-next-line @typescript-eslint/unbound-method
       return await request.safe<T, U>(axiosInstance.post, url, data);
     },
 
     async put<T, U = T>(url: string, data: U) {
-      // eslint-disable-next-line @typescript-eslint/unbound-method
       return await request.safe<T, U>(axiosInstance.put, url, data);
     },
 
     async patch<T, U = Partial<T>>(url: string, data: U) {
-      // eslint-disable-next-line @typescript-eslint/unbound-method
       return await request.safe<T, U>(axiosInstance.patch, url, data);
     },
 
     async delete<T>(url: string) {
-      // eslint-disable-next-line @typescript-eslint/unbound-method
       return await request.safe<T, undefined>(axiosInstance.delete, url, undefined);
     },
   };
 }
 
 export const useRequests = function (): ApiRequestInstance {
-  const { $axios, i18n } = useContext();
+  const i18n = useI18n();
+  const { $axios } = useNuxtApp();
 
-  $axios.setHeader("Accept-Language", i18n.locale);
+  $axios.defaults.headers.common["Accept-Language"] = i18n.locale.value;
 
   return getRequests($axios);
 };
@@ -83,4 +78,4 @@ export const usePublicApi = function (): PublicApi {
 export const usePublicExploreApi = function (groupSlug: string): PublicExploreApi {
   const requests = useRequests();
   return new PublicExploreApi(requests, groupSlug);
-}
+};
diff --git a/frontend/composables/api/static-routes.ts b/frontend/composables/api/static-routes.ts
index 749a50bb4..3b65d183d 100644
--- a/frontend/composables/api/static-routes.ts
+++ b/frontend/composables/api/static-routes.ts
@@ -1,15 +1,12 @@
-import { useContext } from "@nuxtjs/composition-api";
-import { detectServerBaseUrl } from "../use-utils";
-
 function UnknownToString(ukn: string | unknown) {
   return typeof ukn === "string" ? ukn : "";
 }
 
 export const useStaticRoutes = () => {
-  const { $config, req } = useContext();
-  const serverBase = detectServerBaseUrl(req);
+  const { $config } = useNuxtApp();
+  const serverBase = useRequestURL().origin;
 
-  const prefix = `${$config.SUB_PATH as string}/api`.replace("//", "/");
+  const prefix = `${$config.public.SUB_PATH}/api`.replace("//", "/");
 
   const fullBase = serverBase + prefix;
 
@@ -20,13 +17,13 @@ export const useStaticRoutes = () => {
 
   function recipeSmallImage(recipeId: string, version: string | unknown = "", key: string | number = 1) {
     return `${fullBase}/media/recipes/${recipeId}/images/min-original.webp?rnd=${key}&version=${UnknownToString(
-      version
+      version,
     )}`;
   }
 
   function recipeTinyImage(recipeId: string, version: string | unknown = "", key: string | number = 1) {
     return `${fullBase}/media/recipes/${recipeId}/images/tiny-original.webp?rnd=${key}&version=${UnknownToString(
-      version
+      version,
     )}`;
   }
 
diff --git a/frontend/composables/api/use-app-info.ts b/frontend/composables/api/use-app-info.ts
index 3e73fce4d..13bd5cf10 100644
--- a/frontend/composables/api/use-app-info.ts
+++ b/frontend/composables/api/use-app-info.ts
@@ -1,17 +1,17 @@
-import { ref, Ref, useAsync, useContext } from "@nuxtjs/composition-api";
 import { useAsyncKey } from "../use-utils";
-import { AppInfo } from "~/lib/api/types/admin";
+import type { AppInfo } from "~/lib/api/types/admin";
 
 export function useAppInfo(): Ref<AppInfo | null> {
   const appInfo = ref<null | AppInfo>(null);
 
-  const { $axios, i18n } = useContext();
-  $axios.setHeader("Accept-Language", i18n.locale);
+  const i18n = useI18n();
+  const { $axios } = useNuxtApp();
+  $axios.defaults.headers.common["Accept-Language"] = i18n.locale.value;
 
-  useAsync(async () => {
+  useAsyncData(useAsyncKey(), async () => {
     const data = await $axios.get<AppInfo>("/api/app/about");
     appInfo.value = data.data;
-  }, useAsyncKey());
+  });
 
   return appInfo;
 }
diff --git a/frontend/composables/api/use-axios-download.ts b/frontend/composables/api/use-axios-download.ts
deleted file mode 100644
index 1dcb0ae01..000000000
--- a/frontend/composables/api/use-axios-download.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useContext } from "@nuxtjs/composition-api";
-
-export function useAxiosDownloader() {
-  const { $axios } = useContext();
-
-  function download(url: string, filename: string) {
-    $axios({
-      url,
-      method: "GET",
-      responseType: "blob",
-    }).then((response) => {
-      const url = window.URL.createObjectURL(new Blob([response.data]));
-      const link = document.createElement("a");
-      link.href = url;
-      link.setAttribute("download", filename);
-      document.body.appendChild(link);
-      link.click();
-    });
-  }
-
-  return download;
-}
diff --git a/frontend/composables/api/use-downloader.ts b/frontend/composables/api/use-downloader.ts
new file mode 100644
index 000000000..4cecca9d0
--- /dev/null
+++ b/frontend/composables/api/use-downloader.ts
@@ -0,0 +1,18 @@
+export function useDownloader() {
+  function download(url: string, filename: string) {
+    useFetch(url, {
+      method: "GET",
+      responseType: "blob",
+      onResponse({ response }) {
+        const url = window.URL.createObjectURL(new Blob([response._data]));
+        const link = document.createElement("a");
+        link.href = url;
+        link.setAttribute("download", filename);
+        document.body.appendChild(link);
+        link.click();
+      },
+    });
+  }
+
+  return download;
+}
diff --git a/frontend/composables/partials/use-actions-factory.ts b/frontend/composables/partials/use-actions-factory.ts
index 3bcb5983f..8a9cbaa38 100644
--- a/frontend/composables/partials/use-actions-factory.ts
+++ b/frontend/composables/partials/use-actions-factory.ts
@@ -1,8 +1,7 @@
-import { Ref, useAsync } from "@nuxtjs/composition-api";
 import { useAsyncKey } from "../use-utils";
-import { BoundT } from "./types";
-import { BaseCRUDAPI, BaseCRUDAPIReadOnly } from "~/lib/api/base/base-clients";
-import { QueryValue } from "~/lib/api/base/route";
+import type { BoundT } from "./types";
+import type { BaseCRUDAPI, BaseCRUDAPIReadOnly } from "~/lib/api/base/base-clients";
+import type { QueryValue } from "~/lib/api/base/route";
 
 interface ReadOnlyStoreActions<T extends BoundT> {
   getAll(page?: number, perPage?: number, params?: any): Ref<T[] | null>;
@@ -15,7 +14,6 @@ interface StoreActions<T extends BoundT> extends ReadOnlyStoreActions<T> {
   deleteOne(id: string | number): Promise<T | null>;
 }
 
-
 /**
  * useReadOnlyActions is a factory function that returns a set of methods
  * that can be reused to manage the state of a data store without using
@@ -25,14 +23,14 @@ interface StoreActions<T extends BoundT> extends ReadOnlyStoreActions<T> {
 export function useReadOnlyActions<T extends BoundT>(
   api: BaseCRUDAPIReadOnly<T>,
   allRef: Ref<T[] | null> | null,
-  loading: Ref<boolean>
+  loading: Ref<boolean>,
 ): ReadOnlyStoreActions<T> {
   function getAll(page = 1, perPage = -1, params = {} as Record<string, QueryValue>) {
     params.orderBy ??= "name";
     params.orderDirection ??= "asc";
 
     loading.value = true;
-    const allItems = useAsync(async () => {
+    const allItems = useAsyncData(useAsyncKey(), async () => {
       const { data } = await api.getAll(page, perPage, params);
       loading.value = false;
 
@@ -42,10 +40,11 @@ export function useReadOnlyActions<T extends BoundT>(
 
       if (data) {
         return data.items ?? [];
-      } else {
+      }
+      else {
         return [];
       }
-    }, useAsyncKey());
+    });
 
     return allItems;
   }
@@ -79,14 +78,14 @@ export function useReadOnlyActions<T extends BoundT>(
 export function useStoreActions<T extends BoundT>(
   api: BaseCRUDAPI<unknown, T, unknown>,
   allRef: Ref<T[] | null> | null,
-  loading: Ref<boolean>
+  loading: Ref<boolean>,
 ): StoreActions<T> {
   function getAll(page = 1, perPage = -1, params = {} as Record<string, QueryValue>) {
     params.orderBy ??= "name";
     params.orderDirection ??= "asc";
 
     loading.value = true;
-    const allItems = useAsync(async () => {
+    const allItems = useAsyncData(useAsyncKey(), async () => {
       const { data } = await api.getAll(page, perPage, params);
       loading.value = false;
 
@@ -96,10 +95,11 @@ export function useStoreActions<T extends BoundT>(
 
       if (data) {
         return data.items ?? [];
-      } else {
+      }
+      else {
         return [];
       }
-    }, useAsyncKey());
+    });
 
     return allItems;
   }
@@ -123,7 +123,8 @@ export function useStoreActions<T extends BoundT>(
     const { data } = await api.createOne(createData);
     if (data && allRef?.value) {
       allRef.value.push(data);
-    } else {
+    }
+    else {
       await refresh();
     }
     loading.value = false;
diff --git a/frontend/composables/partials/use-store-factory.ts b/frontend/composables/partials/use-store-factory.ts
index 72a5f5b3a..0d6701bf1 100644
--- a/frontend/composables/partials/use-store-factory.ts
+++ b/frontend/composables/partials/use-store-factory.ts
@@ -1,19 +1,18 @@
-import { ref, reactive, Ref } from "@nuxtjs/composition-api";
 import { useReadOnlyActions, useStoreActions } from "./use-actions-factory";
-import { BoundT } from "./types";
-import { BaseCRUDAPI, BaseCRUDAPIReadOnly } from "~/lib/api/base/base-clients";
-import { QueryValue } from "~/lib/api/base/route";
+import type { BoundT } from "./types";
+import type { BaseCRUDAPI, BaseCRUDAPIReadOnly } from "~/lib/api/base/base-clients";
+import type { QueryValue } from "~/lib/api/base/route";
 
-export const useData = function<T extends BoundT>(defaultObject: T) {
+export const useData = function <T extends BoundT>(defaultObject: T) {
   const data = reactive({ ...defaultObject });
   function reset() {
     Object.assign(data, defaultObject);
   };
 
   return { data, reset };
-}
+};
 
-export const useReadOnlyStore = function<T extends BoundT>(
+export const useReadOnlyStore = function <T extends BoundT>(
   store: Ref<T[]>,
   loading: Ref<boolean>,
   api: BaseCRUDAPIReadOnly<T>,
@@ -36,9 +35,9 @@ export const useReadOnlyStore = function<T extends BoundT>(
   }
 
   return { store, actions };
-}
+};
 
-export const useStore = function<T extends BoundT>(
+export const useStore = function <T extends BoundT>(
   store: Ref<T[]>,
   loading: Ref<boolean>,
   api: BaseCRUDAPI<unknown, T, unknown>,
@@ -61,4 +60,4 @@ export const useStore = function<T extends BoundT>(
   }
 
   return { store, actions };
-}
+};
diff --git a/frontend/composables/recipe-page/shared-state.ts b/frontend/composables/recipe-page/shared-state.ts
index a434638e2..0649f17a8 100644
--- a/frontend/composables/recipe-page/shared-state.ts
+++ b/frontend/composables/recipe-page/shared-state.ts
@@ -1,5 +1,4 @@
-import { computed, ComputedRef, ref, Ref, useContext } from "@nuxtjs/composition-api";
-import { UserOut } from "~/lib/api/types/user";
+import type { UserOut } from "~/lib/api/types/user";
 import { useNavigationWarning } from "~/composables/use-navigation-warning";
 
 export enum PageMode {
@@ -30,20 +29,20 @@ interface PageState {
   editMode: ComputedRef<EditorMode>;
 
   /**
-   * true is the page is in edit mode and the edit mode is in form mode.
-   */
+	 * true is the page is in edit mode and the edit mode is in form mode.
+	 */
   isEditForm: ComputedRef<boolean>;
   /**
-   * true is the page is in edit mode and the edit mode is in json mode.
-   */
+	 * true is the page is in edit mode and the edit mode is in json mode.
+	 */
   isEditJSON: ComputedRef<boolean>;
   /**
-   * true is the page is in view mode.
-   */
+	 * true is the page is in view mode.
+	 */
   isEditMode: ComputedRef<boolean>;
   /**
-   * true is the page is in cook mode.
-   */
+	 * true is the page is in cook mode.
+	 */
   isCookMode: ComputedRef<boolean>;
 
   setMode: (v: PageMode) => void;
@@ -96,7 +95,8 @@ function pageState({ slugRef, pageModeRef, editModeRef, imageKey }: PageRefs): P
         setEditMode(EditorMode.FORM);
       }
       deactivateNavigationWarning();
-    } else if (toMode === PageMode.EDIT) {
+    }
+    else if (toMode === PageMode.EDIT) {
       activateNavigationWarning();
     }
 
@@ -142,6 +142,7 @@ export function usePageState(slug: string): PageState {
 }
 
 export function clearPageState(slug: string) {
+  // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
   delete memo[slug];
 }
 
@@ -151,9 +152,9 @@ export function clearPageState(slug: string) {
  * object with all properties set to their zero value is returned.
  */
 export function usePageUser(): { user: UserOut } {
-  const { $auth } = useContext();
+  const $auth = useMealieAuth();
 
-  if (!$auth.user) {
+  if (!$auth.user.value) {
     return {
       user: {
         id: "",
@@ -169,5 +170,5 @@ export function usePageUser(): { user: UserOut } {
     };
   }
 
-  return { user: $auth.user };
+  return { user: $auth.user.value };
 }
diff --git a/frontend/composables/recipe-page/use-extract-ingredient-references.test.ts b/frontend/composables/recipe-page/use-extract-ingredient-references.test.ts
index c9b05c095..9721348ce 100644
--- a/frontend/composables/recipe-page/use-extract-ingredient-references.test.ts
+++ b/frontend/composables/recipe-page/use-extract-ingredient-references.test.ts
@@ -3,66 +3,59 @@ import { useExtractIngredientReferences } from "./use-extract-ingredient-referen
 
 const punctuationMarks = ["*", "?", "/", "!", "**", "&", "."];
 
-
 describe("test use extract ingredient references", () => {
-    test("when text empty return empty", () => {
-        const result = useExtractIngredientReferences([{ note: "Onions", referenceId: "123" }], [], "", true)
-        expect(result).toStrictEqual(new Set());
-    });
+  test("when text empty return empty", () => {
+    const result = useExtractIngredientReferences([{ note: "Onions", referenceId: "123" }], [], "", true);
+    expect(result).toStrictEqual(new Set());
+  });
 
-    test("when and ingredient matches exactly and has a reference id, return the referenceId", () => {
-        const result = useExtractIngredientReferences([{ note: "Onions", referenceId: "123" }], [], "A sentence containing Onion", true);
+  test("when and ingredient matches exactly and has a reference id, return the referenceId", () => {
+    const result = useExtractIngredientReferences([{ note: "Onions", referenceId: "123" }], [], "A sentence containing Onion", true);
 
-        expect(result).toEqual(new Set(["123"]));
-    });
+    expect(result).toEqual(new Set(["123"]));
+  });
 
+  test.each(punctuationMarks)("when ingredient is suffixed by punctuation, return the referenceId", (suffix) => {
+    const result = useExtractIngredientReferences([{ note: "Onions", referenceId: "123" }], [], "A sentence containing Onion" + suffix, true);
 
-    test.each(punctuationMarks)("when ingredient is suffixed by punctuation, return the referenceId", (suffix) => {
-        const result = useExtractIngredientReferences([{ note: "Onions", referenceId: "123" }], [], "A sentence containing Onion" + suffix, true);
+    expect(result).toEqual(new Set(["123"]));
+  });
 
-        expect(result).toEqual(new Set(["123"]));
-    });
+  test.each(punctuationMarks)("when ingredient is prefixed by punctuation, return the referenceId", (prefix) => {
+    const result = useExtractIngredientReferences([{ note: "Onions", referenceId: "123" }], [], "A sentence containing " + prefix + "Onion", true);
+    expect(result).toEqual(new Set(["123"]));
+  });
 
-    test.each(punctuationMarks)("when ingredient is prefixed by punctuation, return the referenceId", (prefix) => {
-        const result = useExtractIngredientReferences([{ note: "Onions", referenceId: "123" }], [], "A sentence containing " + prefix + "Onion", true);
-        expect(result).toEqual(new Set(["123"]));
-    });
+  test("when ingredient is first on a multiline, return the referenceId", () => {
+    const multilineSting = "lksjdlk\nOnion";
+    const result = useExtractIngredientReferences([{ note: "Onions", referenceId: "123" }], [], multilineSting, true);
+    expect(result).toEqual(new Set(["123"]));
+  });
 
-    test("when ingredient is first on a multiline, return the referenceId", () => {
-        const multilineSting = "lksjdlk\nOnion"
-        const result = useExtractIngredientReferences([{ note: "Onions", referenceId: "123" }], [], multilineSting, true);
-        expect(result).toEqual(new Set(["123"]));
-    });
+  test("when the ingredient matches partially exactly and has a reference id, return the referenceId", () => {
+    const result = useExtractIngredientReferences([{ note: "Onions", referenceId: "123" }], [], "A sentence containing Onions", true);
+    expect(result).toEqual(new Set(["123"]));
+  });
 
-    test("when the ingredient matches partially exactly and has a reference id, return the referenceId", () => {
-        const result = useExtractIngredientReferences([{ note: "Onions", referenceId: "123" }], [], "A sentence containing Onions", true);
-        expect(result).toEqual(new Set(["123"]));
-    });
+  test("when the ingredient matches with different casing and has a reference id, return the referenceId", () => {
+    const result = useExtractIngredientReferences([{ note: "Onions", referenceId: "123" }], [], "A sentence containing oNions", true);
+    expect(result).toEqual(new Set(["123"]));
+  });
 
+  test("when no ingredients, return empty", () => {
+    const result = useExtractIngredientReferences([], [], "A sentence containing oNions", true);
+    expect(result).toEqual(new Set());
+  });
 
-    test("when the ingredient matches with different casing and has a reference id, return the referenceId", () => {
-        const result = useExtractIngredientReferences([{ note: "Onions", referenceId: "123" }], [], "A sentence containing oNions", true);
-        expect(result).toEqual(new Set(["123"]));
-    });
-
-    test("when no ingredients, return empty", () => {
-        const result = useExtractIngredientReferences([], [], "A sentence containing oNions", true);
-        expect(result).toEqual(new Set());
-    });
-
-    test("when and ingredient matches but in the existing referenceIds, do not return the referenceId", () => {
-        const result = useExtractIngredientReferences([{ note: "Onion", referenceId: "123" }], ["123"], "A sentence containing Onion", true);
-
-        expect(result).toEqual(new Set());
-    });
-
-    test("when an word is 2 letter of shorter, it is ignored", () => {
-        const result = useExtractIngredientReferences([{ note: "Onion", referenceId: "123" }], [], "A sentence containing On", true);
-
-        expect(result).toEqual(new Set());
-
-    })
+  test("when and ingredient matches but in the existing referenceIds, do not return the referenceId", () => {
+    const result = useExtractIngredientReferences([{ note: "Onion", referenceId: "123" }], ["123"], "A sentence containing Onion", true);
 
+    expect(result).toEqual(new Set());
+  });
 
+  test("when an word is 2 letter of shorter, it is ignored", () => {
+    const result = useExtractIngredientReferences([{ note: "Onion", referenceId: "123" }], [], "A sentence containing On", true);
 
+    expect(result).toEqual(new Set());
+  });
 });
diff --git a/frontend/composables/recipe-page/use-extract-ingredient-references.ts b/frontend/composables/recipe-page/use-extract-ingredient-references.ts
index bf34074c4..4504bf612 100644
--- a/frontend/composables/recipe-page/use-extract-ingredient-references.ts
+++ b/frontend/composables/recipe-page/use-extract-ingredient-references.ts
@@ -1,60 +1,58 @@
-import { RecipeIngredient } from "~/lib/api/types/recipe";
+import type { RecipeIngredient } from "~/lib/api/types/recipe";
 import { parseIngredientText } from "~/composables/recipes";
 
-
 function normalize(word: string): string {
-    let normalizing = word;
-    normalizing = removeTrailingPunctuation(normalizing);
-    normalizing = removeStartingPunctuation(normalizing);
-    return normalizing;
+  let normalizing = word;
+  normalizing = removeTrailingPunctuation(normalizing);
+  normalizing = removeStartingPunctuation(normalizing);
+  return normalizing;
 }
 
 function removeTrailingPunctuation(word: string): string {
-    const punctuationAtEnding = /\p{P}+$/u;
-    return word.replace(punctuationAtEnding, "");
+  const punctuationAtEnding = /\p{P}+$/u;
+  return word.replace(punctuationAtEnding, "");
 }
 
 function removeStartingPunctuation(word: string): string {
-    const punctuationAtBeginning = /^\p{P}+/u;
-    return word.replace(punctuationAtBeginning, "");
+  const punctuationAtBeginning = /^\p{P}+/u;
+  return word.replace(punctuationAtBeginning, "");
 }
 
 function ingredientMatchesWord(ingredient: RecipeIngredient, word: string, recipeIngredientAmountsDisabled: boolean) {
-    const searchText = parseIngredientText(ingredient, recipeIngredientAmountsDisabled);
-    return searchText.toLowerCase().includes(word.toLowerCase());
+  const searchText = parseIngredientText(ingredient, recipeIngredientAmountsDisabled);
+  return searchText.toLowerCase().includes(word.toLowerCase());
 }
 
 function isBlackListedWord(word: string) {
-    // Ignore matching blacklisted words when auto-linking - This is kind of a cludgey implementation. We're blacklisting common words but
-    // other common phrases trigger false positives and I'm not sure how else to approach this. In the future I maybe look at looking directly
-    // at the food variable and seeing if the food is in the instructions, but I still need to support those who don't want to provide the value
-    // and only use the "notes" feature.
-    const blackListedText: string[] = [
-        "and",
-        "the",
-        "for",
-        "with",
-        "without"
-    ];
-    const blackListedRegexMatch = /\d/gm; // Match Any Number
-    return blackListedText.includes(word) || word.match(blackListedRegexMatch);
+  // Ignore matching blacklisted words when auto-linking - This is kind of a cludgey implementation. We're blacklisting common words but
+  // other common phrases trigger false positives and I'm not sure how else to approach this. In the future I maybe look at looking directly
+  // at the food variable and seeing if the food is in the instructions, but I still need to support those who don't want to provide the value
+  // and only use the "notes" feature.
+  const blackListedText: string[] = [
+    "and",
+    "the",
+    "for",
+    "with",
+    "without",
+  ];
+  const blackListedRegexMatch = /\d/gm; // Match Any Number
+  return blackListedText.includes(word) || word.match(blackListedRegexMatch);
 }
 
 export function useExtractIngredientReferences(recipeIngredients: RecipeIngredient[], activeRefs: string[], text: string, recipeIngredientAmountsDisabled: boolean): Set<string> {
-    const availableIngredients = recipeIngredients
-        .filter((ingredient) => ingredient.referenceId !== undefined)
-        .filter((ingredient) => !activeRefs.includes(ingredient.referenceId as string));
+  const availableIngredients = recipeIngredients
+    .filter(ingredient => ingredient.referenceId !== undefined)
+    .filter(ingredient => !activeRefs.includes(ingredient.referenceId as string));
 
-    const allMatchedIngredientIds: string[] = text
-        .toLowerCase()
-        .split(/\s/)
-        .map(normalize)
-        .filter((word) => word.length > 2)
-        .filter((word) => !isBlackListedWord(word))
-        .flatMap((word) => availableIngredients.filter((ingredient) => ingredientMatchesWord(ingredient, word, recipeIngredientAmountsDisabled)))
-        .map((ingredient) => ingredient.referenceId as string);
-    //  deduplicate
-
-    return new Set<string>(allMatchedIngredientIds)
+  const allMatchedIngredientIds: string[] = text
+    .toLowerCase()
+    .split(/\s/)
+    .map(normalize)
+    .filter(word => word.length > 2)
+    .filter(word => !isBlackListedWord(word))
+    .flatMap(word => availableIngredients.filter(ingredient => ingredientMatchesWord(ingredient, word, recipeIngredientAmountsDisabled)))
+    .map(ingredient => ingredient.referenceId as string);
+  //  deduplicate
 
+  return new Set<string>(allMatchedIngredientIds);
 }
diff --git a/frontend/composables/recipes/use-fraction.ts b/frontend/composables/recipes/use-fraction.ts
index bbb7eac71..07416bfa4 100644
--- a/frontend/composables/recipes/use-fraction.ts
+++ b/frontend/composables/recipes/use-fraction.ts
@@ -14,13 +14,16 @@ function frac(x: number, D: number, mixed: boolean) {
           d1 += d2;
           n1 += n2;
           d2 = D + 1;
-        } else if (d1 > d2) d2 = D + 1;
+        }
+        else if (d1 > d2) d2 = D + 1;
         else d1 = D + 1;
         break;
-      } else if (x < m) {
+      }
+      else if (x < m) {
         n2 = n1 + n2;
         d2 = d1 + d2;
-      } else {
+      }
+      else {
         n1 = n1 + n2;
         d1 = d1 + d2;
       }
@@ -58,7 +61,8 @@ function cont(x: number, D: number, mixed: boolean) {
     if (Q_1 > D) {
       Q = Q_2;
       P = P_2;
-    } else {
+    }
+    else {
       Q = Q_1;
       P = P_1;
     }
diff --git a/frontend/composables/recipes/use-recipe-ingredients.test.ts b/frontend/composables/recipes/use-recipe-ingredients.test.ts
index 4b6a93869..52eaa3904 100644
--- a/frontend/composables/recipes/use-recipe-ingredients.test.ts
+++ b/frontend/composables/recipes/use-recipe-ingredients.test.ts
@@ -1,6 +1,6 @@
 import { describe, test, expect } from "vitest";
 import { parseIngredientText } from "./use-recipe-ingredients";
-import { RecipeIngredient } from "~/lib/api/types/recipe";
+import type { RecipeIngredient } from "~/lib/api/types/recipe";
 
 describe(parseIngredientText.name, () => {
   const createRecipeIngredient = (overrides: Partial<RecipeIngredient>): RecipeIngredient => ({
@@ -59,7 +59,7 @@ describe(parseIngredientText.name, () => {
     const ingredient = createRecipeIngredient({
       quantity: 2,
       unit: { id: "1", name: "tablespoon", pluralName: "tablespoons", abbreviation: "tbsp", pluralAbbreviation: "tbsps", useAbbreviation: true },
-      food: { id: "1", name: "diced onion", pluralName: "diced onions" }
+      food: { id: "1", name: "diced onion", pluralName: "diced onions" },
     });
 
     expect(parseIngredientText(ingredient, false)).toEqual("2 tbsps diced onions");
@@ -69,7 +69,7 @@ describe(parseIngredientText.name, () => {
     const ingredient = createRecipeIngredient({
       quantity: 2,
       unit: { id: "1", name: "tablespoon", pluralName: "tablespoons", abbreviation: "tbsp", pluralAbbreviation: "tbsps", useAbbreviation: false },
-      food: { id: "1", name: "diced onion", pluralName: "diced onions" }
+      food: { id: "1", name: "diced onion", pluralName: "diced onions" },
     });
 
     expect(parseIngredientText(ingredient, false)).toEqual("2 tablespoons diced onions");
@@ -79,7 +79,7 @@ describe(parseIngredientText.name, () => {
     const ingredient = createRecipeIngredient({
       quantity: 1,
       unit: { id: "1", name: "tablespoon", pluralName: "tablespoons", abbreviation: "tbsp", pluralAbbreviation: "tbsps", useAbbreviation: true },
-      food: { id: "1", name: "diced onion", pluralName: "diced onions" }
+      food: { id: "1", name: "diced onion", pluralName: "diced onions" },
     });
 
     expect(parseIngredientText(ingredient, false)).toEqual("1 tbsp diced onion");
@@ -89,7 +89,7 @@ describe(parseIngredientText.name, () => {
     const ingredient = createRecipeIngredient({
       quantity: 1,
       unit: { id: "1", name: "tablespoon", pluralName: "tablespoons", abbreviation: "tbsp", pluralAbbreviation: "tbsps", useAbbreviation: false },
-      food: { id: "1", name: "diced onion", pluralName: "diced onions" }
+      food: { id: "1", name: "diced onion", pluralName: "diced onions" },
     });
 
     expect(parseIngredientText(ingredient, false)).toEqual("1 tablespoon diced onion");
@@ -99,7 +99,7 @@ describe(parseIngredientText.name, () => {
     const ingredient = createRecipeIngredient({
       quantity: 0.5,
       unit: { id: "1", name: "tablespoon", pluralName: "tablespoons", abbreviation: "tbsp", pluralAbbreviation: "tbsps", useAbbreviation: true },
-      food: { id: "1", name: "diced onion", pluralName: "diced onions" }
+      food: { id: "1", name: "diced onion", pluralName: "diced onions" },
     });
 
     expect(parseIngredientText(ingredient, false)).toEqual("0.5 tbsp diced onion");
@@ -109,7 +109,7 @@ describe(parseIngredientText.name, () => {
     const ingredient = createRecipeIngredient({
       quantity: 0.5,
       unit: { id: "1", name: "tablespoon", pluralName: "tablespoons", abbreviation: "tbsp", pluralAbbreviation: "tbsps", useAbbreviation: false },
-      food: { id: "1", name: "diced onion", pluralName: "diced onions" }
+      food: { id: "1", name: "diced onion", pluralName: "diced onions" },
     });
 
     expect(parseIngredientText(ingredient, false)).toEqual("0.5 tablespoon diced onion");
@@ -119,7 +119,7 @@ describe(parseIngredientText.name, () => {
     const ingredient = createRecipeIngredient({
       quantity: 0,
       unit: { id: "1", name: "tablespoon", pluralName: "tablespoons", abbreviation: "tbsp", pluralAbbreviation: "tbsps", useAbbreviation: false },
-      food: { id: "1", name: "diced onion", pluralName: "diced onions" }
+      food: { id: "1", name: "diced onion", pluralName: "diced onions" },
     });
 
     expect(parseIngredientText(ingredient, false)).toEqual("diced onions");
@@ -129,7 +129,7 @@ describe(parseIngredientText.name, () => {
     const ingredient = createRecipeIngredient({
       quantity: 1,
       unit: { id: "1", name: "tablespoon", pluralName: "tablespoons", abbreviation: "tbsp", pluralAbbreviation: "tbsps", useAbbreviation: false },
-      food: { id: "1", name: "diced onion", pluralName: "diced onions" }
+      food: { id: "1", name: "diced onion", pluralName: "diced onions" },
     });
 
     expect(parseIngredientText(ingredient, false, 2)).toEqual("2 tablespoons diced onions");
diff --git a/frontend/composables/recipes/use-recipe-ingredients.ts b/frontend/composables/recipes/use-recipe-ingredients.ts
index f22508e8e..362cda3d5 100644
--- a/frontend/composables/recipes/use-recipe-ingredients.ts
+++ b/frontend/composables/recipes/use-recipe-ingredients.ts
@@ -1,6 +1,7 @@
 import DOMPurify from "isomorphic-dompurify";
 import { useFraction } from "./use-fraction";
-import { CreateIngredientFood, CreateIngredientUnit, IngredientFood, IngredientUnit, RecipeIngredient } from "~/lib/api/types/recipe";
+import type { CreateIngredientFood, CreateIngredientUnit, IngredientFood, IngredientUnit, RecipeIngredient } from "~/lib/api/types/recipe";
+
 const { frac } = useFraction();
 
 export function sanitizeIngredientHTML(rawHtml: string) {
@@ -47,7 +48,7 @@ export function useParsedIngredientText(ingredient: RecipeIngredient, disableAmo
 
   const { quantity, food, unit, note } = ingredient;
   const usePluralUnit = quantity !== undefined && ((quantity || 0) * scale > 1 || (quantity || 0) * scale === 0);
-  const usePluralFood = (!quantity) || quantity * scale > 1
+  const usePluralFood = (!quantity) || quantity * scale > 1;
 
   let returnQty = "";
 
@@ -55,16 +56,17 @@ export function useParsedIngredientText(ingredient: RecipeIngredient, disableAmo
   if (quantity && Number(quantity) !== 0) {
     if (unit && !unit.fraction) {
       returnQty = Number((quantity * scale).toPrecision(3)).toString();
-    } else {
+    }
+    else {
       const fraction = frac(quantity * scale, 10, true);
       if (fraction[0] !== undefined && fraction[0] > 0) {
         returnQty += fraction[0];
       }
 
       if (fraction[1] > 0) {
-        returnQty += includeFormating ?
-          `<sup>${fraction[1]}</sup><span>&frasl;</span><sub>${fraction[2]}</sub>` :
-          ` ${fraction[1]}/${fraction[2]}`;
+        returnQty += includeFormating
+          ? `<sup>${fraction[1]}</sup><span>&frasl;</span><sub>${fraction[2]}</sub>`
+          : ` ${fraction[1]}/${fraction[2]}`;
       }
     }
   }
diff --git a/frontend/composables/recipes/use-recipe-nutrition.ts b/frontend/composables/recipes/use-recipe-nutrition.ts
index e249d5d61..c61f03263 100644
--- a/frontend/composables/recipes/use-recipe-nutrition.ts
+++ b/frontend/composables/recipes/use-recipe-nutrition.ts
@@ -1,6 +1,3 @@
-import { useContext } from "@nuxtjs/composition-api";
-
-
 export interface NutritionLabelType {
   [key: string]: {
     label: string;
@@ -9,55 +6,54 @@ export interface NutritionLabelType {
   };
 };
 
-
 export function useNutritionLabels() {
-  const { i18n } = useContext();
+  const i18n = useI18n();
   const labels = <NutritionLabelType>{
     calories: {
-      label: i18n.tc("recipe.calories"),
-      suffix: i18n.tc("recipe.calories-suffix"),
+      label: i18n.t("recipe.calories"),
+      suffix: i18n.t("recipe.calories-suffix"),
     },
     carbohydrateContent: {
-      label: i18n.tc("recipe.carbohydrate-content"),
-      suffix: i18n.tc("recipe.grams"),
+      label: i18n.t("recipe.carbohydrate-content"),
+      suffix: i18n.t("recipe.grams"),
     },
     cholesterolContent: {
-      label: i18n.tc("recipe.cholesterol-content"),
-      suffix: i18n.tc("recipe.milligrams"),
+      label: i18n.t("recipe.cholesterol-content"),
+      suffix: i18n.t("recipe.milligrams"),
     },
     fatContent: {
-      label: i18n.tc("recipe.fat-content"),
-      suffix: i18n.tc("recipe.grams"),
+      label: i18n.t("recipe.fat-content"),
+      suffix: i18n.t("recipe.grams"),
     },
     fiberContent: {
-      label: i18n.tc("recipe.fiber-content"),
-      suffix: i18n.tc("recipe.grams"),
+      label: i18n.t("recipe.fiber-content"),
+      suffix: i18n.t("recipe.grams"),
     },
     proteinContent: {
-      label: i18n.tc("recipe.protein-content"),
-      suffix: i18n.tc("recipe.grams"),
+      label: i18n.t("recipe.protein-content"),
+      suffix: i18n.t("recipe.grams"),
     },
     saturatedFatContent: {
-      label: i18n.tc("recipe.saturated-fat-content"),
-      suffix: i18n.tc("recipe.grams"),
+      label: i18n.t("recipe.saturated-fat-content"),
+      suffix: i18n.t("recipe.grams"),
     },
     sodiumContent: {
-      label: i18n.tc("recipe.sodium-content"),
-      suffix: i18n.tc("recipe.milligrams"),
+      label: i18n.t("recipe.sodium-content"),
+      suffix: i18n.t("recipe.milligrams"),
     },
     sugarContent: {
-      label: i18n.tc("recipe.sugar-content"),
-      suffix: i18n.tc("recipe.grams"),
+      label: i18n.t("recipe.sugar-content"),
+      suffix: i18n.t("recipe.grams"),
     },
     transFatContent: {
-      label: i18n.tc("recipe.trans-fat-content"),
-      suffix: i18n.tc("recipe.grams"),
+      label: i18n.t("recipe.trans-fat-content"),
+      suffix: i18n.t("recipe.grams"),
     },
     unsaturatedFatContent: {
-      label: i18n.tc("recipe.unsaturated-fat-content"),
-      suffix: i18n.tc("recipe.grams"),
+      label: i18n.t("recipe.unsaturated-fat-content"),
+      suffix: i18n.t("recipe.grams"),
     },
   };
 
-  return { labels }
+  return { labels };
 }
diff --git a/frontend/composables/recipes/use-recipe-permissions.test.ts b/frontend/composables/recipes/use-recipe-permissions.test.ts
index a962d7af3..e2670d51b 100644
--- a/frontend/composables/recipes/use-recipe-permissions.test.ts
+++ b/frontend/composables/recipes/use-recipe-permissions.test.ts
@@ -1,9 +1,9 @@
 import { describe, test, expect } from "vitest";
-import { ref, Ref } from "@nuxtjs/composition-api";
+import { ref } from "vue";
 import { useRecipePermissions } from "./use-recipe-permissions";
-import { HouseholdSummary } from "~/lib/api/types/household";
-import { Recipe } from "~/lib/api/types/recipe";
-import { UserOut } from "~/lib/api/types/user";
+import type { HouseholdSummary } from "~/lib/api/types/household";
+import type { Recipe } from "~/lib/api/types/recipe";
+import type { UserOut } from "~/lib/api/types/user";
 
 describe("test use recipe permissions", () => {
   const commonUserId = "my-user-id";
@@ -67,7 +67,7 @@ describe("test use recipe permissions", () => {
         createUser({ id: "other-user-id" }),
       );
       expect(result.canEditRecipe.value).toBe(true);
-    }
+    },
   );
 
   test(
@@ -79,14 +79,14 @@ describe("test use recipe permissions", () => {
         createUser({ id: "other-user-id" }),
       );
       expect(result.canEditRecipe.value).toBe(true);
-    }
+    },
   );
 
   test("when user is not recipe owner, and user is other group, cannot edit", () => {
     const result = useRecipePermissions(
       createRecipe({}),
       createRecipeHousehold({}),
-      createUser({ id: "other-user-id", groupId: "other-group-id"}),
+      createUser({ id: "other-user-id", groupId: "other-group-id" }),
     );
     expect(result.canEditRecipe.value).toBe(false);
   });
@@ -113,7 +113,7 @@ describe("test use recipe permissions", () => {
     const result = useRecipePermissions(
       createRecipe({}, true),
       createRecipeHousehold({}),
-      createUser({ id: "other-user-id"}),
+      createUser({ id: "other-user-id" }),
     );
     expect(result.canEditRecipe.value).toBe(false);
   });
diff --git a/frontend/composables/recipes/use-recipe-permissions.ts b/frontend/composables/recipes/use-recipe-permissions.ts
index d4efbfd05..ecb4f75c3 100644
--- a/frontend/composables/recipes/use-recipe-permissions.ts
+++ b/frontend/composables/recipes/use-recipe-permissions.ts
@@ -1,7 +1,7 @@
-import { computed, Ref } from "@nuxtjs/composition-api";
-import { Recipe } from "~/lib/api/types/recipe";
-import { HouseholdSummary } from "~/lib/api/types/household";
-import { UserOut } from "~/lib/api/types/user";
+import { computed } from "vue";
+import type { Recipe } from "~/lib/api/types/recipe";
+import type { HouseholdSummary } from "~/lib/api/types/household";
+import type { UserOut } from "~/lib/api/types/user";
 
 export function useRecipePermissions(
   recipe: Recipe,
@@ -40,5 +40,5 @@ export function useRecipePermissions(
 
   return {
     canEditRecipe,
-  }
+  };
 }
diff --git a/frontend/composables/recipes/use-recipe-search.ts b/frontend/composables/recipes/use-recipe-search.ts
index e4e0eecd4..e0a9dd711 100644
--- a/frontend/composables/recipes/use-recipe-search.ts
+++ b/frontend/composables/recipes/use-recipe-search.ts
@@ -1,8 +1,7 @@
-import { Ref, ref } from "@nuxtjs/composition-api";
 import { watchDebounced } from "@vueuse/core";
-import { UserApi } from "~/lib/api";
-import { ExploreApi } from "~/lib/api/public/explore";
-import { Recipe } from "~/lib/api/types/recipe";
+import type { UserApi } from "~/lib/api";
+import type { ExploreApi } from "~/lib/api/public/explore";
+import type { Recipe } from "~/lib/api/types/recipe";
 
 export interface UseRecipeSearchReturn {
   query: Ref<string>;
@@ -54,7 +53,7 @@ export function useRecipeSearch(api: UserApi | ExploreApi): UseRecipeSearchRetur
     async (term: string) => {
       await searchRecipes(term);
     },
-    { debounce: 500 }
+    { debounce: 500 },
   );
 
   async function trigger() {
diff --git a/frontend/composables/recipes/use-recipe-timeline-events.ts b/frontend/composables/recipes/use-recipe-timeline-events.ts
index 3bef821fb..b923a7bb7 100644
--- a/frontend/composables/recipes/use-recipe-timeline-events.ts
+++ b/frontend/composables/recipes/use-recipe-timeline-events.ts
@@ -1,5 +1,4 @@
-import { computed, useContext } from "@nuxtjs/composition-api";
-import { TimelineEventType } from "~/lib/api/types/recipe";
+import type { TimelineEventType } from "~/lib/api/types/recipe";
 
 export interface TimelineEventTypeData {
   value: TimelineEventType;
@@ -8,22 +7,23 @@ export interface TimelineEventTypeData {
 }
 
 export const useTimelineEventTypes = () => {
-  const { $globals, i18n } = useContext();
+  const i18n = useI18n();
+  const { $globals } = useNuxtApp();
   const eventTypeOptions = computed<TimelineEventTypeData[]>(() => {
     return [
       {
         value: "comment",
-        label: i18n.tc("recipe.comment"),
+        label: i18n.t("recipe.comment"),
         icon: $globals.icons.commentTextMultiple,
       },
       {
         value: "info",
-        label: i18n.tc("settings.theme.info"),
+        label: i18n.t("settings.theme.info"),
         icon: $globals.icons.informationVariant,
       },
       {
         value: "system",
-        label: i18n.tc("general.system"),
+        label: i18n.t("general.system"),
         icon: $globals.icons.cog,
       },
     ];
@@ -31,5 +31,5 @@ export const useTimelineEventTypes = () => {
 
   return {
     eventTypeOptions,
-  }
-}
+  };
+};
diff --git a/frontend/composables/recipes/use-recipe-tools.ts b/frontend/composables/recipes/use-recipe-tools.ts
index 0bddacb3c..486eba18c 100644
--- a/frontend/composables/recipes/use-recipe-tools.ts
+++ b/frontend/composables/recipes/use-recipe-tools.ts
@@ -1,8 +1,7 @@
-import { reactive, ref, useAsync } from "@nuxtjs/composition-api";
 import { useAsyncKey } from "../use-utils";
 import { useUserApi } from "~/composables/api";
-import { VForm } from "~/types/vuetify";
-import { RecipeTool } from "~/lib/api/types/recipe";
+import type { VForm } from "~/types/vuetify";
+import type { RecipeTool } from "~/lib/api/types/recipe";
 
 export const useTools = function (eager = true) {
   const workingToolData = reactive<RecipeTool>({
@@ -18,15 +17,16 @@ export const useTools = function (eager = true) {
   const actions = {
     getAll() {
       loading.value = true;
-      const units = useAsync(async () => {
+      const units = useAsyncData(useAsyncKey(), async () => {
         const { data } = await api.tools.getAll();
 
         if (data) {
           return data.items;
-        } else {
+        }
+        else {
           return null;
         }
-      }, useAsyncKey());
+      });
 
       loading.value = false;
       return units;
@@ -86,7 +86,8 @@ export const useTools = function (eager = true) {
   const tools = (() => {
     if (eager) {
       return actions.getAll();
-    } else {
+    }
+    else {
       return ref([]);
     }
   })();
diff --git a/frontend/composables/recipes/use-recipe.ts b/frontend/composables/recipes/use-recipe.ts
index 764bebe1b..f74740126 100644
--- a/frontend/composables/recipes/use-recipe.ts
+++ b/frontend/composables/recipes/use-recipe.ts
@@ -1,6 +1,5 @@
-import { ref, onMounted } from "@nuxtjs/composition-api";
 import { useUserApi } from "~/composables/api";
-import { Recipe } from "~/lib/api/types/recipe";
+import type { Recipe } from "~/lib/api/types/recipe";
 
 export const useRecipe = function (slug: string, eager = true) {
   const api = useUserApi();
diff --git a/frontend/composables/recipes/use-recipes.ts b/frontend/composables/recipes/use-recipes.ts
index 9286968f3..104e7403d 100644
--- a/frontend/composables/recipes/use-recipes.ts
+++ b/frontend/composables/recipes/use-recipes.ts
@@ -1,9 +1,9 @@
-import { useAsync, useRouter, ref } from "@nuxtjs/composition-api";
+import { ref } from "vue";
 import { useAsyncKey } from "../use-utils";
 import { usePublicExploreApi } from "~/composables/api/api-client";
 import { useUserApi } from "~/composables/api";
-import { OrderByNullPosition, Recipe } from "~/lib/api/types/recipe";
-import { RecipeSearchQuery } from "~/lib/api/user/recipes/recipe";
+import type { OrderByNullPosition, Recipe } from "~/lib/api/types/recipe";
+import type { RecipeSearchQuery } from "~/lib/api/user/recipes/recipe";
 
 export const allRecipes = ref<Recipe[]>([]);
 export const recentRecipes = ref<Recipe[]>([]);
@@ -13,7 +13,7 @@ function getParams(
   orderDirection = "desc",
   orderByNullPosition: OrderByNullPosition | null = null,
   query: RecipeSearchQuery | null = null,
-  queryFilter: string | null = null
+  queryFilter: string | null = null,
 ) {
   return {
     orderBy,
@@ -53,7 +53,6 @@ export const useLazyRecipes = function (publicGroupSlug: string | null = null) {
     query: RecipeSearchQuery | null = null,
     queryFilter: string | null = null,
   ) {
-
     const { data, error } = await api.recipes.getAll(
       page,
       perPage,
@@ -113,7 +112,7 @@ export const useRecipes = (
   fetchRecipes = true,
   loadFood = false,
   queryFilter: string | null = null,
-  publicGroupSlug: string | null = null
+  publicGroupSlug: string | null = null,
 ) => {
   const api = publicGroupSlug ? usePublicExploreApi(publicGroupSlug).explore : useUserApi();
 
@@ -125,7 +124,8 @@ export const useRecipes = (
         page: 1,
         perPage: -1,
       };
-    } else {
+    }
+    else {
       return {
         recipes: recentRecipes,
         page: 1,
@@ -142,9 +142,9 @@ export const useRecipes = (
   }
 
   function getAllRecipes() {
-    useAsync(async () => {
+    useAsyncData(useAsyncKey(), async () => {
       await refreshRecipes();
-    }, useAsyncKey());
+    });
   }
 
   function assignSorted(val: Array<Recipe>) {
diff --git a/frontend/composables/recipes/use-scaled-amount.ts b/frontend/composables/recipes/use-scaled-amount.ts
index 1f642e91d..06d37db89 100644
--- a/frontend/composables/recipes/use-scaled-amount.ts
+++ b/frontend/composables/recipes/use-scaled-amount.ts
@@ -11,11 +11,11 @@ function formatQuantity(val: number): string {
   const fraction = frac(val, 10, true);
 
   if (fraction[0] !== undefined && fraction[0] > 0) {
-      valString += fraction[0];
+    valString += fraction[0];
   }
 
   if (fraction[1] > 0) {
-      valString += `<sup>${fraction[1]}</sup><span>&frasl;</span><sub>${fraction[2]}</sub>`;
+    valString += `<sup>${fraction[1]}</sup><span>&frasl;</span><sub>${fraction[2]}</sub>`;
   }
 
   return valString.trim();
diff --git a/frontend/composables/store/use-category-store.ts b/frontend/composables/store/use-category-store.ts
index e64cd060a..0509fa7c7 100644
--- a/frontend/composables/store/use-category-store.ts
+++ b/frontend/composables/store/use-category-store.ts
@@ -1,6 +1,5 @@
-import { ref, Ref } from "@nuxtjs/composition-api";
 import { useData, useReadOnlyStore, useStore } from "../partials/use-store-factory";
-import { RecipeCategory } from "~/lib/api/types/recipe";
+import type { RecipeCategory } from "~/lib/api/types/recipe";
 import { usePublicExploreApi, useUserApi } from "~/composables/api";
 
 const store: Ref<RecipeCategory[]> = ref([]);
@@ -13,14 +12,14 @@ export const useCategoryData = function () {
     name: "",
     slug: "",
   });
-}
+};
 
 export const useCategoryStore = function () {
   const api = useUserApi();
   return useStore<RecipeCategory>(store, loading, api.categories);
-}
+};
 
 export const usePublicCategoryStore = function (groupSlug: string) {
   const api = usePublicExploreApi(groupSlug).explore;
   return useReadOnlyStore<RecipeCategory>(store, publicLoading, api.categories);
-}
+};
diff --git a/frontend/composables/store/use-food-store.ts b/frontend/composables/store/use-food-store.ts
index 6599f2dac..80ef1c7c3 100644
--- a/frontend/composables/store/use-food-store.ts
+++ b/frontend/composables/store/use-food-store.ts
@@ -1,6 +1,5 @@
-import { ref, Ref } from "@nuxtjs/composition-api";
 import { useData, useReadOnlyStore, useStore } from "../partials/use-store-factory";
-import { IngredientFood } from "~/lib/api/types/recipe";
+import type { IngredientFood } from "~/lib/api/types/recipe";
 import { usePublicExploreApi, useUserApi } from "~/composables/api";
 
 const store: Ref<IngredientFood[]> = ref([]);
@@ -14,14 +13,14 @@ export const useFoodData = function () {
     description: "",
     labelId: undefined,
   });
-}
+};
 
 export const useFoodStore = function () {
   const api = useUserApi();
   return useStore<IngredientFood>(store, loading, api.foods);
-}
+};
 
 export const usePublicFoodStore = function (groupSlug: string) {
   const api = usePublicExploreApi(groupSlug).explore;
   return useReadOnlyStore<IngredientFood>(store, publicLoading, api.foods);
-}
+};
diff --git a/frontend/composables/store/use-household-store.ts b/frontend/composables/store/use-household-store.ts
index 0b7c8eef1..0622be677 100644
--- a/frontend/composables/store/use-household-store.ts
+++ b/frontend/composables/store/use-household-store.ts
@@ -1,6 +1,5 @@
-import { ref, Ref } from "@nuxtjs/composition-api";
 import { useReadOnlyStore } from "../partials/use-store-factory";
-import { HouseholdSummary } from "~/lib/api/types/household";
+import type { HouseholdSummary } from "~/lib/api/types/household";
 import { usePublicExploreApi, useUserApi } from "~/composables/api";
 
 const store: Ref<HouseholdSummary[]> = ref([]);
@@ -10,9 +9,9 @@ const publicLoading = ref(false);
 export const useHouseholdStore = function () {
   const api = useUserApi();
   return useReadOnlyStore<HouseholdSummary>(store, loading, api.households);
-}
+};
 
 export const usePublicHouseholdStore = function (groupSlug: string) {
   const api = usePublicExploreApi(groupSlug).explore;
   return useReadOnlyStore<HouseholdSummary>(store, publicLoading, api.households);
-}
+};
diff --git a/frontend/composables/store/use-label-store.ts b/frontend/composables/store/use-label-store.ts
index 0cd3bb58d..96219aa15 100644
--- a/frontend/composables/store/use-label-store.ts
+++ b/frontend/composables/store/use-label-store.ts
@@ -1,6 +1,5 @@
-import { ref, Ref } from "@nuxtjs/composition-api";
 import { useData, useStore } from "../partials/use-store-factory";
-import { MultiPurposeLabelOut } from "~/lib/api/types/labels";
+import type { MultiPurposeLabelOut } from "~/lib/api/types/labels";
 import { useUserApi } from "~/composables/api";
 
 const store: Ref<MultiPurposeLabelOut[]> = ref([]);
@@ -13,9 +12,9 @@ export const useLabelData = function () {
     name: "",
     color: "",
   });
-}
+};
 
 export const useLabelStore = function () {
   const api = useUserApi();
   return useStore<MultiPurposeLabelOut>(store, loading, api.multiPurposeLabels);
-}
+};
diff --git a/frontend/composables/store/use-tag-store.ts b/frontend/composables/store/use-tag-store.ts
index b5a30822a..939a14232 100644
--- a/frontend/composables/store/use-tag-store.ts
+++ b/frontend/composables/store/use-tag-store.ts
@@ -1,6 +1,5 @@
-import { ref, Ref } from "@nuxtjs/composition-api";
 import { useData, useReadOnlyStore, useStore } from "../partials/use-store-factory";
-import { RecipeTag } from "~/lib/api/types/recipe";
+import type { RecipeTag } from "~/lib/api/types/recipe";
 import { usePublicExploreApi, useUserApi } from "~/composables/api";
 
 const store: Ref<RecipeTag[]> = ref([]);
@@ -13,14 +12,14 @@ export const useTagData = function () {
     name: "",
     slug: "",
   });
-}
+};
 
 export const useTagStore = function () {
   const api = useUserApi();
   return useStore<RecipeTag>(store, loading, api.tags);
-}
+};
 
 export const usePublicTagStore = function (groupSlug: string) {
   const api = usePublicExploreApi(groupSlug).explore;
   return useReadOnlyStore<RecipeTag>(store, publicLoading, api.tags);
-}
+};
diff --git a/frontend/composables/store/use-tool-store.ts b/frontend/composables/store/use-tool-store.ts
index e6c38d307..4886d0b13 100644
--- a/frontend/composables/store/use-tool-store.ts
+++ b/frontend/composables/store/use-tool-store.ts
@@ -1,6 +1,5 @@
-import { ref, Ref } from "@nuxtjs/composition-api";
 import { useData, useReadOnlyStore, useStore } from "../partials/use-store-factory";
-import { RecipeTool } from "~/lib/api/types/recipe";
+import type { RecipeTool } from "~/lib/api/types/recipe";
 import { usePublicExploreApi, useUserApi } from "~/composables/api";
 
 interface RecipeToolWithOnHand extends RecipeTool {
@@ -19,14 +18,14 @@ export const useToolData = function () {
     onHand: false,
     householdsWithTool: [],
   });
-}
+};
 
 export const useToolStore = function () {
   const api = useUserApi();
   return useStore<RecipeTool>(store, loading, api.tools);
-}
+};
 
 export const usePublicToolStore = function (groupSlug: string) {
   const api = usePublicExploreApi(groupSlug).explore;
   return useReadOnlyStore<RecipeTool>(store, publicLoading, api.tools);
-}
+};
diff --git a/frontend/composables/store/use-unit-store.ts b/frontend/composables/store/use-unit-store.ts
index 3bf0926a6..2ba3592d4 100644
--- a/frontend/composables/store/use-unit-store.ts
+++ b/frontend/composables/store/use-unit-store.ts
@@ -1,6 +1,5 @@
-import { ref, Ref } from "@nuxtjs/composition-api";
 import { useData, useStore } from "../partials/use-store-factory";
-import { IngredientUnit } from "~/lib/api/types/recipe";
+import type { IngredientUnit } from "~/lib/api/types/recipe";
 import { useUserApi } from "~/composables/api";
 
 const store: Ref<IngredientUnit[]> = ref([]);
@@ -14,9 +13,9 @@ export const useUnitData = function () {
     abbreviation: "",
     description: "",
   });
-}
+};
 
 export const useUnitStore = function () {
   const api = useUserApi();
   return useStore<IngredientUnit>(store, loading, api.units);
-}
+};
diff --git a/frontend/composables/store/use-user-store.ts b/frontend/composables/store/use-user-store.ts
index 2bd796e54..b5ce6e385 100644
--- a/frontend/composables/store/use-user-store.ts
+++ b/frontend/composables/store/use-user-store.ts
@@ -1,7 +1,6 @@
-import { ref, Ref } from "@nuxtjs/composition-api";
 import { useReadOnlyStore } from "../partials/use-store-factory";
 import { useRequests } from "../api/api-client";
-import { UserSummary } from "~/lib/api/types/user";
+import type { UserSummary } from "~/lib/api/types/user";
 import { BaseCRUDAPIReadOnly } from "~/lib/api/base/base-clients";
 
 const store: Ref<UserSummary[]> = ref([]);
@@ -16,5 +15,5 @@ export const useUserStore = function () {
   const requests = useRequests();
   const api = new GroupUserAPIReadOnly(requests);
 
-  return useReadOnlyStore<UserSummary>(store, loading, api, {orderBy: "full_name"});
-}
+  return useReadOnlyStore<UserSummary>(store, loading, api, { orderBy: "full_name" });
+};
diff --git a/frontend/composables/use-backups.ts b/frontend/composables/use-backups.ts
index 481993a4b..fbcbed6c4 100644
--- a/frontend/composables/use-backups.ts
+++ b/frontend/composables/use-backups.ts
@@ -1,6 +1,5 @@
-import { useAsync, ref, reactive } from "@nuxtjs/composition-api";
 import { toastLoading, loader } from "./use-toast";
-import { AllBackups, BackupOptions } from "~/lib/api/types/admin";
+import type { AllBackups, BackupOptions } from "~/lib/api/types/admin";
 import { useUserApi } from "~/composables/api";
 
 interface ImportBackup {
@@ -54,7 +53,7 @@ export const useBackups = function (fetch = true) {
   });
 
   function getBackups() {
-    const backups = useAsync(async () => {
+    const backups = useAsyncData(async () => {
       const { data } = await api.backups.getAll();
       return data;
     });
diff --git a/frontend/composables/use-context-presents.ts b/frontend/composables/use-context-presents.ts
index 9af06eb88..7a9f6e9bf 100644
--- a/frontend/composables/use-context-presents.ts
+++ b/frontend/composables/use-context-presents.ts
@@ -1,5 +1,3 @@
-import { useContext } from "@nuxtjs/composition-api";
-
 export interface ContextMenuItem {
   title: string;
   icon: string;
@@ -14,21 +12,22 @@ export interface ContextMenuPresets {
 }
 
 export function useContextPresets(): ContextMenuPresets {
-  const { $globals, i18n } = useContext();
+  const i18n = useI18n();
+  const { $globals } = useNuxtApp();
 
   return {
     delete: {
-      title: i18n.tc("general.delete"),
+      title: i18n.t("general.delete"),
       icon: $globals.icons.delete,
       event: "delete",
     },
     edit: {
-      title: i18n.tc("general.edit"),
+      title: i18n.t("general.edit"),
       icon: $globals.icons.edit,
       event: "edit",
     },
     save: {
-      title: i18n.tc("general.save"),
+      title: i18n.t("general.save"),
       icon: $globals.icons.save,
       event: "save",
     },
diff --git a/frontend/composables/use-copy.ts b/frontend/composables/use-copy.ts
index 4bd32fff3..61bcf87c3 100644
--- a/frontend/composables/use-copy.ts
+++ b/frontend/composables/use-copy.ts
@@ -1,23 +1,22 @@
-import { useContext } from "@nuxtjs/composition-api";
 import { useClipboard } from "@vueuse/core";
 import { alert } from "./use-toast";
 
 export function useCopy() {
   const { copy, copied, isSupported } = useClipboard();
-  const { i18n } = useContext();
+  const i18n = useI18n();
 
   function copyText(text: string) {
     if (!isSupported.value) {
-      alert.error(i18n.tc("general.clipboard-not-supported"));
+      alert.error(i18n.t("general.clipboard-not-supported"));
       return;
     }
     copy(text).then(() => {
       // Verify copy success as no error is thrown on failure.
       if (copied.value) {
-        alert.success(i18n.tc("general.copied-to-clipboard"));
+        alert.success(i18n.t("general.copied-to-clipboard"));
       }
       else {
-        alert.error(i18n.tc("general.clipboard-copy-failure"));
+        alert.error(i18n.t("general.clipboard-copy-failure"));
       }
     });
   }
@@ -27,11 +26,11 @@ export function useCopy() {
 
 export function useCopyList() {
   const { copy, isSupported, copied } = useClipboard();
-  const { i18n } = useContext();
+  const i18n = useI18n();
 
   function checkClipboard() {
     if (!isSupported.value) {
-      alert.error(i18n.tc("general.your-browser-does-not-support-clipboard"));
+      alert.error(i18n.t("general.your-browser-does-not-support-clipboard"));
       return false;
     }
 
@@ -48,14 +47,14 @@ export function useCopyList() {
   function copyMarkdown(list: string[]) {
     if (!checkClipboard()) return;
 
-    const text = list.map((item) => `- ${item}`).join("\n");
+    const text = list.map(item => `- ${item}`).join("\n");
     copyText(text, list.length);
   }
 
   function copyMarkdownCheckList(list: string[]) {
     if (!checkClipboard()) return;
 
-    const text = list.map((item) => `- [ ] ${item}`).join("\n");
+    const text = list.map(item => `- [ ] ${item}`).join("\n");
     copyText(text, list.length);
   }
 
@@ -63,10 +62,10 @@ export function useCopyList() {
     copy(text).then(() => {
       // Verify copy success as no error is thrown on failure.
       if (copied.value) {
-        alert.success(i18n.tc("general.copied-items-to-clipboard", len));
+        alert.success(i18n.t("general.copied-items-to-clipboard", len));
       }
       else {
-        alert.error(i18n.tc("general.clipboard-copy-failure"));
+        alert.error(i18n.t("general.clipboard-copy-failure"));
       }
     });
   }
diff --git a/frontend/composables/use-group-cookbooks.ts b/frontend/composables/use-group-cookbooks.ts
index 52e989a24..92dd86961 100644
--- a/frontend/composables/use-group-cookbooks.ts
+++ b/frontend/composables/use-group-cookbooks.ts
@@ -1,9 +1,8 @@
-import { useAsync, ref, Ref, useContext } from "@nuxtjs/composition-api";
 import { useAsyncKey } from "./use-utils";
 import { usePublicExploreApi } from "./api/api-client";
 import { useHouseholdSelf } from "./use-households";
 import { useUserApi } from "~/composables/api";
-import { ReadCookBook, UpdateCookBook } from "~/lib/api/types/cookbook";
+import type { ReadCookBook, UpdateCookBook } from "~/lib/api/types/cookbook";
 
 let cookbookStore: Ref<ReadCookBook[] | null> | null = null;
 
@@ -12,11 +11,11 @@ export const useCookbook = function (publicGroupSlug: string | null = null) {
     // passing the group slug switches to using the public API
     const api = publicGroupSlug ? usePublicExploreApi(publicGroupSlug).explore : useUserApi();
 
-    const units = useAsync(async () => {
+    const { data: units } = useAsyncData(useAsyncKey(), async () => {
       const { data } = await api.cookbooks.getOne(id);
 
       return data;
-    }, useAsyncKey());
+    });
 
     return units;
   }
@@ -31,15 +30,16 @@ export const usePublicCookbooks = function (groupSlug: string) {
   const actions = {
     getAll() {
       loading.value = true;
-      const units = useAsync(async () => {
+      const { data: units } = useAsyncData(useAsyncKey(), async () => {
         const { data } = await api.cookbooks.getAll(1, -1, { orderBy: "position", orderDirection: "asc" });
 
         if (data) {
           return data.items;
-        } else {
+        }
+        else {
           return null;
         }
-      }, useAsyncKey());
+      });
 
       loading.value = false;
       return units;
@@ -64,27 +64,28 @@ export const usePublicCookbooks = function (groupSlug: string) {
   }
 
   return { cookbooks: cookbookStore, actions };
-}
+};
 
 export const useCookbooks = function () {
   const api = useUserApi();
   const { household } = useHouseholdSelf();
   const loading = ref(false);
 
-  const { i18n } = useContext();
+  const i18n = useI18n();
 
   const actions = {
     getAll() {
       loading.value = true;
-      const units = useAsync(async () => {
+      const { data: units } = useAsyncData(useAsyncKey(), async () => {
         const { data } = await api.cookbooks.getAll(1, -1, { orderBy: "position", orderDirection: "asc" });
 
         if (data) {
           return data.items;
-        } else {
+        }
+        else {
           return null;
         }
-      }, useAsyncKey());
+      });
 
       loading.value = false;
       return units;
@@ -108,7 +109,8 @@ export const useCookbooks = function () {
       });
       if (data && cookbookStore?.value) {
         cookbookStore.value.push(data);
-      } else {
+      }
+      else {
         this.refreshAll();
       }
 
diff --git a/frontend/composables/use-group-mealplan.ts b/frontend/composables/use-group-mealplan.ts
index 171450395..f8dcb402f 100644
--- a/frontend/composables/use-group-mealplan.ts
+++ b/frontend/composables/use-group-mealplan.ts
@@ -1,27 +1,26 @@
-import { useAsync, ref, Ref, watch, useContext } from "@nuxtjs/composition-api";
 import { format } from "date-fns";
 import { useAsyncKey } from "./use-utils";
 import { useUserApi } from "~/composables/api";
-import { CreatePlanEntry, PlanEntryType, UpdatePlanEntry } from "~/lib/api/types/meal-plan";
+import type { CreatePlanEntry, PlanEntryType, UpdatePlanEntry } from "~/lib/api/types/meal-plan";
 
 type PlanOption = {
   text: string;
   value: PlanEntryType;
 };
 export function usePlanTypeOptions() {
-  const { i18n } = useContext();
+  const i18n = useI18n();
 
   return [
-    { text: i18n.tc("meal-plan.breakfast"), value: "breakfast" },
-    { text: i18n.tc("meal-plan.lunch"), value: "lunch" },
-    { text: i18n.tc("meal-plan.dinner"), value: "dinner" },
-    { text: i18n.tc("meal-plan.side"), value: "side" },
+    { text: i18n.t("meal-plan.breakfast"), value: "breakfast" },
+    { text: i18n.t("meal-plan.lunch"), value: "lunch" },
+    { text: i18n.t("meal-plan.dinner"), value: "dinner" },
+    { text: i18n.t("meal-plan.side"), value: "side" },
   ] as PlanOption[];
 }
 
 export function getEntryTypeText(value: PlanEntryType) {
-  const { i18n } = useContext();
-  return i18n.tc("meal-plan." + value);
+  const i18n = useI18n();
+  return i18n.t("meal-plan." + value);
 }
 export interface DateRange {
   start: Date;
@@ -36,7 +35,7 @@ export const useMealplans = function (range: Ref<DateRange>) {
   const actions = {
     getAll() {
       loading.value = true;
-      const units = useAsync(async () => {
+      const { data: units } = useAsyncData(useAsyncKey(), async () => {
         const query = {
           start_date: format(range.value.start, "yyyy-MM-dd"),
           end_date: format(range.value.end, "yyyy-MM-dd"),
@@ -45,15 +44,16 @@ export const useMealplans = function (range: Ref<DateRange>) {
 
         if (data) {
           return data.items;
-        } else {
+        }
+        else {
           return null;
         }
-      }, useAsyncKey());
+      });
 
       loading.value = false;
       return units;
     },
-    async refreshAll(this: void) {
+    async refreshAll() {
       loading.value = true;
       const query = {
         start_date: format(range.value.start, "yyyy-MM-dd"),
diff --git a/frontend/composables/use-group-recipe-actions.ts b/frontend/composables/use-group-recipe-actions.ts
index 4a0be4668..8e3aa5a09 100644
--- a/frontend/composables/use-group-recipe-actions.ts
+++ b/frontend/composables/use-group-recipe-actions.ts
@@ -1,10 +1,9 @@
-import { computed, reactive, ref } from "@nuxtjs/composition-api";
 import { useStoreActions } from "./partials/use-actions-factory";
 import { useUserApi } from "~/composables/api";
-import { GroupRecipeActionOut, GroupRecipeActionType } from "~/lib/api/types/household";
-import { RequestResponse } from "~/lib/api/types/non-generated";
-import { Recipe } from "~/lib/api/types/recipe";
 import { useScaledAmount } from "~/composables/recipes/use-scaled-amount";
+import type { GroupRecipeActionOut, GroupRecipeActionType } from "~/lib/api/types/household";
+import type { RequestResponse } from "~/lib/api/types/non-generated";
+import type { Recipe } from "~/lib/api/types/recipe";
 
 const groupRecipeActions = ref<GroupRecipeActionOut[] | null>(null);
 const loading = ref(false);
@@ -31,8 +30,8 @@ export function useGroupRecipeActionData() {
 }
 
 export const useGroupRecipeActions = function (
-  orderBy: string | null = "title",
-  orderDirection: string | null = "asc",
+	orderBy: string | null = "title",
+	orderDirection: string | null = "asc",
 ) {
   const api = useUserApi();
 
@@ -51,17 +50,16 @@ export const useGroupRecipeActions = function (
     const recipeServings = (recipe.recipeServings || 1) * recipeScale;
     const recipeYieldQuantity = (recipe.recipeYieldQuantity || 1) * recipeScale;
 
-    /* eslint-disable no-template-curly-in-string */
     return url
       .replace("${url}", window.location.href)
       .replace("${id}", recipe.id || "")
       .replace("${slug}", recipe.slug || "")
       .replace("${servings}", recipeServings.toString())
       .replace("${yieldQuantity}", recipeYieldQuantity.toString())
-      .replace("${yieldText}", recipe.recipeYield || "")
-    /* eslint-enable no-template-curly-in-string */
+      .replace("${yieldText}", recipe.recipeYield || "");
   };
 
+  // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
   async function execute(action: GroupRecipeActionOut, recipe: Recipe, recipeScale: number): Promise<void | RequestResponse<unknown>> {
     const url = parseRecipeActionUrl(action.url, recipe, recipeScale);
 
@@ -84,8 +82,8 @@ export const useGroupRecipeActions = function (
     ...useStoreActions<GroupRecipeActionOut>(api.groupRecipeActions, groupRecipeActions, loading),
     flushStore() {
       groupRecipeActions.value = [];
-    }
-  }
+    },
+  };
 
   return {
     actions,
diff --git a/frontend/composables/use-group-webhooks.ts b/frontend/composables/use-group-webhooks.ts
index 7c5cf376a..60fdafd24 100644
--- a/frontend/composables/use-group-webhooks.ts
+++ b/frontend/composables/use-group-webhooks.ts
@@ -1,7 +1,6 @@
-import { useAsync, ref } from "@nuxtjs/composition-api";
 import { useAsyncKey } from "./use-utils";
 import { useUserApi } from "~/composables/api";
-import { ReadWebhook } from "~/lib/api/types/household";
+import type { ReadWebhook } from "~/lib/api/types/household";
 
 export const useGroupWebhooks = function () {
   const api = useUserApi();
@@ -11,15 +10,16 @@ export const useGroupWebhooks = function () {
   const actions = {
     getAll() {
       loading.value = true;
-      const units = useAsync(async () => {
+      const { data: units } = useAsyncData(useAsyncKey(), async () => {
         const { data } = await api.groupWebhooks.getAll();
 
         if (data) {
           return data.items;
-        } else {
+        }
+        else {
           return null;
         }
-      }, useAsyncKey());
+      });
 
       loading.value = false;
       return units;
@@ -91,7 +91,7 @@ export const useGroupWebhooks = function () {
       loading.value = true;
       await api.groupWebhooks.testOne(id);
       loading.value = false;
-    }
+    },
   };
 
   const webhooks = actions.getAll();
diff --git a/frontend/composables/use-groups.ts b/frontend/composables/use-groups.ts
index c6fed25e3..7a84d2305 100644
--- a/frontend/composables/use-groups.ts
+++ b/frontend/composables/use-groups.ts
@@ -1,6 +1,5 @@
-import { useAsync, ref } from "@nuxtjs/composition-api";
 import { useUserApi } from "~/composables/api";
-import { GroupBase, GroupSummary } from "~/lib/api/types/user";
+import type { GroupBase, GroupSummary } from "~/lib/api/types/user";
 
 const groupSelfRef = ref<GroupSummary | null>(null);
 const loading = ref(false);
@@ -50,15 +49,16 @@ export const useGroups = function () {
   function getAllGroups() {
     loading.value = true;
     const asyncKey = String(Date.now());
-    const groups = useAsync(async () => {
-      const { data } = await api.groups.getAll(1, -1, {orderBy: "name", orderDirection: "asc"});;
+    const { data: groups } = useAsyncData(asyncKey, async () => {
+      const { data } = await api.groups.getAll(1, -1, { orderBy: "name", orderDirection: "asc" }); ;
 
       if (data) {
         return data.items;
-      } else {
+      }
+      else {
         return null;
       }
-    }, asyncKey);
+    });
 
     loading.value = false;
     return groups;
@@ -66,11 +66,12 @@ export const useGroups = function () {
 
   async function refreshAllGroups() {
     loading.value = true;
-    const { data } = await api.groups.getAll(1, -1, {orderBy: "name", orderDirection: "asc"});;
+    const { data } = await api.groups.getAll(1, -1, { orderBy: "name", orderDirection: "asc" }); ;
 
     if (data) {
       groups.value = data.items;
-    } else {
+    }
+    else {
       groups.value = null;
     }
 
diff --git a/frontend/composables/use-households.ts b/frontend/composables/use-households.ts
index c22d04422..2e7d53a5b 100644
--- a/frontend/composables/use-households.ts
+++ b/frontend/composables/use-households.ts
@@ -1,6 +1,5 @@
-import { computed, ref, Ref, useAsync } from "@nuxtjs/composition-api";
 import { useAdminApi, useUserApi } from "~/composables/api";
-import { HouseholdCreate, HouseholdInDB } from "~/lib/api/types/household";
+import type { HouseholdCreate, HouseholdInDB } from "~/lib/api/types/household";
 
 const householdSelfRef = ref<HouseholdInDB | null>(null);
 const loading = ref(false);
@@ -53,15 +52,16 @@ export const useAdminHouseholds = function () {
   function getAllHouseholds() {
     loading.value = true;
     const asyncKey = String(Date.now());
-    const households = useAsync(async () => {
-      const { data } = await api.households.getAll(1, -1, {orderBy: "name, group.name", orderDirection: "asc"});
+    const { data: households } = useAsyncData(asyncKey, async () => {
+      const { data } = await api.households.getAll(1, -1, { orderBy: "name, group.name", orderDirection: "asc" });
 
       if (data) {
         return data.items;
-      } else {
+      }
+      else {
         return null;
       }
-    }, asyncKey);
+    });
 
     loading.value = false;
     return households;
@@ -69,12 +69,13 @@ export const useAdminHouseholds = function () {
 
   async function refreshAllHouseholds() {
     loading.value = true;
-    const { data } = await api.households.getAll(1, -1, {orderBy: "name, group.name", orderDirection: "asc"});;
+    const { data } = await api.households.getAll(1, -1, { orderBy: "name, group.name", orderDirection: "asc" }); ;
 
     if (data) {
       households.value = data.items;
-    } else {
-        households.value = null;
+    }
+    else {
+      households.value = null;
     }
 
     loading.value = false;
@@ -93,7 +94,7 @@ export const useAdminHouseholds = function () {
     const { data } = await api.households.createOne(payload);
 
     if (data && households.value) {
-        households.value.push(data);
+      households.value.push(data);
     }
   }
 
@@ -102,8 +103,8 @@ export const useAdminHouseholds = function () {
     return computed(
       () => {
         return (households.value && groupIdRef.value)
-        ? households.value.filter((h) => h.groupId === groupIdRef.value)
-        : [];
+          ? households.value.filter(h => h.groupId === groupIdRef.value)
+          : [];
       },
     );
   }
diff --git a/frontend/composables/use-locales/available-locales.ts b/frontend/composables/use-locales/available-locales.ts
index cf04d7fae..a5ff2794f 100644
--- a/frontend/composables/use-locales/available-locales.ts
+++ b/frontend/composables/use-locales/available-locales.ts
@@ -246,4 +246,4 @@ export const LOCALES = [
     progress: 90,
     dir: "ltr",
   },
-]
+];
diff --git a/frontend/composables/use-locales/use-locales.ts b/frontend/composables/use-locales/use-locales.ts
index f710260ff..6dcf27851 100644
--- a/frontend/composables/use-locales/use-locales.ts
+++ b/frontend/composables/use-locales/use-locales.ts
@@ -1,39 +1,29 @@
-import { computed, useContext } from "@nuxtjs/composition-api";
+import type { LocaleObject } from "@nuxtjs/i18n";
 import { LOCALES } from "./available-locales";
 
 export const useLocales = () => {
-  const { i18n, $vuetify } = useContext();
+  const i18n = useI18n();
 
-  function getLocale(value: string) {
-    const currentLocale = LOCALES.filter((locale) => locale.value === value);
-    return currentLocale.length ? currentLocale[0] : null;
-  }
+  const { isRtl } = useRtl();
+  const { current: vuetifyLocale } = useLocale();
 
-  const locale = computed<string>({
-    get() {
-      // dirty hack
-      $vuetify.lang.current = i18n.locale;
-      const currentLocale = getLocale(i18n.locale);
-      if (currentLocale) {
-        $vuetify.rtl = currentLocale.dir === "rtl";
-      }
-
-      return i18n.locale;
-    },
+  const locale = computed<LocaleObject["code"]>({
+    get: () => i18n.locale.value,
     set(value) {
       i18n.setLocale(value);
-
-      // this does not persist after window reload :-(
-      $vuetify.lang.current = value;
-      const currentLocale = getLocale(value);
-      if (currentLocale) {
-        $vuetify.rtl = currentLocale.dir === "rtl";
-      }
-
-      // Reload the page to update the language - not all strings are reactive
-      window.location.reload();
     },
   });
+  // auto update vuetify locale
+  watch(locale, (lc) => {
+    vuetifyLocale.value = lc;
+  });
+  // auto update rtl
+  watch(vuetifyLocale, (vl) => {
+    const currentLocale = LOCALES.find(lc => lc.value === vl);
+    if (currentLocale) {
+      isRtl.value = currentLocale.dir === "rtl";
+    }
+  });
 
   return {
     locale,
diff --git a/frontend/composables/use-logged-in-state.ts b/frontend/composables/use-logged-in-state.ts
index 878fe6925..c4d6078b0 100644
--- a/frontend/composables/use-logged-in-state.ts
+++ b/frontend/composables/use-logged-in-state.ts
@@ -1,17 +1,16 @@
-import { computed, useContext, useRoute } from "@nuxtjs/composition-api";
-
 export const useLoggedInState = function () {
-  const { $auth } = useContext();
+  const $auth = useMealieAuth();
   const route = useRoute();
 
-  const loggedIn = computed(() => $auth.loggedIn);
+  const loggedIn = computed(() => $auth.loggedIn.value);
   const isOwnGroup = computed(() => {
-    if (!route.value.params.groupSlug) {
+    if (!route.params.groupSlug) {
       return loggedIn.value;
-    } else {
-      return loggedIn.value && $auth.user?.groupSlug === route.value.params.groupSlug;
+    }
+    else {
+      return loggedIn.value && $auth.user.value?.groupSlug === route.params.groupSlug;
     }
   });
 
   return { loggedIn, isOwnGroup };
-}
+};
diff --git a/frontend/composables/use-navigation-warning.ts b/frontend/composables/use-navigation-warning.ts
index 85cf0b85e..3f093bb91 100644
--- a/frontend/composables/use-navigation-warning.ts
+++ b/frontend/composables/use-navigation-warning.ts
@@ -1,5 +1,5 @@
 export function useNavigationWarning() {
-    return { activateNavigationWarning, deactivateNavigationWarning };
+  return { activateNavigationWarning, deactivateNavigationWarning };
 }
 
 /**
@@ -9,12 +9,12 @@ export function useNavigationWarning() {
  * or closing the tab.
  */
 const activateNavigationWarning = () => {
-    window.onbeforeunload = () => true;
-}
+  window.onbeforeunload = () => true;
+};
 
 /**
  * Disables the warning when navigating to a page
  */
 const deactivateNavigationWarning = () => {
-    window.onbeforeunload = null;
-}
+  window.onbeforeunload = null;
+};
diff --git a/frontend/composables/use-passwords.test.ts b/frontend/composables/use-passwords.test.ts
index 0b1c7329a..9060a60f0 100644
--- a/frontend/composables/use-passwords.test.ts
+++ b/frontend/composables/use-passwords.test.ts
@@ -1,15 +1,14 @@
-import { ref } from "@nuxtjs/composition-api";
+import { ref } from "vue";
 import { describe, expect, test } from "vitest";
 import { usePasswordStrength } from "./use-passwords";
 import { stubI18n } from "~/tests/utils";
 
-
 describe("test usePasswordStrength", () => {
   test("weak password", () => {
     const pw = ref("123456");
 
     const result = usePasswordStrength(pw, stubI18n());
-    const { score, strength, color } = result
+    const { score, strength, color } = result;
 
     expect(score.value).toBeGreaterThan(0);
     expect(score.value).toBeLessThan(40);
diff --git a/frontend/composables/use-passwords.ts b/frontend/composables/use-passwords.ts
index e0bc94edc..efc3f8b06 100644
--- a/frontend/composables/use-passwords.ts
+++ b/frontend/composables/use-passwords.ts
@@ -1,10 +1,10 @@
-import { computed, Ref, ref, useContext } from "@nuxtjs/composition-api";
-import VueI18n from "vue-i18n";
+import { computed } from "vue";
+import type { VueI18n } from "vue-i18n";
 import { scorePassword } from "~/lib/validators";
 
 export function usePasswordField() {
   const show = ref(false);
-  const { $globals } = useContext();
+  const { $globals } = useNuxtApp();
 
   const passwordIcon = computed(() => {
     return show.value ? $globals.icons.eyeOff : $globals.icons.eye;
@@ -26,24 +26,30 @@ export const usePasswordStrength = (password: Ref<string>, i18n: VueI18n) => {
   const score = computed(() => scorePassword(password.value));
   const strength = computed(() => {
     if (score.value < 50) {
-      return i18n.tc("user.password-strength-values.weak");
-    } else if (score.value < 80) {
-      return i18n.tc("user.password-strength-values.good");
-    } else if (score.value < 100) {
-      return i18n.tc("user.password-strength-values.strong");
-    } else {
-      return i18n.tc("user.password-strength-values.very-strong");
+      return i18n.t("user.password-strength-values.weak");
+    }
+    else if (score.value < 80) {
+      return i18n.t("user.password-strength-values.good");
+    }
+    else if (score.value < 100) {
+      return i18n.t("user.password-strength-values.strong");
+    }
+    else {
+      return i18n.t("user.password-strength-values.very-strong");
     }
   });
 
   const color = computed(() => {
     if (score.value < 50) {
       return "error";
-    } else if (score.value < 80) {
+    }
+    else if (score.value < 80) {
       return "warning";
-    } else if (score.value < 100) {
+    }
+    else if (score.value < 100) {
       return "info";
-    } else {
+    }
+    else {
       return "success";
     }
   });
diff --git a/frontend/composables/use-query-filter-builder.ts b/frontend/composables/use-query-filter-builder.ts
index 30c40cdd0..88dcc1067 100644
--- a/frontend/composables/use-query-filter-builder.ts
+++ b/frontend/composables/use-query-filter-builder.ts
@@ -1,6 +1,5 @@
-import { computed, useContext } from "@nuxtjs/composition-api";
-import { Organizer, RecipeOrganizer } from "~/lib/api/types/non-generated";
-import { LogicalOperator, RelationalKeyword, RelationalOperator } from "~/lib/api/types/response";
+import { Organizer, type RecipeOrganizer } from "~/lib/api/types/non-generated";
+import type { LogicalOperator, RelationalKeyword, RelationalOperator } from "~/lib/api/types/response";
 
 export interface FieldLogicalOperator {
   label: string;
@@ -60,16 +59,16 @@ export interface Field extends FieldDefinition {
 }
 
 export function useQueryFilterBuilder() {
-  const { i18n } = useContext();
+  const i18n = useI18n();
 
   const logOps = computed<Record<LogicalOperator, FieldLogicalOperator>>(() => {
     const AND = {
-      label: i18n.tc("query-filter.logical-operators.and"),
+      label: i18n.t("query-filter.logical-operators.and"),
       value: "AND",
     } as FieldLogicalOperator;
 
     const OR = {
-      label: i18n.tc("query-filter.logical-operators.or"),
+      label: i18n.t("query-filter.logical-operators.or"),
       value: "OR",
     } as FieldLogicalOperator;
 
@@ -81,71 +80,70 @@ export function useQueryFilterBuilder() {
 
   const relOps = computed<Record<RelationalKeyword | RelationalOperator, FieldRelationalOperator>>(() => {
     const EQ = {
-      label: i18n.tc("query-filter.relational-operators.equals"),
+      label: i18n.t("query-filter.relational-operators.equals"),
       value: "=",
     } as FieldRelationalOperator;
 
     const NOT_EQ = {
-      label: i18n.tc("query-filter.relational-operators.does-not-equal"),
+      label: i18n.t("query-filter.relational-operators.does-not-equal"),
       value: "<>",
     } as FieldRelationalOperator;
 
     const GT = {
-      label: i18n.tc("query-filter.relational-operators.is-greater-than"),
+      label: i18n.t("query-filter.relational-operators.is-greater-than"),
       value: ">",
     } as FieldRelationalOperator;
 
     const GTE = {
-      label: i18n.tc("query-filter.relational-operators.is-greater-than-or-equal-to"),
+      label: i18n.t("query-filter.relational-operators.is-greater-than-or-equal-to"),
       value: ">=",
     } as FieldRelationalOperator;
 
     const LT = {
-      label: i18n.tc("query-filter.relational-operators.is-less-than"),
+      label: i18n.t("query-filter.relational-operators.is-less-than"),
       value: "<",
     } as FieldRelationalOperator;
 
     const LTE = {
-      label: i18n.tc("query-filter.relational-operators.is-less-than-or-equal-to"),
+      label: i18n.t("query-filter.relational-operators.is-less-than-or-equal-to"),
       value: "<=",
     } as FieldRelationalOperator;
 
     const IS = {
-      label: i18n.tc("query-filter.relational-keywords.is"),
+      label: i18n.t("query-filter.relational-keywords.is"),
       value: "IS",
     } as FieldRelationalOperator;
 
     const IS_NOT = {
-      label: i18n.tc("query-filter.relational-keywords.is-not"),
+      label: i18n.t("query-filter.relational-keywords.is-not"),
       value: "IS NOT",
     } as FieldRelationalOperator;
 
     const IN = {
-      label: i18n.tc("query-filter.relational-keywords.is-one-of"),
+      label: i18n.t("query-filter.relational-keywords.is-one-of"),
       value: "IN",
     } as FieldRelationalOperator;
 
     const NOT_IN = {
-      label: i18n.tc("query-filter.relational-keywords.is-not-one-of"),
+      label: i18n.t("query-filter.relational-keywords.is-not-one-of"),
       value: "NOT IN",
     } as FieldRelationalOperator;
 
     const CONTAINS_ALL = {
-      label: i18n.tc("query-filter.relational-keywords.contains-all-of"),
+      label: i18n.t("query-filter.relational-keywords.contains-all-of"),
       value: "CONTAINS ALL",
     } as FieldRelationalOperator;
 
     const LIKE = {
-      label: i18n.tc("query-filter.relational-keywords.is-like"),
+      label: i18n.t("query-filter.relational-keywords.is-like"),
       value: "LIKE",
     } as FieldRelationalOperator;
 
     const NOT_LIKE = {
-      label: i18n.tc("query-filter.relational-keywords.is-not-like"),
+      label: i18n.t("query-filter.relational-keywords.is-not-like"),
       value: "NOT LIKE",
     } as FieldRelationalOperator;
 
-    /* eslint-disable object-shorthand */
     return {
       "=": EQ,
       "<>": NOT_EQ,
@@ -161,22 +159,20 @@ export function useQueryFilterBuilder() {
       "LIKE": LIKE,
       "NOT LIKE": NOT_LIKE,
     };
-    /* eslint-enable object-shorthand */
   });
 
   function isOrganizerType(type: FieldType): type is Organizer {
     return (
-      type === Organizer.Category ||
-      type === Organizer.Tag ||
-      type === Organizer.Tool ||
-      type === Organizer.Food ||
-      type === Organizer.Household
+      type === Organizer.Category
+      || type === Organizer.Tag
+      || type === Organizer.Tool
+      || type === Organizer.Food
+      || type === Organizer.Household
     );
   };
 
   function getFieldFromFieldDef(field: Field | FieldDefinition, resetValue = false): Field {
-    /* eslint-disable dot-notation */
-    const updatedField = {logicalOperator: logOps.value.AND, ...field} as Field;
+    const updatedField = { logicalOperator: logOps.value.AND, ...field } as Field;
     let operatorOptions: FieldRelationalOperator[];
     if (updatedField.fieldOptions?.length || isOrganizerType(updatedField.type)) {
       operatorOptions = [
@@ -184,7 +180,8 @@ export function useQueryFilterBuilder() {
         relOps.value["NOT IN"],
         relOps.value["CONTAINS ALL"],
       ];
-    } else {
+    }
+    else {
       switch (updatedField.type) {
         case "string":
           operatorOptions = [
@@ -209,7 +206,7 @@ export function useQueryFilterBuilder() {
           break;
         case "date":
           operatorOptions = [
-          relOps.value["="],
+            relOps.value["="],
             relOps.value["<>"],
             relOps.value[">"],
             relOps.value[">="],
@@ -230,14 +227,14 @@ export function useQueryFilterBuilder() {
       updatedField.value = "";
       updatedField.values = [];
       updatedField.organizers = [];
-    } else {
+    }
+    else {
       updatedField.value = updatedField.value || "";
       updatedField.values = updatedField.values || [];
       updatedField.organizers = updatedField.organizers || [];
     }
 
     return updatedField;
-    /* eslint-enable dot-notation */
   };
 
   function buildQueryFilterString(fields: Field[], useParenthesis: boolean): string {
@@ -261,13 +258,15 @@ export function useQueryFilterBuilder() {
 
       if (field.label) {
         parts.push(field.name);
-      } else {
+      }
+      else {
         isValid = false;
       }
 
       if (field.relationalOperatorValue) {
         parts.push(field.relationalOperatorValue.value);
-      } else if (field.type !== "boolean") {
+      }
+      else if (field.type !== "boolean") {
         isValid = false;
       }
 
@@ -275,23 +274,29 @@ export function useQueryFilterBuilder() {
         if (field.values?.length) {
           let val: string;
           if (field.type === "string" || field.type === "date" || isOrganizerType(field.type)) {
-            val = field.values.map((value) => `"${value.toString()}"`).join(",");
-          } else {
+            val = field.values.map(value => `"${value.toString()}"`).join(",");
+          }
+          else {
             val = field.values.join(",");
           }
           parts.push(`[${val}]`);
-        } else {
+        }
+        else {
           isValid = false;
         }
-      } else if (field.value) {
+      }
+      else if (field.value) {
         if (field.type === "string" || field.type === "date") {
           parts.push(`"${field.value.toString()}"`);
-        } else {
+        }
+        else {
           parts.push(field.value.toString());
         }
-      } else if (field.type === "boolean") {
+      }
+      else if (field.type === "boolean") {
         parts.push("false");
-      } else {
+      }
+      else {
         isValid = false;
       }
 
diff --git a/frontend/composables/use-router.ts b/frontend/composables/use-router.ts
index 39ad07490..dfbd0fe84 100644
--- a/frontend/composables/use-router.ts
+++ b/frontend/composables/use-router.ts
@@ -1,5 +1,3 @@
-import { useRoute, WritableComputedRef, computed, nextTick, useRouter } from "@nuxtjs/composition-api";
-
 export function useRouterQuery(query: string) {
   const router = useRoute();
   // TODO FUTURE: Remove when migrating to Vue 3
@@ -7,11 +5,10 @@ export function useRouterQuery(query: string) {
   const param: WritableComputedRef<string> = computed({
     get(): string {
       console.log("Get Query Change");
-      // @ts-ignore For some reason, this could also return an array
-      return router.value?.query[query] || "";
+      return router?.query[query] as string || "";
     },
     set(v: string): void {
-      router.value.query[query] = v;
+      router.query[query] = v;
     },
   });
 
@@ -24,13 +21,13 @@ export function useRouteQuery<T extends string | string[]>(name: string, default
 
   return computed<any>({
     get() {
-      const data = route.value.query[name];
+      const data = route.query[name];
       if (data == null) return defaultValue ?? null;
       return data;
     },
     set(v) {
       nextTick(() => {
-        router.replace({ query: { ...route.value.query, [name]: v } });
+        router.replace({ query: { ...route.query, [name]: v } });
       });
     },
   });
diff --git a/frontend/composables/use-setup/common-settings-form.ts b/frontend/composables/use-setup/common-settings-form.ts
index 12b3a7496..15c344e09 100644
--- a/frontend/composables/use-setup/common-settings-form.ts
+++ b/frontend/composables/use-setup/common-settings-form.ts
@@ -1,30 +1,29 @@
-import { useContext } from "@nuxtjs/composition-api";
 import { fieldTypes } from "../forms";
-import { AutoFormItems } from "~/types/auto-forms";
+import type { AutoFormItems } from "~/types/auto-forms";
 
 export const useCommonSettingsForm = () => {
-    const { i18n } = useContext();
+  const i18n = useI18n();
 
-    const commonSettingsForm: AutoFormItems = [
-        {
-          section: i18n.tc("profile.group-settings"),
-          label: i18n.tc("group.enable-public-access"),
-          hint: i18n.tc("group.enable-public-access-description"),
-          varName: "makeGroupRecipesPublic",
-          type: fieldTypes.BOOLEAN,
-          rules: ["required"],
-        },
-        {
-          section: i18n.tc("data-pages.data-management"),
-          label: i18n.tc("user-registration.use-seed-data"),
-          hint: i18n.tc("user-registration.use-seed-data-description"),
-          varName: "useSeedData",
-          type: fieldTypes.BOOLEAN,
-          rules: ["required"],
-        },
-      ];
+  const commonSettingsForm: AutoFormItems = [
+    {
+      section: i18n.t("profile.group-settings"),
+      label: i18n.t("group.enable-public-access"),
+      hint: i18n.t("group.enable-public-access-description"),
+      varName: "makeGroupRecipesPublic",
+      type: fieldTypes.BOOLEAN,
+      rules: ["required"],
+    },
+    {
+      section: i18n.t("data-pages.data-management"),
+      label: i18n.t("user-registration.use-seed-data"),
+      hint: i18n.t("user-registration.use-seed-data-description"),
+      varName: "useSeedData",
+      type: fieldTypes.BOOLEAN,
+      rules: ["required"],
+    },
+  ];
 
-    return {
-        commonSettingsForm,
-    }
-}
+  return {
+    commonSettingsForm,
+  };
+};
diff --git a/frontend/composables/use-shopping-list-item-actions.ts b/frontend/composables/use-shopping-list-item-actions.ts
index ccc683fe7..b3fc207a0 100644
--- a/frontend/composables/use-shopping-list-item-actions.ts
+++ b/frontend/composables/use-shopping-list-item-actions.ts
@@ -1,11 +1,10 @@
-import { computed, reactive, watch } from "@nuxtjs/composition-api";
-import { useLocalStorage } from "@vueuse/core";
+import { useLocalStorage, useOnline } from "@vueuse/core";
 import { useUserApi } from "~/composables/api";
-import { ShoppingListItemOut, ShoppingListOut } from "~/lib/api/types/household";
-import { RequestResponse } from "~/lib/api/types/non-generated";
+import type { ShoppingListItemOut, ShoppingListOut } from "~/lib/api/types/household";
+import type { RequestResponse } from "~/lib/api/types/non-generated";
 
 const localStorageKey = "shopping-list-queue";
-const queueTimeout = 5 * 60 * 1000;  // 5 minutes
+const queueTimeout = 5 * 60 * 1000; // 5 minutes
 
 type ItemQueueType = "create" | "update" | "delete";
 
@@ -22,6 +21,7 @@ interface Storage {
 }
 
 export function useShoppingListItemActions(shoppingListId: string) {
+  const isOnline = useOnline();
   const api = useUserApi();
   const storage = useLocalStorage(localStorageKey, {} as Storage, { deep: true });
   const queue = reactive(getQueue());
@@ -30,17 +30,17 @@ export function useShoppingListItemActions(shoppingListId: string) {
     queue.lastUpdate = Date.now();
   }
 
-  storage.value[shoppingListId] = { ...queue }
+  storage.value[shoppingListId] = { ...queue };
   watch(
     () => queue,
     (value) => {
-      storage.value[shoppingListId] = { ...value }
+      storage.value[shoppingListId] = { ...value };
     },
     {
       deep: true,
       immediate: true,
     },
-  )
+  );
 
   function isValidQueueObject(obj: any): obj is ShoppingListQueue {
     if (typeof obj !== "object" || obj === null) {
@@ -53,7 +53,7 @@ export function useShoppingListItemActions(shoppingListId: string) {
     }
 
     const arraysValid = Array.isArray(obj.create) && Array.isArray(obj.update) && Array.isArray(obj.delete);
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+
     const lastUpdateValid = typeof obj.lastUpdate === "number" && !isNaN(new Date(obj.lastUpdate).getTime());
 
     return arraysValid && lastUpdateValid;
@@ -70,10 +70,12 @@ export function useShoppingListItemActions(shoppingListId: string) {
       if (!isValidQueueObject(fetchedQueue)) {
         console.log("Invalid queue object in local storage; resetting queue.");
         return createEmptyQueue();
-      } else {
+      }
+      else {
         return fetchedQueue;
       }
-    } catch (error) {
+    }
+    catch (error) {
       console.log("Error validating queue object in local storage; resetting queue.", error);
       return createEmptyQueue();
     }
@@ -91,29 +93,30 @@ export function useShoppingListItemActions(shoppingListId: string) {
 
   function mergeListItemsByLatest(
     list1: ShoppingListItemOut[],
-    list2: ShoppingListItemOut[]
+    list2: ShoppingListItemOut[],
   ) {
     const mergedList = [...list1];
     list2.forEach((list2Item) => {
-      const conflictingItem = mergedList.find((item) => item.id === list2Item.id)
-      if (conflictingItem &&
-        list2Item.updatedAt && conflictingItem.updatedAt &&
-        list2Item.updatedAt > conflictingItem.updatedAt) {
-        mergedList.splice(mergedList.indexOf(conflictingItem), 1, list2Item)
-      } else if (!conflictingItem) {
-        mergedList.push(list2Item)
+      const conflictingItem = mergedList.find(item => item.id === list2Item.id);
+      if (conflictingItem
+        && list2Item.updatedAt && conflictingItem.updatedAt
+        && list2Item.updatedAt > conflictingItem.updatedAt) {
+        mergedList.splice(mergedList.indexOf(conflictingItem), 1, list2Item);
       }
-    })
-    return mergedList
+      else if (!conflictingItem) {
+        mergedList.push(list2Item);
+      }
+    });
+    return mergedList;
   }
 
   async function getList() {
     const response = await api.shopping.lists.getOne(shoppingListId);
-    if (window.$nuxt.isOffline && response.data) {
+    if (!isOnline.value && response.data) {
       const createAndUpdateQueues = mergeListItemsByLatest(queue.update, queue.create);
       response.data.listItems = mergeListItemsByLatest(response.data.listItems ?? [], createAndUpdateQueues);
     }
-    return response.data
+    return response.data;
   }
 
   function createItem(item: ShoppingListItemOut) {
@@ -174,8 +177,8 @@ export function useShoppingListItemActions(shoppingListId: string) {
   }
 
   /**
-   * Processes the queue items and returns whether the processing was successful.
-   */
+	 * Processes the queue items and returns whether the processing was successful.
+	 */
   async function processQueueItems(
     action: (items: ShoppingListItemOut[]) => Promise<RequestResponse<any>>,
     itemQueueType: ItemQueueType,
@@ -186,7 +189,8 @@ export function useShoppingListItemActions(shoppingListId: string) {
       if (!queueItems.length) {
         return true;
       }
-    } catch (error) {
+    }
+    catch (error) {
       console.log(`Error fetching queue items of type ${itemQueueType}:`, error);
       clearQueueItems(itemQueueType);
       return false;
@@ -196,11 +200,12 @@ export function useShoppingListItemActions(shoppingListId: string) {
       const itemsToProcess = [...queueItems];
       await action(itemsToProcess)
         .then(() => {
-          if (window.$nuxt.isOnline) {
+          if (isOnline.value) {
             clearQueueItems(itemQueueType, itemsToProcess.map(item => item.id));
           }
         });
-    } catch (error) {
+    }
+    catch (error) {
       console.log(`Error processing queue items of type ${itemQueueType}:`, error);
       clearQueueItems(itemQueueType);
       return false;
@@ -224,13 +229,13 @@ export function useShoppingListItemActions(shoppingListId: string) {
     // We send each bulk request one at a time, since the backend may merge items
     // "failures" here refers to an actual error, rather than failing to reach the backend
     let failures = 0;
-    if (!(await processQueueItems((items) => api.shopping.items.deleteMany(items), "delete"))) failures++;
-    if (!(await processQueueItems((items) => api.shopping.items.updateMany(items), "update"))) failures++;
-    if (!(await processQueueItems((items) => api.shopping.items.createMany(items), "create"))) failures++;
+    if (!(await processQueueItems(items => api.shopping.items.deleteMany(items), "delete"))) failures++;
+    if (!(await processQueueItems(items => api.shopping.items.updateMany(items), "update"))) failures++;
+    if (!(await processQueueItems(items => api.shopping.items.createMany(items), "create"))) failures++;
 
     // If we're online, or the queue is empty, the queue is fully processed, so we're up to date
     // Otherwise, if all three queue processes failed, we've already reset the queue, so we need to reset the date
-    if (window.$nuxt.isOnline || queueEmpty.value || failures === 3) {
+    if (isOnline.value || queueEmpty.value || failures === 3) {
       queue.lastUpdate = Date.now();
     }
   }
diff --git a/frontend/composables/use-text-color.ts b/frontend/composables/use-text-color.ts
index 1abddde93..51f8233f0 100644
--- a/frontend/composables/use-text-color.ts
+++ b/frontend/composables/use-text-color.ts
@@ -1,4 +1,3 @@
-// @ts-ignore missing color types
 import Color from "@sphinxxxx/color-conversion";
 
 const LIGHT_COLOR = "white";
@@ -32,7 +31,8 @@ export function getTextColor(bgColor: string | undefined): string {
     });
     const L = 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];
     return L > ACCESSIBILITY_THRESHOLD ? DARK_COLOR : LIGHT_COLOR;
-  } catch (error) {
+  }
+  catch (error) {
     console.warn(error);
     return DARK_COLOR;
   }
diff --git a/frontend/composables/use-toast.ts b/frontend/composables/use-toast.ts
index 96cfb5746..efd79cc41 100644
--- a/frontend/composables/use-toast.ts
+++ b/frontend/composables/use-toast.ts
@@ -1,5 +1,3 @@
-import { reactive } from "@nuxtjs/composition-api";
-
 interface Toast {
   open: boolean;
   text: string;
diff --git a/frontend/composables/use-user.ts b/frontend/composables/use-user.ts
index e7b44c66b..b4c2485a3 100644
--- a/frontend/composables/use-user.ts
+++ b/frontend/composables/use-user.ts
@@ -1,6 +1,5 @@
-import { useAsync, ref } from "@nuxtjs/composition-api";
 import { useUserApi } from "~/composables/api";
-import { UserIn, UserOut } from "~/lib/api/types/user";
+import type { UserIn, UserOut } from "~/lib/api/types/user";
 
 /*
 TODO: Potentially combine useAllUsers and useUser by delaying the get all users functionality
@@ -10,38 +9,16 @@ to control whether the object is substantiated... but some of the others rely on
 
 export const useAllUsers = function () {
   const api = useUserApi();
-  const loading = ref(false);
-
-  function getAllUsers() {
-    loading.value = true;
-    const asyncKey = String(Date.now());
-    const allUsers = useAsync(async () => {
-      const { data } = await api.users.getAll();
-      if (data) {
-        return data.items;
-      } else {
-        return null;
-      }
-    }, asyncKey);
-
-    loading.value = false;
-    return allUsers;
-  }
-
-  async function refreshAllUsers() {
-    loading.value = true;
+  const asyncKey = String(Date.now());
+  const { data: users, refresh: refreshAllUsers } = useLazyAsyncData(asyncKey, async () => {
     const { data } = await api.users.getAll();
-
     if (data) {
-      users.value = data.items;
-    } else {
-      users.value = null;
+      return data.items;
     }
-
-    loading.value = false;
-  }
-
-  const users = getAllUsers();
+    else {
+      return null;
+    }
+  });
 
   return { users, refreshAllUsers };
 };
@@ -52,10 +29,10 @@ export const useUser = function (refreshFunc: CallableFunction | null = null) {
 
   function getUser(id: string) {
     loading.value = true;
-    const user = useAsync(async () => {
+    const user = useAsyncData(id, async () => {
       const { data } = await api.users.getOne(id);
       return data;
-    }, id);
+    });
 
     loading.value = false;
     return user;
diff --git a/frontend/composables/use-users/preferences.ts b/frontend/composables/use-users/preferences.ts
index 78f6f8041..6b03c58f3 100644
--- a/frontend/composables/use-users/preferences.ts
+++ b/frontend/composables/use-users/preferences.ts
@@ -1,7 +1,6 @@
-import { Ref, useContext } from "@nuxtjs/composition-api";
 import { useLocalStorage, useSessionStorage } from "@vueuse/core";
-import { RegisteredParser, TimelineEventType } from "~/lib/api/types/recipe";
-import { QueryFilterJSON } from "~/lib/api/types/response";
+import type { RegisteredParser, TimelineEventType } from "~/lib/api/types/recipe";
+import type { QueryFilterJSON } from "~/lib/api/types/response";
 
 export interface UserPrintPreferences {
   imagePosition: string;
@@ -67,7 +66,7 @@ export function useUserMealPlanPreferences(): Ref<UserMealPlanPreferences> {
     {
       numberOfDays: 7,
     },
-    { mergeDefaults: true }
+    { mergeDefaults: true },
     // we cast to a Ref because by default it will return an optional type ref
     // but since we pass defaults we know all properties are set.
   ) as unknown as Ref<UserMealPlanPreferences>;
@@ -83,7 +82,7 @@ export function useUserPrintPreferences(): Ref<UserPrintPreferences> {
       showDescription: true,
       showNotes: true,
     },
-    { mergeDefaults: true }
+    { mergeDefaults: true },
     // we cast to a Ref because by default it will return an optional type ref
     // but since we pass defaults we know all properties are set.
   ) as unknown as Ref<UserPrintPreferences>;
@@ -92,7 +91,7 @@ export function useUserPrintPreferences(): Ref<UserPrintPreferences> {
 }
 
 export function useUserSortPreferences(): Ref<UserRecipePreferences> {
-  const { $globals } = useContext();
+  const { $globals } = useNuxtApp();
 
   const fromStorage = useLocalStorage(
     "recipe-section-preferences",
@@ -103,7 +102,7 @@ export function useUserSortPreferences(): Ref<UserRecipePreferences> {
       sortIcon: $globals.icons.sortAlphabeticalAscending,
       useMobileCards: false,
     },
-    { mergeDefaults: true }
+    { mergeDefaults: true },
     // we cast to a Ref because by default it will return an optional type ref
     // but since we pass defaults we know all properties are set.
   ) as unknown as Ref<UserRecipePreferences>;
@@ -117,7 +116,7 @@ export function useUserSearchQuerySession(): Ref<UserSearchQuery> {
     {
       recipe: "",
     },
-    { mergeDefaults: true }
+    { mergeDefaults: true },
     // we cast to a Ref because by default it will return an optional type ref
     // but since we pass defaults we know all properties are set.
   ) as unknown as Ref<UserSearchQuery>;
@@ -125,7 +124,6 @@ export function useUserSearchQuerySession(): Ref<UserSearchQuery> {
   return fromStorage;
 }
 
-
 export function useShoppingListPreferences(): Ref<UserShoppingListPreferences> {
   const fromStorage = useLocalStorage(
     "shopping-list-preferences",
@@ -133,7 +131,7 @@ export function useShoppingListPreferences(): Ref<UserShoppingListPreferences> {
       viewAllLists: false,
       viewByLabel: true,
     },
-    { mergeDefaults: true }
+    { mergeDefaults: true },
     // we cast to a Ref because by default it will return an optional type ref
     // but since we pass defaults we know all properties are set.
   ) as unknown as Ref<UserShoppingListPreferences>;
@@ -148,7 +146,7 @@ export function useTimelinePreferences(): Ref<UserTimelinePreferences> {
       orderDirection: "asc",
       types: ["info", "system", "comment"] as TimelineEventType[],
     },
-    { mergeDefaults: true }
+    { mergeDefaults: true },
     // we cast to a Ref because by default it will return an optional type ref
     // but since we pass defaults we know all properties are set.
   ) as unknown as Ref<UserTimelinePreferences>;
@@ -162,7 +160,7 @@ export function useParsingPreferences(): Ref<UserParsingPreferences> {
     {
       parser: "nlp",
     },
-    { mergeDefaults: true }
+    { mergeDefaults: true },
     // we cast to a Ref because by default it will return an optional type ref
     // but since we pass defaults we know all properties are set.
   ) as unknown as Ref<UserParsingPreferences>;
@@ -176,7 +174,7 @@ export function useCookbookPreferences(): Ref<UserCookbooksPreferences> {
     {
       hideOtherHouseholds: false,
     },
-    { mergeDefaults: true }
+    { mergeDefaults: true },
     // we cast to a Ref because by default it will return an optional type ref
     // but since we pass defaults we know all properties are set.
   ) as unknown as Ref<UserCookbooksPreferences>;
@@ -197,7 +195,7 @@ export function useRecipeFinderPreferences(): Ref<UserRecipeFinderPreferences> {
       includeFoodsOnHand: true,
       includeToolsOnHand: true,
     },
-    { mergeDefaults: true }
+    { mergeDefaults: true },
     // we cast to a Ref because by default it will return an optional type ref
     // but since we pass defaults we know all properties are set.
   ) as unknown as Ref<UserRecipeFinderPreferences>;
diff --git a/frontend/composables/use-users/user-form.ts b/frontend/composables/use-users/user-form.ts
index 79b889f3f..a68c986ba 100644
--- a/frontend/composables/use-users/user-form.ts
+++ b/frontend/composables/use-users/user-form.ts
@@ -1,78 +1,77 @@
-import { useContext } from "@nuxtjs/composition-api";
 import { fieldTypes } from "../forms";
-import { AutoFormItems } from "~/types/auto-forms";
+import type { AutoFormItems } from "~/types/auto-forms";
 
 export const useUserForm = () => {
-  const { i18n } = useContext();
+  const i18n = useI18n();
 
   const userForm: AutoFormItems = [
     {
-      section: i18n.tc("user.user-details"),
-      label: i18n.tc("user.user-name"),
+      section: i18n.t("user.user-details"),
+      label: i18n.t("user.user-name"),
       varName: "username",
       type: fieldTypes.TEXT,
       rules: ["required"],
     },
     {
-      label: i18n.tc("user.full-name"),
+      label: i18n.t("user.full-name"),
       varName: "fullName",
       type: fieldTypes.TEXT,
       rules: ["required"],
     },
     {
-      label: i18n.tc("user.email"),
+      label: i18n.t("user.email"),
       varName: "email",
       type: fieldTypes.TEXT,
       rules: ["required"],
     },
     {
-      label: i18n.tc("user.password"),
+      label: i18n.t("user.password"),
       varName: "password",
       disableUpdate: true,
       type: fieldTypes.PASSWORD,
       rules: ["required", "minLength:8"],
     },
     {
-      label: i18n.tc("user.authentication-method"),
+      label: i18n.t("user.authentication-method"),
       varName: "authMethod",
       type: fieldTypes.SELECT,
-      hint: i18n.tc("user.authentication-method-hint"),
+      hint: i18n.t("user.authentication-method-hint"),
       disableCreate: true,
       options: [{ text: "Mealie" }, { text: "LDAP" }, { text: "OIDC" }],
     },
     {
-      section: i18n.tc("user.permissions"),
-      label: i18n.tc("user.administrator"),
+      section: i18n.t("user.permissions"),
+      label: i18n.t("user.administrator"),
       varName: "admin",
       type: fieldTypes.BOOLEAN,
       rules: ["required"],
     },
     {
-      label: i18n.tc("user.user-can-invite-other-to-group"),
+      label: i18n.t("user.user-can-invite-other-to-group"),
       varName: "canInvite",
       type: fieldTypes.BOOLEAN,
       rules: ["required"],
     },
     {
-      label: i18n.tc("user.user-can-manage-group"),
+      label: i18n.t("user.user-can-manage-group"),
       varName: "canManage",
       type: fieldTypes.BOOLEAN,
       rules: ["required"],
     },
     {
-      label: i18n.tc("user.user-can-organize-group-data"),
+      label: i18n.t("user.user-can-organize-group-data"),
       varName: "canOrganize",
       type: fieldTypes.BOOLEAN,
       rules: ["required"],
     },
     {
-      label: i18n.tc("user.user-can-manage-household"),
+      label: i18n.t("user.user-can-manage-household"),
       varName: "canManageHousehold",
       type: fieldTypes.BOOLEAN,
       rules: ["required"],
     },
     {
-      label: i18n.tc("user.enable-advanced-features"),
+      label: i18n.t("user.enable-advanced-features"),
       varName: "advanced",
       type: fieldTypes.BOOLEAN,
       rules: ["required"],
diff --git a/frontend/composables/use-users/user-ratings.ts b/frontend/composables/use-users/user-ratings.ts
index 0f82cd718..d827e64c0 100644
--- a/frontend/composables/use-users/user-ratings.ts
+++ b/frontend/composables/use-users/user-ratings.ts
@@ -1,17 +1,16 @@
-import { ref, useContext } from "@nuxtjs/composition-api";
 import { useUserApi } from "~/composables/api";
-import { UserRatingSummary } from "~/lib/api/types/user";
+import type { UserRatingSummary } from "~/lib/api/types/user";
 
 const userRatings = ref<UserRatingSummary[]>([]);
 const loading = ref(false);
 const ready = ref(false);
 
 export const useUserSelfRatings = function () {
-  const { $auth } = useContext();
+  const $auth = useMealieAuth();
   const api = useUserApi();
 
   async function refreshUserRatings() {
-    if (!$auth.user || loading.value) {
+    if (!$auth.user.value || loading.value) {
       return;
     }
 
@@ -24,7 +23,7 @@ export const useUserSelfRatings = function () {
 
   async function setRating(slug: string, rating: number | null, isFavorite: boolean | null) {
     loading.value = true;
-    const userId = $auth.user?.id || "";
+    const userId = $auth.user.value?.id || "";
     await api.users.setRating(userId, slug, rating, isFavorite);
     loading.value = false;
     await refreshUserRatings();
@@ -39,5 +38,5 @@ export const useUserSelfRatings = function () {
     refreshUserRatings,
     setRating,
     ready,
-  }
-}
+  };
+};
diff --git a/frontend/composables/use-users/user-registration-form.ts b/frontend/composables/use-users/user-registration-form.ts
index af27549bb..f61b26d56 100644
--- a/frontend/composables/use-users/user-registration-form.ts
+++ b/frontend/composables/use-users/user-registration-form.ts
@@ -1,6 +1,5 @@
-import { ref, Ref, useContext } from "@nuxtjs/composition-api";
 import { useAsyncValidator } from "~/composables/use-validators";
-import { VForm } from "~/types/vuetify";
+import type { VForm } from "~/types/vuetify";
 import { usePublicApi } from "~/composables/api/api-client";
 
 const domAccountForm = ref<VForm | null>(null);
@@ -12,7 +11,8 @@ const password2 = ref("");
 const advancedOptions = ref(false);
 
 export const useUserRegistrationForm = () => {
-  const { i18n } = useContext();
+  const i18n = useI18n();
+
   function safeValidate(form: Ref<VForm | null>) {
     if (form.value && form.value.validate) {
       return form.value.validate();
@@ -29,15 +29,15 @@ export const useUserRegistrationForm = () => {
   const { validate: validateUsername, valid: validUsername } = useAsyncValidator(
     username,
     (v: string) => publicApi.validators.username(v),
-    i18n.tc("validation.username-is-taken"),
-    usernameErrorMessages
+    i18n.t("validation.username-is-taken"),
+    usernameErrorMessages,
   );
   const emailErrorMessages = ref<string[]>([]);
   const { validate: validateEmail, valid: validEmail } = useAsyncValidator(
     email,
     (v: string) => publicApi.validators.email(v),
-    i18n.tc("validation.email-is-taken"),
-    emailErrorMessages
+    i18n.t("validation.email-is-taken"),
+    emailErrorMessages,
   );
   const accountDetails = {
     username,
@@ -60,7 +60,7 @@ export const useUserRegistrationForm = () => {
   };
   // ================================================================
   // Provide Credentials
-  const passwordMatch = () => password1.value === password2.value || i18n.tc("user.password-must-match");
+  const passwordMatch = () => password1.value === password2.value || i18n.t("user.password-must-match");
   const credentials = {
     password1,
     password2,
@@ -68,7 +68,7 @@ export const useUserRegistrationForm = () => {
     reset: () => {
       credentials.password1.value = "";
       credentials.password2.value = "";
-    }
+    },
   };
 
   return {
diff --git a/frontend/composables/use-utils.ts b/frontend/composables/use-utils.ts
index 05ad53c96..fafda6bba 100644
--- a/frontend/composables/use-utils.ts
+++ b/frontend/composables/use-utils.ts
@@ -1,17 +1,10 @@
-import { IncomingMessage } from "connect";
-import { useDark } from "@vueuse/core";
-import { useContext } from "@nuxtjs/composition-api";
+import { useDark, useToggle } from "@vueuse/core";
 
 export const useToggleDarkMode = () => {
   const isDark = useDark();
-  const { $vuetify } = useContext();
+  const toggleDark = useToggle(isDark);
 
-  function toggleDark() {
-    isDark.value = !$vuetify.theme.dark;
-    $vuetify.theme.dark = !$vuetify.theme.dark;
-  }
-
-  return toggleDark;
+  return () => toggleDark();
 };
 
 export const useAsyncKey = function () {
@@ -21,34 +14,13 @@ export const useAsyncKey = function () {
 export const titleCase = function (str: string) {
   return str
     .split(" ")
-    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
     .join(" ");
 };
 
-export function detectServerBaseUrl(req?: IncomingMessage | null) {
-  if (!req || req === undefined) {
-    return "";
-  }
-  if (req.headers.referer) {
-    const url = new URL(req.headers.referer);
-    return `${url.protocol}//${url.host}`;
-  } else if (req.headers.host) {
-    // TODO Socket.encrypted doesn't exist. What is needed here?
-    // @ts-ignore See above
-    const protocol = req.socket.encrypted ? "https:" : "http:";
-    return `${protocol}//${req.headers.host}`;
-  } else if (req.socket.remoteAddress) {
-    // @ts-ignore See above
-    const protocol = req.socket.encrypted ? "https:" : "http:";
-    return `${protocol}//${req.socket.localAddress || ""}:${req.socket.localPort || ""}`;
-  }
-
-  return "";
-}
-
 export function uuid4() {
-  return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, (c) =>
-    (parseInt(c) ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (parseInt(c) / 4)))).toString(16)
+  return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, c =>
+    (parseInt(c) ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (parseInt(c) / 4)))).toString(16),
   );
 }
 
@@ -61,7 +33,8 @@ export function deepCopy<T>(obj: T): T {
       if (obj === null) {
         // null => null
         rv = null;
-      } else {
+      }
+      else {
         switch (Object.prototype.toString.call(obj)) {
           case "[object Array]":
             // It's an array, create a new array with
@@ -81,7 +54,6 @@ export function deepCopy<T>(obj: T): T {
             // Some other kind of object, deep-copy its
             // properties into a new object
             rv = Object.keys(obj).reduce(function (prev, key) {
-              // @ts-ignore This is hard to make type-safe
               prev[key] = deepCopy(obj[key]);
               return prev;
             }, {});
diff --git a/frontend/composables/use-validators.ts b/frontend/composables/use-validators.ts
index fc7fd6ad8..3f03d331f 100644
--- a/frontend/composables/use-validators.ts
+++ b/frontend/composables/use-validators.ts
@@ -1,6 +1,5 @@
-import { ref, Ref } from "@nuxtjs/composition-api";
-import { RequestResponse } from "~/lib/api/types/non-generated";
-import { ValidationResponse } from "~/lib/api/types/response";
+import type { RequestResponse } from "~/lib/api/types/non-generated";
+import type { ValidationResponse } from "~/lib/api/types/response";
 import { required, email, whitespace, url, minLength, maxLength } from "~/lib/validators";
 
 export const validators = {
@@ -21,7 +20,7 @@ export const useAsyncValidator = (
   value: Ref<string>,
   validatorFunc: (v: string) => Promise<RequestResponse<ValidationResponse>>,
   validatorMessage: string,
-  errorMessages: Ref<string[]>
+  errorMessages: Ref<string[]>,
 ) => {
   const valid = ref(false);
 
diff --git a/frontend/composables/useMealieAuth.ts b/frontend/composables/useMealieAuth.ts
new file mode 100644
index 000000000..41e3a63c4
--- /dev/null
+++ b/frontend/composables/useMealieAuth.ts
@@ -0,0 +1,61 @@
+import { ref, watch, computed } from "vue";
+import type { UserOut } from "~/lib/api/types/user";
+
+export const useMealieAuth = function () {
+  const auth = useAuth();
+  const { setToken } = useAuthState();
+  const { $axios } = useNuxtApp();
+
+  // User Management
+  const lastUser = ref<UserOut | null>(null);
+  const user = computed(() => lastUser.value);
+
+  watch(
+    () => auth.data.value,
+    (val) => {
+      if (val) {
+        lastUser.value = val as UserOut;
+      }
+      else {
+        lastUser.value = null;
+      }
+    },
+    { immediate: true },
+  );
+
+  // Auth Status Management
+  const lastAuthStatus = ref<string>(auth.status.value);
+  const loggedIn = computed(() => lastAuthStatus.value === "authenticated");
+
+  watch(
+    () => auth.status.value,
+    (val) => {
+      if (val !== "loading") {
+        lastAuthStatus.value = val;
+      }
+    },
+    { immediate: true },
+  );
+
+  async function signIn(...params: Parameters<typeof auth.signIn>) {
+    await auth.signIn(...params);
+    refreshCookie(useRuntimeConfig().public.AUTH_TOKEN);
+  }
+
+  async function oauthSignIn() {
+    const params = new URLSearchParams(window.location.search);
+    const { data: token } = await $axios.get<{ access_token: string; token_type: "bearer" }>("/api/auth/oauth/callback", { params });
+    setToken(token.access_token);
+    await auth.getSession();
+  }
+
+  return {
+    user,
+    loggedIn,
+    signIn,
+    signOut: auth.signOut,
+    signUp: auth.signUp,
+    refresh: auth.refresh,
+    oauthSignIn,
+  };
+};
diff --git a/frontend/eslint.config.mjs b/frontend/eslint.config.mjs
new file mode 100644
index 000000000..954debd00
--- /dev/null
+++ b/frontend/eslint.config.mjs
@@ -0,0 +1,24 @@
+// @ts-check
+import stylisticJs from "@stylistic/eslint-plugin-js";
+import withNuxt from "./.nuxt/eslint.config.mjs";
+
+export default withNuxt({
+  plugins: {
+    "@stylistic/js": stylisticJs,
+  },
+  // Your custom configs here
+  rules: {
+    "@typescript-eslint/no-explicit-any": "off",
+    "vue/no-mutating-props": "warn",
+    "vue/no-v-html": "warn",
+    "object-curly-newline": "off",
+    "consistent-list-newline": "off",
+    "vue/first-attribute-linebreak": "off",
+    "@stylistic/js/no-tabs": ["error", { allowIndentationTabs: true }],
+    "@stylistic/no-tabs": ["error", { allowIndentationTabs: true }],
+    "@stylistic/no-mixed-spaces-and-tabs": ["error", "smart-tabs"],
+    "vue/max-attributes-per-line": "off",
+    "vue/html-indent": "off",
+    "vue/html-closing-bracket-newline": "off",
+  },
+});
diff --git a/frontend/i18n.config.ts b/frontend/i18n.config.ts
new file mode 100644
index 000000000..6600f7385
--- /dev/null
+++ b/frontend/i18n.config.ts
@@ -0,0 +1,57 @@
+/* eslint-disable @typescript-eslint/no-require-imports */
+const datetimeFormats = {
+  // CODE_GEN_ID: DATE_LOCALES
+  "el-GR": require("./lang/dateTimeFormats/el-GR.json"),
+  "it-IT": require("./lang/dateTimeFormats/it-IT.json"),
+  "ko-KR": require("./lang/dateTimeFormats/ko-KR.json"),
+  "es-ES": require("./lang/dateTimeFormats/es-ES.json"),
+  "ja-JP": require("./lang/dateTimeFormats/ja-JP.json"),
+  "bg-BG": require("./lang/dateTimeFormats/bg-BG.json"),
+  "zh-CN": require("./lang/dateTimeFormats/zh-CN.json"),
+  "tr-TR": require("./lang/dateTimeFormats/tr-TR.json"),
+  "ar-SA": require("./lang/dateTimeFormats/ar-SA.json"),
+  "hu-HU": require("./lang/dateTimeFormats/hu-HU.json"),
+  "pt-PT": require("./lang/dateTimeFormats/pt-PT.json"),
+  "no-NO": require("./lang/dateTimeFormats/no-NO.json"),
+  "sv-SE": require("./lang/dateTimeFormats/sv-SE.json"),
+  "ro-RO": require("./lang/dateTimeFormats/ro-RO.json"),
+  "sk-SK": require("./lang/dateTimeFormats/sk-SK.json"),
+  "uk-UA": require("./lang/dateTimeFormats/uk-UA.json"),
+  "fr-CA": require("./lang/dateTimeFormats/fr-CA.json"),
+  "pl-PL": require("./lang/dateTimeFormats/pl-PL.json"),
+  "da-DK": require("./lang/dateTimeFormats/da-DK.json"),
+  "pt-BR": require("./lang/dateTimeFormats/pt-BR.json"),
+  "de-DE": require("./lang/dateTimeFormats/de-DE.json"),
+  "ca-ES": require("./lang/dateTimeFormats/ca-ES.json"),
+  "sr-SP": require("./lang/dateTimeFormats/sr-SP.json"),
+  "cs-CZ": require("./lang/dateTimeFormats/cs-CZ.json"),
+  "fr-FR": require("./lang/dateTimeFormats/fr-FR.json"),
+  "fr-BE": require("./lang/dateTimeFormats/fr-BE.json"),
+  "zh-TW": require("./lang/dateTimeFormats/zh-TW.json"),
+  "af-ZA": require("./lang/dateTimeFormats/af-ZA.json"),
+  "ru-RU": require("./lang/dateTimeFormats/ru-RU.json"),
+  "he-IL": require("./lang/dateTimeFormats/he-IL.json"),
+  "nl-NL": require("./lang/dateTimeFormats/nl-NL.json"),
+  "en-US": require("./lang/dateTimeFormats/en-US.json"),
+  "en-GB": require("./lang/dateTimeFormats/en-GB.json"),
+  "fi-FI": require("./lang/dateTimeFormats/fi-FI.json"),
+  "vi-VN": require("./lang/dateTimeFormats/vi-VN.json"),
+  "sl-SI": require("./lang/dateTimeFormats/sl-SI.json"),
+  "lv-LV": require("./lang/dateTimeFormats/lv-LV.json"),
+  "is-IS": require("./lang/dateTimeFormats/is-IS.json"),
+  "gl-ES": require("./lang/dateTimeFormats/gl-ES.json"),
+  "lt-LT": require("./lang/dateTimeFormats/lt-LT.json"),
+  "hr-HR": require("./lang/dateTimeFormats/hr-HR.json"),
+  // END: DATE_LOCALES
+};
+
+export default defineI18nConfig(() => {
+  return {
+    legacy: false,
+    locale: "en-US",
+    availableLocales: Object.keys(datetimeFormats),
+    datetimeFormats,
+    fallbackLocale: "en-US",
+    fallbackWarn: true,
+  };
+});
diff --git a/frontend/lang/locales/af-ZA.ts b/frontend/lang/locales/af-ZA.ts
new file mode 100644
index 000000000..69d482a6b
--- /dev/null
+++ b/frontend/lang/locales/af-ZA.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { af: $vuetify } = await import("vuetify/locale");
+  const { default: afZA } = await import("../messages/af-ZA.json");
+  return {
+    ...afZA,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/ar-SA.ts b/frontend/lang/locales/ar-SA.ts
new file mode 100644
index 000000000..74d59ffa5
--- /dev/null
+++ b/frontend/lang/locales/ar-SA.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { ar: $vuetify } = await import("vuetify/locale");
+  const { default: arSA } = await import("../messages/ar-SA.json");
+  return {
+    ...arSA,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/bg-BG.ts b/frontend/lang/locales/bg-BG.ts
new file mode 100644
index 000000000..ca69a612d
--- /dev/null
+++ b/frontend/lang/locales/bg-BG.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { bg: $vuetify } = await import("vuetify/locale");
+  const { default: bgBG } = await import("../messages/bg-BG.json");
+  return {
+    ...bgBG,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/ca-ES.ts b/frontend/lang/locales/ca-ES.ts
new file mode 100644
index 000000000..5cdbfab33
--- /dev/null
+++ b/frontend/lang/locales/ca-ES.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { ca: $vuetify } = await import("vuetify/locale");
+  const { default: caES } = await import("../messages/ca-ES.json");
+  return {
+    ...caES,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/cs-CZ.ts b/frontend/lang/locales/cs-CZ.ts
new file mode 100644
index 000000000..1480cac09
--- /dev/null
+++ b/frontend/lang/locales/cs-CZ.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { cs: $vuetify } = await import("vuetify/locale");
+  const { default: csCZ } = await import("../messages/cs-CZ.json");
+  return {
+    ...csCZ,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/da-DK.ts b/frontend/lang/locales/da-DK.ts
new file mode 100644
index 000000000..c5558fe15
--- /dev/null
+++ b/frontend/lang/locales/da-DK.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { da: $vuetify } = await import("vuetify/locale");
+  const { default: daDK } = await import("../messages/da-DK.json");
+  return {
+    ...daDK,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/de-DE.ts b/frontend/lang/locales/de-DE.ts
new file mode 100644
index 000000000..de9fafe79
--- /dev/null
+++ b/frontend/lang/locales/de-DE.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { de: $vuetify } = await import("vuetify/locale");
+  const { default: deDE } = await import("../messages/de-DE.json");
+  return {
+    ...deDE,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/el-GR.ts b/frontend/lang/locales/el-GR.ts
new file mode 100644
index 000000000..96f82afab
--- /dev/null
+++ b/frontend/lang/locales/el-GR.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { el: $vuetify } = await import("vuetify/locale");
+  const { default: elGR } = await import("../messages/el-GR.json");
+  return {
+    ...elGR,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/en-GB.ts b/frontend/lang/locales/en-GB.ts
new file mode 100644
index 000000000..42ef54f31
--- /dev/null
+++ b/frontend/lang/locales/en-GB.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { en: $vuetify } = await import("vuetify/locale");
+  const { default: enGB } = await import("../messages/en-GB.json");
+  return {
+    ...enGB,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/en-US.ts b/frontend/lang/locales/en-US.ts
new file mode 100644
index 000000000..a62cd883c
--- /dev/null
+++ b/frontend/lang/locales/en-US.ts
@@ -0,0 +1,9 @@
+// File was already correctly named
+export default defineI18nLocale(async () => {
+  const { en: $vuetify } = await import("vuetify/locale");
+  const { default: enUS } = await import("../messages/en-US.json");
+  return {
+    ...enUS,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/es-ES.ts b/frontend/lang/locales/es-ES.ts
new file mode 100644
index 000000000..1c3dd3ef6
--- /dev/null
+++ b/frontend/lang/locales/es-ES.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { es: $vuetify } = await import("vuetify/locale");
+  const { default: esES } = await import("../messages/es-ES.json");
+  return {
+    ...esES,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/et-EE.ts b/frontend/lang/locales/et-EE.ts
new file mode 100644
index 000000000..a46facfe5
--- /dev/null
+++ b/frontend/lang/locales/et-EE.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { et: $vuetify } = await import("vuetify/locale");
+  const { default: etEE } = await import("../messages/et-EE.json");
+  return {
+    ...etEE,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/fi-FI.ts b/frontend/lang/locales/fi-FI.ts
new file mode 100644
index 000000000..e588ba905
--- /dev/null
+++ b/frontend/lang/locales/fi-FI.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { fi: $vuetify } = await import("vuetify/locale");
+  const { default: fiFI } = await import("../messages/fi-FI.json");
+  return {
+    ...fiFI,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/fr-BE.ts b/frontend/lang/locales/fr-BE.ts
new file mode 100644
index 000000000..21099d7cf
--- /dev/null
+++ b/frontend/lang/locales/fr-BE.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { fr: $vuetify } = await import("vuetify/locale");
+  const { default: frBE } = await import("../messages/fr-BE.json");
+  return {
+    ...frBE,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/fr-CA.ts b/frontend/lang/locales/fr-CA.ts
new file mode 100644
index 000000000..41cf9d11f
--- /dev/null
+++ b/frontend/lang/locales/fr-CA.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { fr: $vuetify } = await import("vuetify/locale");
+  const { default: frCA } = await import("../messages/fr-CA.json");
+  return {
+    ...frCA,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/fr-FR.ts b/frontend/lang/locales/fr-FR.ts
new file mode 100644
index 000000000..767608453
--- /dev/null
+++ b/frontend/lang/locales/fr-FR.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { fr: $vuetify } = await import("vuetify/locale");
+  const { default: frFR } = await import("../messages/fr-FR.json");
+  return {
+    ...frFR,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/gl-ES.ts b/frontend/lang/locales/gl-ES.ts
new file mode 100644
index 000000000..1be279512
--- /dev/null
+++ b/frontend/lang/locales/gl-ES.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { es: $vuetify } = await import("vuetify/locale");
+  const { default: glES } = await import("../messages/gl-ES.json");
+  return {
+    ...glES,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/he-IL.ts b/frontend/lang/locales/he-IL.ts
new file mode 100644
index 000000000..b812b4d9b
--- /dev/null
+++ b/frontend/lang/locales/he-IL.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { he: $vuetify } = await import("vuetify/locale");
+  const { default: heIL } = await import("../messages/he-IL.json");
+  return {
+    ...heIL,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/hr-HR.ts b/frontend/lang/locales/hr-HR.ts
new file mode 100644
index 000000000..92b119e7e
--- /dev/null
+++ b/frontend/lang/locales/hr-HR.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { hr: $vuetify } = await import("vuetify/locale");
+  const { default: hrHR } = await import("../messages/hr-HR.json");
+  return {
+    ...hrHR,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/hu-HU.ts b/frontend/lang/locales/hu-HU.ts
new file mode 100644
index 000000000..71846d2d3
--- /dev/null
+++ b/frontend/lang/locales/hu-HU.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { hu: $vuetify } = await import("vuetify/locale");
+  const { default: huHU } = await import("../messages/hu-HU.json");
+  return {
+    ...huHU,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/is-IS.ts b/frontend/lang/locales/is-IS.ts
new file mode 100644
index 000000000..26d742ffe
--- /dev/null
+++ b/frontend/lang/locales/is-IS.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { en: $vuetify } = await import("vuetify/locale");
+  const { default: isIS } = await import("../messages/is-IS.json");
+  return {
+    ...isIS,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/it-IT.ts b/frontend/lang/locales/it-IT.ts
new file mode 100644
index 000000000..f91d411ce
--- /dev/null
+++ b/frontend/lang/locales/it-IT.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { it: $vuetify } = await import("vuetify/locale");
+  const { default: itIT } = await import("../messages/it-IT.json");
+  return {
+    ...itIT,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/ja-JP.ts b/frontend/lang/locales/ja-JP.ts
new file mode 100644
index 000000000..93dd4a642
--- /dev/null
+++ b/frontend/lang/locales/ja-JP.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { ja: $vuetify } = await import("vuetify/locale");
+  const { default: jaJP } = await import("../messages/ja-JP.json");
+  return {
+    ...jaJP,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/ko-KR.ts b/frontend/lang/locales/ko-KR.ts
new file mode 100644
index 000000000..c7bb18b83
--- /dev/null
+++ b/frontend/lang/locales/ko-KR.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { ko: $vuetify } = await import("vuetify/locale");
+  const { default: koKR } = await import("../messages/ko-KR.json");
+  return {
+    ...koKR,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/lt-LT.ts b/frontend/lang/locales/lt-LT.ts
new file mode 100644
index 000000000..2a3743c08
--- /dev/null
+++ b/frontend/lang/locales/lt-LT.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { lt: $vuetify } = await import("vuetify/locale");
+  const { default: ltLT } = await import("../messages/lt-LT.json");
+  return {
+    ...ltLT,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/lv-LV.ts b/frontend/lang/locales/lv-LV.ts
new file mode 100644
index 000000000..62af43898
--- /dev/null
+++ b/frontend/lang/locales/lv-LV.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { lv: $vuetify } = await import("vuetify/locale");
+  const { default: lvLV } = await import("../messages/lv-LV.json");
+  return {
+    ...lvLV,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/nl-NL.ts b/frontend/lang/locales/nl-NL.ts
new file mode 100644
index 000000000..27580a1a6
--- /dev/null
+++ b/frontend/lang/locales/nl-NL.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { nl: $vuetify } = await import("vuetify/locale");
+  const { default: nlNL } = await import("../messages/nl-NL.json");
+  return {
+    ...nlNL,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/no-NO.ts b/frontend/lang/locales/no-NO.ts
new file mode 100644
index 000000000..58e0aa82a
--- /dev/null
+++ b/frontend/lang/locales/no-NO.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { no: $vuetify } = await import("vuetify/locale");
+  const { default: noNO } = await import("../messages/no-NO.json");
+  return {
+    ...noNO,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/pl-PL.ts b/frontend/lang/locales/pl-PL.ts
new file mode 100644
index 000000000..a3e8c876d
--- /dev/null
+++ b/frontend/lang/locales/pl-PL.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { pl: $vuetify } = await import("vuetify/locale");
+  const { default: plPL } = await import("../messages/pl-PL.json");
+  return {
+    ...plPL,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/pt-BR.ts b/frontend/lang/locales/pt-BR.ts
new file mode 100644
index 000000000..e4826e217
--- /dev/null
+++ b/frontend/lang/locales/pt-BR.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { pt: $vuetify } = await import("vuetify/locale");
+  const { default: ptBR } = await import("../messages/pt-BR.json");
+  return {
+    ...ptBR,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/pt-PT.ts b/frontend/lang/locales/pt-PT.ts
new file mode 100644
index 000000000..c39411842
--- /dev/null
+++ b/frontend/lang/locales/pt-PT.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { pt: $vuetify } = await import("vuetify/locale");
+  const { default: ptPT } = await import("../messages/pt-PT.json");
+  return {
+    ...ptPT,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/ro-RO.ts b/frontend/lang/locales/ro-RO.ts
new file mode 100644
index 000000000..ac6b17eb2
--- /dev/null
+++ b/frontend/lang/locales/ro-RO.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { ro: $vuetify } = await import("vuetify/locale");
+  const { default: roRO } = await import("../messages/ro-RO.json");
+  return {
+    ...roRO,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/ru-RU.ts b/frontend/lang/locales/ru-RU.ts
new file mode 100644
index 000000000..a4e49a7ba
--- /dev/null
+++ b/frontend/lang/locales/ru-RU.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { ru: $vuetify } = await import("vuetify/locale");
+  const { default: ruRU } = await import("../messages/ru-RU.json");
+  return {
+    ...ruRU,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/sk-SK.ts b/frontend/lang/locales/sk-SK.ts
new file mode 100644
index 000000000..58af984b2
--- /dev/null
+++ b/frontend/lang/locales/sk-SK.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { sk: $vuetify } = await import("vuetify/locale");
+  const { default: skSK } = await import("../messages/sk-SK.json");
+  return {
+    ...skSK,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/sl-SI.ts b/frontend/lang/locales/sl-SI.ts
new file mode 100644
index 000000000..a1e9509a4
--- /dev/null
+++ b/frontend/lang/locales/sl-SI.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { sl: $vuetify } = await import("vuetify/locale");
+  const { default: slSI } = await import("../messages/sl-SI.json");
+  return {
+    ...slSI,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/sr-SP.ts b/frontend/lang/locales/sr-SP.ts
new file mode 100644
index 000000000..1d7a12073
--- /dev/null
+++ b/frontend/lang/locales/sr-SP.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { en: $vuetify } = await import("vuetify/locale");
+  const { default: srSP } = await import("../messages/sr-SP.json");
+  return {
+    ...srSP,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/sv-SE.ts b/frontend/lang/locales/sv-SE.ts
new file mode 100644
index 000000000..ae74be77a
--- /dev/null
+++ b/frontend/lang/locales/sv-SE.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { sv: $vuetify } = await import("vuetify/locale");
+  const { default: svSE } = await import("../messages/sv-SE.json");
+  return {
+    ...svSE,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/tr-TR.ts b/frontend/lang/locales/tr-TR.ts
new file mode 100644
index 000000000..4f1e139a3
--- /dev/null
+++ b/frontend/lang/locales/tr-TR.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { tr: $vuetify } = await import("vuetify/locale");
+  const { default: trTR } = await import("../messages/tr-TR.json");
+  return {
+    ...trTR,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/uk-UA.ts b/frontend/lang/locales/uk-UA.ts
new file mode 100644
index 000000000..ec969f0f1
--- /dev/null
+++ b/frontend/lang/locales/uk-UA.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { uk: $vuetify } = await import("vuetify/locale");
+  const { default: ukUA } = await import("../messages/uk-UA.json");
+  return {
+    ...ukUA,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/vi-VN.ts b/frontend/lang/locales/vi-VN.ts
new file mode 100644
index 000000000..c2af5f76b
--- /dev/null
+++ b/frontend/lang/locales/vi-VN.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { vi: $vuetify } = await import("vuetify/locale");
+  const { default: viVN } = await import("../messages/vi-VN.json");
+  return {
+    ...viVN,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/zh-CN.ts b/frontend/lang/locales/zh-CN.ts
new file mode 100644
index 000000000..7bdacd44e
--- /dev/null
+++ b/frontend/lang/locales/zh-CN.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { zhHans: $vuetify } = await import("vuetify/locale");
+  const { default: zhCN } = await import("../messages/zh-CN.json");
+  return {
+    ...zhCN,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/locales/zh-TW.ts b/frontend/lang/locales/zh-TW.ts
new file mode 100644
index 000000000..966a12a22
--- /dev/null
+++ b/frontend/lang/locales/zh-TW.ts
@@ -0,0 +1,8 @@
+export default defineI18nLocale(async () => {
+  const { zhHant: $vuetify } = await import("vuetify/locale");
+  const { default: zhTW } = await import("../messages/zh-TW.json");
+  return {
+    ...zhTW,
+    $vuetify,
+  };
+});
diff --git a/frontend/lang/messages/hr-HR.json b/frontend/lang/messages/hr-HR.json
index 38b3d4248..abffb8266 100644
--- a/frontend/lang/messages/hr-HR.json
+++ b/frontend/lang/messages/hr-HR.json
@@ -718,7 +718,7 @@
       "unable-to-delete-backup": "Ne Mogu Obrisati Sigurnosnu Kopiju.",
       "experimental-description": "Backups are total snapshots of the database and data directory of the site. This includes all data and cannot be set to exclude subsets of data. You can think of this as a snapshot of Mealie at a specific time. These serve as a database agnostic way to export and import data, or back up the site to an external location.",
       "backup-restore": "Sigurnosno kopiranje/vraćanje",
-      "back-restore-description": "Vraćanje ove sigurnosne kopije će prepisati sve trenutne podatke u vašoj bazi podataka i direktoriju podataka i zamijeniti ih sadržajem ove sigurnosne kopije. Ova radnja je {ne-može-se-povratiti}. Ako se vraćanje uspješno izvrši, bit ćete odjavljeni iz sustava.",
+      "back-restore-description": "Vraćanje ove sigurnosne kopije će prepisati sve trenutne podatke u vašoj bazi podataka i direktoriju podataka i zamijeniti ih sadržajem ove sigurnosne kopije. Ova radnja je {cannot-be-undone}. Ako se vraćanje uspješno izvrši, bit ćete odjavljeni iz sustava.",
       "cannot-be-undone": "Ova radnja ne može se poništiti - koristite je oprezno.",
       "postgresql-note": "If you are using PostgreSQL, please review the {backup-restore-process} prior to restoring.",
       "backup-restore-process-in-the-documentation": "postupak sigurnosne kopije/obnove opisan je u dokumentaciji",
diff --git a/frontend/layouts/admin.vue b/frontend/layouts/admin.vue
index 416337919..36f214dff 100644
--- a/frontend/layouts/admin.vue
+++ b/frontend/layouts/admin.vue
@@ -1,5 +1,16 @@
 <template>
   <v-app dark>
+    <TheSnackbar />
+
+    <AppHeader>
+      <v-btn
+        icon
+        @click.stop="sidebar = !sidebar"
+      >
+        <v-icon> {{ $globals.icons.menu }}</v-icon>
+      </v-btn>
+    </AppHeader>
+
     <AppSidebar
       v-model="sidebar"
       absolute
@@ -10,123 +21,104 @@
       :secondary-links="developerLinks"
     />
 
-    <TheSnackbar />
-
-    <AppHeader>
-      <v-btn icon @click.stop="sidebar = !sidebar">
-        <v-icon> {{ $globals.icons.menu }}</v-icon>
-      </v-btn>
-    </AppHeader>
     <v-main>
       <v-scroll-x-transition>
-        <Nuxt />
+        <div>
+          <NuxtPage />
+        </div>
       </v-scroll-x-transition>
     </v-main>
   </v-app>
 </template>
 
-<script lang="ts">
-import { defineComponent, ref, useContext, onMounted } from "@nuxtjs/composition-api";
+<script setup lang="ts">
 import AppHeader from "@/components/Layout/LayoutParts/AppHeader.vue";
 import AppSidebar from "@/components/Layout/LayoutParts/AppSidebar.vue";
 import TheSnackbar from "~/components/Layout/LayoutParts/TheSnackbar.vue";
-import { SidebarLinks } from "~/types/application-types";
+import type { SidebarLinks } from "~/types/application-types";
 
-export default defineComponent({
-  components: { AppHeader, AppSidebar, TheSnackbar },
-  middleware: ["auth", "admin-only"],
-  auth: true,
-  setup() {
-    const { $globals, i18n, $vuetify } = useContext();
+const i18n = useI18n();
+const { $globals, $vuetify } = useNuxtApp();
 
-    const sidebar = ref<boolean | null>(null);
-    onMounted(() => {
-      sidebar.value = !$vuetify.breakpoint.md;
-    });
+const sidebar = ref<boolean>(false);
+onMounted(() => {
+  sidebar.value = !$vuetify.display.md.value;
+});
 
-    const topLinks: SidebarLinks = [
-      {
-        icon: $globals.icons.cog,
-        to: "/admin/site-settings",
-        title: i18n.tc("sidebar.site-settings"),
-        restricted: true,
-      },
+const topLinks: SidebarLinks = [
+  {
+    icon: $globals.icons.cog,
+    to: "/admin/site-settings",
+    title: i18n.t("sidebar.site-settings"),
+    restricted: true,
+  },
 
-      // {
-      //   icon: $globals.icons.chart,
-      //   to: "/admin/analytics",
-      //   title: "Analytics",
-      //   restricted: true,
-      // },
-      {
-        icon: $globals.icons.user,
-        to: "/admin/manage/users",
-        title: i18n.tc("user.users"),
-        restricted: true,
-      },
-      {
-        icon: $globals.icons.household,
-        to: "/admin/manage/households",
-        title: i18n.tc("household.households"),
-        restricted: true,
-      },
-      {
-        icon: $globals.icons.group,
-        to: "/admin/manage/groups",
-        title: i18n.tc("group.groups"),
-        restricted: true,
-      },
-      {
-        icon: $globals.icons.database,
-        to: "/admin/backups",
-        title: i18n.tc("sidebar.backups"),
-        restricted: true,
-      },
-    ];
+  // {
+  //   icon: $globals.icons.chart,
+  //   to: "/admin/analytics",
+  //   title: "Analytics",
+  //   restricted: true,
+  // },
+  {
+    icon: $globals.icons.user,
+    to: "/admin/manage/users",
+    title: i18n.t("user.users"),
+    restricted: true,
+  },
+  {
+    icon: $globals.icons.household,
+    to: "/admin/manage/households",
+    title: i18n.t("household.households"),
+    restricted: true,
+  },
+  {
+    icon: $globals.icons.group,
+    to: "/admin/manage/groups",
+    title: i18n.t("group.groups"),
+    restricted: true,
+  },
+  {
+    icon: $globals.icons.database,
+    to: "/admin/backups",
+    title: i18n.t("sidebar.backups"),
+    restricted: true,
+  },
+];
 
-    const developerLinks: SidebarLinks = [
-      {
-        icon: $globals.icons.wrench,
-        to: "/admin/maintenance",
-        title: i18n.tc("sidebar.maintenance"),
-        restricted: true,
-      },
+const developerLinks: SidebarLinks = [
+  {
+    icon: $globals.icons.wrench,
+    to: "/admin/maintenance",
+    title: i18n.t("sidebar.maintenance"),
+    restricted: true,
+  },
+  {
+    icon: $globals.icons.robot,
+    title: i18n.t("recipe.debug"),
+    restricted: true,
+    children: [
       {
         icon: $globals.icons.robot,
-        title: i18n.tc("recipe.debug"),
+        to: "/admin/debug/openai",
+        title: i18n.t("admin.openai"),
         restricted: true,
-        children: [
-          {
-            icon: $globals.icons.robot,
-            to: "/admin/debug/openai",
-            title: i18n.tc("admin.openai"),
-            restricted: true,
-          },
-          {
-            icon: $globals.icons.slotMachine,
-            to: "/admin/debug/parser",
-            title: i18n.tc("sidebar.parser"),
-            restricted: true,
-          },
-        ]
       },
-    ];
-
-    const bottomLinks: SidebarLinks = [
       {
-        icon: $globals.icons.heart,
-        title: i18n.tc("about.support"),
-        href: "https://github.com/sponsors/hay-kot",
+        icon: $globals.icons.slotMachine,
+        to: "/admin/debug/parser",
+        title: i18n.t("sidebar.parser"),
         restricted: true,
       },
-    ];
-
-    return {
-      sidebar,
-      topLinks,
-      bottomLinks,
-      developerLinks,
-    };
+    ],
   },
-});
+];
+
+const bottomLinks: SidebarLinks = [
+  {
+    icon: $globals.icons.heart,
+    title: i18n.t("about.support"),
+    href: "https://github.com/sponsors/hay-kot",
+    restricted: true,
+  },
+];
 </script>
diff --git a/frontend/layouts/basic.vue b/frontend/layouts/basic.vue
index c5fe64bf7..a74383f30 100644
--- a/frontend/layouts/basic.vue
+++ b/frontend/layouts/basic.vue
@@ -2,21 +2,22 @@
   <v-app dark>
     <TheSnackbar />
 
-    <AppHeader :menu="false"> </AppHeader>
+    <AppHeader :menu="false" />
     <v-main>
       <v-scroll-x-transition>
-        <Nuxt />
+        <div>
+          <NuxtPage />
+        </div>
       </v-scroll-x-transition>
     </v-main>
   </v-app>
 </template>
 
-
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
 import TheSnackbar from "~/components/Layout/LayoutParts/TheSnackbar.vue";
 import AppHeader from "@/components/Layout/LayoutParts/AppHeader.vue";
-export default defineComponent({
+
+export default defineNuxtComponent({
   components: { TheSnackbar, AppHeader },
 });
 </script>
diff --git a/frontend/layouts/blank.vue b/frontend/layouts/blank.vue
index d3f7c88a0..b7a760679 100644
--- a/frontend/layouts/blank.vue
+++ b/frontend/layouts/blank.vue
@@ -2,7 +2,10 @@
   <v-app dark>
     <TheSnackbar />
 
-    <v-banner v-if="isDemo" sticky>
+    <v-banner
+      v-if="isDemo"
+      sticky
+    >
       <div class="text-center">
         <b> {{ $t("demo.info_message_with_version", { version: version }) }} </b>
       </div>
@@ -10,24 +13,26 @@
 
     <v-main>
       <v-scroll-x-transition>
-        <Nuxt />
+        <div>
+          <NuxtPage />
+        </div>
       </v-scroll-x-transition>
     </v-main>
   </v-app>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useContext } from "@nuxtjs/composition-api";
 import TheSnackbar from "~/components/Layout/LayoutParts/TheSnackbar.vue";
 import { useAppInfo } from "~/composables/api";
-export default defineComponent({
+
+export default defineNuxtComponent({
   components: { TheSnackbar },
   setup() {
     const appInfo = useAppInfo();
 
     const isDemo = computed(() => appInfo?.value?.demoStatus || false);
 
-    const { i18n } = useContext();
+    const i18n = useI18n();
     const version = computed(() => appInfo?.value?.version || i18n.t("about.unknown-version"));
 
     return {
diff --git a/frontend/layouts/default.vue b/frontend/layouts/default.vue
index 6fe59cabe..582293c1e 100644
--- a/frontend/layouts/default.vue
+++ b/frontend/layouts/default.vue
@@ -1,13 +1,11 @@
-
 <template>
   <DefaultLayout />
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
 import DefaultLayout from "@/components/Layout/DefaultLayout.vue";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { DefaultLayout },
 });
 </script>
diff --git a/frontend/layouts/error.vue b/frontend/layouts/error.vue
index 3f32383d8..55c8a224e 100644
--- a/frontend/layouts/error.vue
+++ b/frontend/layouts/error.vue
@@ -1,37 +1,52 @@
 <template>
-  <v-app v-if="ready" dark>
+  <v-app v-if="ready"
+         dark
+  >
     <v-card-title>
       <slot>
-        <h1 class="mx-auto">{{ $t("page.404-page-not-found") }}</h1>
+        <h1 class="mx-auto">
+          {{ $t("page.404-page-not-found") }}
+        </h1>
       </slot>
     </v-card-title>
     <div class="d-flex justify-space-around">
       <div class="d-flex align-center">
-        <p class="primary--text">4</p>
-        <v-icon color="primary" class="mx-auto mb-0" size="200">
+        <p class="primary--text">
+          4
+        </p>
+        <v-icon color="primary"
+                class="mx-auto mb-0"
+                size="200"
+        >
           {{ $globals.icons.primary }}
         </v-icon>
-        <p class="primary--text">4</p>
+        <p class="primary--text">
+          4
+        </p>
       </div>
     </div>
     <v-card-actions>
-      <v-spacer></v-spacer>
+      <v-spacer />
       <slot name="actions">
-        <v-btn v-for="(button, index) in buttons" :key="index" nuxt :to="button.to" color="primary">
-          <v-icon left> {{ button.icon }} </v-icon>
+        <v-btn v-for="(button, index) in buttons"
+               :key="index"
+               nuxt
+               :to="button.to"
+               color="primary"
+        >
+          <v-icon start>
+            {{ button.icon }}
+          </v-icon>
           {{ button.text }}
         </v-btn>
       </slot>
-      <v-spacer></v-spacer>
+      <v-spacer />
     </v-card-actions>
   </v-app>
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, useContext, useMeta, useRoute, useRouter } from "@nuxtjs/composition-api";
-
-export default defineComponent({
-  layout: "basic",
+export default defineNuxtComponent({
   props: {
     error: {
       type: Object,
@@ -39,20 +54,26 @@ export default defineComponent({
     },
   },
   setup(props) {
-    const { $auth, $globals, i18n } = useContext();
+    definePageMeta({
+      layout: "basic",
+    });
+
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
+    const { $globals } = useNuxtApp();
     const ready = ref(false);
 
     const route = useRoute();
     const router = useRouter();
 
     async function insertGroupSlugIntoRoute() {
-      const groupSlug = ref($auth.user?.groupSlug);
+      const groupSlug = ref($auth.user.value?.groupSlug);
       if (!groupSlug.value) {
         return;
       }
 
       let replaceRoute = false;
-      let routeVal = route.value.fullPath || "/";
+      let routeVal = route.fullPath || "/";
       if (routeVal[0] !== "/") {
         routeVal = `/${routeVal}`;
       }
@@ -76,12 +97,13 @@ export default defineComponent({
     }
 
     async function handle404() {
-      const normalizedRoute = route.value.fullPath.replace(/\/$/, "");
+      const normalizedRoute = route.fullPath.replace(/\/$/, "");
       const newRoute = normalizedRoute.replace(/^\/group\/(mealplan|members|notifiers|webhooks)(\/.*)?$/, "/household/$1$2");
 
       if (newRoute !== normalizedRoute) {
         await router.replace(newRoute);
-      } else {
+      }
+      else {
         await insertGroupSlugIntoRoute();
       }
 
@@ -90,15 +112,16 @@ export default defineComponent({
 
     if (props.error.statusCode === 404) {
       handle404();
-    } else {
+    }
+    else {
       ready.value = true;
     }
 
-    useMeta({
+    useSeoMeta({
       title:
-        props.error.statusCode === 404
-          ? (i18n.t("page.404-not-found") as string)
-          : (i18n.t("page.an-error-occurred") as string),
+				props.error.statusCode === 404
+				  ? (i18n.t("page.404-not-found") as string)
+				  : (i18n.t("page.an-error-occurred") as string),
     });
 
     const buttons = [
@@ -110,8 +133,6 @@ export default defineComponent({
       ready,
     };
   },
-  // Needed for useMeta
-  head: {},
 });
 </script>
 
@@ -119,6 +140,7 @@ export default defineComponent({
 h1 {
   font-size: 20px;
 }
+
 p {
   padding-bottom: 0 !important;
   margin-bottom: 0 !important;
diff --git a/frontend/lib/api/admin/admin-about.ts b/frontend/lib/api/admin/admin-about.ts
index 83eb02a88..f15f71a53 100644
--- a/frontend/lib/api/admin/admin-about.ts
+++ b/frontend/lib/api/admin/admin-about.ts
@@ -1,5 +1,5 @@
 import { BaseAPI } from "../base/base-clients";
-import { AdminAboutInfo, CheckAppConfig } from "~/lib/api/types/admin";
+import type { AdminAboutInfo, CheckAppConfig } from "~/lib/api/types/admin";
 
 const prefix = "/api";
 
diff --git a/frontend/lib/api/admin/admin-analytics.ts b/frontend/lib/api/admin/admin-analytics.ts
index 7a8901d4a..26e0bddf6 100644
--- a/frontend/lib/api/admin/admin-analytics.ts
+++ b/frontend/lib/api/admin/admin-analytics.ts
@@ -1,5 +1,5 @@
 import { BaseAPI } from "../base/base-clients";
-import { MealieAnalytics } from "~/lib/api/types/analytics";
+import type { MealieAnalytics } from "~/lib/api/types/analytics";
 
 const prefix = "/api";
 
diff --git a/frontend/lib/api/admin/admin-backups.ts b/frontend/lib/api/admin/admin-backups.ts
index 936b08a55..0b3a8a87d 100644
--- a/frontend/lib/api/admin/admin-backups.ts
+++ b/frontend/lib/api/admin/admin-backups.ts
@@ -1,6 +1,6 @@
 import { BaseAPI } from "../base/base-clients";
-import { AllBackups } from "~/lib/api/types/admin";
-import { ErrorResponse, FileTokenResponse, SuccessResponse } from "~/lib/api/types/response";
+import type { AllBackups } from "~/lib/api/types/admin";
+import type { ErrorResponse, FileTokenResponse, SuccessResponse } from "~/lib/api/types/response";
 
 const prefix = "/api";
 
diff --git a/frontend/lib/api/admin/admin-debug.ts b/frontend/lib/api/admin/admin-debug.ts
index bfbc4cbc4..af6babfab 100644
--- a/frontend/lib/api/admin/admin-debug.ts
+++ b/frontend/lib/api/admin/admin-debug.ts
@@ -1,5 +1,5 @@
 import { BaseAPI } from "../base/base-clients";
-import { DebugResponse } from "~/lib/api/types/admin";
+import type { DebugResponse } from "~/lib/api/types/admin";
 
 const prefix = "/api";
 
diff --git a/frontend/lib/api/admin/admin-groups.ts b/frontend/lib/api/admin/admin-groups.ts
index fbe372faa..36a70cc19 100644
--- a/frontend/lib/api/admin/admin-groups.ts
+++ b/frontend/lib/api/admin/admin-groups.ts
@@ -1,6 +1,7 @@
 import { BaseCRUDAPI } from "../base/base-clients";
-import { GroupBase, GroupInDB } from "~/lib/api/types/user";
-import { GroupAdminUpdate } from "~/lib/api/types/group";
+import type { GroupBase, GroupInDB } from "~/lib/api/types/user";
+import type { GroupAdminUpdate } from "~/lib/api/types/group";
+
 const prefix = "/api";
 
 const routes = {
diff --git a/frontend/lib/api/admin/admin-households.ts b/frontend/lib/api/admin/admin-households.ts
index 1e49723b7..85aa2bce8 100644
--- a/frontend/lib/api/admin/admin-households.ts
+++ b/frontend/lib/api/admin/admin-households.ts
@@ -1,5 +1,6 @@
 import { BaseCRUDAPI } from "../base/base-clients";
-import { HouseholdCreate, HouseholdInDB, UpdateHouseholdAdmin } from "~/lib/api/types/household";
+import type { HouseholdCreate, HouseholdInDB, UpdateHouseholdAdmin } from "~/lib/api/types/household";
+
 const prefix = "/api";
 
 const routes = {
diff --git a/frontend/lib/api/admin/admin-maintenance.ts b/frontend/lib/api/admin/admin-maintenance.ts
index 51f4121be..eebc86d0b 100644
--- a/frontend/lib/api/admin/admin-maintenance.ts
+++ b/frontend/lib/api/admin/admin-maintenance.ts
@@ -1,6 +1,6 @@
 import { BaseAPI } from "../base/base-clients";
-import { SuccessResponse } from "~/lib/api/types/response";
-import { MaintenanceLogs, MaintenanceStorageDetails, MaintenanceSummary } from "~/lib/api/types/admin";
+import type { SuccessResponse } from "~/lib/api/types/response";
+import type { MaintenanceLogs, MaintenanceStorageDetails, MaintenanceSummary } from "~/lib/api/types/admin";
 
 const prefix = "/api";
 
diff --git a/frontend/lib/api/admin/admin-users.ts b/frontend/lib/api/admin/admin-users.ts
index 478d7c642..21af7e9e1 100644
--- a/frontend/lib/api/admin/admin-users.ts
+++ b/frontend/lib/api/admin/admin-users.ts
@@ -1,5 +1,5 @@
 import { BaseCRUDAPI } from "../base/base-clients";
-import { ForgotPassword, PasswordResetToken, UnlockResults, UserIn, UserOut } from "~/lib/api/types/user";
+import type { ForgotPassword, PasswordResetToken, UnlockResults, UserIn, UserOut } from "~/lib/api/types/user";
 
 const prefix = "/api";
 
diff --git a/frontend/lib/api/base/base-clients.ts b/frontend/lib/api/base/base-clients.ts
index d993216eb..636747e02 100644
--- a/frontend/lib/api/base/base-clients.ts
+++ b/frontend/lib/api/base/base-clients.ts
@@ -1,6 +1,6 @@
-import { Recipe } from "../types/recipe";
-import { ApiRequestInstance, PaginationData } from "~/lib/api/types/non-generated";
-import { QueryValue, route } from "~/lib/api/base/route";
+import type { Recipe } from "../types/recipe";
+import type { ApiRequestInstance, PaginationData } from "~/lib/api/types/non-generated";
+import { type QueryValue, route } from "~/lib/api/base/route";
 
 export interface CrudAPIInterface {
   requests: ApiRequestInstance;
@@ -23,8 +23,26 @@ export abstract class BaseAPI {
 export abstract class BaseCRUDAPIReadOnly<ReadType>
   extends BaseAPI
   implements CrudAPIInterface {
-  abstract baseRoute: (string);
-  abstract itemRoute(itemId: string | number): string;
+  public baseRoute: string;
+  public itemRouteFn: (itemId: string | number) => string;
+
+  constructor(
+    requests: ApiRequestInstance,
+    baseRoute: string,
+    itemRoute: (itemId: string | number) => string,
+  ) {
+    super(requests);
+    this.baseRoute = baseRoute;
+    this.itemRouteFn = itemRoute;
+  }
+
+  get baseRouteValue() {
+    return this.baseRoute;
+  }
+
+  itemRoute(itemId: string | number): string {
+    return this.itemRouteFn(itemId);
+  }
 
   async getAll(page = 1, perPage = -1, params = {} as Record<string, QueryValue>) {
     params = Object.fromEntries(Object.entries(params).filter(([_, v]) => v !== null && v !== undefined));
diff --git a/frontend/lib/api/base/route.ts b/frontend/lib/api/base/route.ts
index 302b6d697..1074efa06 100644
--- a/frontend/lib/api/base/route.ts
+++ b/frontend/lib/api/base/route.ts
@@ -27,7 +27,8 @@ export function route(rest: string, params: Record<string, QueryValue> | null =
         for (const item of value) {
           url.searchParams.append(key, String(item));
         }
-      } else {
+      }
+      else {
         url.searchParams.append(key, String(value));
       }
     }
diff --git a/frontend/lib/api/client-admin.ts b/frontend/lib/api/client-admin.ts
index 274630430..1352edba9 100644
--- a/frontend/lib/api/client-admin.ts
+++ b/frontend/lib/api/client-admin.ts
@@ -6,7 +6,7 @@ import { AdminBackupsApi } from "./admin/admin-backups";
 import { AdminMaintenanceApi } from "./admin/admin-maintenance";
 import { AdminAnalyticsApi } from "./admin/admin-analytics";
 import { AdminDebugAPI } from "./admin/admin-debug";
-import { ApiRequestInstance } from "~/lib/api/types/non-generated";
+import type { ApiRequestInstance } from "~/lib/api/types/non-generated";
 
 export class AdminAPI {
   public about: AdminAboutAPI;
diff --git a/frontend/lib/api/client-public.ts b/frontend/lib/api/client-public.ts
index 7745c3c54..14046f5ed 100644
--- a/frontend/lib/api/client-public.ts
+++ b/frontend/lib/api/client-public.ts
@@ -1,7 +1,7 @@
 import { ValidatorsApi } from "./public/validators";
 import { ExploreApi } from "./public/explore";
 import { SharedApi } from "./public/shared";
-import { ApiRequestInstance } from "~/lib/api/types/non-generated";
+import type { ApiRequestInstance } from "~/lib/api/types/non-generated";
 
 export class PublicApi {
   public validators: ValidatorsApi;
diff --git a/frontend/lib/api/client-user.ts b/frontend/lib/api/client-user.ts
index 444a17734..7d786f6f2 100644
--- a/frontend/lib/api/client-user.ts
+++ b/frontend/lib/api/client-user.ts
@@ -24,7 +24,7 @@ import { MultiPurposeLabelsApi } from "./user/group-multiple-purpose-labels";
 import { GroupEventNotifierApi } from "./user/group-event-notifier";
 import { MealPlanRulesApi } from "./user/group-mealplan-rules";
 import { GroupDataSeederApi } from "./user/group-seeder";
-import { ApiRequestInstance } from "~/lib/api/types/non-generated";
+import type { ApiRequestInstance } from "~/lib/api/types/non-generated";
 
 export class UserApiClient {
   public recipes: RecipeAPI;
diff --git a/frontend/lib/api/public/explore/cookbooks.ts b/frontend/lib/api/public/explore/cookbooks.ts
index 67e051630..ee7e6230c 100644
--- a/frontend/lib/api/public/explore/cookbooks.ts
+++ b/frontend/lib/api/public/explore/cookbooks.ts
@@ -11,10 +11,11 @@ const routes = {
 };
 
 export class PublicCookbooksApi extends BaseCRUDAPIReadOnly<RecipeCookBook> {
-    baseRoute = routes.cookbooksGroupSlug(this.groupSlug);
-    itemRoute = (itemId: string | number) => routes.cookbooksGroupSlugCookbookId(this.groupSlug, itemId);
-
-    constructor(requests: ApiRequestInstance, private readonly groupSlug: string) {
-        super(requests);
+    constructor(requests: ApiRequestInstance, groupSlug: string) {
+        super(
+            requests,
+            routes.cookbooksGroupSlug(groupSlug),
+            (itemId: string | number) => routes.cookbooksGroupSlugCookbookId(groupSlug, itemId)
+        );
     }
 }
diff --git a/frontend/lib/api/public/explore/foods.ts b/frontend/lib/api/public/explore/foods.ts
index 5367c449e..43a591e73 100644
--- a/frontend/lib/api/public/explore/foods.ts
+++ b/frontend/lib/api/public/explore/foods.ts
@@ -11,10 +11,11 @@ const routes = {
 };
 
 export class PublicFoodsApi extends BaseCRUDAPIReadOnly<IngredientFood> {
-    baseRoute = routes.foodsGroupSlug(this.groupSlug);
-    itemRoute = (itemId: string | number) => routes.foodsGroupSlugFoodId(this.groupSlug, itemId);
-
-    constructor(requests: ApiRequestInstance, private readonly groupSlug: string) {
-        super(requests);
+    constructor(requests: ApiRequestInstance, groupSlug: string) {
+        super(
+            requests,
+            routes.foodsGroupSlug(groupSlug),
+            (itemId: string | number) => routes.foodsGroupSlugFoodId(groupSlug, itemId)
+        );
     }
 }
diff --git a/frontend/lib/api/public/explore/households.ts b/frontend/lib/api/public/explore/households.ts
index 188d75053..8dc3f490d 100644
--- a/frontend/lib/api/public/explore/households.ts
+++ b/frontend/lib/api/public/explore/households.ts
@@ -11,10 +11,11 @@ const routes = {
 };
 
 export class PublicHouseholdApi extends BaseCRUDAPIReadOnly<HouseholdSummary> {
-  baseRoute = routes.householdsGroupSlug(this.groupSlug);
-  itemRoute = (itemId: string | number) => routes.householdsGroupSlugHouseholdSlug(this.groupSlug, itemId);
-
-  constructor(requests: ApiRequestInstance, private readonly groupSlug: string) {
-    super(requests);
+  constructor(requests: ApiRequestInstance, groupSlug: string) {
+    super(
+      requests,
+      routes.householdsGroupSlug(groupSlug),
+      (itemId: string | number) => routes.householdsGroupSlugHouseholdSlug(groupSlug, itemId)
+    );
   }
 }
diff --git a/frontend/lib/api/public/explore/organizers.ts b/frontend/lib/api/public/explore/organizers.ts
index 1a24866c6..8d1339ed7 100644
--- a/frontend/lib/api/public/explore/organizers.ts
+++ b/frontend/lib/api/public/explore/organizers.ts
@@ -15,28 +15,31 @@ const routes = {
 };
 
 export class PublicCategoriesApi extends BaseCRUDAPIReadOnly<RecipeCategory> {
-    baseRoute = routes.categoriesGroupSlug(this.groupSlug);
-    itemRoute = (itemId: string | number) => routes.categoriesGroupSlugCategoryId(this.groupSlug, itemId);
-
-    constructor(requests: ApiRequestInstance, private readonly groupSlug: string) {
-        super(requests);
+    constructor(requests: ApiRequestInstance, groupSlug: string) {
+        super(
+            requests,
+            routes.categoriesGroupSlug(groupSlug),
+            (itemId: string | number) => routes.categoriesGroupSlugCategoryId(groupSlug, itemId)
+        );
     }
 }
 
 export class PublicTagsApi extends BaseCRUDAPIReadOnly<RecipeTag> {
-    baseRoute = routes.tagsGroupSlug(this.groupSlug);
-    itemRoute = (itemId: string | number) => routes.tagsGroupSlugTagId(this.groupSlug, itemId);
-
-    constructor(requests: ApiRequestInstance, private readonly groupSlug: string) {
-        super(requests);
+    constructor(requests: ApiRequestInstance, groupSlug: string) {
+        super(
+            requests,
+            routes.tagsGroupSlug(groupSlug),
+            (itemId: string | number) => routes.tagsGroupSlugTagId(groupSlug, itemId)
+        );
     }
 }
 
 export class PublicToolsApi extends BaseCRUDAPIReadOnly<RecipeTool> {
-    baseRoute = routes.toolsGroupSlug(this.groupSlug);
-    itemRoute = (itemId: string | number) => routes.toolsGroupSlugToolId(this.groupSlug, itemId);
-
-    constructor(requests: ApiRequestInstance, private readonly groupSlug: string) {
-        super(requests);
+    constructor(requests: ApiRequestInstance, groupSlug: string) {
+        super(
+            requests,
+            routes.toolsGroupSlug(groupSlug),
+            (itemId: string | number) => routes.toolsGroupSlugToolId(groupSlug, itemId)
+        );
     }
 }
diff --git a/frontend/lib/api/public/explore/recipes.ts b/frontend/lib/api/public/explore/recipes.ts
index 978e4a6d6..cf9f8b3ba 100644
--- a/frontend/lib/api/public/explore/recipes.ts
+++ b/frontend/lib/api/public/explore/recipes.ts
@@ -13,11 +13,12 @@ const routes = {
 };
 
 export class PublicRecipeApi extends BaseCRUDAPIReadOnly<Recipe> {
-  baseRoute = routes.recipesGroupSlug(this.groupSlug);
-  itemRoute = (itemId: string | number) => routes.recipesGroupSlugRecipeSlug(this.groupSlug, itemId);
-
   constructor(requests: ApiRequestInstance, private readonly groupSlug: string) {
-    super(requests);
+    super(
+      requests,
+      routes.recipesGroupSlug(groupSlug),
+      (itemId: string | number) => routes.recipesGroupSlugRecipeSlug(groupSlug, itemId)
+    );
   }
 
   async search(rsq: RecipeSearchQuery) {
@@ -26,7 +27,7 @@ export class PublicRecipeApi extends BaseCRUDAPIReadOnly<Recipe> {
 
   async getSuggestions(q: RecipeSuggestionQuery, foods: string[] | null = null, tools: string[]| null = null) {
     return await this.requests.get<RecipeSuggestionResponse>(
-      route(`${this.baseRoute}/suggestions`, { ...q, foods, tools })
+      route(`${routes.recipesGroupSlug(this.groupSlug)}/suggestions`, { ...q, foods, tools })
     );
   }
 }
diff --git a/frontend/lib/api/types/admin.ts b/frontend/lib/api/types/admin.ts
index c330d1776..95b431bc9 100644
--- a/frontend/lib/api/types/admin.ts
+++ b/frontend/lib/api/types/admin.ts
@@ -1,5 +1,5 @@
 /* tslint:disable */
-/* eslint-disable */
+
 /**
 /* This file was automatically generated from pydantic models by running pydantic2ts.
 /* Do not modify it by hand - just update the pydantic models and then re-run the script
diff --git a/frontend/lib/api/types/analytics.ts b/frontend/lib/api/types/analytics.ts
index f0eb9d489..43cb23663 100644
--- a/frontend/lib/api/types/analytics.ts
+++ b/frontend/lib/api/types/analytics.ts
@@ -1,5 +1,5 @@
 /* tslint:disable */
-/* eslint-disable */
+
 /**
 /* This file was automatically generated from pydantic models by running pydantic2ts.
 /* Do not modify it by hand - just update the pydantic models and then re-run the script
diff --git a/frontend/lib/api/types/cookbook.ts b/frontend/lib/api/types/cookbook.ts
index 3a34d5983..2daf20aaa 100644
--- a/frontend/lib/api/types/cookbook.ts
+++ b/frontend/lib/api/types/cookbook.ts
@@ -1,5 +1,5 @@
 /* tslint:disable */
-/* eslint-disable */
+
 /**
 /* This file was automatically generated from pydantic models by running pydantic2ts.
 /* Do not modify it by hand - just update the pydantic models and then re-run the script
diff --git a/frontend/lib/api/types/events.ts b/frontend/lib/api/types/events.ts
index 205c3012c..4a41060b2 100644
--- a/frontend/lib/api/types/events.ts
+++ b/frontend/lib/api/types/events.ts
@@ -1,5 +1,5 @@
 /* tslint:disable */
-/* eslint-disable */
+
 /**
 /* This file was automatically generated from pydantic models by running pydantic2ts.
 /* Do not modify it by hand - just update the pydantic models and then re-run the script
diff --git a/frontend/lib/api/types/group.ts b/frontend/lib/api/types/group.ts
index bc2fbcf62..1f72c09c5 100644
--- a/frontend/lib/api/types/group.ts
+++ b/frontend/lib/api/types/group.ts
@@ -1,5 +1,5 @@
 /* tslint:disable */
-/* eslint-disable */
+
 /**
 /* This file was automatically generated from pydantic models by running pydantic2ts.
 /* Do not modify it by hand - just update the pydantic models and then re-run the script
diff --git a/frontend/lib/api/types/household.ts b/frontend/lib/api/types/household.ts
index 4291af758..3f635879c 100644
--- a/frontend/lib/api/types/household.ts
+++ b/frontend/lib/api/types/household.ts
@@ -1,5 +1,5 @@
 /* tslint:disable */
-/* eslint-disable */
+
 /**
 /* This file was automatically generated from pydantic models by running pydantic2ts.
 /* Do not modify it by hand - just update the pydantic models and then re-run the script
diff --git a/frontend/lib/api/types/labels.ts b/frontend/lib/api/types/labels.ts
index a8fc4c046..9d44342cc 100644
--- a/frontend/lib/api/types/labels.ts
+++ b/frontend/lib/api/types/labels.ts
@@ -1,5 +1,5 @@
 /* tslint:disable */
-/* eslint-disable */
+
 /**
 /* This file was automatically generated from pydantic models by running pydantic2ts.
 /* Do not modify it by hand - just update the pydantic models and then re-run the script
diff --git a/frontend/lib/api/types/meal-plan.ts b/frontend/lib/api/types/meal-plan.ts
index eede212c9..aa28e6349 100644
--- a/frontend/lib/api/types/meal-plan.ts
+++ b/frontend/lib/api/types/meal-plan.ts
@@ -1,10 +1,12 @@
 /* tslint:disable */
-/* eslint-disable */
+
 /**
 /* This file was automatically generated from pydantic models by running pydantic2ts.
 /* Do not modify it by hand - just update the pydantic models and then re-run the script
 */
 
+import type { HouseholdSummary } from "./household";
+
 export type PlanEntryType = "breakfast" | "lunch" | "dinner" | "side";
 export type PlanRulesDay = "monday" | "tuesday" | "wednesday" | "thursday" | "friday" | "saturday" | "sunday" | "unset";
 export type PlanRulesType = "breakfast" | "lunch" | "dinner" | "side" | "unset";
@@ -42,6 +44,9 @@ export interface PlanRulesOut {
   householdId: string;
   id: string;
   queryFilter?: QueryFilterJSON;
+  categories?: RecipeCategory[];
+  tags?: RecipeTag[];
+  households?: HouseholdSummary[];
 }
 export interface QueryFilterJSON {
   parts?: QueryFilterJSONPart[];
diff --git a/frontend/lib/api/types/non-generated.ts b/frontend/lib/api/types/non-generated.ts
index 79ebd9183..1a9797ccd 100644
--- a/frontend/lib/api/types/non-generated.ts
+++ b/frontend/lib/api/types/non-generated.ts
@@ -1,4 +1,4 @@
-import { AxiosResponse } from "axios";
+import type { AxiosResponse } from "axios";
 
 export type NoUndefinedField<T> = { [P in keyof T]-?: NoUndefinedField<NonNullable<T[P]>> };
 
diff --git a/frontend/lib/api/types/recipe.ts b/frontend/lib/api/types/recipe.ts
index a526e602e..e87f95bdf 100644
--- a/frontend/lib/api/types/recipe.ts
+++ b/frontend/lib/api/types/recipe.ts
@@ -226,7 +226,7 @@ export interface Recipe {
   groupId?: string;
   name?: string | null;
   slug?: string;
-  image?: unknown;
+  image?: string;
   recipeServings?: number;
   recipeYieldQuantity?: number;
   recipeYield?: string | null;
@@ -512,7 +512,7 @@ export interface ScrapeRecipeTest {
   url: string;
   useOpenAI?: boolean;
 }
-export interface SlugResponse {}
+export interface SlugResponse { }
 export interface TagIn {
   name: string;
 }
diff --git a/frontend/lib/api/types/reports.ts b/frontend/lib/api/types/reports.ts
index 2b763275e..e06788a0f 100644
--- a/frontend/lib/api/types/reports.ts
+++ b/frontend/lib/api/types/reports.ts
@@ -1,5 +1,5 @@
 /* tslint:disable */
-/* eslint-disable */
+
 /**
 /* This file was automatically generated from pydantic models by running pydantic2ts.
 /* Do not modify it by hand - just update the pydantic models and then re-run the script
diff --git a/frontend/lib/api/types/response.ts b/frontend/lib/api/types/response.ts
index dfa8a54f4..d77f44084 100644
--- a/frontend/lib/api/types/response.ts
+++ b/frontend/lib/api/types/response.ts
@@ -1,5 +1,5 @@
 /* tslint:disable */
-/* eslint-disable */
+
 /**
 /* This file was automatically generated from pydantic models by running pydantic2ts.
 /* Do not modify it by hand - just update the pydantic models and then re-run the script
diff --git a/frontend/lib/api/types/user.ts b/frontend/lib/api/types/user.ts
index a29586b3a..58ef25f6a 100644
--- a/frontend/lib/api/types/user.ts
+++ b/frontend/lib/api/types/user.ts
@@ -1,5 +1,5 @@
 /* tslint:disable */
-/* eslint-disable */
+
 /**
 /* This file was automatically generated from pydantic models by running pydantic2ts.
 /* Do not modify it by hand - just update the pydantic models and then re-run the script
@@ -197,6 +197,7 @@ export interface UserBase {
   canManage?: boolean;
   canManageHousehold?: boolean;
   canOrganize?: boolean;
+  advancedOptions?: boolean;
 }
 export interface UserIn {
   id?: string | null;
diff --git a/frontend/lib/api/user/backups.ts b/frontend/lib/api/user/backups.ts
index 774eb14c1..3781a280a 100644
--- a/frontend/lib/api/user/backups.ts
+++ b/frontend/lib/api/user/backups.ts
@@ -1,5 +1,5 @@
 import { BaseAPI } from "../base/base-clients";
-import { AllBackups, BackupOptions, CreateBackup } from "~/lib/api/types/admin";
+import type { AllBackups, BackupOptions, CreateBackup } from "~/lib/api/types/admin";
 
 const prefix = "/api";
 
diff --git a/frontend/lib/api/user/email.ts b/frontend/lib/api/user/email.ts
index 30b840b09..a7bbc1b48 100644
--- a/frontend/lib/api/user/email.ts
+++ b/frontend/lib/api/user/email.ts
@@ -1,7 +1,7 @@
 import { BaseAPI } from "../base/base-clients";
-import { EmailInitationResponse, EmailInvitation } from "~/lib/api/types/household";
-import { ForgotPassword } from "~/lib/api/types/user";
-import { EmailTest } from "~/lib/api/types/admin";
+import type { EmailInitationResponse, EmailInvitation } from "~/lib/api/types/household";
+import type { ForgotPassword } from "~/lib/api/types/user";
+import type { EmailTest } from "~/lib/api/types/admin";
 
 const routes = {
   base: "/api/admin/email",
diff --git a/frontend/lib/api/user/group-cookbooks.ts b/frontend/lib/api/user/group-cookbooks.ts
index 798b8cdd7..9d5631558 100644
--- a/frontend/lib/api/user/group-cookbooks.ts
+++ b/frontend/lib/api/user/group-cookbooks.ts
@@ -1,5 +1,5 @@
 import { BaseCRUDAPI } from "../base/base-clients";
-import { CreateCookBook, RecipeCookBook, UpdateCookBook } from "~/lib/api/types/cookbook";
+import type { CreateCookBook, RecipeCookBook, UpdateCookBook } from "~/lib/api/types/cookbook";
 
 const prefix = "/api";
 
diff --git a/frontend/lib/api/user/group-event-notifier.ts b/frontend/lib/api/user/group-event-notifier.ts
index 9f9f4d981..da51fd1d4 100644
--- a/frontend/lib/api/user/group-event-notifier.ts
+++ b/frontend/lib/api/user/group-event-notifier.ts
@@ -1,5 +1,5 @@
 import { BaseCRUDAPI } from "../base/base-clients";
-import { GroupEventNotifierCreate, GroupEventNotifierOut, GroupEventNotifierUpdate } from "~/lib/api/types/household";
+import type { GroupEventNotifierCreate, GroupEventNotifierOut, GroupEventNotifierUpdate } from "~/lib/api/types/household";
 
 const prefix = "/api";
 
diff --git a/frontend/lib/api/user/group-mealplan-rules.ts b/frontend/lib/api/user/group-mealplan-rules.ts
index 87679dd4c..d657c9d84 100644
--- a/frontend/lib/api/user/group-mealplan-rules.ts
+++ b/frontend/lib/api/user/group-mealplan-rules.ts
@@ -1,5 +1,5 @@
 import { BaseCRUDAPI } from "../base/base-clients";
-import { PlanRulesCreate, PlanRulesOut } from "~/lib/api/types/meal-plan";
+import type { PlanRulesCreate, PlanRulesOut } from "~/lib/api/types/meal-plan";
 
 const prefix = "/api";
 
diff --git a/frontend/lib/api/user/group-mealplan.ts b/frontend/lib/api/user/group-mealplan.ts
index fcc31f2e3..22d4d4d70 100644
--- a/frontend/lib/api/user/group-mealplan.ts
+++ b/frontend/lib/api/user/group-mealplan.ts
@@ -1,5 +1,5 @@
 import { BaseCRUDAPI } from "../base/base-clients";
-import { CreatePlanEntry, CreateRandomEntry, ReadPlanEntry, UpdatePlanEntry } from "~/lib/api/types/meal-plan";
+import type { CreatePlanEntry, CreateRandomEntry, ReadPlanEntry, UpdatePlanEntry } from "~/lib/api/types/meal-plan";
 
 const prefix = "/api";
 
diff --git a/frontend/lib/api/user/group-migrations.ts b/frontend/lib/api/user/group-migrations.ts
index ac6d8d91f..1083662ce 100644
--- a/frontend/lib/api/user/group-migrations.ts
+++ b/frontend/lib/api/user/group-migrations.ts
@@ -1,6 +1,6 @@
 import { BaseAPI } from "../base/base-clients";
-import { ReportSummary } from "~/lib/api/types/reports";
-import { SupportedMigrations } from "~/lib/api/types/group";
+import type { ReportSummary } from "~/lib/api/types/reports";
+import type { SupportedMigrations } from "~/lib/api/types/group";
 
 const prefix = "/api";
 export interface MigrationPayload {
diff --git a/frontend/lib/api/user/group-multiple-purpose-labels.ts b/frontend/lib/api/user/group-multiple-purpose-labels.ts
index 2761d0bd8..54cbf2520 100644
--- a/frontend/lib/api/user/group-multiple-purpose-labels.ts
+++ b/frontend/lib/api/user/group-multiple-purpose-labels.ts
@@ -1,5 +1,5 @@
 import { BaseCRUDAPI } from "../base/base-clients";
-import { MultiPurposeLabelCreate, MultiPurposeLabelOut, MultiPurposeLabelUpdate } from "~/lib/api/types/labels";
+import type { MultiPurposeLabelCreate, MultiPurposeLabelOut, MultiPurposeLabelUpdate } from "~/lib/api/types/labels";
 
 const prefix = "/api";
 
diff --git a/frontend/lib/api/user/group-recipe-actions.ts b/frontend/lib/api/user/group-recipe-actions.ts
index e2e0fe86e..2753b3465 100644
--- a/frontend/lib/api/user/group-recipe-actions.ts
+++ b/frontend/lib/api/user/group-recipe-actions.ts
@@ -1,19 +1,19 @@
 import { BaseCRUDAPI } from "../base/base-clients";
-import { CreateGroupRecipeAction, GroupRecipeActionOut } from "~/lib/api/types/household";
+import type { CreateGroupRecipeAction, GroupRecipeActionOut } from "~/lib/api/types/household";
 
 const prefix = "/api";
 
 const routes = {
-    groupRecipeActions: `${prefix}/households/recipe-actions`,
-    groupRecipeActionsId: (id: string | number) => `${prefix}/households/recipe-actions/${id}`,
-    groupRecipeActionsIdTriggerRecipeSlug: (id: string | number, recipeSlug: string) => `${prefix}/households/recipe-actions/${id}/trigger/${recipeSlug}`,
-  };
+  groupRecipeActions: `${prefix}/households/recipe-actions`,
+  groupRecipeActionsId: (id: string | number) => `${prefix}/households/recipe-actions/${id}`,
+  groupRecipeActionsIdTriggerRecipeSlug: (id: string | number, recipeSlug: string) => `${prefix}/households/recipe-actions/${id}/trigger/${recipeSlug}`,
+};
 
-  export class GroupRecipeActionsAPI extends BaseCRUDAPI<CreateGroupRecipeAction, GroupRecipeActionOut> {
-    baseRoute = routes.groupRecipeActions;
-    itemRoute = routes.groupRecipeActionsId;
+export class GroupRecipeActionsAPI extends BaseCRUDAPI<CreateGroupRecipeAction, GroupRecipeActionOut> {
+  baseRoute = routes.groupRecipeActions;
+  itemRoute = routes.groupRecipeActionsId;
 
-    async triggerAction(id: string | number, recipeSlug: string, scaledAmount: number) {
-      return await this.requests.post(routes.groupRecipeActionsIdTriggerRecipeSlug(id, recipeSlug), {scaledAmount});
-    }
+  async triggerAction(id: string | number, recipeSlug: string, scaledAmount: number) {
+    return await this.requests.post(routes.groupRecipeActionsIdTriggerRecipeSlug(id, recipeSlug), { scaledAmount });
   }
+}
diff --git a/frontend/lib/api/user/group-reports.ts b/frontend/lib/api/user/group-reports.ts
index 6b0cac7fa..b4d5adce4 100644
--- a/frontend/lib/api/user/group-reports.ts
+++ b/frontend/lib/api/user/group-reports.ts
@@ -1,5 +1,5 @@
 import { BaseAPI } from "../base/base-clients";
-import { ReportCategory, ReportOut, ReportSummary } from "~/lib/api/types/reports";
+import type { ReportCategory, ReportOut, ReportSummary } from "~/lib/api/types/reports";
 
 const prefix = "/api";
 
diff --git a/frontend/lib/api/user/group-seeder.ts b/frontend/lib/api/user/group-seeder.ts
index b9fc5b6be..b7595a4a7 100644
--- a/frontend/lib/api/user/group-seeder.ts
+++ b/frontend/lib/api/user/group-seeder.ts
@@ -1,6 +1,6 @@
 import { BaseAPI } from "../base/base-clients";
-import { SuccessResponse } from "~/lib/api/types/response";
-import { SeederConfig } from "~/lib/api/types/group";
+import type { SuccessResponse } from "~/lib/api/types/response";
+import type { SeederConfig } from "~/lib/api/types/group";
 
 const prefix = "/api";
 
diff --git a/frontend/lib/api/user/group-shopping-lists.ts b/frontend/lib/api/user/group-shopping-lists.ts
index 1eccb05f7..d5f74d291 100644
--- a/frontend/lib/api/user/group-shopping-lists.ts
+++ b/frontend/lib/api/user/group-shopping-lists.ts
@@ -1,6 +1,6 @@
 import { BaseCRUDAPI } from "../base/base-clients";
-import { ApiRequestInstance } from "~/lib/api/types/non-generated";
-import {
+import type { ApiRequestInstance } from "~/lib/api/types/non-generated";
+import type {
   ShoppingListAddRecipeParamsBulk,
   ShoppingListCreate,
   ShoppingListItemCreate,
diff --git a/frontend/lib/api/user/group-webhooks.ts b/frontend/lib/api/user/group-webhooks.ts
index 8ced73f16..395818c5f 100644
--- a/frontend/lib/api/user/group-webhooks.ts
+++ b/frontend/lib/api/user/group-webhooks.ts
@@ -1,5 +1,5 @@
 import { BaseCRUDAPI } from "../base/base-clients";
-import { CreateWebhook, ReadWebhook } from "~/lib/api/types/household";
+import type { CreateWebhook, ReadWebhook } from "~/lib/api/types/household";
 
 const prefix = "/api";
 
diff --git a/frontend/lib/api/user/groups.ts b/frontend/lib/api/user/groups.ts
index 9e379c9cd..bd3611d9c 100644
--- a/frontend/lib/api/user/groups.ts
+++ b/frontend/lib/api/user/groups.ts
@@ -1,8 +1,8 @@
 import { BaseCRUDAPI } from "../base/base-clients";
-import { PaginationData } from "../types/non-generated";
-import { QueryValue } from "../base/route";
-import { GroupBase, GroupInDB, GroupSummary, UserSummary } from "~/lib/api/types/user";
-import {
+import type { PaginationData } from "../types/non-generated";
+import type { QueryValue } from "../base/route";
+import type { GroupBase, GroupInDB, GroupSummary, UserSummary } from "~/lib/api/types/user";
+import type {
   GroupAdminUpdate,
   GroupStorage,
   ReadGroupPreferences,
diff --git a/frontend/lib/api/user/households.ts b/frontend/lib/api/user/households.ts
index 9995059dd..363af940d 100644
--- a/frontend/lib/api/user/households.ts
+++ b/frontend/lib/api/user/households.ts
@@ -1,8 +1,8 @@
 import { BaseCRUDAPIReadOnly } from "../base/base-clients";
-import { PaginationData } from "../types/non-generated";
-import { QueryValue } from "../base/route";
-import { UserOut } from "~/lib/api/types/user";
-import {
+import type { PaginationData } from "../types/non-generated";
+import type { QueryValue } from "../base/route";
+import type { UserOut } from "~/lib/api/types/user";
+import type {
   HouseholdInDB,
   HouseholdStatistics,
   ReadHouseholdPreferences,
@@ -27,7 +27,7 @@ const routes = {
   invitation: `${prefix}/households/invitations`,
 
   householdsId: (id: string | number) => `${prefix}/groups/households/${id}`,
-  householdsSelfRecipesSlug: (recipeSlug: string) =>  `${prefix}/households/self/recipes/${recipeSlug}`,
+  householdsSelfRecipesSlug: (recipeSlug: string) => `${prefix}/households/self/recipes/${recipeSlug}`,
 };
 
 export class HouseholdAPI extends BaseCRUDAPIReadOnly<HouseholdSummary> {
diff --git a/frontend/lib/api/user/organizer-categories.ts b/frontend/lib/api/user/organizer-categories.ts
index 758952f78..c8249c380 100644
--- a/frontend/lib/api/user/organizer-categories.ts
+++ b/frontend/lib/api/user/organizer-categories.ts
@@ -1,6 +1,6 @@
 import { BaseCRUDAPI } from "../base/base-clients";
 import { config } from "../config";
-import { CategoryIn, RecipeCategoryResponse } from "~/lib/api/types/recipe";
+import type { CategoryIn, RecipeCategoryResponse } from "~/lib/api/types/recipe";
 
 const prefix = config.PREFIX + "/organizers";
 
diff --git a/frontend/lib/api/user/organizer-tags.ts b/frontend/lib/api/user/organizer-tags.ts
index eb6ef9ad4..0d6685cee 100644
--- a/frontend/lib/api/user/organizer-tags.ts
+++ b/frontend/lib/api/user/organizer-tags.ts
@@ -1,6 +1,6 @@
 import { BaseCRUDAPI } from "../base/base-clients";
 import { config } from "../config";
-import { RecipeTagResponse, TagIn } from "~/lib/api/types/recipe";
+import type { RecipeTagResponse, TagIn } from "~/lib/api/types/recipe";
 
 const prefix = config.PREFIX + "/organizers";
 
diff --git a/frontend/lib/api/user/organizer-tools.ts b/frontend/lib/api/user/organizer-tools.ts
index c3830984d..37a5f22e3 100644
--- a/frontend/lib/api/user/organizer-tools.ts
+++ b/frontend/lib/api/user/organizer-tools.ts
@@ -1,6 +1,6 @@
 import { BaseCRUDAPI } from "../base/base-clients";
 import { config } from "../config";
-import { RecipeTool, RecipeToolCreate, RecipeToolResponse } from "~/lib/api/types/recipe";
+import type { RecipeTool, RecipeToolCreate, RecipeToolResponse } from "~/lib/api/types/recipe";
 
 const prefix = config.PREFIX + "/organizers";
 
diff --git a/frontend/lib/api/user/recipe-bulk-actions.ts b/frontend/lib/api/user/recipe-bulk-actions.ts
index 1f95d439e..a1f234e69 100644
--- a/frontend/lib/api/user/recipe-bulk-actions.ts
+++ b/frontend/lib/api/user/recipe-bulk-actions.ts
@@ -1,10 +1,10 @@
 import { BaseAPI } from "../base/base-clients";
-import { AssignCategories, AssignSettings, AssignTags, DeleteRecipes, ExportRecipes } from "~/lib/api/types/recipe";
-import { GroupDataExport } from "~/lib/api/types/group";
+import type { AssignCategories, AssignSettings, AssignTags, DeleteRecipes, ExportRecipes } from "~/lib/api/types/recipe";
+import type { GroupDataExport } from "~/lib/api/types/group";
 
 // Many bulk actions return nothing
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-interface BulkActionResponse {}
+
+type BulkActionResponse = object;
 
 const prefix = "/api";
 
diff --git a/frontend/lib/api/user/recipe-foods.ts b/frontend/lib/api/user/recipe-foods.ts
index ec3f26080..3ec604729 100644
--- a/frontend/lib/api/user/recipe-foods.ts
+++ b/frontend/lib/api/user/recipe-foods.ts
@@ -1,5 +1,5 @@
 import { BaseCRUDAPI } from "../base/base-clients";
-import { CreateIngredientFood, IngredientFood } from "~/lib/api/types/recipe";
+import type { CreateIngredientFood, IngredientFood } from "~/lib/api/types/recipe";
 
 const prefix = "/api";
 
@@ -14,7 +14,6 @@ export class FoodAPI extends BaseCRUDAPI<CreateIngredientFood, IngredientFood> {
   itemRoute = routes.foodsFood;
 
   merge(fromId: string, toId: string) {
-    // @ts-ignore TODO: fix this
     return this.requests.put<IngredientFood>(routes.merge, { fromFood: fromId, toFood: toId });
   }
 }
diff --git a/frontend/lib/api/user/recipe-units.ts b/frontend/lib/api/user/recipe-units.ts
index be8228a4c..13b7b02c2 100644
--- a/frontend/lib/api/user/recipe-units.ts
+++ b/frontend/lib/api/user/recipe-units.ts
@@ -1,5 +1,5 @@
 import { BaseCRUDAPI } from "../base/base-clients";
-import { CreateIngredientUnit, IngredientUnit } from "~/lib/api/types/recipe";
+import type { CreateIngredientUnit, IngredientUnit } from "~/lib/api/types/recipe";
 
 const prefix = "/api";
 
@@ -14,7 +14,6 @@ export class UnitAPI extends BaseCRUDAPI<CreateIngredientUnit, IngredientUnit> {
   itemRoute = routes.unitsUnit;
 
   merge(fromId: string, toId: string) {
-    // @ts-ignore TODO: fix this
     return this.requests.put<IngredientUnit>(routes.merge, { fromUnit: fromId, toUnit: toId });
   }
 }
diff --git a/frontend/lib/api/user/recipes/recipe-comments.ts b/frontend/lib/api/user/recipes/recipe-comments.ts
index 6d9122dcb..73a3b85b2 100644
--- a/frontend/lib/api/user/recipes/recipe-comments.ts
+++ b/frontend/lib/api/user/recipes/recipe-comments.ts
@@ -1,5 +1,5 @@
 import { BaseCRUDAPI } from "../../base/base-clients";
-import { RecipeCommentCreate, RecipeCommentOut, RecipeCommentUpdate } from "~/lib/api/types/recipe";
+import type { RecipeCommentCreate, RecipeCommentOut, RecipeCommentUpdate } from "~/lib/api/types/recipe";
 
 const prefix = "/api";
 
diff --git a/frontend/lib/api/user/recipes/recipe-share.ts b/frontend/lib/api/user/recipes/recipe-share.ts
index 437078a54..306d378f6 100644
--- a/frontend/lib/api/user/recipes/recipe-share.ts
+++ b/frontend/lib/api/user/recipes/recipe-share.ts
@@ -1,5 +1,5 @@
 import { BaseCRUDAPI } from "../../base/base-clients";
-import { RecipeShareToken, RecipeShareTokenCreate } from "~/lib/api/types/recipe";
+import type { RecipeShareToken, RecipeShareTokenCreate } from "~/lib/api/types/recipe";
 
 const prefix = "/api";
 
diff --git a/frontend/lib/api/user/recipes/recipe.ts b/frontend/lib/api/user/recipes/recipe.ts
index b022efaac..72bb2e924 100644
--- a/frontend/lib/api/user/recipes/recipe.ts
+++ b/frontend/lib/api/user/recipes/recipe.ts
@@ -2,7 +2,7 @@ import { BaseCRUDAPI } from "../../base/base-clients";
 import { route } from "../../base";
 import { CommentsApi } from "./recipe-comments";
 import { RecipeShareApi } from "./recipe-share";
-import {
+import type {
   Recipe,
   CreateRecipe,
   RecipeAsset,
@@ -17,7 +17,7 @@ import {
   RecipeTimelineEventOut,
   RecipeTimelineEventUpdate,
 } from "~/lib/api/types/recipe";
-import { ApiRequestInstance, PaginationData } from "~/lib/api/types/non-generated";
+import type { ApiRequestInstance, PaginationData } from "~/lib/api/types/non-generated";
 
 export type Parser = "nlp" | "brute" | "openai";
 
@@ -113,9 +113,9 @@ export class RecipeAPI extends BaseCRUDAPI<CreateRecipe, Recipe, Recipe> {
     });
   }
 
-  async getSuggestions(q: RecipeSuggestionQuery, foods: string[] | null = null, tools: string[]| null = null) {
+  async getSuggestions(q: RecipeSuggestionQuery, foods: string[] | null = null, tools: string[] | null = null) {
     return await this.requests.get<RecipeSuggestionResponse>(
-      route(routes.recipesSuggestions, { ...q, foods, tools })
+      route(routes.recipesSuggestions, { ...q, foods, tools }),
     );
   }
 
@@ -162,9 +162,9 @@ export class RecipeAPI extends BaseCRUDAPI<CreateRecipe, Recipe, Recipe> {
     formData.append("images", fileObject);
     formData.append("extension", fileName.split(".").pop() ?? "");
 
-    let apiRoute = routes.recipesCreateFromImage
+    let apiRoute = routes.recipesCreateFromImage;
     if (translateLanguage) {
-      apiRoute = `${apiRoute}?translateLanguage=${translateLanguage}`
+      apiRoute = `${apiRoute}?translateLanguage=${translateLanguage}`;
     }
 
     return await this.requests.post<string>(apiRoute, formData);
@@ -197,7 +197,7 @@ export class RecipeAPI extends BaseCRUDAPI<CreateRecipe, Recipe, Recipe> {
   }
 
   async updateLastMade(recipeSlug: string, timestamp: string) {
-    return await this.requests.patch<Recipe, RecipeLastMade>(routes.recipesSlugLastMade(recipeSlug), { timestamp })
+    return await this.requests.patch<Recipe, RecipeLastMade>(routes.recipesSlugLastMade(recipeSlug), { timestamp });
   }
 
   async createTimelineEvent(payload: RecipeTimelineEventIn) {
@@ -207,7 +207,7 @@ export class RecipeAPI extends BaseCRUDAPI<CreateRecipe, Recipe, Recipe> {
   async updateTimelineEvent(eventId: string, payload: RecipeTimelineEventUpdate) {
     return await this.requests.put<RecipeTimelineEventOut, RecipeTimelineEventUpdate>(
       routes.recipesTimelineEventId(eventId),
-      payload
+      payload,
     );
   }
 
@@ -220,7 +220,7 @@ export class RecipeAPI extends BaseCRUDAPI<CreateRecipe, Recipe, Recipe> {
       routes.recipesTimelineEvent,
       {
         params: { page, perPage, ...params },
-      }
+      },
     );
   }
 
diff --git a/frontend/lib/api/user/upload.ts b/frontend/lib/api/user/upload.ts
index d5e873028..8f742b51e 100644
--- a/frontend/lib/api/user/upload.ts
+++ b/frontend/lib/api/user/upload.ts
@@ -2,6 +2,8 @@ import { BaseAPI } from "../base/base-clients";
 
 export class UploadFile extends BaseAPI {
   file(url: string, fileObject: any) {
-    return this.requests.post<string>(url, fileObject);
+    const { $axios } = useNuxtApp();
+    return $axios.post<string>(url, fileObject, { headers: { "Content-Type": "multipart/form-data" } });
+    // return this.requests.post<string>(url, fileObject);
   }
 }
diff --git a/frontend/lib/api/user/user-registration.ts b/frontend/lib/api/user/user-registration.ts
index e1921d4cf..2eebcc288 100644
--- a/frontend/lib/api/user/user-registration.ts
+++ b/frontend/lib/api/user/user-registration.ts
@@ -1,5 +1,5 @@
 import { BaseAPI } from "../base/base-clients";
-import { CreateUserRegistration } from "~/lib/api/types/user";
+import type { CreateUserRegistration } from "~/lib/api/types/user";
 
 const prefix = "/api";
 
diff --git a/frontend/lib/api/user/users.ts b/frontend/lib/api/user/users.ts
index a5fc8519a..c1dbfed2f 100644
--- a/frontend/lib/api/user/users.ts
+++ b/frontend/lib/api/user/users.ts
@@ -1,5 +1,5 @@
 import { BaseCRUDAPI } from "../base/base-clients";
-import {
+import type {
   ChangePassword,
   DeleteTokenResponse,
   LongLiveTokenIn,
diff --git a/frontend/lib/api/user/utils.ts b/frontend/lib/api/user/utils.ts
index cca69ecf3..7837f5816 100644
--- a/frontend/lib/api/user/utils.ts
+++ b/frontend/lib/api/user/utils.ts
@@ -1,5 +1,5 @@
 import { BaseAPI } from "../base/base-clients";
-import { FileTokenResponse } from "~/lib/api/types/response";
+import type { FileTokenResponse } from "~/lib/api/types/response";
 
 const prefix = "/api";
 
diff --git a/frontend/lib/icons/icon-type.ts b/frontend/lib/icons/icon-type.ts
index c85214f53..b9ec07c7e 100644
--- a/frontend/lib/icons/icon-type.ts
+++ b/frontend/lib/icons/icon-type.ts
@@ -1,3 +1,3 @@
-import { icons } from "./icons";
+import type { icons } from "./icons";
 
 export type Icon = typeof icons;
diff --git a/frontend/lib/icons/icons.ts b/frontend/lib/icons/icons.ts
index cb72d19ed..bbfea6b07 100644
--- a/frontend/lib/icons/icons.ts
+++ b/frontend/lib/icons/icons.ts
@@ -66,6 +66,7 @@ import {
   mdiAlert,
   mdiCheckboxMarkedCircle,
   mdiInformation,
+  mdiInformationOutline,
   mdiInformationVariant,
   mdiBellAlert,
   mdiRefreshCircle,
@@ -105,6 +106,7 @@ import {
   mdiCalendarWeekBegin,
   mdiOpenInNew,
   mdiCheck,
+  mdiCheckBold,
   mdiBroom,
   mdiCartCheck,
   mdiArrowLeftBold,
@@ -147,7 +149,7 @@ import {
   mdiSilverwareForkKnife,
   mdiCodeTags,
   mdiKnife,
-  mdiCookie
+  mdiCookie,
 } from "@mdi/js";
 
 export const icons = {
@@ -181,6 +183,7 @@ export const icons = {
   calendarWeekBegin: mdiCalendarWeekBegin,
   cartCheck: mdiCartCheck,
   check: mdiCheck,
+  checkBold: mdiCheckBold,
   checkboxBlankOutline: mdiCheckboxBlankOutline,
   checkboxOutline: mdiCheckboxOutline,
   checkboxMarkedCircle: mdiCheckboxMarkedCircle,
@@ -228,6 +231,7 @@ export const icons = {
   household: mdiHomeAccount,
   import: mdiImport,
   information: mdiInformation,
+  informationOutline: mdiInformationOutline,
   informationVariant: mdiInformationVariant,
   link: mdiLink,
   lock: mdiLock,
diff --git a/frontend/lib/validators/inputs.test.ts b/frontend/lib/validators/inputs.test.ts
index 7bb0f3515..6b8ff2119 100644
--- a/frontend/lib/validators/inputs.test.ts
+++ b/frontend/lib/validators/inputs.test.ts
@@ -1,5 +1,6 @@
 import { expect, test } from "vitest";
 import { required, email, whitespace, url, minLength, maxLength } from "./inputs";
+
 export { scorePassword } from "./password";
 
 test("validator required", () => {
diff --git a/frontend/lib/validators/inputs.ts b/frontend/lib/validators/inputs.ts
index 44bdfd402..96a03866c 100644
--- a/frontend/lib/validators/inputs.ts
+++ b/frontend/lib/validators/inputs.ts
@@ -1,5 +1,5 @@
-const EMAIL_REGEX =
-  /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@(([[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+const EMAIL_REGEX
+  = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@(([[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
 
 const URL_REGEX = /[-a-zA-Z0-9@:%._+~#=]{1,256}.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
 
diff --git a/frontend/middleware/admin-only.ts b/frontend/middleware/admin-only.ts
index b55f603d5..2b05f5114 100644
--- a/frontend/middleware/admin-only.ts
+++ b/frontend/middleware/admin-only.ts
@@ -1,10 +1,7 @@
-interface AdminRedirectParams {
-    $auth: any
-    redirect: (path: string) => void
-}
-export default function ({ $auth, redirect }: AdminRedirectParams) {
-    // If the user is not an admin redirect to the home page
-    if (!$auth.user.admin) {
-        return redirect("/")
-    }
-}
+export default defineNuxtRouteMiddleware(() => {
+  const { user } = useMealieAuth();
+  // If the user is not an admin redirect to the home page
+  if (!user.value?.admin) {
+    navigateTo("/");
+  }
+});
diff --git a/frontend/middleware/advanced-only.ts b/frontend/middleware/advanced-only.ts
index 378e3044b..12b02d44b 100644
--- a/frontend/middleware/advanced-only.ts
+++ b/frontend/middleware/advanced-only.ts
@@ -1,11 +1,8 @@
-interface AdvancedOnlyRedirectParams {
-    $auth: any
-    redirect: (path: string) => void
-}
-export default function ({ $auth, redirect }: AdvancedOnlyRedirectParams) {
-    // If the user is not allowed to access advanced features redirect to the home page
-    if (!$auth.user.advanced) {
-        console.warn("User is not allowed to access advanced features");
-        return redirect("/")
-    }
-}
+export default defineNuxtRouteMiddleware(() => {
+  const { user } = useMealieAuth();
+  // If the user is not allowed to access advanced features redirect to the home page
+  if (!user.value?.advanced) {
+    console.warn("User is not allowed to access advanced features");
+    navigateTo("/");
+  }
+});
diff --git a/frontend/middleware/can-manage-household-only.ts b/frontend/middleware/can-manage-household-only.ts
index 0e4509e9e..2bde9c674 100644
--- a/frontend/middleware/can-manage-household-only.ts
+++ b/frontend/middleware/can-manage-household-only.ts
@@ -1,11 +1,7 @@
-interface CanManageRedirectParams {
-  $auth: any
-  redirect: (path: string) => void
-}
-export default function ({ $auth, redirect }: CanManageRedirectParams) {
+const { user } = useMealieAuth();
+export default defineNuxtRouteMiddleware(() => {
   // If the user is not allowed to manage group settings redirect to the home page
-  if (!$auth.user?.canManageHousehold) {
-    console.warn("User is not allowed to manage household settings");
-    return redirect("/");
+  if (!user.value?.canManageHousehold) {
+    navigateTo("/");
   }
-}
+});
diff --git a/frontend/middleware/can-manage-only.ts b/frontend/middleware/can-manage-only.ts
index 9c09819ca..4b5cd48b0 100644
--- a/frontend/middleware/can-manage-only.ts
+++ b/frontend/middleware/can-manage-only.ts
@@ -1,12 +1,8 @@
-interface CanManageRedirectParams {
-  $auth: any
-  redirect: (path: string) => void
-}
-export default function ({ $auth, redirect }: CanManageRedirectParams) {
+export default defineNuxtRouteMiddleware(() => {
+  const { user } = useMealieAuth();
   // If the user is not allowed to manage group settings redirect to the home page
-  console.log($auth.user)
-  if (!$auth.user.canManage) {
+  if (!user.value?.canManage) {
     console.warn("User is not allowed to manage group settings");
-    return redirect("/")
+    navigateTo("/");
   }
-}
+});
diff --git a/frontend/middleware/can-organize-only.ts b/frontend/middleware/can-organize-only.ts
index 93d6c5c5a..0127a67d7 100644
--- a/frontend/middleware/can-organize-only.ts
+++ b/frontend/middleware/can-organize-only.ts
@@ -1,11 +1,8 @@
-interface CanOrganizeRedirectParams {
-    $auth: any
-    redirect: (path: string) => void
-}
-export default function ({ $auth, redirect }: CanOrganizeRedirectParams) {
-    // If the user is not allowed to organize redirect to the home page
-    if (!$auth.user.canOrganize) {
-        console.warn("User is not allowed to organize data");
-        return redirect("/")
-    }
-}
+export default defineNuxtRouteMiddleware(() => {
+  const { user } = useMealieAuth();
+  // If the user is not allowed to organize data redirect to the home page
+  if (!user.value?.canOrganize) {
+    console.warn("User is not allowed to organize data");
+    navigateTo("/");
+  }
+});
diff --git a/frontend/middleware/group-only.ts b/frontend/middleware/group-only.ts
index 84f28f127..efd457c4b 100644
--- a/frontend/middleware/group-only.ts
+++ b/frontend/middleware/group-only.ts
@@ -1,12 +1,7 @@
-interface GroupOnlyRedirectParams {
-  $auth: any
-  route: any
-  redirect: (path: string) => void
-}
-
-export default function ({ $auth, route, redirect }: GroupOnlyRedirectParams) {
+export default defineNuxtRouteMiddleware((to) => {
+  const { user } = useMealieAuth();
   // this can only be used for routes that have a groupSlug parameter (e.g. /g/:groupSlug/...)
-  if (route.params.groupSlug !== $auth.user.groupSlug) {
-    redirect("/")
+  if (to.params.groupSlug !== user.value?.groupSlug) {
+    navigateTo("/");
   }
-}
+});
diff --git a/frontend/nuxt.config.js b/frontend/nuxt.config.js
deleted file mode 100644
index 5ac923a44..000000000
--- a/frontend/nuxt.config.js
+++ /dev/null
@@ -1,538 +0,0 @@
-export default {
-  // Global page headers: https://go.nuxtjs.dev/config-head
-  target: "static",
-  head: {
-    title: "Mealie",
-    meta: [
-      { hid: "og:type", property: "og:type", content: "website" },
-      { hid: "og:title", property: "og:title", content: "Mealie" },
-      { hid: "og:site_name", property: "og:site_name", content: "Mealie" },
-      {
-        hid: "og:description",
-        property: "og:description",
-        content: "Mealie is a recipe management app for your kitchen.",
-      },
-      {
-        hid: "og:image",
-        property: "og:image",
-        content:
-          "https://raw.githubusercontent.com/mealie-recipes/mealie/9571816ac4eed5beacfc0abf6c03eff1427fd0eb/frontend/static/icons/android-chrome-512x512.png",
-      },
-      { charset: "utf-8" },
-      { name: "viewport", content: "width=device-width, initial-scale=1" },
-      {
-        hid: "description",
-        name: "description",
-        content: "Mealie is a recipe management app for your kitchen.",
-      },
-    ],
-    link: [
-      { hid: "favicon", rel: "icon", type: "image/x-icon", href: "/favicon.ico", "data-n-head": "ssr" },
-      { hid: "shortcut icon", rel: "shortcut icon", type: "image/png", href: "/icons/icon-x64.png", "data-n-head": "ssr" },
-      { hid: "apple-touch-icon", rel: "apple-touch-icon", type: "image/png", href: "/icons/apple-touch-icon.png", "data-n-head": "ssr" },
-      { hid: "mask-icon", rel: "mask-icon", href: "/icons/safari-pinned-tab.svg", "data-n-head": "ssr" }
-    ],
-  },
-
-  env: {
-    GLOBAL_MIDDLEWARE: process.env.GLOBAL_MIDDLEWARE || null,
-  },
-
-  router: {
-    base: process.env.SUB_PATH || "",
-  },
-
-  layoutTransition: {
-    name: "layout",
-    mode: "out-in",
-  },
-
-  // Global CSS: https://go.nuxtjs.dev/config-css
-  css: [{ src: "~/assets/css/main.css" }, { src: "~/assets/css/main.css" }, { src: "~/assets/style-overrides.scss" }],
-
-  // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
-  plugins: ["~/plugins/globals.ts", "~/plugins/theme.ts", "~/plugins/toast.client.ts", "~/plugins/dark-mode.client.ts"],
-
-  // Auto import components: https://go.nuxtjs.dev/config-components
-  components: true,
-
-  // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
-  buildModules: [
-    // https://go.nuxtjs.dev/typescript
-    [
-      "@nuxt/typescript-build",
-      // Fix slow builds
-      // https://github.com/nuxt/nuxt.js/issues/8310#issuecomment-734984360
-      {
-        typeCheck: {
-          typescript: {
-            enabled: true,
-            mode: "write-tsbuildinfo",
-          },
-        },
-      },
-    ],
-    // https://go.nuxtjs.dev/vuetify
-    "@nuxtjs/vuetify",
-    // https://composition-api.nuxtjs.org/getting-started/setup
-    "@nuxtjs/composition-api/module",
-    // https://vite.nuxtjs.org/getting-started/installation
-    "nuxt-vite",
-    // https://google-fonts.nuxtjs.org/setup
-    "@nuxtjs/google-fonts",
-  ],
-
-  // Modules: https://go.nuxtjs.dev/config-modules
-  modules: [
-    // https://go.nuxtjs.dev/axios
-    "@nuxtjs/axios",
-    // https://go.nuxtjs.dev/pwa
-    ...(process.env.NODE_ENV === "production" ? ["@nuxtjs/pwa"] : []),
-    // https://i18n.nuxtjs.org/setup
-    "@nuxtjs/i18n",
-    // https://auth.nuxtjs.org/guide/setup
-    "@nuxtjs/auth-next",
-    // https://github.com/nuxt-community/proxy-module
-    [
-      "@nuxtjs/proxy",
-      {
-        logProvider: () => {
-          const provider = {
-            log: console.log,
-            debug: console.log,
-            info: console.info,
-            warn: console.warn,
-            error: console.error,
-          };
-
-          return provider;
-        },
-        logLevel: "debug",
-      },
-    ],
-  ],
-
-  googleFonts: {
-    fontsPath: "/assets/fonts",
-    download: true,
-    families: {
-      Roboto: [100, 300, 400, 500, 700, 900],
-    },
-  },
-
-  auth: {
-    redirect: {
-      login: "/login",
-      logout: "/login",
-      callback: "/login",
-      home: "/",
-    },
-    cookie: {
-      prefix: "mealie.auth.",
-      options: {
-        expires: 7,
-        path: "/",
-      },
-    },
-    rewriteRedirects: false,
-    // Options
-    strategies: {
-      local: {
-        resetOnError: true,
-        token: {
-          property: "access_token",
-          global: true,
-          // required: true,
-          // type: 'Bearer'
-        },
-        user: {
-          property: "",
-          autoFetch: true,
-        },
-        endpoints: {
-          login: {
-            url: "api/auth/token",
-            method: "post",
-            propertyName: "access_token",
-          },
-          refresh: { url: "api/auth/refresh", method: "post" },
-          logout: { url: "api/auth/logout", method: "post" },
-          user: { url: "api/users/self", method: "get" },
-        },
-      },
-      oidc: {
-        scheme: "local",
-        resetOnError: true,
-        token: {
-          property: "access_token",
-          global: true,
-        },
-        user: {
-          property: "",
-          autoFetch: true,
-        },
-        endpoints: {
-          login: {
-            url: "api/auth/oauth/callback",
-            method: "get",
-          },
-          logout: { url: "api/auth/logout", method: "post" },
-          user: { url: "api/users/self", method: "get" },
-        },
-      },
-    },
-  },
-
-  i18n: {
-    locales: [
-      // CODE_GEN_ID: MESSAGE_LOCALES
-      { code: "lv-LV", file: "lv-LV.json" },
-      { code: "el-GR", file: "el-GR.json" },
-      { code: "it-IT", file: "it-IT.json" },
-      { code: "ko-KR", file: "ko-KR.json" },
-      { code: "es-ES", file: "es-ES.json" },
-      { code: "ja-JP", file: "ja-JP.json" },
-      { code: "bg-BG", file: "bg-BG.json" },
-      { code: "zh-CN", file: "zh-CN.json" },
-      { code: "tr-TR", file: "tr-TR.json" },
-      { code: "ar-SA", file: "ar-SA.json" },
-      { code: "hu-HU", file: "hu-HU.json" },
-      { code: "pt-PT", file: "pt-PT.json" },
-      { code: "no-NO", file: "no-NO.json" },
-      { code: "sv-SE", file: "sv-SE.json" },
-      { code: "ro-RO", file: "ro-RO.json" },
-      { code: "sk-SK", file: "sk-SK.json" },
-      { code: "uk-UA", file: "uk-UA.json" },
-      { code: "lt-LT", file: "lt-LT.json" },
-      { code: "fr-CA", file: "fr-CA.json" },
-      { code: "pl-PL", file: "pl-PL.json" },
-      { code: "hr-HR", file: "hr-HR.json" },
-      { code: "da-DK", file: "da-DK.json" },
-      { code: "pt-BR", file: "pt-BR.json" },
-      { code: "de-DE", file: "de-DE.json" },
-      { code: "ca-ES", file: "ca-ES.json" },
-      { code: "sr-SP", file: "sr-SP.json" },
-      { code: "cs-CZ", file: "cs-CZ.json" },
-      { code: "gl-ES", file: "gl-ES.json" },
-      { code: "fr-FR", file: "fr-FR.json" },
-      { code: "fr-BE", file: "fr-BE.json" },
-      { code: "zh-TW", file: "zh-TW.json" },
-      { code: "af-ZA", file: "af-ZA.json" },
-      { code: "is-IS", file: "is-IS.json" },
-      { code: "sl-SI", file: "sl-SI.json" },
-      { code: "ru-RU", file: "ru-RU.json" },
-      { code: "he-IL", file: "he-IL.json" },
-      { code: "nl-NL", file: "nl-NL.json" },
-      { code: "en-US", file: "en-US.json" },
-      { code: "en-GB", file: "en-GB.json" },
-      { code: "fi-FI", file: "fi-FI.json" },
-      { code: "vi-VN", file: "vi-VN.json" },
-      // END: MESSAGE_LOCALES
-    ],
-    lazy: true,
-    strategy: "no_prefix",
-    langDir: "lang/messages",
-    detectBrowserLanguage: {
-      useCookie: true,
-      alwaysRedirect: true,
-    },
-    defaultLocale: "en-US",
-    vueI18n: {
-      dateTimeFormats: {
-        // CODE_GEN_ID: DATE_LOCALES
-        "el-GR": require("./lang/dateTimeFormats/el-GR.json"),
-        "it-IT": require("./lang/dateTimeFormats/it-IT.json"),
-        "ko-KR": require("./lang/dateTimeFormats/ko-KR.json"),
-        "es-ES": require("./lang/dateTimeFormats/es-ES.json"),
-        "ja-JP": require("./lang/dateTimeFormats/ja-JP.json"),
-        "bg-BG": require("./lang/dateTimeFormats/bg-BG.json"),
-        "zh-CN": require("./lang/dateTimeFormats/zh-CN.json"),
-        "tr-TR": require("./lang/dateTimeFormats/tr-TR.json"),
-        "ar-SA": require("./lang/dateTimeFormats/ar-SA.json"),
-        "hu-HU": require("./lang/dateTimeFormats/hu-HU.json"),
-        "pt-PT": require("./lang/dateTimeFormats/pt-PT.json"),
-        "no-NO": require("./lang/dateTimeFormats/no-NO.json"),
-        "sv-SE": require("./lang/dateTimeFormats/sv-SE.json"),
-        "ro-RO": require("./lang/dateTimeFormats/ro-RO.json"),
-        "sk-SK": require("./lang/dateTimeFormats/sk-SK.json"),
-        "uk-UA": require("./lang/dateTimeFormats/uk-UA.json"),
-        "fr-CA": require("./lang/dateTimeFormats/fr-CA.json"),
-        "pl-PL": require("./lang/dateTimeFormats/pl-PL.json"),
-        "da-DK": require("./lang/dateTimeFormats/da-DK.json"),
-        "pt-BR": require("./lang/dateTimeFormats/pt-BR.json"),
-        "de-DE": require("./lang/dateTimeFormats/de-DE.json"),
-        "ca-ES": require("./lang/dateTimeFormats/ca-ES.json"),
-        "sr-SP": require("./lang/dateTimeFormats/sr-SP.json"),
-        "cs-CZ": require("./lang/dateTimeFormats/cs-CZ.json"),
-        "fr-FR": require("./lang/dateTimeFormats/fr-FR.json"),
-        "fr-BE": require("./lang/dateTimeFormats/fr-BE.json"),
-        "zh-TW": require("./lang/dateTimeFormats/zh-TW.json"),
-        "af-ZA": require("./lang/dateTimeFormats/af-ZA.json"),
-        "ru-RU": require("./lang/dateTimeFormats/ru-RU.json"),
-        "he-IL": require("./lang/dateTimeFormats/he-IL.json"),
-        "nl-NL": require("./lang/dateTimeFormats/nl-NL.json"),
-        "en-US": require("./lang/dateTimeFormats/en-US.json"),
-        "en-GB": require("./lang/dateTimeFormats/en-GB.json"),
-        "fi-FI": require("./lang/dateTimeFormats/fi-FI.json"),
-        "vi-VN": require("./lang/dateTimeFormats/vi-VN.json"),
-        "sl-SI": require("./lang/dateTimeFormats/sl-SI.json"),
-        "lv-LV": require("./lang/dateTimeFormats/lv-LV.json"),
-        "is-IS": require("./lang/dateTimeFormats/is-IS.json"),
-        "gl-ES": require("./lang/dateTimeFormats/gl-ES.json"),
-        "lt-LT": require("./lang/dateTimeFormats/lt-LT.json"),
-        "hr-HR": require("./lang/dateTimeFormats/hr-HR.json"),
-        // END: DATE_LOCALES
-      },
-      fallbackLocale: "en-US",
-    },
-  },
-
-  // Axios module configuration: https://go.nuxtjs.dev/config-axios
-  axios: {
-    proxy: true,
-    credentials: true,
-  },
-
-  publicRuntimeConfig: {
-    GLOBAL_MIDDLEWARE: process.env.GLOBAL_MIDDLEWARE || null,
-    SUB_PATH: process.env.SUB_PATH || "",
-    axios: {
-      browserBaseURL: process.env.SUB_PATH || "",
-    },
-    // ==============================================
-    // Theme Runtime Config
-    useDark: process.env.THEME_USE_DARK || false,
-    themes: {
-      dark: {
-        primary: process.env.THEME_DARK_PRIMARY || "#E58325",
-        accent: process.env.THEME_DARK_ACCENT || "#007A99",
-        secondary: process.env.THEME_DARK_SECONDARY || "#973542",
-        success: process.env.THEME_DARK_SUCCESS || "#43A047",
-        info: process.env.THEME_DARK_INFO || "#1976d2",
-        warning: process.env.THEME_DARK_WARNING || "#FF6D00",
-        error: process.env.THEME_DARK_ERROR || "#EF5350",
-        background: "#1E1E1E",
-      },
-      light: {
-        primary: process.env.THEME_LIGHT_PRIMARY || "#E58325",
-        accent: process.env.THEME_LIGHT_ACCENT || "#007A99",
-        secondary: process.env.THEME_DARK_SECONDARY || "#973542",
-        success: process.env.THEME_DARK_SUCCESS || "#43A047",
-        info: process.env.THEME_LIGHT_INFO || "#1976d2",
-        warning: process.env.THEME_LIGHT_WARNING || "#FF6D00",
-        error: process.env.THEME_LIGHT_ERROR || "#EF5350",
-      },
-    },
-  },
-
-  privateRuntimeConfig: {},
-
-  proxy: {
-    // See Proxy section
-    [`${process.env.SUB_PATH || ""}api`]: {
-      pathRewrite: {
-        [`${process.env.SUB_PATH || ""}api`]: "/api", // rewrite path
-      },
-      changeOrigin: true,
-      target: process.env.API_URL || "http://localhost:9000",
-      xfwd: true,
-    },
-    "/api": {
-      changeOrigin: true,
-      target: process.env.API_URL || "http://localhost:9000",
-      xfwd: true,
-    },
-    "/docs": {
-      changeOrigin: true,
-      target: process.env.API_URL || "http://localhost:9000",
-      xfwd: true,
-    },
-    "/openapi.json": {
-      changeOrigin: true,
-      target: process.env.API_URL || "http://localhost:9000",
-      xfwd: true,
-    },
-  },
-
-  // PWA module configuration: https://go.nuxtjs.dev/pwa
-  pwa: {
-    meta: {
-      /* meta options */
-      name: "Mealie",
-      description: "Mealie is a recipe management and meal planning app",
-      theme_color: process.env.THEME_LIGHT_PRIMARY || "#E58325",
-      ogSiteName: "Mealie",
-    },
-    manifest: {
-      start_url: "/",
-      scope: "/",
-      lang: "en",
-      dir: "auto",
-      name: "Mealie",
-      short_name: "Mealie",
-      crossorigin: "use-credentials",
-      id: "mealie",
-      description: "Mealie is a recipe management and meal planning app",
-      theme_color: process.env.THEME_LIGHT_PRIMARY || "#E58325",
-      background_color: "#FFFFFF",
-      display: "standalone",
-      display_override: [
-        "standalone",
-        "minimal-ui",
-        "browser",
-        "window-controls-overlay"
-      ],
-      share_target: {
-        action: "/r/create/url",
-        method: "GET",
-        params: {
-          /* title and url are not currently used in Mealie. If there are issues
-             with sharing, uncommenting those lines might help solve the puzzle. */
-          // "title": "title",
-          "text": "recipe_import_url",
-          // "url": "url",
-        },
-      },
-      icons: [
-        {
-          src: "/icons/android-chrome-192x192.png",
-          sizes: "192x192",
-          type: "image/png",
-          purpose: "any",
-        },
-        {
-          src: "/icons/android-chrome-512x512.png",
-          sizes: "512x512",
-          type: "image/png",
-          purpose: "any",
-        },
-        {
-          src: "/icons/android-chrome-maskable-192x192.png",
-          sizes: "192x192",
-          type: "image/png",
-          purpose: "maskable",
-        },
-        {
-          src: "/icons/android-chrome-maskable-512x512.png",
-          sizes: "512x512",
-          type: "image/png",
-          purpose: "maskable",
-        },
-      ],
-      screenshots: [
-        {
-          "src": "/screenshots/home-narrow.png",
-          "sizes": "1600x2420",
-          "form_factor": "narrow",
-          "label": "Home Page"
-        },
-        {
-          "src": "/screenshots/recipe-narrow.png",
-          "sizes": "1600x2420",
-          "form_factor": "narrow",
-          "label": "Recipe Page"
-        },
-        {
-          "src": "/screenshots/editor-narrow.png",
-          "sizes": "1600x2420",
-          "form_factor": "narrow",
-          "label": "Editor Page"
-        },
-        {
-          "src": "/screenshots/parser-narrow.png",
-          "sizes": "1600x2420",
-          "form_factor": "narrow",
-          "label": "Parser Page"
-        },
-        {
-          "src": "/screenshots/home-wide.png",
-          "sizes": "2560x1460",
-          "form_factor": "wide",
-          "label": "Home Page"
-        },
-        {
-          "src": "/screenshots/recipe-wide.png",
-          "sizes": "2560x1460",
-          "form_factor": "wide",
-          "label": "Recipe Page"
-        },
-        {
-          "src": "/screenshots/editor-wide.png",
-          "sizes": "2560x1460",
-          "form_factor": "wide",
-          "label": "Editor Page"
-        },
-        {
-          "src": "/screenshots/parser-wide.png",
-          "sizes": "2560x1460",
-          "form_factor": "wide",
-          "label": "Parser Page"
-        }
-      ],
-      "shortcuts": [
-        {
-          "name": "Shopping Lists",
-          "short_name": "Shopping Lists",
-          "description": "Open the shopping lists",
-          "url": "/shopping-lists",
-          "icons": [
-            {
-              "src": "/icons/mdiFormatListChecks-192x192.png",
-              "sizes": "192x192",
-            },
-            {
-              "src": "/icons/mdiFormatListChecks-96x96.png",
-              "sizes": "96x96",
-            }
-          ]
-        },
-        {
-          "name": "Meal Planner",
-          "short_name": "Meal Planner",
-          "description": "Open the meal planner",
-          "url": "/household/mealplan/planner/view",
-          "icons": [
-            {
-              "src": "/icons/mdiCalendarMultiselect-192x192.png",
-              "sizes": "192x192",
-            },
-            {
-              "src": "/icons/mdiCalendarMultiselect-96x96.png",
-              "sizes": "96x96",
-            }
-          ]
-        },
-      ],
-      prefer_related_applications: false,
-      handle_links: "preferred",
-      categories: [
-        "food"
-      ],
-      launch_handler: {
-        "client_mode": ["focus-existing", "auto"]
-      },
-      edge_side_panel: {
-        "preferred_width": 400
-      }
-    },
-    icon: false, // disables the icon module
-  },
-
-  // Vuetify module configuration: https://go.nuxtjs.dev/config-vuetify
-  vuetify: {
-    optionsPath: "./vuetify.options.js",
-  },
-
-  // Build Configuration: https://go.nuxtjs.dev/config-build
-  build: {
-    // https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-build
-    analyze: false,
-    babel: {
-      plugins: [
-        ["@babel/plugin-proposal-private-property-in-object", { loose: true }],
-        // ["@nuxtjs/composition-api/dist/babel-plugin"],
-      ],
-    },
-    transpile: process.env.NODE_ENV !== "production" ? [/@vue[\\/]composition-api/] : null,
-  },
-};
diff --git a/frontend/nuxt.config.ts b/frontend/nuxt.config.ts
new file mode 100644
index 000000000..3e865bbe5
--- /dev/null
+++ b/frontend/nuxt.config.ts
@@ -0,0 +1,479 @@
+import { defineNuxtConfig } from "nuxt/config";
+import commonjs from "vite-plugin-commonjs";
+
+const AUTH_TOKEN = "mealie.auth.token";
+
+export default defineNuxtConfig({
+  // Global page headers: https://go.nuxtjs.dev/config-head
+  // target: "static",
+
+  modules: [
+    "@vite-pwa/nuxt",
+    "@nuxtjs/i18n",
+    "@sidebase/nuxt-auth",
+    "@nuxtjs/google-fonts",
+    "vuetify-nuxt-module",
+    "@nuxtjs/mdc",
+    "@nuxt/eslint",
+  ],
+  ssr: false,
+
+  components: [
+    {
+      path: "~/components",
+      pathPrefix: false,
+    },
+  ],
+  devtools: {
+    enabled: false,
+  },
+  app: {
+    baseURL: process.env.SUB_PATH || "",
+
+    head: {
+      title: "Mealie",
+      meta: [
+        { property: "og:type", content: "website" },
+        { property: "og:title", content: "Mealie" },
+        { property: "og:site_name", content: "Mealie" },
+        {
+          property: "og:description",
+          content: "Mealie is a recipe management app for your kitchen.",
+        },
+        {
+          property: "og:image",
+          content:
+            "https://raw.githubusercontent.com/mealie-recipes/mealie/9571816ac4eed5beacfc0abf6c03eff1427fd0eb/frontend/static/icons/android-chrome-512x512.png",
+        },
+        { charset: "utf-8" },
+        { name: "viewport", content: "width=device-width, initial-scale=1" },
+        {
+          name: "description",
+          content: "Mealie is a recipe management app for your kitchen.",
+        },
+      ],
+      link: [
+        { "rel": "icon", "type": "image/x-icon", "href": "/favicon.ico", "data-n-head": "ssr" },
+        { "rel": "shortcut icon", "type": "image/png", "href": "/icons/icon-x64.png", "data-n-head": "ssr" },
+        { "rel": "apple-touch-icon", "type": "image/png", "href": "/icons/apple-touch-icon.png", "data-n-head": "ssr" },
+        { "rel": "mask-icon", "href": "/icons/safari-pinned-tab.svg", "data-n-head": "ssr" },
+      ],
+    },
+
+    /* viewTransition: {
+      name: "layout",
+      mode: "out-in",
+    }, */
+    viewTransition: true,
+  },
+
+  css: ["~/assets/css/main.css", "~/assets/style-overrides.scss"],
+
+  runtimeConfig: {
+    sessionPassword: process.env.SESSION_PASSWORD || "password-with-at-least-32-characters",
+    apiUrl: process.env.API_URL || "http://localhost:9000",
+    public: {
+      AUTH_TOKEN,
+      GLOBAL_MIDDLEWARE: process.env.GLOBAL_MIDDLEWARE || undefined,
+      SUB_PATH: process.env.SUB_PATH || "",
+      // ==============================================
+      // Theme Runtime Config
+      useDark: Boolean(process.env.THEME_USE_DARK) || false,
+      themes: {
+        dark: {
+          primary: process.env.THEME_DARK_PRIMARY || "#E58325",
+          accent: process.env.THEME_DARK_ACCENT || "#007A99",
+          secondary: process.env.THEME_DARK_SECONDARY || "#973542",
+          success: process.env.THEME_DARK_SUCCESS || "#43A047",
+          info: process.env.THEME_DARK_INFO || "#1976d2",
+          warning: process.env.THEME_DARK_WARNING || "#FF6D00",
+          error: process.env.THEME_DARK_ERROR || "#EF5350",
+          background: "#1E1E1E",
+        },
+        light: {
+          primary: process.env.THEME_LIGHT_PRIMARY || "#E58325",
+          accent: process.env.THEME_LIGHT_ACCENT || "#007A99",
+          secondary: process.env.THEME_DARK_SECONDARY || "#973542",
+          success: process.env.THEME_DARK_SUCCESS || "#43A047",
+          info: process.env.THEME_LIGHT_INFO || "#1976d2",
+          warning: process.env.THEME_LIGHT_WARNING || "#FF6D00",
+          error: process.env.THEME_LIGHT_ERROR || "#EF5350",
+        },
+      },
+    },
+  },
+  dir: {
+    static: "static",
+  },
+
+  // Build Configuration: https://go.nuxtjs.dev/config-build
+  build: {
+    // https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-build
+    analyze: false,
+    /* babel: {
+      plugins: [
+        ["@babel/plugin-proposal-private-property-in-object", { loose: true }],
+      ],
+    }, */
+    transpile: process.env.NODE_ENV !== "production" ? [/@vue[\\/]composition-api/] : [],
+  },
+  future: {
+    compatibilityVersion: 3,
+  },
+
+  compatibilityDate: "2025-03-28",
+
+  nitro: {
+    baseURL: process.env.SUB_PATH || "",
+  },
+
+  vite: {
+    plugins: [
+      commonjs(),
+    ],
+  },
+
+  auth: {
+    isEnabled: true,
+    // disableServerSideAuth: true,
+    originEnvKey: "AUTH_ORIGIN",
+    baseURL: "/api",
+    provider: {
+      type: "local",
+      endpoints: {
+        signIn: { path: "/auth/token", method: "post" },
+        signOut: { path: "/auth/logout", method: "post" },
+        getSession: { path: "/users/self", method: "get" },
+      },
+      token: {
+        signInResponseTokenPointer: "/access_token",
+        type: "Bearer",
+        cookieName: AUTH_TOKEN,
+        maxAgeInSeconds: 604800, // 7 days
+      },
+      pages: {
+        login: "/login",
+      },
+    },
+  },
+
+  // eslint rules
+  eslint: {
+    config: {
+      formatters: true,
+      stylistic: {
+        indent: 2,
+        semi: true,
+        quotes: "double",
+        commaDangle: "always-multiline",
+      },
+    },
+  },
+
+  googleFonts: {
+    fontsPath: "/assets/fonts",
+    download: true,
+    families: {
+      Roboto: [100, 300, 400, 500, 700, 900],
+    },
+  },
+  /* auth: {
+    redirect: {
+      login: "/login",
+      logout: "/login",
+      callback: "/login",
+      home: "/",
+    },
+    cookie: {
+      prefix: "mealie.auth.",
+      options: {
+        expires: 7,
+        path: "/",
+      },
+    },
+    rewriteRedirects: false,
+    // Options
+    strategies: {
+      local: {
+        resetOnError: true,
+        token: {
+          property: "access_token",
+          global: true,
+          // required: true,
+          // type: 'Bearer'
+        },
+        user: {
+          property: "",
+          autoFetch: true,
+        },
+        endpoints: {
+          login: {
+            url: "api/auth/token",
+            method: "post",
+            propertyName: "access_token",
+          },
+          refresh: { url: "api/auth/refresh", method: "post" },
+          logout: { url: "api/auth/logout", method: "post" },
+          user: { url: "api/users/self", method: "get" },
+        },
+      },
+      oidc: {
+        scheme: "local",
+        resetOnError: true,
+        token: {
+          property: "access_token",
+          global: true,
+        },
+        user: {
+          property: "",
+          autoFetch: true,
+        },
+        endpoints: {
+          login: {
+            url: "api/auth/oauth/callback",
+            method: "get",
+          },
+          logout: { url: "api/auth/logout", method: "post" },
+          user: { url: "api/users/self", method: "get" },
+        },
+      },
+    },
+  }, */
+
+  i18n: {
+    locales: [
+      // CODE_GEN_ID: MESSAGE_LOCALES
+      { code: "lv-LV", file: "lv-LV.ts" },
+      { code: "el-GR", file: "el-GR.ts" },
+      { code: "it-IT", file: "it-IT.ts" },
+      { code: "ko-KR", file: "ko-KR.ts" },
+      { code: "es-ES", file: "es-ES.ts" },
+      { code: "ja-JP", file: "ja-JP.ts" },
+      { code: "bg-BG", file: "bg-BG.ts" },
+      { code: "zh-CN", file: "zh-CN.ts" },
+      { code: "tr-TR", file: "tr-TR.ts" },
+      { code: "ar-SA", file: "ar-SA.ts" },
+      { code: "hu-HU", file: "hu-HU.ts" },
+      { code: "pt-PT", file: "pt-PT.ts" },
+      { code: "no-NO", file: "no-NO.ts" },
+      { code: "sv-SE", file: "sv-SE.ts" },
+      { code: "ro-RO", file: "ro-RO.ts" },
+      { code: "sk-SK", file: "sk-SK.ts" },
+      { code: "uk-UA", file: "uk-UA.ts" },
+      { code: "lt-LT", file: "lt-LT.ts" },
+      { code: "fr-CA", file: "fr-CA.ts" },
+      { code: "pl-PL", file: "pl-PL.ts" },
+      { code: "hr-HR", file: "hr-HR.ts" },
+      { code: "da-DK", file: "da-DK.ts" },
+      { code: "pt-BR", file: "pt-BR.ts" },
+      { code: "de-DE", file: "de-DE.ts" },
+      { code: "ca-ES", file: "ca-ES.ts" },
+      { code: "sr-SP", file: "sr-SP.ts" },
+      { code: "cs-CZ", file: "cs-CZ.ts" },
+      { code: "gl-ES", file: "gl-ES.ts" },
+      { code: "fr-FR", file: "fr-FR.ts" },
+      { code: "fr-BE", file: "fr-BE.ts" },
+      { code: "zh-TW", file: "zh-TW.ts" },
+      { code: "af-ZA", file: "af-ZA.ts" },
+      { code: "is-IS", file: "is-IS.ts" },
+      { code: "sl-SI", file: "sl-SI.ts" },
+      { code: "ru-RU", file: "ru-RU.ts" },
+      { code: "he-IL", file: "he-IL.ts" },
+      { code: "nl-NL", file: "nl-NL.ts" },
+      { code: "en-US", file: "en-US.ts" },
+      { code: "en-GB", file: "en-GB.ts" },
+      { code: "fi-FI", file: "fi-FI.ts" },
+      { code: "vi-VN", file: "vi-VN.ts" },
+      // END: MESSAGE_LOCALES
+    ],
+    strategy: "no_prefix",
+    lazy: true,
+    types: "composition",
+    langDir: "./../lang/locales", // note: we need to up one ../ because the default root of lang dir is the /frontend/i18n, which can not be configured
+    defaultLocale: "en-US",
+    detectBrowserLanguage: {
+      useCookie: true,
+      alwaysRedirect: true,
+      fallbackLocale: "en-US",
+    },
+    compilation: {
+      strictMessage: false,
+      escapeHtml: true,
+    },
+    vueI18n: "./../i18n.config.ts", // note: we need to up one ../ because the default root of lang dir is the /frontend/i18n, which can not be configured
+  },
+
+  // PWA module configuration: https://go.nuxtjs.dev/pwa
+  pwa: {
+    mode: process.env.NODE_ENV === "production" ? "production" : "development",
+    registerType: "autoUpdate",
+    useCredentials: true,
+    manifest: {
+      start_url: "/",
+      scope: "/",
+      lang: "en",
+      name: "Mealie",
+      short_name: "Mealie",
+      id: "mealie",
+      description: "Mealie is a recipe management and meal planning app",
+      theme_color: process.env.THEME_LIGHT_PRIMARY || "#E58325",
+      background_color: "#FFFFFF",
+      display: "standalone",
+      display_override: [
+        "standalone",
+        "minimal-ui",
+        "browser",
+        "window-controls-overlay",
+      ],
+      share_target: {
+        action: "/r/create/url",
+        method: "GET",
+        params: {
+          /* title and url are not currently used in Mealie. If there are issues
+              with sharing, uncommenting those lines might help solve the puzzle. */
+          // "title": "title",
+          text: "recipe_import_url",
+          // "url": "url",
+        },
+      },
+      icons: [
+        {
+          src: "/icons/android-chrome-192x192.png",
+          sizes: "192x192",
+          type: "image/png",
+          purpose: "any",
+        },
+        {
+          src: "/icons/android-chrome-512x512.png",
+          sizes: "512x512",
+          type: "image/png",
+          purpose: "any",
+        },
+        {
+          src: "/icons/android-chrome-maskable-192x192.png",
+          sizes: "192x192",
+          type: "image/png",
+          purpose: "maskable",
+        },
+        {
+          src: "/icons/android-chrome-maskable-512x512.png",
+          sizes: "512x512",
+          type: "image/png",
+          purpose: "maskable",
+        },
+      ],
+      screenshots: [
+        {
+          src: "/screenshots/home-narrow.png",
+          sizes: "1600x2420",
+          form_factor: "narrow",
+          label: "Home Page",
+        },
+        {
+          src: "/screenshots/recipe-narrow.png",
+          sizes: "1600x2420",
+          form_factor: "narrow",
+          label: "Recipe Page",
+        },
+        {
+          src: "/screenshots/editor-narrow.png",
+          sizes: "1600x2420",
+          form_factor: "narrow",
+          label: "Editor Page",
+        },
+        {
+          src: "/screenshots/parser-narrow.png",
+          sizes: "1600x2420",
+          form_factor: "narrow",
+          label: "Parser Page",
+        },
+        {
+          src: "/screenshots/home-wide.png",
+          sizes: "2560x1460",
+          form_factor: "wide",
+          label: "Home Page",
+        },
+        {
+          src: "/screenshots/recipe-wide.png",
+          sizes: "2560x1460",
+          form_factor: "wide",
+          label: "Recipe Page",
+        },
+        {
+          src: "/screenshots/editor-wide.png",
+          sizes: "2560x1460",
+          form_factor: "wide",
+          label: "Editor Page",
+        },
+        {
+          src: "/screenshots/parser-wide.png",
+          sizes: "2560x1460",
+          form_factor: "wide",
+          label: "Parser Page",
+        },
+      ],
+      shortcuts: [
+        {
+          name: "Shopping Lists",
+          short_name: "Shopping Lists",
+          description: "Open the shopping lists",
+          url: "/shopping-lists",
+          icons: [
+            {
+              src: "/icons/mdiFormatListChecks-192x192.png",
+              sizes: "192x192",
+            },
+            {
+              src: "/icons/mdiFormatListChecks-96x96.png",
+              sizes: "96x96",
+            },
+          ],
+        },
+        {
+          name: "Meal Planner",
+          short_name: "Meal Planner",
+          description: "Open the meal planner",
+          url: "/household/mealplan/planner/view",
+          icons: [
+            {
+              src: "/icons/mdiCalendarMultiselect-192x192.png",
+              sizes: "192x192",
+            },
+            {
+              src: "/icons/mdiCalendarMultiselect-96x96.png",
+              sizes: "96x96",
+            },
+          ],
+        },
+      ],
+      prefer_related_applications: false,
+      handle_links: "preferred",
+      categories: [
+        "food",
+      ],
+      launch_handler: {
+        client_mode: ["focus-existing", "auto"],
+      },
+      edge_side_panel: {
+        preferred_width: 400,
+      },
+    },
+  },
+
+  // Vuetify module configuration: https://go.nuxtjs.dev/config-vuetify
+  vuetify: {
+    moduleOptions: {},
+    vuetifyOptions: {
+      icons: {
+        defaultSet: "mdi-svg",
+      },
+      // Theme Config set at runtime by /plugins/theme.ts
+      // This config doesn't do anything.
+      theme: {},
+      locale: {
+        locale: "en-US",
+        fallback: "en-US",
+      },
+    },
+  },
+});
diff --git a/frontend/package.json b/frontend/package.json
index 00a418ec4..822cbe0ec 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -3,62 +3,62 @@
   "version": "2.8.0",
   "private": true,
   "scripts": {
-    "dev": "nuxt",
+    "dev": "nuxt dev",
     "build": "nuxt build",
     "start": "nuxt start",
     "generate": "nuxt generate --spa",
-    "lint:js": "eslint --ext \".ts,.js,.vue\" --ignore-path .gitignore .",
+    "lint:js": "eslint .",
     "lint": "yarn lint:js",
+    "lint:log": "yarn lint:js --debug",
     "test": "vitest",
-    "test:ci": "vitest --watch=false"
+    "test:ci": "vitest --watch=false",
+    "cleanup": "nuxt cleanup"
   },
   "lint-staged": {
     "*.{ts,js,vue}": "eslint"
   },
   "dependencies": {
-    "@adapttive/vue-markdown": "^4.0.1",
-    "@mdi/js": "^7.1.96",
-    "@nuxtjs/auth-next": "5.0.0-1667386184.dfbbb54",
-    "@nuxtjs/axios": "^5.13.6",
-    "@nuxtjs/i18n": "7.2.0",
+    "@mdi/js": "^7.4.47",
+    "@nuxt/eslint": "1.2.0",
+    "@nuxtjs/i18n": "^9.2.1",
+    "@nuxtjs/mdc": "0.14.0",
     "@nuxtjs/proxy": "^2.1.0",
-    "@nuxtjs/pwa": "3.2.0",
-    "@vueuse/core": "^9.9.0",
-    "core-js": "^3.27.0",
-    "date-fns": "^2.29.3",
-    "fuse.js": "^6.6.2",
-    "isomorphic-dompurify": "^1.0.0",
-    "nuxt": "^2.17.3",
-    "v-jsoneditor": "^1.4.5",
-    "vue-advanced-cropper": "^1.11.6",
-    "vuedraggable": "^2.24.3",
-    "vuetify": "^2.6.13"
+    "@sidebase/nuxt-auth": "0.10.0",
+    "@vite-pwa/nuxt": "0.10.6",
+    "@vueuse/core": "^12.7.0",
+    "axios": "^1.8.1",
+    "date-fns": "^4.1.0",
+    "fuse.js": "^7.1.0",
+    "isomorphic-dompurify": "^2.22.0",
+    "json-editor-vue": "^0.18.1",
+    "next-auth": "~4.21.1",
+    "nuxt": "^3.15.4",
+    "typescript": "5.3",
+    "vite": "^6.2.0",
+    "vite-plugin-commonjs": "^0.10.4",
+    "vue-advanced-cropper": "^2.8.9",
+    "vue-draggable-plus": "^0.6.0",
+    "vuetify-nuxt-module": "0.18.3"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "^7.19.1",
-    "@nuxt/types": "^2.16.0",
-    "@nuxt/typescript-build": "^2.1.0",
-    "@nuxtjs/composition-api": "^0.33.1",
-    "@nuxtjs/eslint-config-typescript": "^12.0.0",
-    "@nuxtjs/eslint-module": "4.0.2",
-    "@nuxtjs/google-fonts": "2.0.0",
-    "@nuxtjs/vuetify": "^1.12.1",
-    "@types/sortablejs": "^1.15.0",
-    "eslint": "^8.30.0",
-    "eslint-config-prettier": "^8.5.0",
+    "@babel/eslint-parser": "^7.26.8",
+    "@nuxt/types": "^2.18.1",
+    "@nuxtjs/eslint-config-typescript": "^12.1.0",
+    "@nuxtjs/eslint-module": "^4.1.0",
+    "@nuxtjs/google-fonts": "^3.2.0",
+    "@stylistic/eslint-plugin-js": "^4.2.0",
+    "@types/sortablejs": "^1.15.8",
+    "eslint": "^9.22.0",
+    "eslint-config-prettier": "^10.0.2",
+    "eslint-plugin-format": "^1.0.1",
     "eslint-plugin-nuxt": "^4.0.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-vue": "9.10.0",
-    "lint-staged": "^13.1.0",
-    "nuxt-vite": "0.2.3",
-    "prettier": "^2.8.1",
-    "vitest": "^0.29.0"
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-vue": "^9.32.0",
+    "eslint-plugin-vuetify": "^2.5.1",
+    "lint-staged": "^15.4.3",
+    "prettier": "^3.5.2",
+    "sass-embedded": "^1.85.1",
+    "vitest": "^3.0.7"
   },
-  "resolutions": {
-    "@nuxtjs/i18n/**/ufo": "0.7.9",
-    "vue-demi": "^0.13.11",
-    "vue-template-compiler": "2.7.16",
-    "postcss-preset-env": "^7.0.0",
-    "typescript": "^4.9.5"
-  }
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }
diff --git a/frontend/pages/admin.vue b/frontend/pages/admin.vue
new file mode 100644
index 000000000..c71d8e422
--- /dev/null
+++ b/frontend/pages/admin.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+definePageMeta({
+  middleware: ["sidebase-auth", "admin-only"],
+});
+</script>
+
+<template>
+  <NuxtPage />
+</template>
diff --git a/frontend/pages/admin/backups.vue b/frontend/pages/admin/backups.vue
index 7457d7f7e..f76d426e7 100644
--- a/frontend/pages/admin/backups.vue
+++ b/frontend/pages/admin/backups.vue
@@ -4,9 +4,10 @@
       <!-- Delete Dialog -->
       <BaseDialog
         v-model="deleteDialog"
-        :title="$tc('settings.backup.delete-backup')"
+        :title="$t('settings.backup.delete-backup')"
         color="error"
         :icon="$globals.icons.alertCircle"
+        can-confirm
         @confirm="deleteBackup()"
       >
         <v-card-text>
@@ -15,60 +16,83 @@
       </BaseDialog>
 
       <!-- Import Dialog -->
-      <BaseDialog v-model="importDialog" color="error" :title="$t('settings.backup.backup-restore')" :icon="$globals.icons.database">
-        <v-divider></v-divider>
+      <BaseDialog
+        v-model="importDialog"
+        color="error"
+        :title="$t('settings.backup.backup-restore')"
+        :icon="$globals.icons.database"
+      >
+        <v-divider />
         <v-card-text>
-          <i18n path="settings.backup.back-restore-description">
+          <i18n-t keypath="settings.backup.back-restore-description">
             <template #cannot-be-undone>
               <b> {{ $t('settings.backup.cannot-be-undone') }} </b>
             </template>
-          </i18n>
+          </i18n-t>
 
           <p class="mt-3">
-            <i18n path="settings.backup.postgresql-note">
+            <i18n-t keypath="settings.backup.postgresql-note">
               <template #backup-restore-process>
-                <a href="https://nightly.mealie.io/documentation/getting-started/usage/backups-and-restoring/" >{{ $t('settings.backup.backup-restore-process-in-the-documentation') }}</a >
+                <a href="https://nightly.mealie.io/documentation/getting-started/usage/backups-and-restoring/">{{
+                  $t('settings.backup.backup-restore-process-in-the-documentation') }}</a>
               </template>
-            </i18n>
+            </i18n-t>
             {{ $t('') }}
           </p>
 
-
           <v-checkbox
             v-model="confirmImport"
             class="checkbox-top"
             color="error"
             hide-details
             :label="$t('settings.backup.irreversible-acknowledgment')"
-          ></v-checkbox>
+          />
         </v-card-text>
         <v-card-actions class="justify-center pt-0">
-          <BaseButton delete :disabled="!confirmImport || runningRestore" @click="restoreBackup(selected)">
-            <template #icon> {{ $globals.icons.database }} </template>
+          <BaseButton
+            delete
+            :disabled="!confirmImport || runningRestore"
+            @click="restoreBackup(selected)"
+          >
+            <template #icon>
+              {{ $globals.icons.database }}
+            </template>
             {{ $t('settings.backup.restore-backup') }}
           </BaseButton>
         </v-card-actions>
         <p class="caption pb-0 mb-1 text-center">
           {{ selected }}
         </p>
-        <v-progress-linear v-if="runningRestore" indeterminate></v-progress-linear>
+        <v-progress-linear
+          v-if="runningRestore"
+          indeterminate
+        />
       </BaseDialog>
 
       <section>
-        <BaseCardSectionTitle :title="$tc('settings.backup-and-exports')">
+        <BaseCardSectionTitle :title="$t('settings.backup-and-exports')">
           <v-card-text class="py-0 px-1">
-          <i18n path="settings.backup.experimental-description" />
+            <i18n-t keypath="settings.backup.experimental-description" />
           </v-card-text>
         </BaseCardSectionTitle>
-        <v-toolbar color="transparent" flat class="justify-between">
-        <BaseButton class="mr-2" @click="createBackup"> {{ $t("settings.backup.create-heading") }} </BaseButton>
-        <AppButtonUpload
-                :text-btn="false"
-                url="/api/admin/backups/upload"
-                accept=".zip"
-                color="info"
-                @uploaded="refreshBackups()"
-              />
+        <v-toolbar
+          color="transparent"
+          flat
+          class="justify-between"
+        >
+          <BaseButton
+            class="mr-2"
+            @click="createBackup"
+          >
+            {{ $t("settings.backup.create-heading") }}
+          </BaseButton>
+          <AppButtonUpload
+            :text-btn="false"
+            url="/api/admin/backups/upload"
+            accept=".zip"
+            color="info"
+            @uploaded="refreshBackups()"
+          />
         </v-toolbar>
 
         <v-data-table
@@ -80,14 +104,15 @@
           :search="search"
           @click:row="setSelected"
         >
-          <template #item.date="{ item }">
+          <template #[`item.date`]="{ item }">
             {{ $d(Date.parse(item.date), "medium") }}
           </template>
-          <template #item.actions="{ item }">
+          <template #[`item.actions`]="{ item }">
             <v-btn
               icon
               class="mx-1"
               color="error"
+              variant="text"
               @click.stop="
                 deleteDialog = true;
                 deleteTarget = item.name;
@@ -95,18 +120,27 @@
             >
               <v-icon> {{ $globals.icons.delete }} </v-icon>
             </v-btn>
-            <BaseButton small download :download-url="backupsFileNameDownload(item.name)" class="mx-1" @click.stop="() => {}"/>
-            <BaseButton small @click.stop="setSelected(item); importDialog = true">
-              <template #icon> {{ $globals.icons.backupRestore }}</template>
+            <BaseButton
+              small
+              download
+              :download-url="backupsFileNameDownload(item.name)"
+              class="mx-1"
+              @click.stop="() => { }"
+            />
+            <BaseButton
+              small
+              @click.stop="setSelected(item); importDialog = true"
+            >
+              <template #icon>
+                {{ $globals.icons.backupRestore }}
+              </template>
               {{ $t("settings.backup.backup-restore") }}
-          </BaseButton>
+            </BaseButton>
           </template>
         </v-data-table>
-        <v-divider></v-divider>
+        <v-divider />
         <div class="d-flex justify-end mt-6">
-          <div>
-
-          </div>
+          <div />
         </div>
       </section>
     </section>
@@ -117,17 +151,20 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, reactive, ref, toRefs, useContext, onMounted, useRoute } from "@nuxtjs/composition-api";
 import { useAdminApi } from "~/composables/api";
-import { AllBackups } from "~/lib/api/types/admin";
+import type { AllBackups } from "~/lib/api/types/admin";
 import { alert } from "~/composables/use-toast";
 
-export default defineComponent({
-  layout: "admin",
+export default defineNuxtComponent({
   setup() {
-    const { i18n, $auth } = useContext();
+    definePageMeta({
+      layout: "admin",
+    });
+
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
     const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    const groupSlug = computed(() => route.params.groupSlug || $auth.user.value?.groupSlug || "");
 
     const adminApi = useAdminApi();
     const selected = ref("");
@@ -149,9 +186,10 @@ export default defineComponent({
 
       if (data?.error === false) {
         refreshBackups();
-        alert.success(i18n.tc("settings.backup.backup-created"));
-      } else {
-        alert.error(i18n.tc("settings.backup.error-creating-backup-see-log-file"));
+        alert.success(i18n.t("settings.backup.backup-created"));
+      }
+      else {
+        alert.error(i18n.t("settings.backup.error-creating-backup-see-log-file"));
       }
     }
 
@@ -163,10 +201,13 @@ export default defineComponent({
         console.log(error);
         state.importDialog = false;
         state.runningRestore = false;
-        alert.error(i18n.tc("settings.backup.restore-fail"));
-      } else {
-        alert.success(i18n.tc("settings.backup.restore-success"));
-        $auth.logout();
+        alert.error(i18n.t("settings.backup.restore-fail"));
+      }
+      else {
+        alert.success(i18n.t("settings.backup.restore-success"));
+        setTimeout(() => {
+          window.location.reload();
+        }, 500);
       }
     }
 
@@ -176,7 +217,7 @@ export default defineComponent({
       const { data } = await adminApi.backups.delete(deleteTarget.value);
 
       if (!data?.error) {
-        alert.success(i18n.tc("settings.backup.backup-deleted"));
+        alert.success(i18n.t("settings.backup.backup-deleted"));
         refreshBackups();
       }
     }
@@ -189,10 +230,10 @@ export default defineComponent({
       runningRestore: false,
       search: "",
       headers: [
-        { text: i18n.t("general.name"), value: "name" },
-        { text: i18n.t("general.created"), value: "date" },
-        { text: i18n.t("export.size"), value: "size" },
-        { text: "", value: "actions", align: "right" },
+        { title: i18n.t("general.name"), value: "name" },
+        { title: i18n.t("general.created"), value: "date" },
+        { title: i18n.t("export.size"), value: "size" },
+        { title: "", value: "actions", align: "right" },
       ],
     });
 
@@ -205,6 +246,10 @@ export default defineComponent({
 
     const backupsFileNameDownload = (fileName: string) => `api/admin/backups/${fileName}`;
 
+    useSeoMeta({
+      title: i18n.t("sidebar.backups"),
+    });
+
     onMounted(refreshBackups);
 
     return {
@@ -223,7 +268,7 @@ export default defineComponent({
   },
   head() {
     return {
-      title: this.$t("sidebar.backups") as string,
+      title: useI18n().t("sidebar.backups"),
     };
   },
 });
diff --git a/frontend/pages/admin/debug/openai.vue b/frontend/pages/admin/debug/openai.vue
index 522cea20f..c7a10b995 100644
--- a/frontend/pages/admin/debug/openai.vue
+++ b/frontend/pages/admin/debug/openai.vue
@@ -1,25 +1,34 @@
 <template>
   <v-container class="pa-0">
     <v-container>
-      <BaseCardSectionTitle :title="$tc('admin.debug-openai-services')">
+      <BaseCardSectionTitle :title="$t('admin.debug-openai-services')">
         {{ $t('admin.debug-openai-services-description') }}
-        <br />
-        <DocLink class="mt-2" link="/documentation/getting-started/installation/open-ai" />
+        <br>
+        <DocLink
+          class="mt-2"
+          link="/documentation/getting-started/installation/open-ai"
+        />
       </BaseCardSectionTitle>
     </v-container>
-    <v-form ref="uploadForm" @submit.prevent="testOpenAI">
+    <v-form
+      ref="uploadForm"
+      @submit.prevent="testOpenAI"
+    >
       <div>
         <v-card-text>
           <v-container class="pa-0">
             <v-row>
-              <v-col cols="auto" align-self="center">
+              <v-col
+                cols="auto"
+                align-self="center"
+              >
                 <AppButtonUpload
                   v-if="!uploadedImage"
                   class="ml-auto"
                   url="none"
                   file-name="image"
                   accept="image/*"
-                  :text="$i18n.tc('recipe.upload-image')"
+                  :text="$t('recipe.upload-image')"
                   :text-btn="false"
                   :post="false"
                   @uploaded="uploadImage"
@@ -29,13 +38,18 @@
                   color="error"
                   @click="clearImage"
                 >
-                  <v-icon left>{{ $globals.icons.close }}</v-icon>
-                  {{ $i18n.tc("recipe.remove-image") }}
+                  <v-icon start>
+                    {{ $globals.icons.close }}
+                  </v-icon>
+                  {{ $t("recipe.remove-image") }}
                 </v-btn>
               </v-col>
               <v-spacer />
             </v-row>
-            <v-row v-if="uploadedImage && uploadedImagePreviewUrl" style="max-width: 25%;">
+            <v-row
+              v-if="uploadedImage && uploadedImagePreviewUrl"
+              style="max-width: 25%;"
+            >
               <v-spacer />
               <v-col cols="12">
                 <v-img :src="uploadedImagePreviewUrl" />
@@ -47,7 +61,7 @@
         <v-card-actions>
           <BaseButton
             type="submit"
-            :text="$i18n.tc('admin.run-test')"
+            :text="$t('admin.run-test')"
             :icon="$globals.icons.check"
             :loading="loading"
             class="ml-auto"
@@ -55,8 +69,14 @@
         </v-card-actions>
       </div>
     </v-form>
-    <v-divider v-if="response" class="mt-4" />
-    <v-container v-if="response" class="ma-0 pa-0">
+    <v-divider
+      v-if="response"
+      class="mt-4"
+    />
+    <v-container
+      v-if="response"
+      class="ma-0 pa-0"
+    >
       <v-card-title> {{ $t('admin.test-results') }} </v-card-title>
       <v-card-text> {{ response }} </v-card-text>
     </v-container>
@@ -64,15 +84,23 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref } from "@nuxtjs/composition-api";
 import { useAdminApi } from "~/composables/api";
 import { alert } from "~/composables/use-toast";
-import { VForm } from "~/types/vuetify";
 
-export default defineComponent({
-  layout: "admin",
+export default defineNuxtComponent({
   setup() {
+    definePageMeta({
+      layout: "admin",
+    });
+
     const api = useAdminApi();
+    const i18n = useI18n();
+
+    // Set page title
+    useSeoMeta({
+      title: i18n.t("admin.debug-openai-services"),
+    });
+
     const loading = ref(false);
     const response = ref("");
 
@@ -102,7 +130,8 @@ export default defineComponent({
 
       if (!data) {
         alert.error("Unable to test OpenAI services");
-      } else {
+      }
+      else {
         response.value = data.response || (data.success ? "Test Successful" : "Test Failed");
       }
     }
@@ -118,10 +147,5 @@ export default defineComponent({
       testOpenAI,
     };
   },
-  head() {
-    return {
-      title: this.$t("admin.debug-openai-services"),
-    };
-  },
 });
 </script>
diff --git a/frontend/pages/admin/debug/parser.vue b/frontend/pages/admin/debug/parser.vue
index 287e58594..1fe9c99a9 100644
--- a/frontend/pages/admin/debug/parser.vue
+++ b/frontend/pages/admin/debug/parser.vue
@@ -10,43 +10,86 @@
       </BaseCardSectionTitle>
 
       <div class="d-flex align-center justify-center justify-md-start flex-wrap">
-        <v-btn-toggle v-model="parser" dense mandatory @change="processIngredient">
-          <v-btn value="nlp"> {{ $t('admin.nlp') }} </v-btn>
-          <v-btn value="brute"> {{ $t('admin.brute') }} </v-btn>
-          <v-btn value="openai"> {{ $t('admin.openai') }} </v-btn>
+        <v-btn-toggle
+          v-model="parser"
+          density="compact"
+          mandatory="force"
+          @change="processIngredient"
+        >
+          <v-btn value="nlp">
+            {{ $t('admin.nlp') }}
+          </v-btn>
+          <v-btn value="brute">
+            {{ $t('admin.brute') }}
+          </v-btn>
+          <v-btn value="openai">
+            {{ $t('admin.openai') }}
+          </v-btn>
         </v-btn-toggle>
-
-        <v-checkbox v-model="showConfidence" class="ml-5" :label="$t('admin.show-individual-confidence')"></v-checkbox>
+        <v-spacer />
+        <v-checkbox
+          v-model="showConfidence"
+          class="ml-5"
+          :label="$t('admin.show-individual-confidence')"
+          hide-details
+        />
       </div>
 
       <v-card flat>
         <v-card-text>
-          <v-text-field v-model="ingredient" :label="$t('admin.ingredient-text')"> </v-text-field>
+          <v-text-field
+            v-model="ingredient"
+            :label="$t('admin.ingredient-text')"
+          />
         </v-card-text>
         <v-card-actions>
-          <BaseButton class="ml-auto" @click="processIngredient">
-            <template #icon> {{ $globals.icons.check }}</template>
+          <BaseButton
+            class="ml-auto"
+            @click="processIngredient"
+          >
+            <template #icon>
+              {{ $globals.icons.check }}
+            </template>
             {{ $t("general.submit") }}
           </BaseButton>
         </v-card-actions>
       </v-card>
     </v-container>
     <v-container v-if="results">
-      <div v-if="parser !== 'brute' && getConfidence('average')" class="d-flex">
-        <v-chip dark :color="getColor('average')" class="mx-auto mb-2">
+      <div
+        v-if="parser !== 'brute' && getConfidence('average')"
+        class="d-flex"
+      >
+        <v-chip
+          dark
+          :color="getColor('average')"
+          class="mx-auto mb-2"
+        >
           {{ $t('admin.average-confident', [getConfidence("average")]) }}
         </v-chip>
       </div>
-      <div class="d-flex justify-center flex-wrap" style="gap: 1.5rem">
+      <div
+        class="d-flex justify-center flex-wrap"
+        style="gap: 1.5rem"
+      >
         <template v-for="(prop, index) in properties">
-          <div v-if="prop.value" :key="index" class="flex-grow-1">
+          <div
+            v-if="prop.value"
+            :key="index"
+            class="flex-grow-1"
+          >
             <v-card min-width="200px">
               <v-card-title> {{ prop.value }} </v-card-title>
               <v-card-text>
                 {{ prop.subtitle }}
               </v-card-text>
             </v-card>
-            <v-chip v-if="prop.confidence && showConfidence" dark :color="prop.color" class="mt-2">
+            <v-chip
+              v-if="prop.confidence && showConfidence"
+              dark
+              :color="prop.color!"
+              class="mt-2"
+            >
               {{ $t('admin.average-confident', [prop.confidence]) }}
             </v-chip>
           </div>
@@ -55,7 +98,13 @@
     </v-container>
     <v-container class="narrow-container">
       <v-card-title> {{ $t('admin.try-an-example') }} </v-card-title>
-      <v-card v-for="(text, idx) in tryText" :key="idx" class="my-2" hover @click="processTryText(text)">
+      <v-card
+        v-for="(text, idx) in tryText"
+        :key="idx"
+        class="my-2"
+        hover
+        @click="processTryText(text)"
+      >
         <v-card-text> {{ text }} </v-card-text>
       </v-card>
     </v-container>
@@ -63,17 +112,19 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, ref, toRefs, useContext } from "@nuxtjs/composition-api";
 import { alert } from "~/composables/use-toast";
 import { useUserApi } from "~/composables/api";
-import { IngredientConfidence } from "~/lib/api/types/recipe";
-import { Parser } from "~/lib/api/user/recipes/recipe";
+import type { IngredientConfidence } from "~/lib/api/types/recipe";
+import type { Parser } from "~/lib/api/user/recipes/recipe";
 
 type ConfidenceAttribute = "average" | "comment" | "name" | "unit" | "quantity" | "food";
 
-export default defineComponent({
-  layout: "admin",
+export default defineNuxtComponent({
   setup() {
+    definePageMeta({
+      layout: "admin",
+    });
+
     const api = useUserApi();
 
     const state = reactive({
@@ -83,7 +134,12 @@ export default defineComponent({
       parser: "nlp" as Parser,
     });
 
-    const { i18n } = useContext();
+    const i18n = useI18n();
+
+    // Set page title
+    useSeoMeta({
+      title: i18n.t("admin.parser"),
+    });
 
     const confidence = ref<IngredientConfidence>({});
 
@@ -96,9 +152,11 @@ export default defineComponent({
       // Set color based off range
       if (p_as_num > 75) {
         return "success";
-      } else if (p_as_num > 60) {
+      }
+      else if (p_as_num > 60) {
         return "warning";
-      } else {
+      }
+      else {
         return "error";
       }
     }
@@ -109,8 +167,8 @@ export default defineComponent({
       }
 
       const property = confidence.value[attribute];
-      if (property !== undefined) {
-        return `${(property * 100).toFixed(0)}%`;
+      if (property !== undefined && property !== null) {
+        return `${(+property * 100).toFixed(0)}%`;
       }
       return undefined;
     }
@@ -154,15 +212,14 @@ export default defineComponent({
           const color = getColor(property);
           const confidence = getConfidence(property);
           if (color) {
-            // @ts-ignore See above
             properties[property].color = color;
           }
           if (confidence) {
-            // @ts-ignore See above
             properties[property].confidence = confidence;
           }
         });
-      } else {
+      }
+      else {
         alert.error(i18n.t("events.something-went-wrong") as string);
         state.results = false;
       }
@@ -210,11 +267,6 @@ export default defineComponent({
       processIngredient,
     };
   },
-  head() {
-    return {
-      title: this.$t("admin.parser"),
-    };
-  },
 });
 </script>
 
diff --git a/frontend/pages/admin/maintenance/index.vue b/frontend/pages/admin/maintenance/index.vue
index 4c45b696c..d70301438 100644
--- a/frontend/pages/admin/maintenance/index.vue
+++ b/frontend/pages/admin/maintenance/index.vue
@@ -1,70 +1,75 @@
 <template>
   <v-container fluid class="narrow-container">
-    <BaseDialog
-      v-model="state.storageDetails"
-      :title="$t('admin.maintenance.storage-details')"
+    <BaseDialog v-model="state.storageDetails" :title="$t('admin.maintenance.storage-details')"
       :icon="$globals.icons.folderOutline"
-    >
+>
       <div class="py-2">
-        <template v-for="(value, key, idx) in storageDetails">
-          <v-list-item :key="`item-${key}`">
+        <template v-for="(value, key, idx) in storageDetails" :key="`item-${key}`">
+          <v-list-item>
             <v-list-item-title>
               <div>{{ storageDetailsText(key) }}</div>
             </v-list-item-title>
-            <v-list-item-subtitle class="text-end"> {{ value }} </v-list-item-subtitle>
+            <v-list-item-subtitle class="text-end">
+              {{ value }}
+            </v-list-item-subtitle>
           </v-list-item>
-          <v-divider v-if="idx != 4" :key="`divider-${key}`" class="mx-2"></v-divider>
+          <v-divider v-if="idx != 4" :key="`divider-${key}`" class="mx-2" />
         </template>
       </div>
     </BaseDialog>
 
     <BasePageTitle divider>
-      <template #title> {{ $t("admin.maintenance.page-title") }} </template>
+      <template #title>
+        {{ $t("admin.maintenance.page-title") }}
+      </template>
     </BasePageTitle>
 
     <section>
-      <BaseCardSectionTitle class="pb-0" :icon="$globals.icons.wrench" :title="$tc('admin.maintenance.summary-title')">
-      </BaseCardSectionTitle>
+      <BaseCardSectionTitle class="pb-0" :icon="$globals.icons.wrench" :title="$t('admin.maintenance.summary-title')" />
       <div class="mb-6 ml-2 d-flex" style="gap: 0.3rem">
         <BaseButton color="info" @click="getSummary">
-          <template #icon> {{ $globals.icons.tools }} </template>
+          <template #icon>
+            {{ $globals.icons.tools }}
+          </template>
           {{ $t("admin.maintenance.button-label-get-summary") }}
         </BaseButton>
         <BaseButton color="info" @click="openDetails">
-          <template #icon> {{ $globals.icons.folderOutline }} </template>
+          <template #icon>
+            {{ $globals.icons.folderOutline }}
+          </template>
           {{ $t("admin.maintenance.button-label-open-details") }}
         </BaseButton>
       </div>
       <v-card class="ma-2" :loading="state.fetchingInfo">
-        <template v-for="(value, idx) in info">
-          <v-list-item :key="`item-${idx}`">
+        <template v-for="(value, idx) in info" :key="`item-${idx}`">
+          <v-list-item>
             <v-list-item-title class="py-2">
               <div>{{ value.name }}</div>
-              <v-list-item-subtitle class="text-end"> {{ value.value }} </v-list-item-subtitle>
+              <v-list-item-subtitle class="text-end">
+                {{ value.value }}
+              </v-list-item-subtitle>
             </v-list-item-title>
           </v-list-item>
-          <v-divider :key="`divider-${idx}`" class="mx-2"></v-divider>
+          <v-divider class="mx-2" />
         </template>
       </v-card>
     </section>
     <section>
-      <BaseCardSectionTitle
-        class="pb-0 mt-8"
-        :icon="$globals.icons.wrench"
-        :title="$tc('admin.mainentance.actions-title')"
-      >
-        <i18n path="admin.maintenance.actions-description">
+      <BaseCardSectionTitle class="pb-0 mt-8" :icon="$globals.icons.wrench"
+        :title="$t('admin.mainentance.actions-title')"
+>
+        <i18n-t keypath="admin.maintenance.actions-description">
           <template #destructive_in_bold>
             <b>{{ $t("admin.maintenance.actions-description-destructive") }}</b>
           </template>
           <template #irreversible_in_bold>
             <b>{{ $t("admin.maintenance.actions-description-irreversible") }}</b>
           </template>
-        </i18n>
+        </i18n-t>
       </BaseCardSectionTitle>
       <v-card class="ma-2" :loading="state.actionLoading">
-        <template v-for="(action, idx) in actions">
-          <v-list-item :key="`item-${idx}`" class="py-1">
+        <template v-for="(action, idx) in actions" :key="`item-${idx}`">
+          <v-list-item class="py-1">
             <v-list-item-title>
               <div>{{ action.name }}</div>
               <v-list-item-subtitle class="wrap-word">
@@ -72,11 +77,13 @@
               </v-list-item-subtitle>
             </v-list-item-title>
             <BaseButton color="info" @click="action.handler">
-              <template #icon> {{ $globals.icons.robot }}</template>
+              <template #icon>
+                {{ $globals.icons.robot }}
+              </template>
               {{ $t("general.run") }}
             </BaseButton>
           </v-list-item>
-          <v-divider :key="`divider-${idx}`" class="mx-2"></v-divider>
+          <v-divider class="mx-2" />
         </template>
       </v-card>
     </section>
@@ -84,13 +91,15 @@
 </template>
 
 <script lang="ts">
-import { computed, ref, defineComponent, reactive, useContext } from "@nuxtjs/composition-api";
 import { useAdminApi } from "~/composables/api";
-import { MaintenanceStorageDetails, MaintenanceSummary } from "~/lib/api/types/admin";
+import type { MaintenanceStorageDetails, MaintenanceSummary } from "~/lib/api/types/admin";
 
-export default defineComponent({
-  layout: "admin",
+export default defineNuxtComponent({
   setup() {
+    definePageMeta({
+      layout: "admin",
+    });
+
     const state = reactive({
       storageDetails: false,
       storageDetailsLoading: false,
@@ -99,13 +108,18 @@ export default defineComponent({
     });
 
     const adminApi = useAdminApi();
-    const { i18n } = useContext();
+    const i18n = useI18n();
+
+    // Set page title
+    useSeoMeta({
+      title: i18n.t("admin.maintenance.page-title"),
+    });
 
     // ==========================================================================
     // General Info
 
     const infoResults = ref<MaintenanceSummary>({
-      dataDirSize: i18n.tc("about.unknown-version"),
+      dataDirSize: i18n.t("about.unknown-version"),
       cleanableDirs: 0,
       cleanableImages: 0,
     });
@@ -115,7 +129,7 @@ export default defineComponent({
       const { data } = await adminApi.maintenance.getInfo();
 
       infoResults.value = data ?? {
-        dataDirSize: i18n.tc("about.unknown-version"),
+        dataDirSize: i18n.t("about.unknown-version"),
         cleanableDirs: 0,
         cleanableImages: 0,
       };
@@ -152,7 +166,7 @@ export default defineComponent({
     };
 
     function storageDetailsText(key: string) {
-      return storageTitles[key] ?? i18n.tc("about.unknown-version");
+      return storageTitles[key] ?? i18n.t("about.unknown-version");
     }
 
     const storageDetails = ref<MaintenanceStorageDetails | null>(null);
@@ -219,11 +233,6 @@ export default defineComponent({
       actions,
     };
   },
-  head() {
-    return {
-      title: this.$t("admin.maintenance.page-title") as string,
-    };
-  },
 });
 </script>
 
diff --git a/frontend/pages/admin/manage/groups/_id.vue b/frontend/pages/admin/manage/groups/[id].vue
similarity index 53%
rename from frontend/pages/admin/manage/groups/_id.vue
rename to frontend/pages/admin/manage/groups/[id].vue
index 7afa27235..b79dab3e5 100644
--- a/frontend/pages/admin/manage/groups/_id.vue
+++ b/frontend/pages/admin/manage/groups/[id].vue
@@ -1,47 +1,73 @@
 <template>
-  <v-container v-if="group" class="narrow-container">
+  <v-container
+    v-if="group"
+    class="narrow-container"
+  >
     <BasePageTitle>
       <template #header>
-        <v-img max-height="125" max-width="125" :src="require('~/static/svgs/manage-group-settings.svg')"></v-img>
+        <v-img
+          width="100%"
+          max-height="125"
+          max-width="125"
+          :src="require('~/static/svgs/manage-group-settings.svg')"
+        />
+      </template>
+      <template #title>
+        {{ $t('group.admin-group-management') }}
       </template>
-      <template #title> {{ $t('group.admin-group-management') }} </template>
       {{ $t('group.admin-group-management-text') }}
     </BasePageTitle>
-    <AppToolbar back> </AppToolbar>
+    <AppToolbar back />
     <v-card-text> {{ $t('group.group-id-value', [group.id]) }} </v-card-text>
-    <v-form v-if="!userError" ref="refGroupEditForm" @submit.prevent="handleSubmit">
-      <v-card outlined>
+    <v-form
+      v-if="!userError"
+      ref="refGroupEditForm"
+      @submit.prevent="handleSubmit"
+    >
+      <v-card variant="outlined" style="border-color: lightgrey;">
         <v-card-text>
-          <v-text-field v-model="group.name" :label="$t('group.group-name')"> </v-text-field>
-          <GroupPreferencesEditor v-if="group.preferences" v-model="group.preferences" />
+          <v-text-field
+            v-model="group.name"
+            :label="$t('group.group-name')"
+          />
+          <GroupPreferencesEditor
+            v-if="group.preferences"
+            v-model="group.preferences"
+          />
         </v-card-text>
       </v-card>
       <div class="d-flex pa-2">
-        <BaseButton type="submit" edit class="ml-auto"> {{ $t("general.update") }}</BaseButton>
+        <BaseButton
+          type="submit"
+          edit
+          class="ml-auto"
+        >
+          {{ $t("general.update") }}
+        </BaseButton>
       </div>
     </v-form>
   </v-container>
 </template>
 
 <script lang="ts">
-import { defineComponent, useRoute, onMounted, ref, useContext } from "@nuxtjs/composition-api";
 import GroupPreferencesEditor from "~/components/Domain/Group/GroupPreferencesEditor.vue";
 import { useAdminApi } from "~/composables/api";
 import { alert } from "~/composables/use-toast";
-import { GroupInDB } from "~/lib/api/types/user";
-import { VForm } from "~/types/vuetify";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     GroupPreferencesEditor,
   },
-  layout: "admin",
   setup() {
+    definePageMeta({
+      layout: "admin",
+    });
+
     const route = useRoute();
 
-    const { i18n } = useContext();
+    const i18n = useI18n();
 
-    const groupId = route.value.params.id;
+    const groupId = computed(() => route.params.id as string);
 
     // ==============================================
     // New User Form
@@ -50,22 +76,20 @@ export default defineComponent({
 
     const adminApi = useAdminApi();
 
-    const group = ref<GroupInDB | null>(null);
-
     const userError = ref(false);
 
-    onMounted(async () => {
-      const { data, error } = await adminApi.groups.getOne(groupId);
+    const { data: group } = useLazyAsyncData(`get-household-${groupId.value}`, async () => {
+      if (!groupId.value) {
+        return null;
+      }
+      const { data, error } = await adminApi.groups.getOne(groupId.value);
 
       if (error?.response?.status === 404) {
-        alert.error(i18n.tc("user.user-not-found"));
+        alert.error(i18n.t("user.user-not-found"));
         userError.value = true;
       }
-
-      if (data) {
-        group.value = data;
-      }
-    });
+      return data;
+    }, { watch: [groupId] });
 
     async function handleSubmit() {
       if (!refGroupEditForm.value?.validate() || group.value === null) {
@@ -79,8 +103,9 @@ export default defineComponent({
           window.location.reload();
         }
         group.value = data;
-      } else {
-        alert.error(i18n.tc("settings.settings-update-failed"));
+      }
+      else {
+        alert.error(i18n.t("settings.settings-update-failed"));
       }
     }
 
diff --git a/frontend/pages/admin/manage/groups/index.vue b/frontend/pages/admin/manage/groups/index.vue
index 7f52b12d3..6e095755a 100644
--- a/frontend/pages/admin/manage/groups/index.vue
+++ b/frontend/pages/admin/manage/groups/index.vue
@@ -4,11 +4,16 @@
       v-model="createDialog"
       :title="$t('group.create-group')"
       :icon="$globals.icons.group"
+      can-submit
       @submit="createGroup(createGroupForm.data)"
     >
-      <template #activator> </template>
+      <template #activator />
       <v-card-text>
-        <AutoForm v-model="createGroupForm.data" :update-mode="updateMode" :items="createGroupForm.items" />
+        <AutoForm
+          v-model="createGroupForm.data"
+          :update-mode="updateMode"
+          :items="createGroupForm.items"
+        />
       </v-card-text>
     </BaseDialog>
 
@@ -16,18 +21,25 @@
       v-model="confirmDialog"
       :title="$t('general.confirm')"
       color="error"
+      can-confirm
       @confirm="deleteGroup(deleteTarget)"
     >
-      <template #activator> </template>
+      <template #activator />
       <v-card-text>
         {{ $t("general.confirm-delete-generic") }}
       </v-card-text>
     </BaseDialog>
 
-    <BaseCardSectionTitle :title="$tc('group.group-management')"> </BaseCardSectionTitle>
+    <BaseCardSectionTitle :title="$t('group.group-management')" />
     <section>
-      <v-toolbar flat color="transparent" class="justify-between">
-        <BaseButton @click="openDialog"> {{ $t("general.create") }} </BaseButton>
+      <v-toolbar
+        flat
+        color="transparent"
+        class="justify-between"
+      >
+        <BaseButton @click="openDialog">
+          {{ $t("general.create") }}
+        </BaseButton>
       </v-toolbar>
 
       <v-data-table
@@ -38,26 +50,30 @@
         hide-default-footer
         disable-pagination
         :search="search"
-        @click:row="handleRowClick"
+        @click:row="($event, { item }) => handleRowClick(item)"
       >
-        <template #item.households="{ item }">
-          {{ item.households.length }}
+        <template #[`item.households`]="{ item }">
+          {{ item.households!.length }}
         </template>
-        <template #item.users="{ item }">
-          {{ item.users.length }}
+        <template #[`item.users`]="{ item }">
+          {{ item.users!.length }}
         </template>
-        <template #item.actions="{ item }">
-          <v-tooltip bottom :disabled="!(item && (item.households.length > 0 || item.users.length > 0))">
-            <template #activator="{ on, attrs }">
-              <div v-bind="attrs" v-on="on" >
+        <template #[`item.actions`]="{ item }">
+          <v-tooltip
+            bottom
+            :disabled="!(item && (item.households!.length > 0 || item.users!.length > 0))"
+          >
+            <template #activator="{ props }">
+              <div v-bind="props">
                 <v-btn
-                  :disabled="item && (item.households.length > 0 || item.users.length > 0)"
+                  :disabled="item && (item.households!.length > 0 || item.users!.length > 0)"
                   class="mr-1"
                   icon
                   color="error"
+                  variant="text"
                   @click.stop="
                     confirmDialog = true;
-                    deleteTarget = item.id;
+                    deleteTarget = +item.id;
                   "
                 >
                   <v-icon>
@@ -66,25 +82,33 @@
                 </v-btn>
               </div>
             </template>
-            <span>{{ $tc("admin.group-delete-note") }}</span>
+            <span>{{ $t("admin.group-delete-note") }}</span>
           </v-tooltip>
         </template>
       </v-data-table>
-      <v-divider></v-divider>
+      <v-divider />
     </section>
   </v-container>
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, toRefs, useContext, useRouter } from "@nuxtjs/composition-api";
 import { fieldTypes } from "~/composables/forms";
 import { useGroups } from "~/composables/use-groups";
-import { GroupInDB } from "~/lib/api/types/user";
+import type { GroupInDB } from "~/lib/api/types/user";
 
-export default defineComponent({
-  layout: "admin",
+export default defineNuxtComponent({
   setup() {
-    const { i18n } = useContext();
+    definePageMeta({
+      layout: "admin",
+    });
+
+    const i18n = useI18n();
+
+    // Set page title
+    useSeoMeta({
+      title: i18n.t("group.manage-groups"),
+    });
+
     const { groups, refreshAllGroups, deleteGroup, createGroup } = useGroups();
 
     const state = reactive({
@@ -94,15 +118,15 @@ export default defineComponent({
       search: "",
       headers: [
         {
-          text: i18n.t("group.group"),
+          title: i18n.t("group.group"),
           align: "start",
           sortable: false,
           value: "id",
         },
-        { text: i18n.t("general.name"), value: "name" },
-        { text: i18n.t("group.total-households"), value: "households" },
-        { text: i18n.t("user.total-users"), value: "users" },
-        { text: i18n.t("general.delete"), value: "actions" },
+        { title: i18n.t("general.name"), value: "name" },
+        { title: i18n.t("group.total-households"), value: "households" },
+        { title: i18n.t("user.total-users"), value: "users" },
+        { title: i18n.t("general.delete"), value: "actions" },
       ],
       updateMode: false,
       createGroupForm: {
@@ -125,17 +149,15 @@ export default defineComponent({
       state.createGroupForm.data.name = "";
     }
 
-    const router = useRouter();
-
     function handleRowClick(item: GroupInDB) {
-      router.push(`/admin/manage/groups/${item.id}`);
+      navigateTo(`/admin/manage/groups/${item.id}`);
     }
 
     return { ...toRefs(state), groups, refreshAllGroups, deleteGroup, createGroup, openDialog, handleRowClick };
   },
   head() {
     return {
-      title: this.$t("group.manage-groups") as string,
+      title: useI18n().t("group.manage-groups"),
     };
   },
 });
diff --git a/frontend/pages/admin/manage/households/_id.vue b/frontend/pages/admin/manage/households/[id].vue
similarity index 56%
rename from frontend/pages/admin/manage/households/_id.vue
rename to frontend/pages/admin/manage/households/[id].vue
index f1fac388e..82de3d373 100644
--- a/frontend/pages/admin/manage/households/_id.vue
+++ b/frontend/pages/admin/manage/households/[id].vue
@@ -1,67 +1,94 @@
 <template>
-  <v-container v-if="household" class="narrow-container">
+  <v-container
+    v-if="household"
+    class="narrow-container"
+  >
     <BasePageTitle>
       <template #header>
-        <v-img max-height="125" max-width="125" :src="require('~/static/svgs/manage-group-settings.svg')"></v-img>
+        <v-img
+          width="100%"
+          max-height="125"
+          max-width="125"
+          :src="require('~/static/svgs/manage-group-settings.svg')"
+        />
+      </template>
+      <template #title>
+        {{ $t('household.admin-household-management') }}
       </template>
-      <template #title> {{ $t('household.admin-household-management') }} </template>
       {{ $t('household.admin-household-management-text') }}
     </BasePageTitle>
-    <AppToolbar back> </AppToolbar>
+    <AppToolbar back />
     <v-card-text> {{ $t('household.household-id-value', [household.id]) }} </v-card-text>
-    <v-form v-if="!userError" ref="refHouseholdEditForm" @submit.prevent="handleSubmit">
-      <v-card outlined>
+    <v-form
+      v-if="!userError"
+      ref="refHouseholdEditForm"
+      @submit.prevent="handleSubmit"
+    >
+      <v-card variant="outlined" style="border-color: lightgrey;">
         <v-card-text>
           <v-select
             v-if="groups"
             v-model="household.groupId"
             disabled
             :items="groups"
-            rounded
+            variant="solo-filled"
+            flat
             class="rounded-lg"
-            item-text="name"
+            item-title="name"
             item-value="id"
             :return-object="false"
-            filled
-            :label="$tc('group.user-group')"
+            :label="$t('group.user-group')"
             :rules="[validators.required]"
           />
           <v-text-field
             v-model="household.name"
+            variant="solo-filled"
+            flat
             :label="$t('household.household-name')"
             :rules="[validators.required]"
           />
-          <HouseholdPreferencesEditor v-if="household.preferences" v-model="household.preferences" />
+          <HouseholdPreferencesEditor
+            v-if="household.preferences"
+            v-model="household.preferences"
+            variant="solo-filled"
+            flat
+          />
         </v-card-text>
       </v-card>
       <div class="d-flex pa-2">
-        <BaseButton type="submit" edit class="ml-auto"> {{ $t("general.update") }}</BaseButton>
+        <BaseButton
+          type="submit"
+          edit
+          class="ml-auto"
+        >
+          {{ $t("general.update") }}
+        </BaseButton>
       </div>
     </v-form>
   </v-container>
 </template>
 
 <script lang="ts">
-import { defineComponent, useRoute, onMounted, ref, useContext } from "@nuxtjs/composition-api";
 import HouseholdPreferencesEditor from "~/components/Domain/Household/HouseholdPreferencesEditor.vue";
 import { useGroups } from "~/composables/use-groups";
 import { useAdminApi } from "~/composables/api";
 import { alert } from "~/composables/use-toast";
 import { validators } from "~/composables/use-validators";
-import { HouseholdInDB } from "~/lib/api/types/household";
-import { VForm } from "~/types/vuetify";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     HouseholdPreferencesEditor,
   },
-  layout: "admin",
   setup() {
+    definePageMeta({
+      layout: "admin",
+    });
+
     const route = useRoute();
-    const { i18n } = useContext();
+    const i18n = useI18n();
 
     const { groups } = useGroups();
-    const householdId = route.value.params.id;
+    const householdId = computed(() => route.params.id as string);
 
     // ==============================================
     // New User Form
@@ -70,22 +97,20 @@ export default defineComponent({
 
     const adminApi = useAdminApi();
 
-    const household = ref<HouseholdInDB | null>(null);
-
     const userError = ref(false);
 
-    onMounted(async () => {
-      const { data, error } = await adminApi.households.getOne(householdId);
+    const { data: household } = useAsyncData(`get-household-${householdId.value}`, async () => {
+      if (!householdId.value) {
+        return null;
+      }
+      const { data, error } = await adminApi.households.getOne(householdId.value);
 
       if (error?.response?.status === 404) {
-        alert.error(i18n.tc("user.user-not-found"));
+        alert.error(i18n.t("user.user-not-found"));
         userError.value = true;
       }
-
-      if (data) {
-          household.value = data;
-      }
-    });
+      return data;
+    }, { watch: [householdId] });
 
     async function handleSubmit() {
       if (!refHouseholdEditForm.value?.validate() || household.value === null) {
@@ -95,9 +120,10 @@ export default defineComponent({
       const { response, data } = await adminApi.households.updateOne(household.value.id, household.value);
       if (response?.status === 200 && data) {
         household.value = data;
-        alert.success(i18n.tc("settings.settings-updated"));
-      } else {
-        alert.error(i18n.tc("settings.settings-update-failed"));
+        alert.success(i18n.t("settings.settings-updated"));
+      }
+      else {
+        alert.error(i18n.t("settings.settings-update-failed"));
       }
     }
 
diff --git a/frontend/pages/admin/manage/households/index.vue b/frontend/pages/admin/manage/households/index.vue
index e14f84e3a..3e9e4156b 100644
--- a/frontend/pages/admin/manage/households/index.vue
+++ b/frontend/pages/admin/manage/households/index.vue
@@ -5,7 +5,7 @@
       :title="$t('household.create-household')"
       :icon="$globals.icons.household"
     >
-      <template #activator> </template>
+      <template #activator />
       <v-card-text>
         <v-form ref="refNewHouseholdForm">
           <v-select
@@ -14,18 +14,27 @@
             :items="groups"
             rounded
             class="rounded-lg"
-            item-text="name"
+            item-title="name"
             item-value="id"
             :return-object="false"
-            filled
-            :label="$tc('household.household-group')"
+            variant="filled"
+            :label="$t('household.household-group')"
             :rules="[validators.required]"
           />
-          <AutoForm v-model="createHouseholdForm.data" :update-mode="updateMode" :items="createHouseholdForm.items" />
+          <AutoForm
+            v-model="createHouseholdForm.data"
+            :update-mode="updateMode"
+            :items="createHouseholdForm.items"
+          />
         </v-form>
       </v-card-text>
       <template #custom-card-action>
-        <BaseButton type="submit" @click="handleCreateSubmit"> {{ $t("general.create") }} </BaseButton>
+        <BaseButton
+          type="submit"
+          @click="handleCreateSubmit"
+        >
+          {{ $t("general.create") }}
+        </BaseButton>
       </template>
     </BaseDialog>
 
@@ -33,51 +42,63 @@
       v-model="confirmDialog"
       :title="$t('general.confirm')"
       color="error"
+      can-confirm
       @confirm="deleteHousehold(deleteTarget)"
     >
-      <template #activator> </template>
+      <template #activator />
       <v-card-text>
         {{ $t("general.confirm-delete-generic") }}
       </v-card-text>
     </BaseDialog>
 
-    <BaseCardSectionTitle :title="$tc('household.household-management')"> </BaseCardSectionTitle>
+    <BaseCardSectionTitle :title="$t('household.household-management')" />
     <section>
-      <v-toolbar flat color="transparent" class="justify-between">
-        <BaseButton @click="openDialog"> {{ $t("general.create") }} </BaseButton>
+      <v-toolbar
+        flat
+        color="transparent"
+        class="justify-between"
+      >
+        <BaseButton @click="openDialog">
+          {{ $t("general.create") }}
+        </BaseButton>
       </v-toolbar>
 
       <v-data-table
+        v-if="headers && households"
         :headers="headers"
-        :items="households || []"
+        :items="households"
         item-key="id"
         class="elevation-0"
         hide-default-footer
         disable-pagination
         :search="search"
-        @click:row="handleRowClick"
+        @click:row="($event, { item }) => handleRowClick(item)"
       >
-        <template #item.users="{ item }">
-          {{ item.users.length }}
+        <template #[`item.users`]="{ item }">
+          {{ item.users?.length }}
         </template>
-        <template #item.group="{ item }">
+        <template #[`item.group`]="{ item }">
           {{ item.group }}
         </template>
-        <template #item.webhookEnable="{ item }">
-          {{ item.webhooks.length > 0 ? $t("general.yes") : $t("general.no") }}
+        <template #[`item.webhookEnable`]="{ item }">
+          {{ item.webhooks!.length > 0 ? $t("general.yes") : $t("general.no") }}
         </template>
-        <template #item.actions="{ item }">
-          <v-tooltip bottom :disabled="!(item && item.users.length > 0)">
-            <template #activator="{ on, attrs }">
-              <div v-bind="attrs" v-on="on" >
+        <template #[`item.actions`]="{ item }">
+          <v-tooltip
+            bottom
+            :disabled="!(item && item.users!.length > 0)"
+          >
+            <template #activator="{ props }">
+              <div v-bind="props">
                 <v-btn
-                  :disabled="item && item.users.length > 0"
+                  :disabled="item && item.users!.length > 0"
                   class="mr-1"
                   icon
                   color="error"
+                  variant="text"
                   @click.stop="
                     confirmDialog = true;
-                    deleteTarget = item.id;
+                    deleteTarget = +item.id;
                   "
                 >
                   <v-icon>
@@ -86,28 +107,36 @@
                 </v-btn>
               </div>
             </template>
-            <span>{{ $tc("admin.household-delete-note") }}</span>
+            <span>{{ $t("admin.household-delete-note") }}</span>
           </v-tooltip>
         </template>
       </v-data-table>
-      <v-divider></v-divider>
+      <v-divider />
     </section>
   </v-container>
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, ref, toRefs, useContext, useRouter } from "@nuxtjs/composition-api";
 import { fieldTypes } from "~/composables/forms";
 import { useGroups } from "~/composables/use-groups";
 import { useAdminHouseholds } from "~/composables/use-households";
 import { validators } from "~/composables/use-validators";
-import { HouseholdInDB } from "~/lib/api/types/household";
-import { VForm } from "~/types/vuetify";
+import type { HouseholdInDB } from "~/lib/api/types/household";
+import type { VForm } from "~/types/auto-forms";
 
-export default defineComponent({
-  layout: "admin",
+export default defineNuxtComponent({
   setup() {
-    const { i18n } = useContext();
+    definePageMeta({
+      layout: "admin",
+    });
+
+    const i18n = useI18n();
+
+    // Set page title
+    useSeoMeta({
+      title: i18n.t("household.manage-households"),
+    });
+
     const { groups } = useGroups();
     const { households, refreshAllHouseholds, deleteHousehold, createHousehold } = useAdminHouseholds();
     const refNewHouseholdForm = ref<VForm | null>(null);
@@ -120,16 +149,16 @@ export default defineComponent({
       search: "",
       headers: [
         {
-          text: i18n.t("household.household"),
+          title: i18n.t("household.household"),
           align: "start",
           sortable: false,
           value: "id",
         },
-        { text: i18n.t("general.name"), value: "name" },
-        { text: i18n.t("group.group"), value: "group" },
-        { text: i18n.t("user.total-users"), value: "users" },
-        { text: i18n.t("user.webhooks-enabled"), value: "webhookEnable" },
-        { text: i18n.t("general.delete"), value: "actions" },
+        { title: i18n.t("general.name"), value: "name" },
+        { title: i18n.t("group.group"), value: "group" },
+        { title: i18n.t("user.total-users"), value: "users" },
+        { title: i18n.t("user.webhooks-enabled"), value: "webhookEnable" },
+        { title: i18n.t("general.delete"), value: "actions" },
       ],
       updateMode: false,
       createHouseholdForm: {
@@ -170,21 +199,16 @@ export default defineComponent({
     }
 
     return {
-        ...toRefs(state),
-        refNewHouseholdForm,
-        groups,
-        households,
-        validators,
-        refreshAllHouseholds,
-        deleteHousehold,
-        handleCreateSubmit,
-        openDialog,
-        handleRowClick,
-    };
-  },
-  head() {
-    return {
-      title: this.$t("household.manage-households") as string,
+      ...toRefs(state),
+      refNewHouseholdForm,
+      groups,
+      households,
+      validators,
+      refreshAllHouseholds,
+      deleteHousehold,
+      handleCreateSubmit,
+      openDialog,
+      handleRowClick,
     };
   },
 });
diff --git a/frontend/pages/admin/manage/users/_id.vue b/frontend/pages/admin/manage/users/[id].vue
similarity index 62%
rename from frontend/pages/admin/manage/users/_id.vue
rename to frontend/pages/admin/manage/users/[id].vue
index eac8b5bf9..a0f000075 100644
--- a/frontend/pages/admin/manage/users/_id.vue
+++ b/frontend/pages/admin/manage/users/[id].vue
@@ -1,18 +1,35 @@
 <template>
-  <v-container v-if="user" class="narrow-container">
+  <v-container
+    v-if="user"
+    class="narrow-container"
+  >
     <BasePageTitle>
       <template #header>
-        <v-img max-height="125" max-width="125" :src="require('~/static/svgs/manage-profile.svg')"></v-img>
+        <v-img
+          width="100%"
+          max-height="125"
+          max-width="125"
+          :src="require('~/static/svgs/manage-profile.svg')"
+        />
+      </template>
+      <template #title>
+        {{ $t("user.admin-user-management") }}
       </template>
-      <template #title> {{ $t("user.admin-user-management") }} </template>
       {{ $t("user.changes-reflected-immediately") }}
     </BasePageTitle>
-    <AppToolbar back> </AppToolbar>
-    <v-form v-if="!userError" ref="refNewUserForm" @submit.prevent="handleSubmit">
-      <v-card outlined>
+    <AppToolbar back />
+    <v-form
+      v-if="!userError"
+      ref="refNewUserForm"
+      @submit.prevent="handleSubmit"
+    >
+      <v-card
+        variant="outlined"
+        style="border-color: lightgrey;"
+      >
         <v-card-text>
           <div class="d-flex">
-            <p> {{ $t("user.user-id-with-value", {id: user.id} ) }}</p>
+            <p> {{ $t("user.user-id-with-value", { id: user.id }) }}</p>
           </div>
           <!-- This is disabled since we can't properly handle changing the user's group in most scenarios -->
           <v-select
@@ -20,83 +37,118 @@
             v-model="user.group"
             disabled
             :items="groups"
-            rounded
-            class="rounded-lg"
-            item-text="name"
+            variant="solo-filled"
+            flat
+            item-title="name"
             item-value="name"
             :return-object="false"
-            filled
-            :label="$tc('group.user-group')"
+            :label="$t('group.user-group')"
             :rules="[validators.required]"
           />
           <v-select
             v-if="households"
             v-model="user.household"
             :items="households"
-            rounded
-            class="rounded-lg"
-            item-text="name"
+            variant="solo-filled"
+            flat
+            item-title="name"
             item-value="name"
             :return-object="false"
-            filled
-            :label="$tc('household.user-household')"
+            :label="$t('household.user-household')"
             :rules="[validators.required]"
           />
           <div class="d-flex py-2 pr-2">
-            <BaseButton type="button" :loading="generatingToken" create @click.prevent="handlePasswordReset">
+            <BaseButton
+              type="button"
+              :loading="generatingToken"
+              create
+              @click.prevent="handlePasswordReset"
+            >
               {{ $t("user.generate-password-reset-link") }}
             </BaseButton>
           </div>
-          <div v-if="resetUrl" class="mb-2">
+          <div
+            v-if="resetUrl"
+            class="mb-2"
+          >
             <v-card-text>
               <p class="text-center pb-0">
                 {{ resetUrl }}
               </p>
             </v-card-text>
-            <v-card-actions class="align-center pt-0" style="gap: 4px">
-              <BaseButton cancel @click="resetUrl = ''"> {{ $t("general.close") }} </BaseButton>
-              <v-spacer></v-spacer>
-              <BaseButton v-if="user.email" color="info" class="mr-1" @click="sendResetEmail">
+            <v-card-actions
+              class="align-center pt-0"
+              style="gap: 4px"
+            >
+              <BaseButton
+                cancel
+                @click="resetUrl = ''"
+              >
+                {{ $t("general.close") }}
+              </BaseButton>
+              <v-spacer />
+              <BaseButton
+                v-if="user.email"
+                color="info"
+                class="mr-1"
+                @click="sendResetEmail"
+              >
                 <template #icon>
                   {{ $globals.icons.email }}
                 </template>
                 {{ $t("user.email") }}
               </BaseButton>
-              <AppButtonCopy :icon="false" color="info" :copy-text="resetUrl" />
+              <AppButtonCopy
+                :icon="false"
+                color="info"
+                :copy-text="resetUrl"
+              />
             </v-card-actions>
           </div>
 
-          <AutoForm v-model="user" :items="userForm" update-mode :disabled-fields="disabledFields" />
+          <AutoForm
+            v-model="user"
+            :items="userForm"
+            update-mode
+            :disabled-fields="disabledFields"
+          />
         </v-card-text>
       </v-card>
       <div class="d-flex pa-2">
-        <BaseButton type="submit" edit class="ml-auto"> {{ $t("general.update") }}</BaseButton>
+        <BaseButton
+          type="submit"
+          edit
+          class="ml-auto"
+        >
+          {{ $t("general.update") }}
+        </BaseButton>
       </div>
     </v-form>
   </v-container>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useRoute, onMounted, ref, useContext } from "@nuxtjs/composition-api";
 import { useAdminApi, useUserApi } from "~/composables/api";
 import { useGroups } from "~/composables/use-groups";
 import { useAdminHouseholds } from "~/composables/use-households";
 import { alert } from "~/composables/use-toast";
 import { useUserForm } from "~/composables/use-users";
 import { validators } from "~/composables/use-validators";
-import { VForm } from "~/types/vuetify";
-import { UserOut } from "~/lib/api/types/user";
+import type { UserOut } from "~/lib/api/types/user";
 
-export default defineComponent({
-  layout: "admin",
+export default defineNuxtComponent({
   setup() {
+    definePageMeta({
+      layout: "admin",
+    });
+
     const { userForm } = useUserForm();
     const { groups } = useGroups();
     const { useHouseholdsInGroup } = useAdminHouseholds();
-    const { i18n } = useContext();
+    const i18n = useI18n();
     const route = useRoute();
 
-    const userId = route.value.params.id;
+    const userId = route.params.id as string;
 
     // ==============================================
     // New User Form
@@ -110,7 +162,7 @@ export default defineComponent({
 
     const disabledFields = computed(() => {
       return user.value?.authMethod !== "Mealie" ? ["admin"] : [];
-    })
+    });
 
     const userError = ref(false);
 
@@ -121,7 +173,7 @@ export default defineComponent({
       const { data, error } = await adminApi.users.getOne(userId);
 
       if (error?.response?.status === 404) {
-        alert.error(i18n.tc("user.user-not-found"));
+        alert.error(i18n.t("user.user-not-found"));
         userError.value = true;
       }
 
@@ -159,9 +211,10 @@ export default defineComponent({
       if (!user.value?.email) return;
       const { response } = await userApi.email.sendForgotPassword({ email: user.value.email });
       if (response && response.status === 200) {
-        alert.success(i18n.tc("profile.email-sent"));
-      } else {
-        alert.error(i18n.tc("profile.error-sending-email"));
+        alert.success(i18n.t("profile.email-sent"));
+      }
+      else {
+        alert.error(i18n.t("profile.error-sending-email"));
       }
     }
 
diff --git a/frontend/pages/admin/manage/users/create.vue b/frontend/pages/admin/manage/users/create.vue
index 099f43ab9..d2b4c8d6a 100644
--- a/frontend/pages/admin/manage/users/create.vue
+++ b/frontend/pages/admin/manage/users/create.vue
@@ -2,23 +2,34 @@
   <v-container class="narrow-container">
     <BasePageTitle class="mb-2">
       <template #header>
-        <v-img max-height="125" max-width="125" :src="require('~/static/svgs/manage-profile.svg')"></v-img>
+        <v-img
+          width="100%"
+          max-height="125"
+          max-width="125"
+          :src="require('~/static/svgs/manage-profile.svg')"
+        />
+      </template>
+      <template #title>
+        {{ $t('user.admin-user-creation') }}
       </template>
-      <template #title> {{ $t('user.admin-user-creation') }} </template>
     </BasePageTitle>
-    <AppToolbar back> </AppToolbar>
-    <v-form ref="refNewUserForm" @submit.prevent="handleSubmit">
-      <v-card outlined>
+    <AppToolbar back />
+    <v-form
+      ref="refNewUserForm"
+      @submit.prevent="handleSubmit"
+    >
+      <v-card variant="outlined">
         <v-card-text>
           <v-select
+            v-if="groups"
             v-model="selectedGroupId"
             :items="groups"
             rounded
             class="rounded-lg"
-            item-text="name"
+            item-title="name"
             item-value="id"
             :return-object="false"
-            filled
+            variant="filled"
             :label="$t('group.user-group')"
             :rules="[validators.required]"
           />
@@ -28,37 +39,46 @@
             :items="households"
             rounded
             class="rounded-lg"
-            item-text="name"
+            item-title="name"
             item-value="name"
             :return-object="false"
-            filled
+            variant="filled"
             :label="$t('household.user-household')"
-            :hint="selectedGroupId ? '' : $tc('group.you-must-select-a-group-before-selecting-a-household')"
+            :hint="selectedGroupId ? '' : $t('group.you-must-select-a-group-before-selecting-a-household')"
             persistent-hint
             :rules="[validators.required]"
           />
-          <AutoForm v-model="newUserData" :items="userForm" />
+          <AutoForm
+            v-model="newUserData"
+            :items="userForm"
+          />
         </v-card-text>
       </v-card>
       <div class="d-flex pa-2">
-        <BaseButton type="submit" class="ml-auto"></BaseButton>
+        <BaseButton
+          type="submit"
+          class="ml-auto"
+        />
       </div>
     </v-form>
   </v-container>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useRouter, reactive, ref, toRefs, watch } from "@nuxtjs/composition-api";
 import { useAdminApi } from "~/composables/api";
 import { useGroups } from "~/composables/use-groups";
 import { useAdminHouseholds } from "~/composables/use-households";
 import { useUserForm } from "~/composables/use-users";
 import { validators } from "~/composables/use-validators";
-import { VForm } from "~/types/vuetify";
+import type { UserIn } from "~/lib/api/types/user";
+import type { VForm } from "~/types/auto-forms";
 
-export default defineComponent({
-  layout: "admin",
+export default defineNuxtComponent({
   setup() {
+    definePageMeta({
+      layout: "admin",
+    });
+
     const { userForm } = useUserForm();
     const { groups } = useGroups();
     const { useHouseholdsInGroup } = useAdminHouseholds();
@@ -75,7 +95,7 @@ export default defineComponent({
     const households = useHouseholdsInGroup(selectedGroupId);
 
     const selectedGroup = computed(() => {
-      return groups.value?.find((group) => group.id === selectedGroupId.value);
+      return groups.value?.find(group => group.id === selectedGroupId.value);
     });
     const state = reactive({
       newUserData: {
@@ -101,7 +121,7 @@ export default defineComponent({
     async function handleSubmit() {
       if (!refNewUserForm.value?.validate()) return;
 
-      const { response } = await adminApi.users.createOne(state.newUserData);
+      const { response } = await adminApi.users.createOne(state.newUserData as UserIn);
 
       if (response?.status === 201) {
         router.push("/admin/manage/users");
diff --git a/frontend/pages/admin/manage/users/index.vue b/frontend/pages/admin/manage/users/index.vue
index c36bb4340..7565b22cc 100644
--- a/frontend/pages/admin/manage/users/index.vue
+++ b/frontend/pages/admin/manage/users/index.vue
@@ -3,32 +3,52 @@
     <UserInviteDialog v-model="inviteDialog" />
     <BaseDialog
       v-model="deleteDialog"
-      :title="$tc('general.confirm')"
+      :title="$t('general.confirm')"
       color="error"
+      can-confirm
       @confirm="deleteUser(deleteTargetId)"
     >
-      <template #activator> </template>
+      <template #activator />
 
       <v-card-text>
-        <v-alert v-if="isUserOwnAccount" type="warning" text outlined>
-          {{ $t("general.confirm-delete-own-admin-account") }}
-        </v-alert>
+        <v-alert
+          v-if="isUserOwnAccount"
+          type="warning"
+          :text="$t('general.confirm-delete-own-admin-account')"
+          variant="outlined"
+        />
         {{ $t("general.confirm-delete-generic") }}
       </v-card-text>
     </BaseDialog>
 
-    <BaseCardSectionTitle :title="$tc('user.user-management')"> </BaseCardSectionTitle>
+    <BaseCardSectionTitle :title="$t('user.user-management')" />
     <section>
-      <v-toolbar color="transparent" flat class="justify-between">
-        <BaseButton to="/admin/manage/users/create" class="mr-2">
+      <v-toolbar
+        color="transparent"
+        flat
+        class="justify-between"
+      >
+        <BaseButton
+          to="/admin/manage/users/create"
+          class="mr-2"
+        >
           {{ $t("general.create") }}
         </BaseButton>
-        <BaseButton class="mr-2" color="info" :icon="$globals.icons.link" @click="inviteDialog = true">
+        <BaseButton
+          class="mr-2"
+          color="info"
+          :icon="$globals.icons.link"
+          @click="inviteDialog = true"
+        >
           {{ $t("group.invite") }}
         </BaseButton>
 
-        <BaseOverflowButton mode="event" :items="ACTIONS_OPTIONS" @unlock-all-users="unlockAllUsers">
-        </BaseOverflowButton>
+        <BaseOverflowButton
+          mode="event"
+          variant="elevated"
+          :items="ACTIONS_OPTIONS"
+          @unlock-all-users="unlockAllUsers"
+        />
       </v-toolbar>
       <v-data-table
         :headers="headers"
@@ -39,18 +59,22 @@
         hide-default-footer
         disable-pagination
         :search="search"
-        @click:row="handleRowClick"
+        @click:row="($event, { item }) => handleRowClick(item)"
       >
-        <template #item.admin="{ item }">
-          <v-icon right :color="item.admin ? 'success' : null">
+        <template #[`item.admin`]="{ item }">
+          <v-icon
+            end
+            :color="item.admin ? 'success' : undefined"
+          >
             {{ item.admin ? $globals.icons.checkboxMarkedCircle : $globals.icons.windowClose }}
           </v-icon>
         </template>
-        <template #item.actions="{ item }">
+        <template #[`item.actions`]="{ item }">
           <v-btn
             icon
-            :disabled="item.id == 1"
+            :disabled="+item.id == 1"
             color="error"
+            variant="text"
             @click.stop="
               deleteDialog = true;
               deleteTargetId = item.id;
@@ -62,33 +86,36 @@
           </v-btn>
         </template>
       </v-data-table>
-      <v-divider></v-divider>
+      <v-divider />
     </section>
   </v-container>
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, ref, toRefs, useContext, useRouter, computed } from "@nuxtjs/composition-api";
 import { useAdminApi } from "~/composables/api";
 import { alert } from "~/composables/use-toast";
 import { useUser, useAllUsers } from "~/composables/use-user";
-import { UserOut } from "~/lib/api/types/user";
+import type { UserOut } from "~/lib/api/types/user";
 import UserInviteDialog from "~/components/Domain/User/UserInviteDialog.vue";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     UserInviteDialog,
   },
-  layout: "admin",
   setup() {
+    definePageMeta({
+      layout: "admin",
+    });
+
     const api = useAdminApi();
     const refUserDialog = ref();
     const inviteDialog = ref();
-    const { $auth } = useContext();
+    const $auth = useMealieAuth();
 
-    const user = computed(() => $auth.user);
+    const user = computed(() => $auth.user.value);
 
-    const { $globals, i18n } = useContext();
+    const i18n = useI18n();
+    const { $globals } = useNuxtApp();
 
     const router = useRouter();
 
@@ -120,7 +147,7 @@ export default defineComponent({
       deleteUserMixin(id);
 
       if (isUserOwnAccount.value) {
-        $auth.logout();
+        $auth.refresh();
       }
     }
 
@@ -133,18 +160,18 @@ export default defineComponent({
 
     const headers = [
       {
-        text: i18n.t("user.user-id"),
+        title: i18n.t("user.user-id"),
         align: "start",
         value: "id",
       },
-      { text: i18n.t("user.username"), value: "username" },
-      { text: i18n.t("user.full-name"), value: "fullName" },
-      { text: i18n.t("user.email"), value: "email" },
-      { text: i18n.t("group.group"), value: "group" },
-      { text: i18n.t("household.household"), value: "household" },
-      { text: i18n.t("user.auth-method"), value: "authMethod" },
-      { text: i18n.t("user.admin"), value: "admin" },
-      { text: i18n.t("general.delete"), value: "actions", sortable: false, align: "center" },
+      { title: i18n.t("user.username"), value: "username" },
+      { title: i18n.t("user.full-name"), value: "fullName" },
+      { title: i18n.t("user.email"), value: "email" },
+      { title: i18n.t("group.group"), value: "group" },
+      { title: i18n.t("household.household"), value: "household" },
+      { title: i18n.t("user.auth-method"), value: "authMethod" },
+      { title: i18n.t("user.admin"), value: "admin" },
+      { title: i18n.t("general.delete"), value: "actions", sortable: false, align: "center" },
     ];
 
     async function unlockAllUsers(): Promise<void> {
@@ -158,6 +185,10 @@ export default defineComponent({
       }
     }
 
+    useSeoMeta({
+      title: i18n.t("sidebar.manage-users"),
+    });
+
     return {
       isUserOwnAccount,
       unlockAllUsers,
@@ -175,7 +206,7 @@ export default defineComponent({
   },
   head() {
     return {
-      title: this.$t("sidebar.manage-users") as string,
+      title: useI18n().t("sidebar.manage-users"),
     };
   },
 });
diff --git a/frontend/pages/admin/setup.vue b/frontend/pages/admin/setup.vue
index ef8e25c2a..d692cb6a8 100644
--- a/frontend/pages/admin/setup.vue
+++ b/frontend/pages/admin/setup.vue
@@ -1,41 +1,39 @@
 <template>
-  <v-container
-    fill-height
-    fluid
-    class="d-flex justify-center align-center"
-    width="1200px"
-    min-height="700px"
-    :class="{
-      'bg-off-white': !$vuetify.theme.dark,
-    }"
+  <v-container fill-height
+               fluid
+               class="d-flex justify-center align-center"
+               width="1200px"
+               min-height="700px"
+               :class="{
+                 'bg-off-white': !$vuetify.theme.current.dark,
+               }"
   >
-    <BaseWizard
-      v-model="currentPage"
-      :max-page-number="totalPages"
-      :title="$i18n.tc('admin.setup.first-time-setup')"
-      :prev-button-show="activeConfig.showPrevButton"
-      :next-button-show="activeConfig.showNextButton"
-      :next-button-text="activeConfig.nextButtonText"
-      :next-button-icon="activeConfig.nextButtonIcon"
-      :next-button-color="activeConfig.nextButtonColor"
-      :next-button-is-submit="activeConfig.isSubmit"
-      :is-submitting="isSubmitting"
-      @submit="handleSubmit"
+    <BaseWizard v-model="currentPage"
+                :max-page-number="totalPages"
+                :title="$t('admin.setup.first-time-setup')"
+                :prev-button-show="activeConfig.showPrevButton"
+                :next-button-show="activeConfig.showNextButton"
+                :next-button-text="activeConfig.nextButtonText"
+                :next-button-icon="activeConfig.nextButtonIcon"
+                :next-button-color="activeConfig.nextButtonColor"
+                :next-button-is-submit="activeConfig.isSubmit"
+                :is-submitting="isSubmitting"
+                @submit="handleSubmit"
     >
-      <v-container v-if="currentPage === Pages.LANDING" class="mb-12">
-        <v-card-title class="text-h4 justify-center">
-          {{ $i18n.tc('admin.setup.welcome-to-mealie-get-started') }}
+      <v-container v-if="currentPage === Pages.LANDING"
+                   class="mb-12"
+      >
+        <v-card-title class="text-h4 justify-center text-center">
+          {{ $t('admin.setup.welcome-to-mealie-get-started') }}
         </v-card-title>
-        <v-btn
-          :to="groupSlug ? `/g/${groupSlug}` : '/login'"
-          rounded
-          outlined
-          text
-          color="grey lighten-1"
-          class="text-subtitle-2 d-flex mx-auto"
-          style="width: fit-content;"
+        <v-btn :to="groupSlug ? `/g/${groupSlug}` : '/login'"
+               rounded
+               variant="outlined"
+               color="grey-lighten-1"
+               class="text-subtitle-2 d-flex mx-auto"
+               style="width: fit-content;"
         >
-          {{ $i18n.tc('admin.setup.already-set-up-bring-to-homepage') }}
+          {{ $t('admin.setup.already-set-up-bring-to-homepage') }}
         </v-btn>
       </v-container>
       <v-container v-if="currentPage === Pages.USER_INFO">
@@ -43,9 +41,11 @@
       </v-container>
       <v-container v-if="currentPage === Pages.PAGE_2">
         <v-card-title class="headline justify-center">
-          {{ $i18n.tc('admin.setup.common-settings-for-new-sites') }}
+          {{ $t('admin.setup.common-settings-for-new-sites') }}
         </v-card-title>
-        <AutoForm v-model="commonSettings" :items="commonSettingsForm" />
+        <AutoForm v-model="commonSettings"
+                  :items="commonSettingsForm"
+        />
       </v-container>
       <v-container v-if="currentPage === Pages.CONFIRM">
         <v-card-title class="headline justify-center">
@@ -53,33 +53,37 @@
         </v-card-title>
         <v-list>
           <template v-for="(item, idx) in confirmationData">
-            <v-list-item v-if="item.display" :key="idx">
-              <v-list-item-content>
-                <v-list-item-title> {{ item.text }} </v-list-item-title>
-                <v-list-item-subtitle> {{ item.value }} </v-list-item-subtitle>
-              </v-list-item-content>
+            <v-list-item v-if="item.display"
+                         :key="idx"
+            >
+              <v-list-item-title> {{ item.text }} </v-list-item-title>
+              <v-list-item-subtitle> {{ item.value }} </v-list-item-subtitle>
             </v-list-item>
-            <v-divider v-if="idx !== confirmationData.length - 1" :key="`divider-${idx}`" />
+            <v-divider v-if="idx !== confirmationData.length - 1"
+                       :key="`divider-${idx}`"
+            />
           </template>
         </v-list>
       </v-container>
       <v-container v-if="currentPage === Pages.END">
         <v-card-title class="text-h4 justify-center">
-          {{ $i18n.tc('admin.setup.setup-complete') }}
+          {{ $t('admin.setup.setup-complete') }}
         </v-card-title>
         <v-card-title class="text-h6 justify-center">
-          {{ $i18n.tc('admin.setup.here-are-a-few-things-to-help-you-get-started') }}
+          {{ $t('admin.setup.here-are-a-few-things-to-help-you-get-started') }}
         </v-card-title>
-        <div v-for="link, idx in setupCompleteLinks" :key="idx" class="px-4 pt-4">
+        <div v-for="link, idx in setupCompleteLinks"
+             :key="idx"
+             class="px-4 pt-4"
+        >
           <div v-if="link.section">
             <v-divider v-if="idx" />
             <v-card-text class="headline pl-0">
               {{ link.section }}
             </v-card-text>
           </div>
-          <v-btn
-            :to="link.to"
-            color="info"
+          <v-btn :to="link.to"
+                 color="info"
           >
             {{ link.text }}
           </v-btn>
@@ -93,7 +97,6 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, ref, useContext, useRouter } from "@nuxtjs/composition-api";
 import { useAdminApi, useUserApi } from "~/composables/api";
 import { useLocales } from "~/composables/use-locales";
 import { alert } from "~/composables/use-toast";
@@ -101,358 +104,363 @@ import { useUserRegistrationForm } from "~/composables/use-users/user-registrati
 import { useCommonSettingsForm } from "~/composables/use-setup/common-settings-form";
 import UserRegistrationForm from "~/components/Domain/User/UserRegistrationForm.vue";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { UserRegistrationForm },
-  layout: "blank",
   setup() {
+    definePageMeta({
+      layout: "blank",
+    });
+
     // ================================================================
     // Setup
-    const { $auth, $globals, i18n } = useContext();
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
+    const { $globals } = useNuxtApp();
     const userApi = useUserApi();
     const adminApi = useAdminApi();
 
-    const groupSlug = computed(() => $auth.user?.groupSlug);
+    const groupSlug = computed(() => $auth.user.value?.groupSlug);
     const { locale } = useLocales();
     const router = useRouter();
     const isSubmitting = ref(false);
+    useSeoMeta({
+      title: i18n.t("admin.setup.first-time-setup"),
+    });
 
-    if (!$auth.loggedIn) {
+    if (!$auth.loggedIn.value) {
       router.push("/login");
-    } else if (!$auth.user?.admin) {
+    }
+    else if (!$auth.user.value?.admin) {
       router.push(groupSlug.value ? `/g/${groupSlug.value}` : "/login");
     }
 
-    type Config = {
-      nextButtonText: string | undefined;
-      nextButtonIcon: string | undefined;
-      nextButtonColor: string | undefined;
-      showPrevButton: boolean;
-      showNextButton: boolean;
-      isSubmit: boolean;
-    }
+		type Config = {
+		  nextButtonText: string | undefined;
+		  nextButtonIcon: string | undefined;
+		  nextButtonColor: string | undefined;
+		  showPrevButton: boolean;
+		  showNextButton: boolean;
+		  isSubmit: boolean;
+		};
 
-    const totalPages = 4;
-    enum Pages {
-      LANDING = 0,
-      USER_INFO = 1,
-      PAGE_2 = 2,
-      CONFIRM = 3,
-      END = 4,
-    }
+		const totalPages = 4;
+		enum Pages {
+		  LANDING = 0,
+		  USER_INFO = 1,
+		  PAGE_2 = 2,
+		  CONFIRM = 3,
+		  END = 4,
+		}
 
-    // ================================================================
-    // Forms
-    const { accountDetails, credentials } = useUserRegistrationForm();
-    const { commonSettingsForm } = useCommonSettingsForm();
-    const commonSettings = ref({
-      makeGroupRecipesPublic: false,
-      useSeedData: true,
-    })
+		// ================================================================
+		// Forms
+		const { accountDetails, credentials } = useUserRegistrationForm();
+		const { commonSettingsForm } = useCommonSettingsForm();
+		const commonSettings = ref({
+		  makeGroupRecipesPublic: false,
+		  useSeedData: true,
+		});
 
-    const confirmationData = computed(() => {
-      return [
-        {
-          display: true,
-          text: i18n.tc("user.email"),
-          value: accountDetails.email.value,
-        },
-        {
-          display: true,
-          text: i18n.tc("user.username"),
-          value: accountDetails.username.value,
-        },
-        {
-          display: true,
-          text: i18n.tc("user.full-name"),
-          value: accountDetails.fullName.value,
-        },
-        {
-          display: true,
-          text: i18n.tc("user.enable-advanced-content"),
-          value: accountDetails.advancedOptions.value ? i18n.tc("general.yes") : i18n.tc("general.no"),
-        },
-        {
-          display: true,
-          text: i18n.tc("group.enable-public-access"),
-          value: commonSettings.value.makeGroupRecipesPublic ? i18n.tc("general.yes") : i18n.tc("general.no"),
-        },
-        {
-          display: true,
-          text: i18n.tc("user-registration.use-seed-data"),
-          value: commonSettings.value.useSeedData ? i18n.tc("general.yes") : i18n.tc("general.no"),
-        },
-      ];
-    });
+		const confirmationData = computed(() => {
+		  return [
+		    {
+		      display: true,
+		      text: i18n.t("user.email"),
+		      value: accountDetails.email.value,
+		    },
+		    {
+		      display: true,
+		      text: i18n.t("user.username"),
+		      value: accountDetails.username.value,
+		    },
+		    {
+		      display: true,
+		      text: i18n.t("user.full-name"),
+		      value: accountDetails.fullName.value,
+		    },
+		    {
+		      display: true,
+		      text: i18n.t("user.enable-advanced-content"),
+		      value: accountDetails.advancedOptions.value ? i18n.t("general.yes") : i18n.t("general.no"),
+		    },
+		    {
+		      display: true,
+		      text: i18n.t("group.enable-public-access"),
+		      value: commonSettings.value.makeGroupRecipesPublic ? i18n.t("general.yes") : i18n.t("general.no"),
+		    },
+		    {
+		      display: true,
+		      text: i18n.t("user-registration.use-seed-data"),
+		      value: commonSettings.value.useSeedData ? i18n.t("general.yes") : i18n.t("general.no"),
+		    },
+		  ];
+		});
 
-    const setupCompleteLinks = ref([
-      {
-        section: i18n.tc("profile.data-migrations"),
-        to: "/admin/backups",
-        text: i18n.tc("settings.backup.backup-restore"),
-        description: i18n.tc("admin.setup.restore-from-v1-backup"),
-      },
-      {
-        to: "/group/migrations",
-        text: i18n.tc("migration.recipe-migration"),
-        description: i18n.tc("migration.coming-from-another-application-or-an-even-older-version-of-mealie"),
-      },
-      {
-        section: i18n.tc("recipe.create-recipes"),
-        to: computed(() => `/g/${groupSlug.value || ""}/r/create/new`),
-        text: i18n.tc("recipe.create-recipe"),
-        description: i18n.tc("recipe.create-recipe-description"),
-      },
-      {
-        to: computed(() => `/g/${groupSlug.value || ""}/r/create/url`),
-        text: i18n.tc("recipe.import-with-url"),
-        description: i18n.tc("recipe.scrape-recipe-description"),
-      },
-      {
-        section: i18n.tc("user.manage-users"),
-        to: "/admin/manage/users",
-        text: i18n.tc("user.manage-users"),
-        description: i18n.tc("user.manage-users-description"),
-      },
-      {
-        to: "/user/profile",
-        text: i18n.tc("profile.manage-user-profile"),
-        description: i18n.tc("admin.setup.manage-profile-or-get-invite-link"),
-      },
-    ]);
+		const setupCompleteLinks = ref([
+		  {
+		    section: i18n.t("profile.data-migrations"),
+		    to: "/admin/backups",
+		    text: i18n.t("settings.backup.backup-restore"),
+		    description: i18n.t("admin.setup.restore-from-v1-backup"),
+		  },
+		  {
+		    to: "/group/migrations",
+		    text: i18n.t("migration.recipe-migration"),
+		    description: i18n.t("migration.coming-from-another-application-or-an-even-older-version-of-mealie"),
+		  },
+		  {
+		    section: i18n.t("recipe.create-recipes"),
+		    to: computed(() => `/g/${groupSlug.value || ""}/r/create/new`),
+		    text: i18n.t("recipe.create-recipe"),
+		    description: i18n.t("recipe.create-recipe-description"),
+		  },
+		  {
+		    to: computed(() => `/g/${groupSlug.value || ""}/r/create/url`),
+		    text: i18n.t("recipe.import-with-url"),
+		    description: i18n.t("recipe.scrape-recipe-description"),
+		  },
+		  {
+		    section: i18n.t("user.manage-users"),
+		    to: "/admin/manage/users",
+		    text: i18n.t("user.manage-users"),
+		    description: i18n.t("user.manage-users-description"),
+		  },
+		  {
+		    to: "/user/profile",
+		    text: i18n.t("profile.manage-user-profile"),
+		    description: i18n.t("admin.setup.manage-profile-or-get-invite-link"),
+		  },
+		]);
 
-    // ================================================================
-    // Page Navigation
-    const currentPage = ref(0);
-    const activeConfig = computed<Config>(() => {
-      const config: Config = {
-        nextButtonText: undefined,
-        nextButtonIcon: undefined,
-        nextButtonColor: undefined,
-        showPrevButton: true,
-        showNextButton: true,
-        isSubmit: false,
-      }
+		// ================================================================
+		// Page Navigation
+		const currentPage = ref(0);
+		const activeConfig = computed<Config>(() => {
+		  const config: Config = {
+		    nextButtonText: undefined,
+		    nextButtonIcon: undefined,
+		    nextButtonColor: undefined,
+		    showPrevButton: true,
+		    showNextButton: true,
+		    isSubmit: false,
+		  };
 
-      switch (currentPage.value) {
-        case Pages.LANDING:
-          config.showPrevButton = false;
-          config.nextButtonText = i18n.tc("general.start");
-          config.nextButtonIcon = $globals.icons.forward;
-          break;
-        case Pages.USER_INFO:
-          config.showPrevButton = false;
-          config.nextButtonText = i18n.tc("general.next");
-          config.nextButtonIcon = $globals.icons.forward;
-          config.isSubmit = true;
-          break;
-        case Pages.CONFIRM:
-          config.isSubmit = true;
-          break;
-        case Pages.END:
-          config.nextButtonText = i18n.tc("general.home");
-          config.nextButtonIcon = $globals.icons.home;
-          config.nextButtonColor = "primary";
-          config.showPrevButton = false;
-          config.isSubmit = true;
-          break;
-      }
+		  switch (currentPage.value) {
+		    case Pages.LANDING:
+		      config.showPrevButton = false;
+		      config.nextButtonText = i18n.t("general.start");
+		      config.nextButtonIcon = $globals.icons.forward;
+		      break;
+		    case Pages.USER_INFO:
+		      config.showPrevButton = false;
+		      config.nextButtonText = i18n.t("general.next");
+		      config.nextButtonIcon = $globals.icons.forward;
+		      config.isSubmit = true;
+		      break;
+		    case Pages.CONFIRM:
+		      config.isSubmit = true;
+		      break;
+		    case Pages.END:
+		      config.nextButtonText = i18n.t("general.home");
+		      config.nextButtonIcon = $globals.icons.home;
+		      config.nextButtonColor = "primary";
+		      config.showPrevButton = false;
+		      config.isSubmit = true;
+		      break;
+		  }
 
-      return config;
-    })
+		  return config;
+		});
 
-    // ================================================================
-    // Page Submission
+		// ================================================================
+		// Page Submission
 
-    async function updateUser() {
-      // @ts-ignore-next-line user will never be null here
-      const { response } = await userApi.users.updateOne($auth.user?.id, {
-        ...$auth.user,
-        email: accountDetails.email.value,
-        username: accountDetails.username.value,
-        fullName: accountDetails.fullName.value,
-        advancedOptions: accountDetails.advancedOptions.value,
-      })
+		async function updateUser() {
+		  // Note: $auth.user is now a ref
+		  const { response } = await userApi.users.updateOne($auth.user.value!.id, {
+		    ...$auth.user.value,
+		    email: accountDetails.email.value,
+		    username: accountDetails.username.value,
+		    fullName: accountDetails.fullName.value,
+		    advancedOptions: accountDetails.advancedOptions.value,
+		  });
 
-      if (!response || response.status !== 200) {
-        alert.error(i18n.tc("events.something-went-wrong"));
-      } else {
-        $auth.setUser({
-          ...$auth.user,
-          email: accountDetails.email.value,
-          username: accountDetails.username.value,
-          fullName: accountDetails.fullName.value,
-        })
-      }
-    }
+		  if (!response || response.status !== 200) {
+		    alert.error(i18n.t("events.something-went-wrong"));
+		  }
+		  else {
+		    $auth.refresh();
+		    /* $auth.setUser({
+					...$auth.user.value,
+					email: accountDetails.email.value,
+					username: accountDetails.username.value,
+					fullName: accountDetails.fullName.value,
+				}) */
+		  }
+		}
 
-    async function updatePassword() {
-      const { response } = await userApi.users.changePassword({
-        currentPassword: "MyPassword",
-        newPassword: credentials.password1.value,
-      });
+		async function updatePassword() {
+		  const { response } = await userApi.users.changePassword({
+		    currentPassword: "MyPassword",
+		    newPassword: credentials.password1.value,
+		  });
 
-      if (!response || response.status !== 200) {
-        alert.error(i18n.tc("events.something-went-wrong"));
-      }
-    }
+		  if (!response || response.status !== 200) {
+		    alert.error(i18n.t("events.something-went-wrong"));
+		  }
+		}
 
-    async function submitRegistration() {
-      // the backend will only update the password without the "currentPassword" field if the user is the default user,
-      // so we update the password first, then update the user's details
-      await updatePassword().then(updateUser);
-    }
+		async function submitRegistration() {
+		  // the backend will only update the password without the "currentPassword" field if the user is the default user,
+		  // so we update the password first, then update the user's details
+		  await updatePassword().then(updateUser);
+		}
 
-    async function updateGroup() {
-      // @ts-ignore-next-line user will never be null here
-      const { data } = await userApi.groups.getOne($auth.user?.groupId);
-      if (!data || !data.preferences) {
-        alert.error(i18n.tc("events.something-went-wrong"));
-        return;
-      }
+		async function updateGroup() {
+		  // Note: $auth.user is now a ref
+		  const { data } = await userApi.groups.getOne($auth.user.value!.groupId);
+		  if (!data || !data.preferences) {
+		    alert.error(i18n.t("events.something-went-wrong"));
+		    return;
+		  }
 
-      const preferences = {
-        ...data.preferences,
-        privateGroup: !commonSettings.value.makeGroupRecipesPublic,
-      }
+		  const preferences = {
+		    ...data.preferences,
+		    privateGroup: !commonSettings.value.makeGroupRecipesPublic,
+		  };
 
-      const payload = {
-        ...data,
-        preferences,
-      }
+		  const payload = {
+		    ...data,
+		    preferences,
+		  };
 
-      // @ts-ignore-next-line user will never be null here
-      const { response } = await userApi.groups.updateOne($auth.user?.groupId, payload);
-      if (!response || response.status !== 200) {
-        alert.error(i18n.tc("events.something-went-wrong"));
-      }
-    }
+		  // Note: $auth.user is now a ref
+		  const { response } = await userApi.groups.updateOne($auth.user.value!.groupId, payload);
+		  if (!response || response.status !== 200) {
+		    alert.error(i18n.t("events.something-went-wrong"));
+		  }
+		}
 
-    async function updateHousehold() {
-      // @ts-ignore-next-line user will never be null here
-      const { data } = await adminApi.households.getOne($auth.user?.householdId);
-      if (!data || !data.preferences) {
-        alert.error(i18n.tc("events.something-went-wrong"));
-        return;
-      }
+		async function updateHousehold() {
+		  // Note: $auth.user is now a ref
+		  const { data } = await adminApi.households.getOne($auth.user.value!.householdId);
+		  if (!data || !data.preferences) {
+		    alert.error(i18n.t("events.something-went-wrong"));
+		    return;
+		  }
 
-      const preferences = {
-        ...data.preferences,
-        privateHousehold: !commonSettings.value.makeGroupRecipesPublic,
-        recipePublic: commonSettings.value.makeGroupRecipesPublic,
-      }
+		  const preferences = {
+		    ...data.preferences,
+		    privateHousehold: !commonSettings.value.makeGroupRecipesPublic,
+		    recipePublic: commonSettings.value.makeGroupRecipesPublic,
+		  };
 
-      const payload = {
-        ...data,
-        preferences,
-      }
+		  const payload = {
+		    ...data,
+		    preferences,
+		  };
 
-      // @ts-ignore-next-line user will never be null here
-      const { response } = await adminApi.households.updateOne($auth.user?.householdId, payload);
-      if (!response || response.status !== 200) {
-        alert.error(i18n.tc("events.something-went-wrong"));
-      }
-    }
+		  // Note: $auth.user is now a ref
+		  const { response } = await adminApi.households.updateOne($auth.user.value!.householdId, payload);
+		  if (!response || response.status !== 200) {
+		    alert.error(i18n.t("events.something-went-wrong"));
+		  }
+		}
 
-    async function seedFoods() {
-      const { response } = await userApi.seeders.foods({ locale: locale.value })
-      if (!response || response.status !== 200) {
-        alert.error(i18n.tc("events.something-went-wrong"));
-      }
-    }
+		async function seedFoods() {
+		  const { response } = await userApi.seeders.foods({ locale: locale.value });
+		  if (!response || response.status !== 200) {
+		    alert.error(i18n.t("events.something-went-wrong"));
+		  }
+		}
 
-    async function seedUnits() {
-      const { response } = await userApi.seeders.units({ locale: locale.value })
-      if (!response || response.status !== 200) {
-        alert.error(i18n.tc("events.something-went-wrong"));
-      }
-    }
+		async function seedUnits() {
+		  const { response } = await userApi.seeders.units({ locale: locale.value });
+		  if (!response || response.status !== 200) {
+		    alert.error(i18n.t("events.something-went-wrong"));
+		  }
+		}
 
-    async function seedLabels() {
-      const { response } = await userApi.seeders.labels({ locale: locale.value })
-      if (!response || response.status !== 200) {
-        alert.error(i18n.tc("events.something-went-wrong"));
-      }
-    }
+		async function seedLabels() {
+		  const { response } = await userApi.seeders.labels({ locale: locale.value });
+		  if (!response || response.status !== 200) {
+		    alert.error(i18n.t("events.something-went-wrong"));
+		  }
+		}
 
-    async function seedData() {
-      if (!commonSettings.value.useSeedData) {
-        return;
-      }
+		async function seedData() {
+		  if (!commonSettings.value.useSeedData) {
+		    return;
+		  }
 
-      const tasks = [
-        seedFoods(),
-        seedUnits(),
-        seedLabels(),
-      ]
+		  const tasks = [
+		    seedFoods(),
+		    seedUnits(),
+		    seedLabels(),
+		  ];
 
-      await Promise.all(tasks);
-    }
+		  await Promise.all(tasks);
+		}
 
-    async function submitCommonSettings() {
-      const tasks = [
-        updateGroup(),
-        updateHousehold(),
-        seedData(),
-      ]
+		async function submitCommonSettings() {
+		  const tasks = [
+		    updateGroup(),
+		    updateHousehold(),
+		    seedData(),
+		  ];
 
-      await Promise.all(tasks);
-    }
+		  await Promise.all(tasks);
+		}
 
-    async function submitAll() {
-      const tasks = [
-        submitRegistration(),
-        submitCommonSettings(),
-      ]
+		async function submitAll() {
+		  const tasks = [
+		    submitRegistration(),
+		    submitCommonSettings(),
+		  ];
 
-      await Promise.all(tasks);
-    }
+		  await Promise.all(tasks);
+		}
 
-    async function handleSubmit(page: number) {
-      if (isSubmitting.value) {
-        return;
-      }
+		async function handleSubmit(page: number) {
+		  if (isSubmitting.value) {
+		    return;
+		  }
 
-      isSubmitting.value = true;
-      switch (page) {
-        case Pages.USER_INFO:
-          if (await accountDetails.validate()) {
-            currentPage.value += 1;
-          }
-          break;
-        case Pages.CONFIRM:
-          await submitAll();
-          currentPage.value += 1;
-          break;
-        case Pages.END:
-          router.push(groupSlug.value ? `/g/${groupSlug.value}` : "/login");
-          break;
-      }
-      isSubmitting.value = false;
-    }
+		  isSubmitting.value = true;
+		  switch (page) {
+		    case Pages.USER_INFO:
+		      if (await accountDetails.validate()) {
+		        currentPage.value += 1;
+		      }
+		      break;
+		    case Pages.CONFIRM:
+		      await submitAll();
+		      currentPage.value += 1;
+		      break;
+		    case Pages.END:
+		      router.push(groupSlug.value ? `/g/${groupSlug.value}` : "/login");
+		      break;
+		  }
+		  isSubmitting.value = false;
+		}
 
-    return {
-      // Setup
-      groupSlug,
-      // Forms
-      commonSettingsForm,
-      commonSettings,
-      confirmationData,
-      setupCompleteLinks,
-      // Page Navigation
-      Pages,
-      currentPage,
-      totalPages,
-      activeConfig,
-      // Page Submission
-      isSubmitting,
-      handleSubmit,
-    }
+		return {
+		  // Setup
+		  groupSlug,
+		  // Forms
+		  commonSettingsForm,
+		  commonSettings,
+		  confirmationData,
+		  setupCompleteLinks,
+		  // Page Navigation
+		  Pages,
+		  currentPage,
+		  totalPages,
+		  activeConfig,
+		  // Page Submission
+		  isSubmitting,
+		  handleSubmit,
+		};
   },
-
-  head() {
-    return {
-      title: this.$i18n.tc("admin.setup.first-time-setup"),
-    };
-  },
-})
+});
 </script>
diff --git a/frontend/pages/admin/site-settings.vue b/frontend/pages/admin/site-settings.vue
index 199c80c17..67505e42a 100644
--- a/frontend/pages/admin/site-settings.vue
+++ b/frontend/pages/admin/site-settings.vue
@@ -1,26 +1,60 @@
 <template>
-  <v-container fluid class="narrow-container">
+  <v-container
+    fluid
+    class="narrow-container"
+  >
     <!-- Image -->
     <BasePageTitle divider>
       <template #header>
-        <v-img max-height="200" max-width="150" :src="require('~/static/svgs/admin-site-settings.svg')"></v-img>
+        <v-img
+          width="100%"
+          max-height="200"
+          max-width="150"
+          :src="require('~/static/svgs/admin-site-settings.svg')"
+        />
+      </template>
+      <template #title>
+        {{ $t("settings.site-settings") }}
       </template>
-      <template #title> {{ $t("settings.site-settings") }} </template>
     </BasePageTitle>
 
     <!-- Bug Report -->
-    <BaseDialog v-model="bugReportDialog" :title="$t('settings.bug-report')" :width="800" :icon="$globals.icons.github">
+    <BaseDialog
+      v-model="bugReportDialog"
+      :title="$t('settings.bug-report')"
+      :width="800"
+      :icon="$globals.icons.github"
+    >
       <v-card-text>
         <div class="pb-4">
           {{ $t('settings.bug-report-information') }}
         </div>
-        <v-textarea v-model="bugReportText" outlined rows="18" readonly> </v-textarea>
-        <div class="d-flex justify-end" style="gap: 5px">
-          <BaseButton color="gray" secondary target="_blank" href="https://github.com/hay-kot/mealie/issues/new/choose">
-            <template #icon> {{ $globals.icons.github }}</template>
+        <v-textarea
+          v-model="bugReportText"
+          variant="outlined"
+          rows="18"
+          readonly
+        />
+        <div
+          class="d-flex justify-end"
+          style="gap: 5px"
+        >
+          <BaseButton
+            color="gray"
+            secondary
+            target="_blank"
+            href="https://github.com/hay-kot/mealie/issues/new/choose"
+          >
+            <template #icon>
+              {{ $globals.icons.github }}
+            </template>
             {{ $t('settings.tracker') }}
           </BaseButton>
-          <AppButtonCopy :copy-text="bugReportText" color="info" :icon="false" />
+          <AppButtonCopy
+            :copy-text="bugReportText"
+            color="info"
+            :icon="false"
+          />
         </div>
       </v-card-text>
     </BaseDialog>
@@ -32,60 +66,88 @@
           bugReportDialog = true;
         "
       >
-        <template #icon> {{ $globals.icons.github }}</template>
+        <template #icon>
+          {{ $globals.icons.github }}
+        </template>
         {{ $t('settings.bug-report') }}
       </BaseButton>
     </div>
 
     <!-- Configuration -->
     <section>
-      <BaseCardSectionTitle class="pb-0" :icon="$globals.icons.cog" :title="$tc('settings.configuration')"> </BaseCardSectionTitle>
+      <BaseCardSectionTitle
+        class="pb-0"
+        :icon="$globals.icons.cog"
+        :title="$t('settings.configuration')"
+      />
       <v-card class="mb-4">
-        <template v-for="(check, idx) in simpleChecks">
-          <v-list-item :key="`list-item-${idx}`">
-            <v-list-item-icon>
-              <v-icon :color="check.color">
+        <template
+          v-for="(check, idx) in simpleChecks"
+          :key="`list-item-${idx}`"
+        >
+          <v-list-item :title="check.text">
+            <template #prepend>
+              <v-icon :color="check.color" class="opacity-100">
                 {{ check.icon }}
               </v-icon>
-            </v-list-item-icon>
-            <v-list-item-content>
-              <v-list-item-title>
-                {{ check.text }}
-              </v-list-item-title>
-              <v-list-item-subtitle class="wrap-word">
-                {{ check.status ? check.successText : check.errorText }}
-              </v-list-item-subtitle>
-            </v-list-item-content>
+            </template>
+            <v-list-item-subtitle class="wrap-word">
+              {{ check.status ? check.successText : check.errorText }}
+            </v-list-item-subtitle>
           </v-list-item>
-          <v-divider :key="`divider-${idx}`"></v-divider>
+          <v-divider />
         </template>
       </v-card>
     </section>
 
     <!-- Email -->
     <section>
-      <BaseCardSectionTitle class="pt-2" :icon="$globals.icons.email" :title="$tc('user.email')" />
-      <v-alert border="left" colored-border :type="appConfig.emailReady ? 'success' : 'error'" elevation="2">
-        <div class="font-weight-medium">{{ $t('settings.email-configuration-status') }}</div>
-        <div>
-          {{ appConfig.emailReady ? $t('settings.ready') : $t('settings.not-ready')  }}
+      <BaseCardSectionTitle
+        class="pt-2"
+        :icon="$globals.icons.email"
+        :title="$t('user.email')"
+      />
+      <v-alert
+        border="start"
+        :border-color="appConfig.emailReady ? 'success' : 'error'"
+        variant="text"
+        elevation="2"
+      >
+        <template #prepend>
+          <v-icon :color="appConfig.emailReady ? 'success' : 'warning'">
+            {{ appConfig.emailReady ? $globals.icons.checkboxMarkedCircle : $globals.icons.alertCircle }}
+          </v-icon>
+        </template>
+        <div class="font-weight-medium">
+          {{ $t('settings.email-configuration-status') }}
         </div>
         <div>
-          <v-text-field v-model="address" class="mr-4" :label="$t('user.email')" :rules="[validators.email]">
-          </v-text-field>
+          {{ appConfig.emailReady ? $t('settings.ready') : $t('settings.not-ready') }}
+        </div>
+        <div>
+          <v-text-field
+            v-model="address"
+            class="mr-4"
+            :label="$t('user.email')"
+            :rules="[validators.email]"
+          />
           <BaseButton
             color="info"
+            variant="elevated"
             :disabled="!appConfig.emailReady || !validEmail"
             :loading="loading"
+            class="opacity-100"
             @click="testEmail"
           >
-            <template #icon> {{ $globals.icons.email }} </template>
+            <template #icon>
+              {{ $globals.icons.email }}
+            </template>
             {{ $t("general.test") }}
           </BaseButton>
           <template v-if="tested">
-            <v-divider class="my-x mt-6"></v-divider>
+            <v-divider class="my-x mt-6" />
             <v-card-text class="px-0">
-              <h4> {{ $tc("settings.email-test-results") }}</h4>
+              <h4> {{ $t("settings.email-test-results") }}</h4>
               <span class="pl-4">
                 {{ success ? $t('settings.succeeded') : $t('settings.failed') }}
               </span>
@@ -97,48 +159,56 @@
 
     <!-- General App Info -->
     <section class="mt-4">
-      <BaseCardSectionTitle class="pb-0" :icon="$globals.icons.cog" :title="$tc('settings.general-about')"> </BaseCardSectionTitle>
+      <BaseCardSectionTitle
+        class="pb-0"
+        :icon="$globals.icons.cog"
+        :title="$t('settings.general-about')"
+      />
       <v-card class="mb-4">
         <template v-if="appInfo && appInfo.length">
-          <template v-for="(property, idx) in appInfo">
-            <v-list-item :key="property.name">
-              <v-list-item-icon>
-                <v-icon> {{ property.icon || $globals.icons.user }} </v-icon>
-              </v-list-item-icon>
-              <v-list-item-content>
-                <v-list-item-title>
-                  <div>{{ property.name }}</div>
-                </v-list-item-title>
-                <template v-if="property.slot === 'recipe-scraper'">
-                  <v-list-item-subtitle>
-                    <a
-                      target="_blank"
-                      :href="`https://github.com/hhursev/recipe-scrapers/releases/tag/${property.value}`"
-                    >
-                      {{ property.value }}
-                    </a>
-                  </v-list-item-subtitle>
-                </template>
-                <template v-else-if="property.slot === 'build'">
-                  <v-list-item-subtitle>
-                    <a target="_blank" :href="`https://github.com/mealie-recipes/mealie/commit/${property.value}`">
-                      {{ property.value }}
-                    </a>
-                  </v-list-item-subtitle>
-                </template>
-                <template v-else>
-                  <v-list-item-subtitle>
+          <template
+            v-for="(property, idx) in appInfo"
+            :key="property.name"
+          >
+            <v-list-item
+              :title="property.name"
+              :prepend-icon="property.icon || $globals.icons.user"
+            >
+              <template v-if="property.slot === 'recipe-scraper'">
+                <v-list-item-subtitle>
+                  <a
+                    target="_blank"
+                    :href="`https://github.com/hhursev/recipe-scrapers/releases/tag/${property.value}`"
+                  >
                     {{ property.value }}
-                  </v-list-item-subtitle>
-                </template>
-              </v-list-item-content>
+                  </a>
+                </v-list-item-subtitle>
+              </template>
+              <template v-else-if="property.slot === 'build'">
+                <v-list-item-subtitle>
+                  <a
+                    target="_blank"
+                    :href="`https://github.com/mealie-recipes/mealie/commit/${property.value}`"
+                  >
+                    {{ property.value }}
+                  </a>
+                </v-list-item-subtitle>
+              </template>
+              <template v-else>
+                <v-list-item-subtitle>
+                  {{ property.value }}
+                </v-list-item-subtitle>
+              </template>
             </v-list-item>
-            <v-divider v-if="appInfo && idx !== appInfo.length - 1" :key="`divider-${property.name}`"></v-divider>
+            <v-divider
+              v-if="appInfo && idx !== appInfo.length - 1"
+              :key="`divider-${property.name}`"
+            />
           </template>
         </template>
         <template v-else>
           <div class="mb-3 text-center">
-            <AppLoader :waiting-text="$tc('general.loading')" />
+            <AppLoader :waiting-text="$t('general.loading')" />
           </div>
         </template>
       </v-card>
@@ -147,21 +217,11 @@
 </template>
 
 <script lang="ts">
-import {
-  computed,
-  onMounted,
-  reactive,
-  toRefs,
-  ref,
-  defineComponent,
-  useAsync,
-  useContext,
-} from "@nuxtjs/composition-api";
-import { TranslateResult } from "vue-i18n";
+import type { TranslateResult } from "vue-i18n";
 import { useAdminApi, useUserApi } from "~/composables/api";
 import { validators } from "~/composables/use-validators";
 import { useAsyncKey } from "~/composables/use-utils";
-import { CheckAppConfig } from "~/lib/api/types/admin";
+import type { CheckAppConfig } from "~/lib/api/types/admin";
 import AppLoader from "~/components/global/AppLoader.vue";
 
 enum DockerVolumeState {
@@ -184,255 +244,262 @@ interface CheckApp extends CheckAppConfig {
   isSiteSecure?: boolean;
 }
 
-export default defineComponent({
-    components: { AppLoader },
-    layout: "admin",
-    setup() {
-        const state = reactive({
-            loading: false,
-            address: "",
-            success: false,
-            error: "",
-            tested: false,
-        });
-        const appConfig = ref<CheckApp>({
-            emailReady: true,
-            baseUrlSet: true,
-            isSiteSecure: true,
-            isUpToDate: false,
-            ldapReady: false,
-            oidcReady: false,
-        });
-        function isLocalHostOrHttps() {
-            return window.location.hostname === "localhost" || window.location.protocol === "https:";
-        }
-        const api = useUserApi();
-        const adminApi = useAdminApi();
-        onMounted(async () => {
-            const { data } = await adminApi.about.checkApp();
-            if (data) {
-                appConfig.value = { ...data, isSiteSecure: false };
-            }
-            appConfig.value.isSiteSecure = isLocalHostOrHttps();
-        });
-        const simpleChecks = computed<SimpleCheck[]>(() => {
-            const goodIcon = $globals.icons.checkboxMarkedCircle;
-            const badIcon = $globals.icons.alert;
-            const warningIcon = $globals.icons.alertCircle;
-            const goodColor = "success";
-            const badColor = "error";
-            const warningColor = "warning";
-            const data: SimpleCheck[] = [
-                {
-                    id: "application-version",
-                    text: i18n.t("settings.application-version"),
-                    status: appConfig.value.isUpToDate,
-                    errorText: i18n.t("settings.application-version-error-text", [rawAppInfo.value.version, rawAppInfo.value.versionLatest]),
-                    successText: i18n.t("settings.mealie-is-up-to-date"),
-                    color: appConfig.value.isUpToDate ? goodColor : warningColor,
-                    icon: appConfig.value.isUpToDate ? goodIcon : warningIcon,
-                },
-                {
-                    id: "secure-site",
-                    text: i18n.t("settings.secure-site"),
-                    status: appConfig.value.isSiteSecure,
-                    errorText: i18n.t("settings.secure-site-error-text"),
-                    successText: i18n.t("settings.secure-site-success-text"),
-                    color: appConfig.value.isSiteSecure ? goodColor : badColor,
-                    icon: appConfig.value.isSiteSecure ? goodIcon : badIcon,
-                },
-                {
-                    id: "server-side-base-url",
-                    text: i18n.t("settings.server-side-base-url"),
-                    status: appConfig.value.baseUrlSet,
-                    errorText: i18n.t("settings.server-side-base-url-error-text"),
-                    successText: i18n.t("settings.server-side-base-url-success-text"),
-                    color: appConfig.value.baseUrlSet ? goodColor : badColor,
-                    icon: appConfig.value.baseUrlSet ? goodIcon : badIcon,
-                },
-                {
-                    id: "ldap-ready",
-                    text: i18n.t("settings.ldap-ready"),
-                    status: appConfig.value.ldapReady,
-                    errorText: i18n.t("settings.ldap-ready-error-text"),
-                    successText: i18n.t("settings.ldap-ready-success-text"),
-                    color: appConfig.value.ldapReady ? goodColor : warningColor,
-                    icon: appConfig.value.ldapReady ? goodIcon : warningIcon,
-                },
-                {
-                    id: "oidc-ready",
-                    text: i18n.t("settings.oidc-ready"),
-                    status: appConfig.value.oidcReady,
-                    errorText: i18n.t("settings.oidc-ready-error-text"),
-                    successText: i18n.t("settings.oidc-ready-success-text"),
-                    color: appConfig.value.oidcReady ? goodColor : warningColor,
-                    icon: appConfig.value.oidcReady ? goodIcon : warningIcon,
-                },
-                {
-                    id: "openai-ready",
-                    text: i18n.t("settings.openai-ready"),
-                    status: appConfig.value.enableOpenai,
-                    errorText: i18n.t("settings.openai-ready-error-text"),
-                    successText: i18n.t("settings.openai-ready-success-text"),
-                    color: appConfig.value.enableOpenai ? goodColor : warningColor,
-                    icon: appConfig.value.enableOpenai ? goodIcon : warningIcon,
-                },
-            ];
-            return data;
-        });
-        async function testEmail() {
-            state.loading = true;
-            state.tested = false;
-            const { data } = await api.email.test({ email: state.address });
-            if (data) {
-                if (data.success) {
-                    state.success = true;
-                }
-                else {
-                    state.error = data.error ?? "";
-                    state.success = false;
-                }
-            }
-            state.loading = false;
-            state.tested = true;
-        }
-        const validEmail = computed(() => {
-            if (state.address === "") {
-                return false;
-            }
-            const valid = validators.email(state.address);
-            // Explicit bool check because validators.email sometimes returns a string
-            if (valid === true) {
-                return true;
-            }
-            return false;
-        });
-        // ============================================================
-        // General About Info
-        const { $globals, i18n } = useContext();
-        const rawAppInfo = ref({
-            version: "null",
-            versionLatest: "null",
-        });
-        function getAppInfo() {
-            const statistics = useAsync(async () => {
-                const { data } = await adminApi.about.about();
-                if (data) {
-                    rawAppInfo.value.version = data.version;
-                    rawAppInfo.value.versionLatest = data.versionLatest;
-                    const prettyInfo = [
-                        {
-                            name: i18n.t("about.version"),
-                            icon: $globals.icons.information,
-                            value: data.version,
-                        },
-                        {
-                            slot: "build",
-                            name: i18n.t("settings.build"),
-                            icon: $globals.icons.information,
-                            value: data.buildId,
-                        },
-                        {
-                            name: i18n.t("about.application-mode"),
-                            icon: $globals.icons.devTo,
-                            value: data.production ? i18n.t("about.production") : i18n.t("about.development"),
-                        },
-                        {
-                            name: i18n.t("about.demo-status"),
-                            icon: $globals.icons.testTube,
-                            value: data.demoStatus ? i18n.t("about.demo") : i18n.t("about.not-demo"),
-                        },
-                        {
-                            name: i18n.t("about.api-port"),
-                            icon: $globals.icons.api,
-                            value: data.apiPort,
-                        },
-                        {
-                            name: i18n.t("about.api-docs"),
-                            icon: $globals.icons.file,
-                            value: data.apiDocs ? i18n.t("general.enabled") : i18n.t("general.disabled"),
-                        },
-                        {
-                            name: i18n.t("about.database-type"),
-                            icon: $globals.icons.database,
-                            value: data.dbType,
-                        },
-                        {
-                            name: i18n.t("about.database-url"),
-                            icon: $globals.icons.database,
-                            value: data.dbUrl,
-                        },
-                        {
-                            name: i18n.t("about.default-group"),
-                            icon: $globals.icons.group,
-                            value: data.defaultGroup,
-                        },
-                        {
-                            name: i18n.t("about.default-household"),
-                            icon: $globals.icons.household,
-                            value: data.defaultHousehold,
-                        },
-                        {
-                            slot: "recipe-scraper",
-                            name: i18n.t("settings.recipe-scraper-version"),
-                            icon: $globals.icons.primary,
-                            value: data.recipeScraperVersion,
-                        },
-                    ];
-                    return prettyInfo;
-                }
-                return data;
-            }, useAsyncKey());
-            return statistics;
-        }
-        const appInfo = getAppInfo();
-        const bugReportDialog = ref(false);
-        const bugReportText = computed(() => {
-            const ignore = {
-                [i18n.tc("about.database-url")]: true,
-                [i18n.tc("about.default-group")]: true,
-            };
-            let text = "**Details**\n";
-            appInfo.value?.forEach((item) => {
-                if (ignore[item.name as string]) {
-                    return;
-                }
-                text += `${item.name as string}: ${item.value as string}\n`;
-            });
-            const ignoreChecks: {
-                [key: string]: boolean;
-            } = {
-                "application-version": true,
-            };
-            text += "\n**Checks**\n";
-            simpleChecks.value.forEach((item) => {
-                if (ignoreChecks[item.id]) {
-                    return;
-                }
-                const status = item.status ? i18n.tc("general.yes") : i18n.tc("general.no");
-                text += `${item.text.toString()}: ${status}\n`;
-            });
-            text += `${i18n.tc("settings.email-configured")}: ${appConfig.value.emailReady ? i18n.tc("general.yes") : i18n.tc("general.no")}\n`;
-            return text;
-        });
-        return {
-            bugReportDialog,
-            bugReportText,
-            DockerVolumeState,
-            simpleChecks,
-            appConfig,
-            validEmail,
-            validators,
-            ...toRefs(state),
-            testEmail,
-            appInfo,
-        };
-    },
-    head() {
-        return {
-            title: this.$t("settings.site-settings") as string,
-        };
+export default defineNuxtComponent({
+  components: { AppLoader },
+  setup() {
+    definePageMeta({
+      layout: "admin",
+    });
+
+    const { $globals } = useNuxtApp();
+    const i18n = useI18n();
+
+    const state = reactive({
+      loading: false,
+      address: "",
+      success: false,
+      error: "",
+      tested: false,
+    });
+
+    // Set page title
+    useSeoMeta({
+      title: i18n.t("settings.site-settings"),
+    });
+
+    const appConfig = ref<CheckApp>({
+      emailReady: true,
+      baseUrlSet: true,
+      isSiteSecure: true,
+      isUpToDate: false,
+      ldapReady: false,
+      oidcReady: false,
+      enableOpenai: false,
+    });
+    function isLocalHostOrHttps() {
+      return window.location.hostname === "localhost" || window.location.protocol === "https:";
     }
+    const api = useUserApi();
+    const adminApi = useAdminApi();
+    onMounted(async () => {
+      const { data } = await adminApi.about.checkApp();
+      if (data) {
+        appConfig.value = { ...data, isSiteSecure: false };
+      }
+      appConfig.value.isSiteSecure = isLocalHostOrHttps();
+    });
+    const simpleChecks = computed<SimpleCheck[]>(() => {
+      const goodIcon = $globals.icons.checkboxMarkedCircle;
+      const badIcon = $globals.icons.alert;
+      const warningIcon = $globals.icons.alertCircle;
+      const goodColor = "success";
+      const badColor = "error";
+      const warningColor = "warning";
+      const data: SimpleCheck[] = [
+        {
+          id: "application-version",
+          text: i18n.t("settings.application-version"),
+          status: appConfig.value.isUpToDate,
+          errorText: i18n.t("settings.application-version-error-text", [rawAppInfo.value.version, rawAppInfo.value.versionLatest]),
+          successText: i18n.t("settings.mealie-is-up-to-date"),
+          color: appConfig.value.isUpToDate ? goodColor : warningColor,
+          icon: appConfig.value.isUpToDate ? goodIcon : warningIcon,
+        },
+        {
+          id: "secure-site",
+          text: i18n.t("settings.secure-site"),
+          status: appConfig.value.isSiteSecure,
+          errorText: i18n.t("settings.secure-site-error-text"),
+          successText: i18n.t("settings.secure-site-success-text"),
+          color: appConfig.value.isSiteSecure ? goodColor : badColor,
+          icon: appConfig.value.isSiteSecure ? goodIcon : badIcon,
+        },
+        {
+          id: "server-side-base-url",
+          text: i18n.t("settings.server-side-base-url"),
+          status: appConfig.value.baseUrlSet,
+          errorText: i18n.t("settings.server-side-base-url-error-text"),
+          successText: i18n.t("settings.server-side-base-url-success-text"),
+          color: appConfig.value.baseUrlSet ? goodColor : badColor,
+          icon: appConfig.value.baseUrlSet ? goodIcon : badIcon,
+        },
+        {
+          id: "ldap-ready",
+          text: i18n.t("settings.ldap-ready"),
+          status: appConfig.value.ldapReady,
+          errorText: i18n.t("settings.ldap-ready-error-text"),
+          successText: i18n.t("settings.ldap-ready-success-text"),
+          color: appConfig.value.ldapReady ? goodColor : warningColor,
+          icon: appConfig.value.ldapReady ? goodIcon : warningIcon,
+        },
+        {
+          id: "oidc-ready",
+          text: i18n.t("settings.oidc-ready"),
+          status: appConfig.value.oidcReady,
+          errorText: i18n.t("settings.oidc-ready-error-text"),
+          successText: i18n.t("settings.oidc-ready-success-text"),
+          color: appConfig.value.oidcReady ? goodColor : warningColor,
+          icon: appConfig.value.oidcReady ? goodIcon : warningIcon,
+        },
+        {
+          id: "openai-ready",
+          text: i18n.t("settings.openai-ready"),
+          status: appConfig.value.enableOpenai,
+          errorText: i18n.t("settings.openai-ready-error-text"),
+          successText: i18n.t("settings.openai-ready-success-text"),
+          color: appConfig.value.enableOpenai ? goodColor : warningColor,
+          icon: appConfig.value.enableOpenai ? goodIcon : warningIcon,
+        },
+      ];
+      return data;
+    });
+    async function testEmail() {
+      state.loading = true;
+      state.tested = false;
+      const { data } = await api.email.test({ email: state.address });
+      if (data) {
+        if (data.success) {
+          state.success = true;
+        }
+        else {
+          state.error = data.error ?? "";
+          state.success = false;
+        }
+      }
+      state.loading = false;
+      state.tested = true;
+    }
+    const validEmail = computed(() => {
+      if (state.address === "") {
+        return false;
+      }
+      const valid = validators.email(state.address);
+      // Explicit bool check because validators.email sometimes returns a string
+      if (valid === true) {
+        return true;
+      }
+      return false;
+    });
+    // ============================================================
+    // General About Info
+    const rawAppInfo = ref({
+      version: "null",
+      versionLatest: "null",
+    });
+    function getAppInfo() {
+      const { data: statistics } = useAsyncData(useAsyncKey(), async () => {
+        const { data } = await adminApi.about.about();
+        if (data) {
+          rawAppInfo.value.version = data.version;
+          rawAppInfo.value.versionLatest = data.versionLatest;
+          const prettyInfo = [
+            {
+              name: i18n.t("about.version"),
+              icon: $globals.icons.information,
+              value: data.version,
+            },
+            {
+              slot: "build",
+              name: i18n.t("settings.build"),
+              icon: $globals.icons.information,
+              value: data.buildId,
+            },
+            {
+              name: i18n.t("about.application-mode"),
+              icon: $globals.icons.devTo,
+              value: data.production ? i18n.t("about.production") : i18n.t("about.development"),
+            },
+            {
+              name: i18n.t("about.demo-status"),
+              icon: $globals.icons.testTube,
+              value: data.demoStatus ? i18n.t("about.demo") : i18n.t("about.not-demo"),
+            },
+            {
+              name: i18n.t("about.api-port"),
+              icon: $globals.icons.api,
+              value: data.apiPort,
+            },
+            {
+              name: i18n.t("about.api-docs"),
+              icon: $globals.icons.file,
+              value: data.apiDocs ? i18n.t("general.enabled") : i18n.t("general.disabled"),
+            },
+            {
+              name: i18n.t("about.database-type"),
+              icon: $globals.icons.database,
+              value: data.dbType,
+            },
+            {
+              name: i18n.t("about.database-url"),
+              icon: $globals.icons.database,
+              value: data.dbUrl,
+            },
+            {
+              name: i18n.t("about.default-group"),
+              icon: $globals.icons.group,
+              value: data.defaultGroup,
+            },
+            {
+              name: i18n.t("about.default-household"),
+              icon: $globals.icons.household,
+              value: data.defaultHousehold,
+            },
+            {
+              slot: "recipe-scraper",
+              name: i18n.t("settings.recipe-scraper-version"),
+              icon: $globals.icons.primary,
+              value: data.recipeScraperVersion,
+            },
+          ];
+          return prettyInfo;
+        }
+        return data;
+      });
+      return statistics;
+    }
+    const appInfo = getAppInfo();
+    const bugReportDialog = ref(false);
+    const bugReportText = computed(() => {
+      const ignore = {
+        [i18n.t("about.database-url")]: true,
+        [i18n.t("about.default-group")]: true,
+      };
+      let text = "**Details**\n";
+      appInfo.value?.forEach((item) => {
+        if (ignore[item.name as string]) {
+          return;
+        }
+        text += `${item.name as string}: ${item.value as string}\n`;
+      });
+      const ignoreChecks: {
+        [key: string]: boolean;
+      } = {
+        "application-version": true,
+      };
+      text += "\n**Checks**\n";
+      simpleChecks.value.forEach((item) => {
+        if (ignoreChecks[item.id]) {
+          return;
+        }
+        const status = item.status ? i18n.t("general.yes") : i18n.t("general.no");
+        text += `${item.text.toString()}: ${status}\n`;
+      });
+      text += `${i18n.t("settings.email-configured")}: ${appConfig.value.emailReady ? i18n.t("general.yes") : i18n.t("general.no")}\n`;
+      return text;
+    });
+    return {
+      bugReportDialog,
+      bugReportText,
+      DockerVolumeState,
+      simpleChecks,
+      appConfig,
+      validEmail,
+      validators,
+      ...toRefs(state),
+      testEmail,
+      appInfo,
+    };
+  },
 });
 </script>
 
diff --git a/frontend/pages/forgot-password.vue b/frontend/pages/forgot-password.vue
index 617964eec..11d0c661a 100644
--- a/frontend/pages/forgot-password.vue
+++ b/frontend/pages/forgot-password.vue
@@ -1,13 +1,23 @@
 <template>
-  <v-container fill-height fluid class="d-flex justify-center align-center">
-    <v-card color="background d-flex flex-column align-center" flat width="600px">
-      <v-card-title class="headline justify-center"> {{ $t('user.forgot-password') }} </v-card-title>
+  <v-container
+    fill-height
+    fluid
+    class="d-flex justify-center align-center"
+  >
+    <v-card
+      color="background d-flex flex-column align-center"
+      flat
+      width="600px"
+    >
+      <v-card-title class="headline justify-center">
+        {{ $t('user.forgot-password') }}
+      </v-card-title>
       <BaseDivider />
       <v-card-text>
         <v-form @submit.prevent="requestLink()">
           <v-text-field
             v-model="email"
-            filled
+            variant="filled"
             rounded
             autofocus
             class="rounded-lg"
@@ -15,11 +25,21 @@
             :label="$t('user.email')"
             type="text"
           />
-          <p class="text-center">{{ $t('user.forgot-password-text') }}</p>
+          <p class="text-center">
+            {{ $t('user.forgot-password-text') }}
+          </p>
           <v-card-actions class="justify-center">
             <div class="max-button">
-              <v-btn :loading="loading" color="primary" type="submit" large rounded class="rounded-xl" block>
-                <v-icon left>
+              <v-btn
+                :loading="loading"
+                color="primary"
+                type="submit"
+                size="large"
+                rounded
+                class="rounded-xl"
+                block
+              >
+                <v-icon start>
                   {{ $globals.icons.email }}
                 </v-icon>
                 {{ $t("user.reset-password") }}
@@ -28,26 +48,41 @@
           </v-card-actions>
         </v-form>
       </v-card-text>
-      <v-btn class="mx-auto" text nuxt to="/login"> {{ $t("user.login") }} </v-btn>
+      <v-btn
+        class="mx-auto"
+        variant="text"
+        nuxt
+        to="/login"
+      >
+        {{ $t("user.login") }}
+      </v-btn>
     </v-card>
   </v-container>
 </template>
 
 <script lang="ts">
-import { defineComponent, toRefs, reactive, useContext } from "@nuxtjs/composition-api";
 import { useUserApi } from "~/composables/api";
 import { alert } from "~/composables/use-toast";
-export default defineComponent({
-  layout: "basic",
 
+export default defineNuxtComponent({
   setup() {
+    definePageMeta({
+      layout: "basic",
+    });
+
     const state = reactive({
       email: "",
       loading: false,
       error: false,
     });
 
-    const { i18n } = useContext();
+    const i18n = useI18n();
+
+    // Set page title
+    useSeoMeta({
+      title: i18n.t("user.login"),
+    });
+
     const api = useUserApi();
 
     async function requestLink() {
@@ -58,11 +93,12 @@ export default defineComponent({
       if (response?.status === 200) {
         state.loading = false;
         state.error = false;
-        alert.success(i18n.tc("profile.email-sent"));
-      } else {
+        alert.success(i18n.t("profile.email-sent"));
+      }
+      else {
         state.loading = false;
         state.error = true;
-        alert.error(i18n.tc("profile.error-sending-email"));
+        alert.error(i18n.t("profile.error-sending-email"));
       }
     }
 
@@ -71,12 +107,6 @@ export default defineComponent({
       ...toRefs(state),
     };
   },
-
-  head() {
-    return {
-      title: this.$tc("user.login"),
-    };
-  },
 });
 </script>
 
diff --git a/frontend/pages/g/_groupSlug/cookbooks/_slug.vue b/frontend/pages/g/[groupSlug]/cookbooks/[slug].vue
similarity index 65%
rename from frontend/pages/g/_groupSlug/cookbooks/_slug.vue
rename to frontend/pages/g/[groupSlug]/cookbooks/[slug].vue
index 9b768831b..c7e348062 100644
--- a/frontend/pages/g/_groupSlug/cookbooks/_slug.vue
+++ b/frontend/pages/g/[groupSlug]/cookbooks/[slug].vue
@@ -3,10 +3,9 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
 import CookbookPage from "@/components/Domain/Cookbook/CookbookPage.vue";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { CookbookPage },
-})
+});
 </script>
diff --git a/frontend/pages/g/[groupSlug]/cookbooks/index.vue b/frontend/pages/g/[groupSlug]/cookbooks/index.vue
new file mode 100644
index 000000000..a057bfe1d
--- /dev/null
+++ b/frontend/pages/g/[groupSlug]/cookbooks/index.vue
@@ -0,0 +1,260 @@
+<template>
+  <div>
+    <!-- Create Dialog -->
+    <BaseDialog
+      v-if="createTarget"
+      v-model="dialogStates.create"
+      width="100%"
+      max-width="1100px"
+      :icon="$globals.icons.pages"
+      :title="$t('cookbook.create-a-cookbook')"
+      :submit-icon="$globals.icons.save"
+      :submit-text="$t('general.save')"
+      :submit-disabled="!createTarget.queryFilterString"
+      can-submit
+      @submit="actions.updateOne(createTarget)"
+      @cancel="deleteCreateTarget()"
+    >
+      <v-card-text>
+        <CookbookEditor :key="createTargetKey" v-model="createTarget" :actions="actions" />
+      </v-card-text>
+    </BaseDialog>
+
+    <!-- Delete Dialog -->
+    <BaseDialog
+      v-model="dialogStates.delete"
+      :title="$t('general.delete-with-name', { name: $t('cookbook.cookbook') })"
+      :icon="$globals.icons.alertCircle"
+      color="error"
+      can-confirm
+      @confirm="deleteCookbook()"
+    >
+      <v-card-text>
+        <p>{{ $t("general.confirm-delete-generic-with-name", { name: $t("cookbook.cookbook") }) }}</p>
+        <p v-if="deleteTarget" class="mt-4 ml-4">
+          {{ deleteTarget.name }}
+        </p>
+      </v-card-text>
+    </BaseDialog>
+
+    <!-- Cookbook Page -->
+    <!-- Page Title -->
+    <v-container class="px-12" max-width="1000">
+      <BasePageTitle divider>
+        <template #header>
+          <v-img width="100%" max-height="100" max-width="100" :src="require('~/static/svgs/manage-cookbooks.svg')" />
+        </template>
+        <template #title>
+          {{ $t("cookbook.cookbooks") }}
+        </template>
+        {{ $t("cookbook.description") }}
+      </BasePageTitle>
+
+      <div class="my-6">
+        <v-checkbox
+          v-model="cookbookPreferences.hideOtherHouseholds"
+          :label="$t('cookbook.hide-cookbooks-from-other-households')"
+          hide-details
+          color="primary"
+        />
+        <div class="ml-10 mt-n3">
+          <p class="text-subtitle-2 my-0 py-0">
+            {{ $t("cookbook.hide-cookbooks-from-other-households-description") }}
+          </p>
+        </div>
+      </div>
+
+      <!-- Create New -->
+      <BaseButton create @click="createCookbook" />
+
+      <!-- Cookbook List -->
+      <v-expansion-panels class="mt-2">
+        <VueDraggable
+          v-model="myCookbooks"
+          handle=".handle"
+          :delay="250"
+          :delay-on-touch-only="true"
+          style="width: 100%"
+          @end="actions.updateOrder(myCookbooks)"
+        >
+          <v-expansion-panel
+            v-for="(cookbook, index) in myCookbooks"
+            :key="cookbook.id"
+            class="my-2 left-border rounded"
+          >
+            <v-expansion-panel-title disable-icon-rotate class="text-h6 opacity-80">
+              <div class="d-flex align-center">
+                <v-icon size="large" start>
+                  {{ $globals.icons.pages }}
+                </v-icon>
+                {{ cookbook.name }}
+              </div>
+              <template #actions>
+                <div class="d-flex align-center">
+                  <v-btn icon variant="text" class="ml-2">
+                    <v-icon>
+                      {{ $globals.icons.edit }}
+                    </v-icon>
+                  </v-btn>
+                  <v-icon class="handle" :size="40">
+                    {{ $globals.icons.arrowUpDown }}
+                  </v-icon>
+                </div>
+              </template>
+            </v-expansion-panel-title>
+            <v-expansion-panel-text>
+              <CookbookEditor
+                v-model="myCookbooks[index]"
+                :actions="actions"
+                :collapsable="false"
+                @delete="deleteEventHandler"
+              />
+              <v-card-actions>
+                <v-spacer />
+                <BaseButtonGroup
+                  :buttons="[
+                    {
+                      icon: $globals.icons.delete,
+                      text: $t('general.delete'),
+                      event: 'delete',
+                    },
+                    {
+                      icon: $globals.icons.save,
+                      text: $t('general.save'),
+                      event: 'save',
+                      disabled: !cookbook.queryFilterString,
+                    },
+                  ]"
+                  @delete="deleteEventHandler(myCookbooks[index])"
+                  @save="actions.updateOne(myCookbooks[index])"
+                />
+              </v-card-actions>
+            </v-expansion-panel-text>
+          </v-expansion-panel>
+        </VueDraggable>
+      </v-expansion-panels>
+    </v-container>
+  </div>
+</template>
+
+<script lang="ts">
+import { VueDraggable } from "vue-draggable-plus";
+import { useCookbooks } from "@/composables/use-group-cookbooks";
+import { useHouseholdSelf } from "@/composables/use-households";
+import CookbookEditor from "~/components/Domain/Cookbook/CookbookEditor.vue";
+import type { ReadCookBook } from "~/lib/api/types/cookbook";
+import { useCookbookPreferences } from "~/composables/use-users/preferences";
+
+export default defineNuxtComponent({
+  components: { CookbookEditor, VueDraggable },
+  middleware: ["sidebase-auth", "group-only"],
+  setup() {
+    const dialogStates = reactive({
+      create: false,
+      delete: false,
+    });
+
+    const i18n = useI18n();
+
+    // Set page title
+    useSeoMeta({
+      title: i18n.t("cookbook.cookbooks"),
+    });
+
+    const $auth = useMealieAuth();
+    const { cookbooks: allCookbooks, actions } = useCookbooks();
+
+    // Make a local reactive copy of myCookbooks
+    const myCookbooks = ref<ReadCookBook[]>([]);
+    watch(
+      allCookbooks,
+      (cookbooks) => {
+        myCookbooks.value
+          = cookbooks?.filter(
+            cookbook => cookbook.householdId === $auth.user.value?.householdId,
+          ) ?? [];
+      },
+      { immediate: true },
+    );
+
+    const { household } = useHouseholdSelf();
+    const cookbookPreferences = useCookbookPreferences();
+
+    // create
+    const createTargetKey = ref(0);
+    const createTarget = ref<ReadCookBook | null>(null);
+    async function createCookbook() {
+      const name = i18n.t("cookbook.household-cookbook-name", [
+        household.value?.name || "",
+        String((myCookbooks.value?.length ?? 0) + 1),
+      ]) as string;
+      await actions.createOne(name).then((cookbook) => {
+        if (!cookbook) {
+          return;
+        }
+
+        myCookbooks.value.push(cookbook);
+        createTarget.value = cookbook as ReadCookBook;
+        createTargetKey.value++;
+      });
+      dialogStates.create = true;
+    }
+
+    // delete
+    const deleteTarget = ref<ReadCookBook | null>(null);
+    function deleteEventHandler(item: ReadCookBook) {
+      deleteTarget.value = item;
+      dialogStates.delete = true;
+    }
+    async function deleteCookbook() {
+      if (!deleteTarget.value) {
+        return;
+      }
+      await actions.deleteOne(deleteTarget.value.id);
+      myCookbooks.value = myCookbooks.value.filter(c => c.id !== deleteTarget.value?.id);
+      dialogStates.delete = false;
+      deleteTarget.value = null;
+    }
+
+    async function deleteCreateTarget() {
+      if (!createTarget.value?.id) {
+        return;
+      }
+      await actions.deleteOne(createTarget.value.id);
+      myCookbooks.value = myCookbooks.value.filter(c => c.id !== createTarget.value?.id);
+      dialogStates.create = false;
+      createTarget.value = null;
+    }
+    function handleUnmount() {
+      if (!createTarget.value?.id || createTarget.value.queryFilterString) {
+        return;
+      }
+      deleteCreateTarget();
+    }
+    onMounted(() => {
+      window.addEventListener("beforeunload", handleUnmount);
+    });
+    onBeforeUnmount(() => {
+      handleUnmount();
+      window.removeEventListener("beforeunload", handleUnmount);
+    });
+
+    return {
+      myCookbooks,
+      cookbookPreferences,
+      actions,
+      dialogStates,
+      // create
+      createTargetKey,
+      createTarget,
+      createCookbook,
+
+      // delete
+      deleteTarget,
+      deleteEventHandler,
+      deleteCookbook,
+      deleteCreateTarget,
+    };
+  },
+});
+</script>
diff --git a/frontend/pages/g/_groupSlug/index.vue b/frontend/pages/g/[groupSlug]/index.vue
similarity index 70%
rename from frontend/pages/g/_groupSlug/index.vue
rename to frontend/pages/g/[groupSlug]/index.vue
index 532a39576..e68a3e072 100644
--- a/frontend/pages/g/_groupSlug/index.vue
+++ b/frontend/pages/g/[groupSlug]/index.vue
@@ -5,10 +5,9 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
 import RecipeExplorerPage from "~/components/Domain/Recipe/RecipeExplorerPage.vue";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { RecipeExplorerPage },
 });
 </script>
diff --git a/frontend/pages/g/[groupSlug]/r/[slug]/index.vue b/frontend/pages/g/[groupSlug]/r/[slug]/index.vue
new file mode 100644
index 000000000..211765e59
--- /dev/null
+++ b/frontend/pages/g/[groupSlug]/r/[slug]/index.vue
@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <RecipePage
+      v-if="recipe"
+      v-model="recipe"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { whenever } from "@vueuse/core";
+import { useLoggedInState } from "~/composables/use-logged-in-state";
+import { useAsyncKey } from "~/composables/use-utils";
+import RecipePage from "~/components/Domain/Recipe/RecipePage/RecipePage.vue";
+import { usePublicExploreApi } from "~/composables/api/api-client";
+import { useRecipe } from "~/composables/recipes";
+import type { Recipe } from "~/lib/api/types/recipe";
+
+const $auth = useMealieAuth();
+const { isOwnGroup } = useLoggedInState();
+const route = useRoute();
+const title = ref(route.meta?.title ?? "");
+useSeoMeta({ title });
+
+const router = useRouter();
+const slug = route.params.slug as string;
+
+const recipe = ref<Recipe | null>(null);
+if (isOwnGroup.value) {
+  const { recipe: data } = useRecipe(slug);
+  watch(data, (value) => {
+    recipe.value = value;
+  });
+}
+else {
+  const groupSlug = computed(() => route.params.groupSlug as string || $auth.user.value?.groupSlug || "");
+  const api = usePublicExploreApi(groupSlug.value);
+  const { data } = await useAsyncData(useAsyncKey(), async () => {
+    const { data, error } = await api.explore.recipes.getOne(slug);
+    if (error) {
+      console.error("error loading recipe -> ", error);
+      router.push(`/g/${groupSlug.value}`);
+    }
+
+    return data;
+  });
+  recipe.value = data.value;
+}
+
+whenever(
+  () => recipe.value,
+  () => {
+    if (recipe.value && recipe.value.name) {
+      title.value = recipe.value.name;
+    }
+  },
+);
+</script>
diff --git a/frontend/pages/g/_groupSlug/r/_slug/ingredient-parser.vue b/frontend/pages/g/[groupSlug]/r/[slug]/ingredient-parser.vue
similarity index 71%
rename from frontend/pages/g/_groupSlug/r/_slug/ingredient-parser.vue
rename to frontend/pages/g/[groupSlug]/r/[slug]/ingredient-parser.vue
index a4ef0fdf1..c1b9d113b 100644
--- a/frontend/pages/g/_groupSlug/r/_slug/ingredient-parser.vue
+++ b/frontend/pages/g/[groupSlug]/r/[slug]/ingredient-parser.vue
@@ -1,14 +1,18 @@
 <template>
   <v-container v-if="recipe">
     <v-container>
-      <BaseCardSectionTitle :title="$tc('recipe.parser.ingredient-parser')">
-        <div class="mt-4">{{ $tc("recipe.parser.explanation") }}</div>
+      <BaseCardSectionTitle :title="$t('recipe.parser.ingredient-parser')">
+        <div class="mt-4">
+          {{ $t("recipe.parser.explanation") }}
+        </div>
 
         <div class="my-4">
-          {{ $tc("recipe.parser.alerts-explainer") }}
+          {{ $t("recipe.parser.alerts-explainer") }}
         </div>
         <div class="d-flex align-center mb-n4">
-          <div class="mb-4">{{ $tc("recipe.parser.select-parser") }}</div>
+          <div class="mb-4">
+            {{ $t("recipe.parser.select-parser") }}
+          </div>
           <BaseOverflowButton
             v-model="parser"
             btn-class="mx-2 mb-4"
@@ -17,13 +21,30 @@
         </div>
       </BaseCardSectionTitle>
 
-      <div class="d-flex mt-n3 mb-4 justify-end" style="gap: 5px">
-        <BaseButton cancel class="mr-auto" @click="$router.go(-1)"></BaseButton>
-        <BaseButton color="info" :disabled="parserLoading" @click="fetchParsed">
-          <template #icon> {{ $globals.icons.foods }}</template>
-          {{ $tc("recipe.parser.parse-all") }}
+      <div
+        class="d-flex mt-n3 mb-4 justify-end"
+        style="gap: 5px"
+      >
+        <BaseButton
+          cancel
+          class="mr-auto"
+          @click="$router.go(-1)"
+        />
+        <BaseButton
+          color="info"
+          :disabled="parserLoading"
+          @click="fetchParsed"
+        >
+          <template #icon>
+            {{ $globals.icons.foods }}
+          </template>
+          {{ $t("recipe.parser.parse-all") }}
         </BaseButton>
-        <BaseButton save :disabled="parserLoading" @click="saveAll" />
+        <BaseButton
+          save
+          :disabled="parserLoading"
+          @click="saveAll"
+        />
       </div>
 
       <div v-if="parserLoading">
@@ -34,57 +55,80 @@
         />
       </div>
       <div v-else>
-        <v-expansion-panels v-model="panels" multiple>
-          <draggable
+        <v-expansion-panels
+          v-model="panels"
+          multiple
+        >
+          <VueDraggable
             v-if="parsedIng.length > 0"
             v-model="parsedIng"
             handle=".handle"
-            delay="250"
+            :delay="250"
             :delay-on-touch-only="true"
             :style="{ width: '100%' }"
             ghost-class="ghost"
           >
-            <v-expansion-panel v-for="(ing, index) in parsedIng" :key="index">
-              <v-expansion-panel-header class="my-0 py-0" disable-icon-rotate>
-                <template #default="{ open }">
+            <v-expansion-panel
+              v-for="(ing, index) in parsedIng"
+              :key="index"
+            >
+              <v-expansion-panel-title
+                class="my-0 py-0"
+                disable-icon-rotate
+              >
+                <template #default="{ expanded }">
                   <v-fade-transition>
-                    <span v-if="!open" key="0"> {{ ing.input }} </span>
+                    <span
+                      v-if="!expanded"
+                      key="0"
+                    > {{ ing.input }} </span>
                   </v-fade-transition>
                 </template>
                 <template #actions>
-                  <v-icon left :color="isError(ing) ? 'error' : 'success'">
+                  <v-icon
+                    start
+                    :color="isError(ing) ? 'error' : 'success'"
+                  >
                     {{ isError(ing) ? $globals.icons.alert : $globals.icons.check }}
                   </v-icon>
-                  <div class="my-auto" :color="isError(ing) ? 'error-text' : 'success-text'">
-                    {{ ing.confidence ? asPercentage(ing.confidence.average) : "" }}
+                  <div
+                    class="my-auto"
+                    :color="isError(ing) ? 'error-text' : 'success-text'"
+                  >
+                    {{ ing.confidence ? asPercentage(ing.confidence.average!) : "" }}
                   </div>
                 </template>
-              </v-expansion-panel-header>
-              <v-expansion-panel-content class="pb-0 mb-0">
-                <RecipeIngredientEditor v-model="parsedIng[index].ingredient" allow-insert-ingredient @insert-ingredient="insertIngredient(index)"  @delete="deleteIngredient(index)" />
+              </v-expansion-panel-title>
+              <v-expansion-panel-text class="pb-0 mb-0">
+                <RecipeIngredientEditor
+                  v-model="parsedIng[index].ingredient"
+                  allow-insert-ingredient
+                  @insert-ingredient="insertIngredient(index)"
+                  @delete="deleteIngredient(index)"
+                />
                 {{ ing.input }}
                 <v-card-actions>
                   <v-spacer />
                   <BaseButton
                     v-if="errors[index].unitError && errors[index].unitErrorMessage !== ''"
                     color="warning"
-                    small
-                    @click="createUnit(ing.ingredient.unit, index)"
+                    size="small"
+                    @click="createUnit(ing.ingredient.unit!, index)"
                   >
                     {{ errors[index].unitErrorMessage }}
                   </BaseButton>
                   <BaseButton
                     v-if="errors[index].foodError && errors[index].foodErrorMessage !== ''"
                     color="warning"
-                    small
-                    @click="createFood(ing.ingredient.food, index)"
+                    size="small"
+                    @click="createFood(ing.ingredient.food!, index)"
                   >
                     {{ errors[index].foodErrorMessage }}
                   </BaseButton>
                 </v-card-actions>
-              </v-expansion-panel-content>
+              </v-expansion-panel-text>
             </v-expansion-panel>
-          </draggable>
+          </VueDraggable>
         </v-expansion-panels>
       </div>
     </v-container>
@@ -92,9 +136,8 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, ref, useContext, useRoute, useRouter, watch } from "@nuxtjs/composition-api";
 import { invoke, until } from "@vueuse/core";
-import draggable from "vuedraggable";
+import { VueDraggable } from "vue-draggable-plus";
 import RecipeIngredientEditor from "~/components/Domain/Recipe/RecipeIngredientEditor.vue";
 import { alert } from "~/composables/use-toast";
 import { useAppInfo, useUserApi } from "~/composables/api";
@@ -102,7 +145,7 @@ import { useRecipe } from "~/composables/recipes";
 import { useFoodData, useFoodStore, useUnitData, useUnitStore } from "~/composables/store";
 import { useParsingPreferences } from "~/composables/use-users/preferences";
 import { uuid4 } from "~/composables/use-utils";
-import {
+import type {
   CreateIngredientFood,
   CreateIngredientUnit,
   IngredientFood,
@@ -110,7 +153,7 @@ import {
   ParsedIngredient,
   RecipeIngredient,
 } from "~/lib/api/types/recipe";
-import { Parser } from "~/lib/api/user/recipes/recipe";
+import type { Parser } from "~/lib/api/user/recipes/recipe";
 
 interface Error {
   ingredientIndex: number;
@@ -120,21 +163,22 @@ interface Error {
   foodErrorMessage: string;
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     RecipeIngredientEditor,
-    draggable
+    VueDraggable,
   },
-  middleware: ["auth", "group-only"],
+  middleware: ["sidebase-auth", "group-only"],
   setup() {
-    const { $auth, i18n } = useContext();
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
     const panels = ref<number[]>([]);
 
     const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    const groupSlug = computed(() => route.params.groupSlug as string || $auth.user.value?.groupSlug || "");
 
     const router = useRouter();
-    const slug = route.value.params.slug;
+    const slug = route.params.slug as string;
     const api = useUserApi();
     const appInfo = useAppInfo();
 
@@ -152,19 +196,19 @@ export default defineComponent({
     const availableParsers = computed(() => {
       return [
         {
-          "text": i18n.tc("recipe.parser.natural-language-processor"),
-          "value": "nlp",
+          text: i18n.t("recipe.parser.natural-language-processor"),
+          value: "nlp",
         },
         {
-          "text": i18n.tc("recipe.parser.brute-parser"),
-          "value": "brute",
+          text: i18n.t("recipe.parser.brute-parser"),
+          value: "brute",
         },
         {
-          "text": i18n.tc("recipe.parser.openai-parser"),
-          "value": "openai",
-          "hide": !appInfo.value?.enableOpenai,
+          text: i18n.t("recipe.parser.openai-parser"),
+          value: "openai",
+          hide: !appInfo.value?.enableOpenai,
         },
-      ]
+      ];
     });
 
     // =========================================================
@@ -177,8 +221,8 @@ export default defineComponent({
     });
 
     function processIngredientError(ing: ParsedIngredient, index: number): Error {
-      const unitError = !checkForUnit(ing.ingredient.unit);
-      const foodError = !checkForFood(ing.ingredient.food);
+      const unitError = !checkForUnit(ing.ingredient.unit!);
+      const foodError = !checkForFood(ing.ingredient.food!);
 
       let unitErrorMessage = "";
       let foodErrorMessage = "";
@@ -186,14 +230,14 @@ export default defineComponent({
       if (unitError || foodError) {
         if (unitError) {
           if (ing?.ingredient?.unit?.name) {
-            const unit = ing.ingredient.unit.name || i18n.tc("recipe.parser.no-unit");
+            const unit = ing.ingredient.unit.name || i18n.t("recipe.parser.no-unit");
             unitErrorMessage = i18n.t("recipe.parser.missing-unit", { unit }).toString();
           }
         }
 
         if (foodError) {
           if (ing?.ingredient?.food?.name) {
-            const food = ing.ingredient.food.name || i18n.tc("recipe.parser.no-food");
+            const food = ing.ingredient.food.name || i18n.t("recipe.parser.no-food");
             foodErrorMessage = i18n.t("recipe.parser.missing-food", { food }).toString();
           }
         }
@@ -213,7 +257,7 @@ export default defineComponent({
       if (!recipe.value || !recipe.value.recipeIngredient) {
         return;
       }
-      const raw = recipe.value.recipeIngredient.map((ing) => ing.note ?? "");
+      const raw = recipe.value.recipeIngredient.map(ing => ing.note ?? "");
 
       parserLoading.value = true;
       const { data } = await api.recipes.parseIngredients(parser.value, raw);
@@ -226,7 +270,8 @@ export default defineComponent({
           for (let i = 0; i < recipe.value.recipeIngredient.length; i++) {
             data[i].ingredient.title = recipe.value.recipeIngredient[i].title;
           }
-        } catch (TypeError) {
+        }
+        catch {
           console.error("Index Mismatch Error during recipe ingredient parsing; did the number of ingredients change?");
         }
 
@@ -235,7 +280,8 @@ export default defineComponent({
         errors.value = data.map((ing, index: number) => {
           return processIngredientError(ing, index);
         });
-      } else {
+      }
+      else {
         alert.error(i18n.t("events.something-went-wrong") as string);
         parsedIng.value = [];
       }
@@ -310,7 +356,7 @@ export default defineComponent({
           quantity: 1.0,
           disableAmount: false,
           referenceId: uuid4(),
-        }
+        },
       } as ParsedIngredient;
 
       parsedIng.value.splice(index, 0, ing);
@@ -334,11 +380,11 @@ export default defineComponent({
     // Save All Logic
     async function saveAll() {
       const ingredients = parsedIng.value.map((ing) => {
-        if (!checkForFood(ing.ingredient.food)) {
+        if (!checkForFood(ing.ingredient.food!)) {
           ing.ingredient.food = undefined;
         }
 
-        if (!checkForUnit(ing.ingredient.unit)) {
+        if (!checkForUnit(ing.ingredient.unit!)) {
           ing.ingredient.unit = undefined;
         }
 
@@ -364,6 +410,10 @@ export default defineComponent({
       }
     }
 
+    useSeoMeta({
+      title: i18n.t("recipe.parser.ingredient-parser"),
+    });
+
     return {
       parser,
       availableParsers,
@@ -386,10 +436,5 @@ export default defineComponent({
       ingredients,
     };
   },
-  head() {
-    return {
-      title: this.$tc("recipe.parser.ingredient-parser"),
-    };
-  },
 });
 </script>
diff --git a/frontend/pages/g/_groupSlug/r/create.vue b/frontend/pages/g/[groupSlug]/r/create.vue
similarity index 50%
rename from frontend/pages/g/_groupSlug/r/create.vue
rename to frontend/pages/g/[groupSlug]/r/create.vue
index 10c2af3e2..4dc0a9522 100644
--- a/frontend/pages/g/_groupSlug/r/create.vue
+++ b/frontend/pages/g/[groupSlug]/r/create.vue
@@ -3,40 +3,61 @@
     <v-container class="flex-column">
       <BasePageTitle divider>
         <template #header>
-          <v-img max-height="175" max-width="175" :src="require('~/static/svgs/recipes-create.svg')"></v-img>
+          <v-img
+            width="100%"
+            max-height="175"
+            max-width="175"
+            :src="require('~/static/svgs/recipes-create.svg')"
+          />
+        </template>
+        <template #title>
+          {{ $t('recipe.recipe-creation') }}
         </template>
-        <template #title> {{ $t('recipe.recipe-creation') }} </template>
-        {{ $t('recipe.select-one-of-the-various-ways-to-create-a-recipe') }}
         <template #content>
-          <div class="ml-auto">
-            <BaseOverflowButton v-model="subpage" rounded :items="subpages"> </BaseOverflowButton>
+          <div class="flex-1-1 d-flex flex-column justify-center align-center ga-2">
+            <p>{{ $t('recipe.select-one-of-the-various-ways-to-create-a-recipe') }}</p>
+            <div class="ml-auto">
+              <BaseOverflowButton
+                v-model="subpage"
+                rounded
+                :items="subpages"
+              />
+            </div>
           </div>
         </template>
       </BasePageTitle>
       <section>
-        <NuxtChild />
+        <NuxtPage />
       </section>
     </v-container>
 
     <AdvancedOnly>
       <v-container class="d-flex justify-center align-center my-4">
-        <router-link :to="`/group/migrations`"> {{ $t('recipe.looking-for-migrations') }}</router-link>
+        <router-link
+          :to="`/group/migrations`"
+          class="text-primary"
+        > {{ $t('recipe.looking-for-migrations') }}</router-link>
       </v-container>
     </AdvancedOnly>
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, useRouter, useContext, computed, useRoute } from "@nuxtjs/composition-api";
 import { useAppInfo } from "~/composables/api";
-import { MenuItem } from "~/components/global/BaseOverflowButton.vue";
+import type { MenuItem } from "~/components/global/BaseOverflowButton.vue";
 import AdvancedOnly from "~/components/global/AdvancedOnly.vue";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { AdvancedOnly },
-  middleware: ["auth", "group-only"],
+  middleware: ["sidebase-auth", "group-only"],
   setup() {
-    const { $auth, $globals, i18n } = useContext();
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
+    const $globals = useNuxtApp().$globals;
+
+    useSeoMeta({
+      title: i18n.t("general.create"),
+    });
 
     const appInfo = useAppInfo();
     const enableOpenAIImages = computed(() => appInfo.value?.enableOpenaiImageServices);
@@ -44,52 +65,52 @@ export default defineComponent({
     const subpages = computed<MenuItem[]>(() => [
       {
         icon: $globals.icons.link,
-        text: i18n.tc("recipe.import-with-url"),
+        text: i18n.t("recipe.import-with-url"),
         value: "url",
       },
       {
         icon: $globals.icons.link,
-        text: i18n.tc("recipe.bulk-url-import"),
+        text: i18n.t("recipe.bulk-url-import"),
         value: "bulk",
       },
       {
         icon: $globals.icons.codeTags,
-        text: i18n.tc("recipe.import-from-html-or-json"),
+        text: i18n.t("recipe.import-from-html-or-json"),
         value: "html",
       },
       {
         icon: $globals.icons.fileImage,
-        text: i18n.tc("recipe.create-from-image"),
+        text: i18n.t("recipe.create-from-image"),
         value: "image",
         hide: !enableOpenAIImages.value,
       },
       {
         icon: $globals.icons.edit,
-        text: i18n.tc("recipe.create-recipe"),
+        text: i18n.t("recipe.create-recipe"),
         value: "new",
       },
       {
         icon: $globals.icons.zip,
-        text: i18n.tc("recipe.import-with-zip"),
+        text: i18n.t("recipe.import-with-zip"),
         value: "zip",
       },
       {
         icon: $globals.icons.robot,
-        text: i18n.tc("recipe.debug-scraper"),
+        text: i18n.t("recipe.debug-scraper"),
         value: "debug",
       },
     ]);
 
     const route = useRoute();
     const router = useRouter();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    const groupSlug = computed(() => route.params.groupSlug || $auth.user.value?.groupSlug || "");
 
     const subpage = computed({
       set(subpage: string) {
-        router.push({ path: `/g/${groupSlug.value}/r/create/${subpage}`, query: route.value.query });
+        router.push({ path: `/g/${groupSlug.value}/r/create/${subpage}`, query: route.query });
       },
       get() {
-        return route.value.path.split("/").pop() ?? "url";
+        return route.path.split("/").pop() ?? "url";
       },
     });
 
@@ -99,10 +120,5 @@ export default defineComponent({
       subpage,
     };
   },
-  head() {
-    return {
-      title: this.$t("general.create") as string,
-    };
-  },
 });
 </script>
diff --git a/frontend/pages/g/_groupSlug/r/create/bulk.vue b/frontend/pages/g/[groupSlug]/r/create/bulk.vue
similarity index 63%
rename from frontend/pages/g/_groupSlug/r/create/bulk.vue
rename to frontend/pages/g/[groupSlug]/r/create/bulk.vue
index 9eefe30d8..307a81fd6 100644
--- a/frontend/pages/g/_groupSlug/r/create/bulk.vue
+++ b/frontend/pages/g/[groupSlug]/r/create/bulk.vue
@@ -1,22 +1,34 @@
 <template>
   <div>
     <div>
-      <v-card-title class="headline"> {{ $t('recipe.recipe-bulk-importer') }} </v-card-title>
+      <v-card-title class="headline">
+        {{ $t('recipe.recipe-bulk-importer') }}
+      </v-card-title>
       <v-card-text>
         {{ $t('recipe.recipe-bulk-importer-description') }}
       </v-card-text>
     </div>
     <section class="mt-2">
-      <v-row v-for="(_, idx) in bulkUrls" :key="'bulk-url' + idx" class="my-1" dense>
-        <v-col cols="12" xs="12" sm="12" md="12">
+      <v-row
+        v-for="(_, idx) in bulkUrls"
+        :key="'bulk-url' + idx"
+        class="my-1"
+        density="compact"
+      >
+        <v-col
+          cols="12"
+          xs="12"
+          sm="12"
+          md="12"
+        >
           <v-text-field
             v-model="bulkUrls[idx].url"
             :label="$t('new-recipe.recipe-url')"
-            dense
+            density="compact"
             single-line
-            validate-on-blur
+            validate-on="blur"
             autofocus
-            filled
+            variant="solo-filled"
             hide-details
             clearable
             :prepend-inner-icon="$globals.icons.link"
@@ -24,7 +36,12 @@
             class="rounded-lg"
           >
             <template #append>
-              <v-btn style="margin-top: -2px" icon small @click="bulkUrls.splice(idx, 1)">
+              <v-btn
+                style="margin-top: -2px"
+                icon
+                size="small"
+                @click="bulkUrls.splice(idx, 1)"
+              >
                 <v-icon>
                   {{ $globals.icons.delete }}
                 </v-icon>
@@ -33,14 +50,18 @@
           </v-text-field>
         </v-col>
         <template v-if="showCatTags">
-          <v-col cols="12" xs="12" sm="6">
+          <v-col
+            cols="12"
+            xs="12"
+            sm="6"
+          >
             <RecipeOrganizerSelector
               v-model="bulkUrls[idx].categories"
               selector-type="categories"
               :input-attrs="{
-                filled: true,
+                variant: 'filled',
                 singleLine: true,
-                dense: true,
+                density: 'compact',
                 rounded: true,
                 class: 'rounded-lg',
                 hideDetails: true,
@@ -48,14 +69,18 @@
               }"
             />
           </v-col>
-          <v-col cols="12" xs="12" sm="6">
+          <v-col
+            cols="12"
+            xs="12"
+            sm="6"
+          >
             <RecipeOrganizerSelector
               v-model="bulkUrls[idx].tags"
               selector-type="tags"
               :input-attrs="{
-                filled: true,
+                variant: 'filled',
                 singleLine: true,
-                dense: true,
+                density: 'compact',
                 rounded: true,
                 class: 'rounded-lg',
                 hideDetails: true,
@@ -75,40 +100,61 @@
         >
           {{ $t('general.clear') }}
         </BaseButton>
-        <v-spacer></v-spacer>
-        <BaseButton class="mr-1 mb-1" color="info" @click="bulkUrls.push({ url: '', categories: [], tags: [] })">
-          <template #icon> {{ $globals.icons.createAlt }} </template>
+        <v-spacer />
+        <BaseButton
+          class="mr-1 mb-1"
+          color="info"
+          @click="bulkUrls.push({ url: '', categories: [], tags: [] })"
+        >
+          <template #icon>
+            {{ $globals.icons.createAlt }}
+          </template>
           {{ $t('general.new') }}
         </BaseButton>
-        <RecipeDialogBulkAdd v-model="bulkDialog" class="mr-1 mr-sm-0 mb-1" @bulk-data="assignUrls" />
+        <RecipeDialogBulkAdd
+          v-model="bulkDialog"
+          class="mr-1 mr-sm-0 mb-1"
+          @bulk-data="assignUrls"
+        />
       </v-card-actions>
       <div class="px-1">
-        <v-checkbox v-model="showCatTags" hide-details :label="$t('recipe.set-categories-and-tags')" />
+        <v-checkbox
+          v-model="showCatTags"
+          hide-details
+          :label="$t('recipe.set-categories-and-tags')"
+        />
       </div>
       <v-card-actions class="justify-end">
-        <BaseButton :disabled="bulkUrls.length === 0 || lockBulkImport" @click="bulkCreate">
-          <template #icon> {{ $globals.icons.check }} </template>
+        <BaseButton
+          :disabled="bulkUrls.length === 0 || lockBulkImport"
+          @click="bulkCreate"
+        >
+          <template #icon>
+            {{ $globals.icons.check }}
+          </template>
           {{ $t('general.submit') }}
         </BaseButton>
       </v-card-actions>
     </section>
     <section class="mt-12">
-      <BaseCardSectionTitle :title="$tc('recipe.bulk-imports')"> </BaseCardSectionTitle>
-      <ReportTable :items="reports" @delete="deleteReport" />
+      <BaseCardSectionTitle :title="$t('recipe.bulk-imports')" />
+      <ReportTable
+        :items="reports"
+        @delete="deleteReport"
+      />
     </section>
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, toRefs, ref, useContext } from "@nuxtjs/composition-api";
 import { whenever } from "@vueuse/shared";
 import { useUserApi } from "~/composables/api";
 import { alert } from "~/composables/use-toast";
 import RecipeOrganizerSelector from "~/components/Domain/Recipe/RecipeOrganizerSelector.vue";
-import { ReportSummary } from "~/lib/api/types/reports";
+import type { ReportSummary } from "~/lib/api/types/reports";
 import RecipeDialogBulkAdd from "~/components/Domain/Recipe/RecipeDialogBulkAdd.vue";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { RecipeOrganizerSelector, RecipeDialogBulkAdd },
   setup() {
     const state = reactive({
@@ -122,11 +168,11 @@ export default defineComponent({
       () => !state.showCatTags,
       () => {
         console.log("showCatTags changed");
-      }
+      },
     );
 
     const api = useUserApi();
-    const { i18n } = useContext();
+    const i18n = useI18n();
 
     const bulkUrls = ref([{ url: "", categories: [], tags: [] }]);
     const lockBulkImport = ref(false);
@@ -139,10 +185,11 @@ export default defineComponent({
       const { response } = await api.recipes.createManyByUrl({ imports: bulkUrls.value });
 
       if (response?.status === 202) {
-        alert.success(i18n.tc("recipe.bulk-import-process-has-started"));
+        alert.success(i18n.t("recipe.bulk-import-process-has-started"));
         lockBulkImport.value = true;
-      } else {
-        alert.error(i18n.tc("recipe.bulk-import-process-has-failed"));
+      }
+      else {
+        alert.error(i18n.t("recipe.bulk-import-process-has-failed"));
       }
 
       fetchReports();
@@ -164,15 +211,16 @@ export default defineComponent({
 
       if (response?.status === 200) {
         fetchReports();
-      } else {
-        alert.error(i18n.tc("recipe.report-deletion-failed"));
+      }
+      else {
+        alert.error(i18n.t("recipe.report-deletion-failed"));
       }
     }
 
     fetchReports();
 
     function assignUrls(urls: string[]) {
-      bulkUrls.value = urls.map((url) => ({ url, categories: [], tags: [] }));
+      bulkUrls.value = urls.map(url => ({ url, categories: [], tags: [] }));
     }
 
     return {
diff --git a/frontend/pages/g/_groupSlug/r/create/debug.vue b/frontend/pages/g/[groupSlug]/r/create/debug.vue
similarity index 68%
rename from frontend/pages/g/_groupSlug/r/create/debug.vue
rename to frontend/pages/g/[groupSlug]/r/create/debug.vue
index 77b43e8b3..1bcb9ea34 100644
--- a/frontend/pages/g/_groupSlug/r/create/debug.vue
+++ b/frontend/pages/g/[groupSlug]/r/create/debug.vue
@@ -1,17 +1,22 @@
 <template>
   <div>
-    <v-form ref="domUrlForm" @submit.prevent="debugUrl(recipeUrl)">
+    <v-form
+      ref="domUrlForm"
+      @submit.prevent="debugUrl(recipeUrl)"
+    >
       <div>
-        <v-card-title class="headline"> {{ $t('recipe.recipe-debugger') }} </v-card-title>
+        <v-card-title class="headline">
+          {{ $t('recipe.recipe-debugger') }}
+        </v-card-title>
         <v-card-text>
           {{ $t('recipe.recipe-debugger-description') }}
           <v-text-field
             v-model="recipeUrl"
             :label="$t('new-recipe.recipe-url')"
-            validate-on-blur
+            validate-on="blur"
             :prepend-inner-icon="$globals.icons.link"
             autofocus
-            filled
+            variant="solo-filled"
             clearable
             rounded
             class="rounded-lg mt-2"
@@ -22,11 +27,21 @@
         </v-card-text>
         <v-card-text v-if="appInfo && appInfo.enableOpenai">
           {{ $t('recipe.recipe-debugger-use-openai-description') }}
-          <v-checkbox v-model="useOpenAI" :label="$t('recipe.use-openai')"></v-checkbox>
+          <v-checkbox
+            v-model="useOpenAI"
+            :label="$t('recipe.use-openai')"
+          />
         </v-card-text>
         <v-card-actions class="justify-center">
           <div style="width: 250px">
-            <BaseButton :disabled="recipeUrl === null" rounded block type="submit" color="info" :loading="loading">
+            <BaseButton
+              :disabled="recipeUrl === null"
+              rounded
+              block
+              type="submit"
+              color="info"
+              :loading="loading"
+            >
               <template #icon>
                 {{ $globals.icons.robot }}
               </template>
@@ -37,29 +52,27 @@
       </div>
     </v-form>
     <section v-if="debugData">
-      <v-checkbox v-model="debugTreeView" :label="$t('recipe.tree-view')"></v-checkbox>
-      <LazyRecipeJsonEditor
+      <v-checkbox
+        v-model="debugTreeView"
+        :label="$t('recipe.tree-view')"
+      />
+      <RecipeJsonEditor
         v-model="debugData"
-        class="primary"
-        :options="{
-          mode: debugTreeView ? 'tree' : 'code',
-          search: false,
-          indentation: 4,
-          mainMenuBar: false,
-        }"
         height="700px"
+        :mode="debugTreeView ? 'tree' : 'text'"
+        :main-menu-bar="false"
+        :read-only="true"
       />
     </section>
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, toRefs, ref, useRouter, computed, useRoute } from "@nuxtjs/composition-api";
 import { useAppInfo, useUserApi } from "~/composables/api";
 import { validators } from "~/composables/use-validators";
-import { Recipe } from "~/lib/api/types/recipe";
+import type { Recipe } from "~/lib/api/types/recipe";
 
-export default defineComponent({
+export default defineNuxtComponent({
   setup() {
     const state = reactive({
       error: false,
@@ -76,11 +89,11 @@ export default defineComponent({
       set(recipe_import_url: string | null) {
         if (recipe_import_url !== null) {
           recipe_import_url = recipe_import_url.trim();
-          router.replace({ query: { ...route.value.query, recipe_import_url } });
+          router.replace({ query: { ...route.query, recipe_import_url } });
         }
       },
       get() {
-        return route.value.query.recipe_import_url as string | null;
+        return route.query.recipe_import_url as string | null;
       },
     });
 
diff --git a/frontend/pages/g/_groupSlug/r/create/html.vue b/frontend/pages/g/[groupSlug]/r/create/html.vue
similarity index 63%
rename from frontend/pages/g/_groupSlug/r/create/html.vue
rename to frontend/pages/g/[groupSlug]/r/create/html.vue
index 674131b15..ff5ec0279 100644
--- a/frontend/pages/g/_groupSlug/r/create/html.vue
+++ b/frontend/pages/g/[groupSlug]/r/create/html.vue
@@ -1,44 +1,61 @@
 <template>
-  <v-form ref="domUrlForm" @submit.prevent="createFromHtmlOrJson(newRecipeData, importKeywordsAsTags, stayInEditMode)">
+  <v-form
+    ref="domUrlForm"
+    @submit.prevent="createFromHtmlOrJson(newRecipeData, importKeywordsAsTags, stayInEditMode)"
+  >
     <div>
-      <v-card-title class="headline"> {{ $tc('recipe.import-from-html-or-json') }} </v-card-title>
+      <v-card-title class="headline">
+        {{ $t('recipe.import-from-html-or-json') }}
+      </v-card-title>
       <v-card-text>
         <p>
-          {{ $tc("recipe.import-from-html-or-json-description") }}
+          {{ $t("recipe.import-from-html-or-json-description") }}
         </p>
         <p>
-          {{ $tc("recipe.json-import-format-description-colon") }}
-          <a href="https://schema.org/Recipe" target="_blank">https://schema.org/Recipe</a>
+          {{ $t("recipe.json-import-format-description-colon") }}
+          <a
+            href="https://schema.org/Recipe"
+            target="_blank"
+          >https://schema.org/Recipe</a>
         </p>
         <v-switch
           v-model="isEditJSON"
-          :label="$tc('recipe.json-editor')"
+          :label="$t('recipe.json-editor')"
           class="mt-2"
           @change="handleIsEditJson"
         />
-        <LazyRecipeJsonEditor
+        <RecipeJsonEditor
           v-if="isEditJSON"
           v-model="newRecipeData"
           height="250px"
           class="mt-10"
-          :options="EDITOR_OPTIONS"
+          mode="code"
+          :main-menu-bar="false"
         />
         <v-textarea
           v-else
           v-model="newRecipeData"
-          :label="$tc('new-recipe.recipe-html-or-json')"
+          :label="$t('new-recipe.recipe-html-or-json')"
           :prepend-inner-icon="$globals.icons.codeTags"
-          validate-on-blur
+          validate-on="blur"
           autofocus
-          filled
+          variant="solo-filled"
           clearable
           class="rounded-lg mt-2"
           rounded
-          :hint="$tc('new-recipe.url-form-hint')"
+          :hint="$t('new-recipe.url-form-hint')"
           persistent-hint
         />
-        <v-checkbox v-model="importKeywordsAsTags" hide-details :label="$tc('recipe.import-original-keywords-as-tags')" />
-        <v-checkbox v-model="stayInEditMode" hide-details :label="$tc('recipe.stay-in-edit-mode')" />
+        <v-checkbox
+          v-model="importKeywordsAsTags"
+          hide-details
+          :label="$t('recipe.import-original-keywords-as-tags')"
+        />
+        <v-checkbox
+          v-model="stayInEditMode"
+          hide-details
+          :label="$t('recipe.stay-in-edit-mode')"
+        />
       </v-card-text>
       <v-card-actions class="justify-center">
         <div style="width: 250px">
@@ -57,29 +74,22 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, reactive, toRefs, ref, useContext, useRoute, useRouter } from "@nuxtjs/composition-api";
-import { AxiosResponse } from "axios";
+import type { AxiosResponse } from "axios";
 import { useTagStore } from "~/composables/store/use-tag-store";
 import { useUserApi } from "~/composables/api";
 import { validators } from "~/composables/use-validators";
-import { VForm } from "~/types/vuetify";
+import type { VForm } from "~/types/auto-forms";
 
-const EDITOR_OPTIONS = {
-  mode: "code",
-  search: false,
-  mainMenuBar: false,
-};
-
-export default defineComponent({
+export default defineNuxtComponent({
   setup() {
     const state = reactive({
       error: false,
       loading: false,
       isEditJSON: false,
     });
-    const { $auth } = useContext();
+    const $auth = useMealieAuth();
     const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    const groupSlug = computed(() => route.params.groupSlug as string || $auth.user.value?.groupSlug || "");
     const domUrlForm = ref<VForm | null>(null);
 
     const api = useUserApi();
@@ -88,19 +98,19 @@ export default defineComponent({
 
     const importKeywordsAsTags = computed({
       get() {
-        return route.value.query.use_keywords === "1";
+        return route.query.use_keywords === "1";
       },
       set(v: boolean) {
-        router.replace({ query: { ...route.value.query, use_keywords: v ? "1" : "0" } });
+        router.replace({ query: { ...route.query, use_keywords: v ? "1" : "0" } });
       },
     });
 
     const stayInEditMode = computed({
       get() {
-        return route.value.query.edit === "1";
+        return route.query.edit === "1";
       },
       set(v: boolean) {
-        router.replace({ query: { ...route.value.query, edit: v ? "1" : "0" } });
+        router.replace({ query: { ...route.query, edit: v ? "1" : "0" } });
       },
     });
 
@@ -124,15 +134,19 @@ export default defineComponent({
         if (newRecipeData.value) {
           try {
             newRecipeData.value = JSON.parse(newRecipeData.value as string);
-          } catch {
-            newRecipeData.value = { "data": newRecipeData.value };
           }
-        } else {
+          catch {
+            newRecipeData.value = { data: newRecipeData.value };
+          }
+        }
+        else {
           newRecipeData.value = {};
         }
-      } else if (newRecipeData.value && Object.keys(newRecipeData.value).length > 0) {
+      }
+      else if (newRecipeData.value && Object.keys(newRecipeData.value).length > 0) {
         newRecipeData.value = JSON.stringify(newRecipeData.value);
-      } else {
+      }
+      else {
         newRecipeData.value = null;
       }
     }
@@ -146,7 +160,8 @@ export default defineComponent({
       let dataString;
       if (typeof htmlOrJsonData === "string") {
         dataString = htmlOrJsonData;
-      } else {
+      }
+      else {
         dataString = JSON.stringify(htmlOrJsonData);
       }
 
@@ -156,7 +171,6 @@ export default defineComponent({
     }
 
     return {
-      EDITOR_OPTIONS,
       domUrlForm,
       importKeywordsAsTags,
       stayInEditMode,
diff --git a/frontend/pages/g/_groupSlug/r/create/image.vue b/frontend/pages/g/[groupSlug]/r/create/image.vue
similarity index 75%
rename from frontend/pages/g/_groupSlug/r/create/image.vue
rename to frontend/pages/g/[groupSlug]/r/create/image.vue
index 5b6424685..aa21cd1a0 100644
--- a/frontend/pages/g/_groupSlug/r/create/image.vue
+++ b/frontend/pages/g/[groupSlug]/r/create/image.vue
@@ -1,20 +1,28 @@
 <template>
   <div>
-    <v-form ref="domUrlForm" @submit.prevent="createRecipe">
+    <v-form
+      ref="domUrlForm"
+      @submit.prevent="createRecipe"
+    >
       <div>
-        <v-card-title class="headline"> {{ $t('recipe.create-recipe-from-an-image') }} </v-card-title>
+        <v-card-title class="headline">
+          {{ $t('recipe.create-recipe-from-an-image') }}
+        </v-card-title>
         <v-card-text>
           <p>{{ $t('recipe.create-recipe-from-an-image-description') }}</p>
           <v-container class="pa-0">
             <v-row>
-              <v-col cols="auto" align-self="center">
+              <v-col
+                cols="auto"
+                align-self="center"
+              >
                 <AppButtonUpload
                   v-if="!uploadedImage"
                   class="ml-auto"
                   url="none"
                   file-name="image"
                   accept="image/*"
-                  :text="$i18n.tc('recipe.upload-image')"
+                  :text="$t('recipe.upload-image')"
                   :text-btn="false"
                   :post="false"
                   @uploaded="uploadImage"
@@ -24,16 +32,24 @@
                   color="error"
                   @click="clearImage"
                 >
-                  <v-icon left>{{ $globals.icons.close }}</v-icon>
-                  {{ $i18n.tc('recipe.remove-image') }}
+                  <v-icon start>
+                    {{ $globals.icons.close }}
+                  </v-icon>
+                  {{ $t('recipe.remove-image') }}
                 </v-btn>
               </v-col>
               <v-spacer />
             </v-row>
 
-            <div v-if="uploadedImage && uploadedImagePreviewUrl" class="mt-3">
+            <div
+              v-if="uploadedImage && uploadedImagePreviewUrl"
+              class="mt-3"
+            >
               <v-row>
-                <v-col cols="12" class="pb-0">
+                <v-col
+                  cols="12"
+                  class="pb-0"
+                >
                   <v-card-text class="pa-0">
                     <p class="mb-0">
                       {{ $t('recipe.crop-and-rotate-the-image') }}
@@ -59,7 +75,12 @@
         <v-card-actions v-if="uploadedImage">
           <div>
             <p style="width: 250px">
-              <BaseButton rounded block type="submit" :loading="loading" />
+              <BaseButton
+                rounded
+                block
+                type="submit"
+                :loading="loading"
+              />
             </p>
             <p>
               <v-checkbox
@@ -69,7 +90,10 @@
                 :disabled="loading"
               />
             </p>
-            <p v-if="loading" class="mb-0">
+            <p
+              v-if="loading"
+              class="mb-0"
+            >
               {{ $t('recipe.please-wait-image-procesing') }}
             </p>
           </div>
@@ -80,31 +104,21 @@
 </template>
 
 <script lang="ts">
-import {
-  computed,
-  defineComponent,
-  reactive,
-  ref,
-  toRefs,
-  useContext,
-  useRoute,
-  useRouter,
-} from "@nuxtjs/composition-api";
 import { useUserApi } from "~/composables/api";
 import { alert } from "~/composables/use-toast";
-import { VForm } from "~/types/vuetify";
+import type { VForm } from "~/types/auto-forms";
 
-export default defineComponent({
+export default defineNuxtComponent({
   setup() {
     const state = reactive({
       loading: false,
     });
 
-    const { i18n } = useContext();
+    const i18n = useI18n();
     const api = useUserApi();
     const route = useRoute();
     const router = useRouter();
-    const groupSlug = computed(() => route.value.params.groupSlug || "");
+    const groupSlug = computed(() => route.params.groupSlug || "");
 
     const domUrlForm = ref<VForm | null>(null);
     const uploadedImage = ref<Blob | File>();
@@ -138,9 +152,10 @@ export default defineComponent({
       const translateLanguage = shouldTranslate.value ? i18n.locale : undefined;
       const { data, error } = await api.recipes.createOneFromImage(uploadedImage.value, uploadedImageName.value, translateLanguage);
       if (error || !data) {
-        alert.error(i18n.tc("events.something-went-wrong"));
+        alert.error(i18n.t("events.something-went-wrong"));
         state.loading = false;
-      } else {
+      }
+      else {
         router.push(`/g/${groupSlug.value}/r/${data}`);
       };
     }
diff --git a/frontend/pages/g/_groupSlug/r/create/index.vue b/frontend/pages/g/[groupSlug]/r/create/index.vue
similarity index 64%
rename from frontend/pages/g/_groupSlug/r/create/index.vue
rename to frontend/pages/g/[groupSlug]/r/create/index.vue
index 240d15151..d9000fb75 100644
--- a/frontend/pages/g/_groupSlug/r/create/index.vue
+++ b/frontend/pages/g/[groupSlug]/r/create/index.vue
@@ -1,11 +1,9 @@
 <template>
-  <div></div>
+  <div />
 </template>
 
 <script lang="ts">
-import { defineComponent, onMounted, useRouter } from "@nuxtjs/composition-api";
-
-export default defineComponent({
+export default defineNuxtComponent({
   setup() {
     const router = useRouter();
     onMounted(() => {
diff --git a/frontend/pages/g/_groupSlug/r/create/new.vue b/frontend/pages/g/[groupSlug]/r/create/new.vue
similarity index 72%
rename from frontend/pages/g/_groupSlug/r/create/new.vue
rename to frontend/pages/g/[groupSlug]/r/create/new.vue
index d29333136..29948d304 100644
--- a/frontend/pages/g/_groupSlug/r/create/new.vue
+++ b/frontend/pages/g/[groupSlug]/r/create/new.vue
@@ -1,24 +1,30 @@
 <template>
   <div>
-    <v-card-title class="headline"> {{ $t('recipe.create-recipe') }} </v-card-title>
+    <v-card-title class="headline">
+      {{ $t('recipe.create-recipe') }}
+    </v-card-title>
     <v-card-text>
       {{ $t('recipe.create-a-recipe-by-providing-the-name-all-recipes-must-have-unique-names') }}
-      <v-form ref="domCreateByName" @submit.prevent>
+      <v-form
+        ref="domCreateByName"
+        @submit.prevent
+      >
         <v-text-field
           v-model="newRecipeName"
           :label="$t('recipe.recipe-name')"
           :prepend-inner-icon="$globals.icons.primary"
-          validate-on-blur
+          validate-on="blur"
           autofocus
-          filled
+          variant="solo-filled"
           clearable
           class="rounded-lg mt-2"
+          color="primary"
           rounded
           :rules="[validators.required]"
           :hint="$t('recipe.new-recipe-names-must-be-unique')"
           persistent-hint
           @keyup.enter="createByName(newRecipeName)"
-        ></v-text-field>
+        />
       </v-form>
     </v-card-text>
     <v-card-actions class="justify-center">
@@ -34,22 +40,22 @@
     </v-card-actions>
   </div>
 </template>
+
 <script lang="ts">
-import { defineComponent, reactive, toRefs, ref, useContext, useRouter, computed, useRoute } from "@nuxtjs/composition-api";
-import { AxiosResponse } from "axios";
+import type { AxiosResponse } from "axios";
 import { useUserApi } from "~/composables/api";
 import { validators } from "~/composables/use-validators";
-import { VForm } from "~/types/vuetify";
+import type { VForm } from "~/types/auto-forms";
 
-export default defineComponent({
+export default defineNuxtComponent({
   setup() {
     const state = reactive({
       error: false,
       loading: false,
     });
-    const { $auth } = useContext();
+    const $auth = useMealieAuth();
     const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    const groupSlug = computed(() => route.params.groupSlug as string || $auth.user.value?.groupSlug || "");
 
     const api = useUserApi();
     const router = useRouter();
@@ -71,9 +77,7 @@ export default defineComponent({
         return;
       }
       const { response } = await api.recipes.createOne({ name });
-      // TODO createOne claims to return a Recipe, but actually the API only returns a string
-      // @ts-ignore See above
-      handleResponse(response, true);
+      handleResponse(response as any, true);
     }
     return {
       domCreateByName,
diff --git a/frontend/pages/g/_groupSlug/r/create/url.vue b/frontend/pages/g/[groupSlug]/r/create/url.vue
similarity index 66%
rename from frontend/pages/g/_groupSlug/r/create/url.vue
rename to frontend/pages/g/[groupSlug]/r/create/url.vue
index 1624f95b5..71f338952 100644
--- a/frontend/pages/g/_groupSlug/r/create/url.vue
+++ b/frontend/pages/g/[groupSlug]/r/create/url.vue
@@ -1,14 +1,19 @@
 <template>
   <div>
-    <v-form ref="domUrlForm" @submit.prevent="createByUrl(recipeUrl, importKeywordsAsTags, stayInEditMode)">
+    <v-form
+      ref="domUrlForm"
+      @submit.prevent="createByUrl(recipeUrl, importKeywordsAsTags, stayInEditMode)"
+    >
       <div>
-        <v-card-title class="headline"> {{ $t('recipe.scrape-recipe') }} </v-card-title>
+        <v-card-title class="headline">
+          {{ $t('recipe.scrape-recipe') }}
+        </v-card-title>
         <v-card-text>
           <p>{{ $t('recipe.scrape-recipe-description') }}</p>
           <p>
             {{ $t('recipe.scrape-recipe-have-a-lot-of-recipes') }}
             <a :href="bulkImporterTarget">{{ $t('recipe.scrape-recipe-suggest-bulk-importer') }}</a>.
-            <br />
+            <br>
             {{ $t('recipe.scrape-recipe-have-raw-html-or-json-data') }}
             <a :href="htmlOrJsonImporterTarget">{{ $t('recipe.scrape-recipe-you-can-import-from-raw-data-directly') }}</a>.
           </p>
@@ -16,33 +21,59 @@
             v-model="recipeUrl"
             :label="$t('new-recipe.recipe-url')"
             :prepend-inner-icon="$globals.icons.link"
-            validate-on-blur
+            validate-on="blur"
             autofocus
-            filled
+            variant="solo-filled"
             clearable
             class="rounded-lg mt-2"
             rounded
             :rules="[validators.url]"
             :hint="$t('new-recipe.url-form-hint')"
             persistent-hint
-          ></v-text-field>
-          <v-checkbox v-model="importKeywordsAsTags" hide-details :label="$t('recipe.import-original-keywords-as-tags')" />
-          <v-checkbox v-model="stayInEditMode" hide-details :label="$t('recipe.stay-in-edit-mode')" />
+          />
         </v-card-text>
+        <v-checkbox
+          v-model="importKeywordsAsTags"
+          color="primary"
+          hide-details
+          :label="$t('recipe.import-original-keywords-as-tags')"
+        />
+        <v-checkbox
+          v-model="stayInEditMode"
+          color="primary"
+          hide-details
+          :label="$t('recipe.stay-in-edit-mode')"
+        />
         <v-card-actions class="justify-center">
           <div style="width: 250px">
-            <BaseButton :disabled="recipeUrl === null" rounded block type="submit" :loading="loading" />
+            <BaseButton
+              :disabled="recipeUrl === null"
+              rounded
+              block
+              type="submit"
+              :loading="loading"
+            />
           </div>
         </v-card-actions>
       </div>
     </v-form>
     <v-expand-transition>
-      <v-alert v-show="error" color="error" class="mt-6 white--text">
+      <v-alert
+        v-if="error"
+        color="error"
+        class="mt-6 white--text"
+      >
         <v-card-title class="ma-0 pa-0">
-          <v-icon left color="white" x-large> {{ $globals.icons.robot }} </v-icon>
+          <v-icon
+            start
+            color="white"
+            size="x-large"
+          >
+            {{ $globals.icons.robot }}
+          </v-icon>
           {{ $t("new-recipe.error-title") }}
         </v-card-title>
-        <v-divider class="my-3 mx-2"></v-divider>
+        <v-divider class="my-3 mx-2" />
 
         <p>
           {{ $t("new-recipe.error-details") }}
@@ -56,10 +87,18 @@
           >
             {{ $t("new-recipe.google-ld-json-info") }}
           </a>
-          <a href="https://github.com/hay-kot/mealie/issues" target="_blank" rel="noreferrer nofollow">
+          <a
+            href="https://github.com/hay-kot/mealie/issues"
+            target="_blank"
+            rel="noreferrer nofollow"
+          >
             {{ $t("new-recipe.github-issues") }}
           </a>
-          <a href="https://schema.org/Recipe" target="_blank" rel="noreferrer nofollow">
+          <a
+            href="https://schema.org/Recipe"
+            target="_blank"
+            rel="noreferrer nofollow"
+          >
             {{ $t("new-recipe.recipe-markup-specification") }}
           </a>
         </div>
@@ -69,34 +108,26 @@
 </template>
 
 <script lang="ts">
-import {
-  defineComponent,
-  reactive,
-  toRefs,
-  ref,
-  useRouter,
-  computed,
-  useContext,
-  useRoute,
-  onMounted,
-} from "@nuxtjs/composition-api";
-import { AxiosResponse } from "axios";
+import type { AxiosResponse } from "axios";
 import { useUserApi } from "~/composables/api";
 import { useTagStore } from "~/composables/store/use-tag-store";
 import { validators } from "~/composables/use-validators";
-import { VForm } from "~/types/vuetify";
+import type { VForm } from "~/types/auto-forms";
 
-export default defineComponent({
+export default defineNuxtComponent({
   setup() {
+    definePageMeta({
+      key: route => route.path,
+    });
     const state = reactive({
       error: false,
       loading: false,
     });
 
-    const { $auth } = useContext();
+    const $auth = useMealieAuth();
     const api = useUserApi();
     const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    const groupSlug = computed(() => route.params.groupSlug as string || $auth.user.value?.groupSlug || "");
 
     const router = useRouter();
     const tags = useTagStore();
@@ -116,7 +147,7 @@ export default defineComponent({
 
       // we clear the query params first so if the user hits back, they don't re-import the recipe
       router.replace({ query: {} }).then(
-        () => router.push(`/g/${groupSlug.value}/r/${response.data}?edit=${edit.toString()}`)
+        () => router.push(`/g/${groupSlug.value}/r/${response.data}?edit=${edit.toString()}`),
       );
     }
 
@@ -124,29 +155,29 @@ export default defineComponent({
       set(recipe_import_url: string | null) {
         if (recipe_import_url !== null) {
           recipe_import_url = recipe_import_url.trim();
-          router.replace({ query: { ...route.value.query, recipe_import_url } });
+          router.replace({ query: { ...route.query, recipe_import_url } });
         }
       },
       get() {
-        return route.value.query.recipe_import_url as string | null;
+        return route.query.recipe_import_url as string | null;
       },
     });
 
     const importKeywordsAsTags = computed({
       get() {
-        return route.value.query.use_keywords === "1";
+        return route.query.use_keywords === "1";
       },
       set(v: boolean) {
-        router.replace({ query: { ...route.value.query, use_keywords: v ? "1" : "0" } });
+        router.replace({ query: { ...route.query, use_keywords: v ? "1" : "0" } });
       },
     });
 
     const stayInEditMode = computed({
       get() {
-        return route.value.query.edit === "1";
+        return route.query.edit === "1";
       },
       set(v: boolean) {
-        router.replace({ query: { ...route.value.query, edit: v ? "1" : "0" } });
+        router.replace({ query: { ...route.query, edit: v ? "1" : "0" } });
       },
     });
 
diff --git a/frontend/pages/g/_groupSlug/r/create/zip.vue b/frontend/pages/g/[groupSlug]/r/create/zip.vue
similarity index 75%
rename from frontend/pages/g/_groupSlug/r/create/zip.vue
rename to frontend/pages/g/[groupSlug]/r/create/zip.vue
index 308436ac3..4745c574e 100644
--- a/frontend/pages/g/_groupSlug/r/create/zip.vue
+++ b/frontend/pages/g/[groupSlug]/r/create/zip.vue
@@ -1,14 +1,16 @@
 <template>
   <v-form>
     <div>
-      <v-card-title class="headline"> {{ $t('recipe.import-from-zip') }} </v-card-title>
+      <v-card-title class="headline">
+        {{ $t('recipe.import-from-zip') }}
+      </v-card-title>
       <v-card-text>
         {{ $t('recipe.import-from-zip-description') }}
         <v-file-input
           v-model="newRecipeZip"
           accept=".zip"
           label=".zip"
-          filled
+          variant="solo-filled"
           clearable
           class="rounded-lg mt-2"
           rounded
@@ -17,12 +19,18 @@
           persistent-hint
           prepend-icon=""
           :prepend-inner-icon="$globals.icons.zip"
-        >
-        </v-file-input>
+        />
       </v-card-text>
       <v-card-actions class="justify-center">
         <div style="width: 250px">
-          <BaseButton :disabled="newRecipeZip === null" large rounded block :loading="loading" @click="createByZip" />
+          <BaseButton
+            :disabled="newRecipeZip === null"
+            large
+            rounded
+            block
+            :loading="loading"
+            @click="createByZip"
+          />
         </div>
       </v-card-actions>
     </div>
@@ -30,20 +38,19 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, reactive, toRefs, ref, useContext, useRoute, useRouter } from "@nuxtjs/composition-api";
-import { AxiosResponse } from "axios";
+import type { AxiosResponse } from "axios";
 import { useUserApi } from "~/composables/api";
 import { validators } from "~/composables/use-validators";
 
-export default defineComponent({
+export default defineNuxtComponent({
   setup() {
     const state = reactive({
       error: false,
       loading: false,
     });
-    const { $auth } = useContext();
+    const $auth = useMealieAuth();
     const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    const groupSlug = computed(() => route.params.groupSlug as string || $auth.user.value?.groupSlug || "");
 
     const api = useUserApi();
     const router = useRouter();
diff --git a/frontend/pages/g/_groupSlug/recipes/categories/index.vue b/frontend/pages/g/[groupSlug]/recipes/categories/index.vue
similarity index 69%
rename from frontend/pages/g/_groupSlug/recipes/categories/index.vue
rename to frontend/pages/g/[groupSlug]/recipes/categories/index.vue
index 452f672d8..dd247cfd7 100644
--- a/frontend/pages/g/_groupSlug/recipes/categories/index.vue
+++ b/frontend/pages/g/[groupSlug]/recipes/categories/index.vue
@@ -8,33 +8,34 @@
       @delete="actions.deleteOne"
       @update="actions.updateOne"
     >
-      <template #title> {{ $tc("category.categories") }} </template>
+      <template #title>
+        {{ $t("category.categories") }}
+      </template>
     </RecipeOrganizerPage>
   </v-container>
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
 import RecipeOrganizerPage from "~/components/Domain/Recipe/RecipeOrganizerPage.vue";
 import { useCategoryStore } from "~/composables/store";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     RecipeOrganizerPage,
   },
-  middleware: ["auth", "group-only"],
+  middleware: ["sidebase-auth", "group-only"],
   setup() {
     const { store, actions } = useCategoryStore();
+    const i18n = useI18n();
+
+    useSeoMeta({
+      title: i18n.t("category.categories"),
+    });
 
     return {
       store,
       actions,
     };
   },
-  head() {
-    return {
-      title: this.$tc("category.categories"),
-    };
-  },
 });
 </script>
diff --git a/frontend/pages/g/_groupSlug/recipes/finder/index.vue b/frontend/pages/g/[groupSlug]/recipes/finder/index.vue
similarity index 68%
rename from frontend/pages/g/_groupSlug/recipes/finder/index.vue
rename to frontend/pages/g/[groupSlug]/recipes/finder/index.vue
index 86219f35a..f47562e38 100644
--- a/frontend/pages/g/_groupSlug/recipes/finder/index.vue
+++ b/frontend/pages/g/[groupSlug]/recipes/finder/index.vue
@@ -2,54 +2,78 @@
   <v-container>
     <BasePageTitle divider>
       <template #header>
-        <v-img max-height="100" max-width="100" :src="require('~/static/svgs/manage-cookbooks.svg')"></v-img>
+        <v-img
+          width="100"
+          max-height="100"
+          max-width="100"
+          :src="require('~/static/svgs/manage-cookbooks.svg')"
+        />
+      </template>
+      <template #title>
+        {{ $t('recipe-finder.recipe-finder') }}
+      </template>
+
+      <template #content>
+        {{ $t('recipe-finder.recipe-finder-description') }}
       </template>
-      <template #title> {{ $tc('recipe-finder.recipe-finder') }} </template>
-      {{ $t('recipe-finder.recipe-finder-description') }}
     </BasePageTitle>
     <v-container v-if="ready">
       <v-row>
         <v-col :cols="useMobile ? 12 : 3">
           <v-container class="ma-0 pa-0">
             <v-row no-gutters>
-              <v-col cols="12" no-gutters :class="attrs.searchFilter.colClass">
-                <SearchFilter v-if="foods" v-model="selectedFoods" :items="foods" :class="attrs.searchFilter.filterClass">
-                  <v-icon left>
+              <v-col
+                cols="12"
+                no-gutters
+                :class="attrs.searchFilter.colClass"
+              >
+                <SearchFilter
+                  v-if="foods"
+                  v-model="selectedFoods"
+                  :items="foods"
+                  :class="attrs.searchFilter.filterClass"
+                >
+                  <v-icon start>
                     {{ $globals.icons.foods }}
                   </v-icon>
                   {{ $t("general.foods") }}
                 </SearchFilter>
-                <SearchFilter v-if="tools" v-model="selectedTools" :items="tools" :class="attrs.searchFilter.filterClass">
-                  <v-icon left>
+                <SearchFilter
+                  v-if="tools"
+                  v-model="selectedTools"
+                  :items="tools"
+                  :class="attrs.searchFilter.filterClass"
+                >
+                  <v-icon start>
                     {{ $globals.icons.potSteam }}
                   </v-icon>
                   {{ $t("tool.tools") }}
                 </SearchFilter>
                 <div :class="attrs.searchFilter.filterClass">
                   <v-badge
-                    :value="queryFilterJSON.parts && queryFilterJSON.parts.length"
-                    small
-                    overlap
+                    :model-value="!!queryFilterJSON.parts && queryFilterJSON.parts.length > 0"
+                    size="small"
                     color="primary"
                     :content="(queryFilterJSON.parts || []).length"
                   >
                     <v-btn
-                      small
+                      size="small"
                       color="accent"
                       dark
                       @click="queryFilterMenu = !queryFilterMenu"
                     >
-                      <v-icon left>
+                      <v-icon start>
                         {{ $globals.icons.filter }}
                       </v-icon>
-                      {{ $tc("recipe-finder.other-filters") }}
+                      {{ $t("recipe-finder.other-filters") }}
                       <BaseDialog
                         v-model="queryFilterMenu"
-                        :title="$tc('recipe-finder.other-filters')"
+                        :title="$t('recipe-finder.other-filters')"
                         :icon="$globals.icons.filter"
                         width="100%"
                         max-width="1100px"
                         :submit-disabled="!queryFilterEditorValue"
+                        can-confirm
                         @confirm="saveQueryFilter"
                       >
                         <QueryFilterBuilder
@@ -57,10 +81,14 @@
                           :initial-query-filter="queryFilterJSON"
                           :field-defs="queryFilterBuilderFields"
                           @input="(value) => queryFilterEditorValue = value"
-                          @inputJSON="(value) => queryFilterEditorValueJSON = value"
+                          @input-j-s-o-n="(value) => queryFilterEditorValueJSON = value"
                         />
                         <template #custom-card-action>
-                          <BaseButton color="error" type="submit" @click="clearQueryFilter">
+                          <BaseButton
+                            color="error"
+                            type="submit"
+                            @click="clearQueryFilter"
+                          >
                             <template #icon>
                               {{ $globals.icons.close }}
                             </template>
@@ -74,17 +102,28 @@
               </v-col>
             </v-row>
             <!-- Settings Menu -->
-            <v-row no-gutters class="mb-2">
-              <v-col cols="12" :class="attrs.settings.colClass">
+            <v-row
+              no-gutters
+              class="mb-2"
+            >
+              <v-col
+                cols="12"
+                :class="attrs.settings.colClass"
+              >
                 <v-menu
                   v-model="settingsMenu"
                   offset-y
                   nudge-bottom="3"
                   :close-on-content-click="false"
                 >
-                  <template #activator="{ on, attrs: activatorAttrs}">
-                    <v-btn small color="primary" dark v-bind="activatorAttrs" v-on="on">
-                      <v-icon left>
+                  <template #activator="{ props }">
+                    <v-btn
+                      size="small"
+                      color="primary"
+                      dark
+                      v-bind="props"
+                    >
+                      <v-icon start>
                         {{ $globals.icons.cog }}
                       </v-icon>
                       {{ $t("general.settings") }}
@@ -98,14 +137,14 @@
                           type="number"
                           hide-details
                           hide-spin-buttons
-                          :label="$tc('recipe-finder.max-missing-ingredients')"
+                          :label="$t('recipe-finder.max-missing-ingredients')"
                         />
                         <v-text-field
                           v-model="settings.maxMissingTools"
                           type="number"
                           hide-details
                           hide-spin-buttons
-                          :label="$tc('recipe-finder.max-missing-tools')"
+                          :label="$t('recipe-finder.max-missing-tools')"
                           class="mt-4"
                         />
                       </div>
@@ -113,20 +152,20 @@
                         <v-checkbox
                           v-if="isOwnGroup"
                           v-model="settings.includeFoodsOnHand"
-                          dense
-                          small
+                          density="compact"
+                          size="small"
                           hide-details
                           class="my-auto"
-                          :label="$tc('recipe-finder.include-ingredients-on-hand')"
+                          :label="$t('recipe-finder.include-ingredients-on-hand')"
                         />
                         <v-checkbox
                           v-if="isOwnGroup"
                           v-model="settings.includeToolsOnHand"
-                          dense
-                          small
+                          density="compact"
+                          size="small"
                           hide-details
                           class="my-auto"
-                          :label="$tc('recipe-finder.include-tools-on-hand')"
+                          :label="$t('recipe-finder.include-tools-on-hand')"
                         />
                       </div>
                     </v-card-text>
@@ -134,29 +173,45 @@
                 </v-menu>
               </v-col>
             </v-row>
-            <v-row no-gutters class="my-2">
+            <v-row
+              no-gutters
+              class="my-2"
+            >
               <v-col cols="12">
                 <v-divider />
               </v-col>
             </v-row>
-            <v-row no-gutters class="mt-5">
+            <v-row
+              no-gutters
+              class="mt-5"
+            >
               <v-card-title class="ma-0 pa-0">
-                {{ $tc("recipe-finder.selected-ingredients") }}
+                {{ $t("recipe-finder.selected-ingredients") }}
               </v-card-title>
-              <v-container class="ma-0 pa-0" style="max-height: 60vh; overflow-y: auto;">
-                <v-card-text v-if="!selectedFoods.length" class="ma-0 pa-0">
-                  {{ $tc("recipe-finder.no-ingredients-selected") }}
+              <v-container
+                class="ma-0 pa-0"
+                style="max-height: 60vh; overflow-y: auto;"
+              >
+                <v-card-text
+                  v-if="!selectedFoods.length"
+                  class="ma-0 pa-0"
+                >
+                  {{ $t("recipe-finder.no-ingredients-selected") }}
                 </v-card-text>
                 <div v-if="useMobile">
                   <v-row no-gutters>
-                    <v-col cols="12" class="d-flex flex-wrap justify-end">
+                    <v-col
+                      cols="12"
+                      class="d-flex flex-wrap justify-end"
+                    >
                       <v-chip
                         v-for="food in selectedFoods"
                         :key="food.id"
                         label
                         class="ma-1"
                         color="accent custom-transparent"
-                        close
+                        closable
+                        variant="flat"
                         @click:close="removeFood(food)"
                       >
                         <span class="text-hide-overflow">{{ food.pluralName || food.name }}</span>
@@ -165,12 +220,18 @@
                   </v-row>
                 </div>
                 <div v-else>
-                  <v-row v-for="food in selectedFoods" :key="food.id" no-gutters class="mb-1">
+                  <v-row
+                    v-for="food in selectedFoods"
+                    :key="food.id"
+                    no-gutters
+                    class="mb-1"
+                  >
                     <v-col cols="12">
                       <v-chip
                         label
                         color="accent custom-transparent"
-                        close
+                        variant="flat"
+                        closable
                         @click:close="removeFood(food)"
                       >
                         <span class="text-hide-overflow">{{ food.pluralName || food.name }}</span>
@@ -180,21 +241,29 @@
                 </div>
               </v-container>
             </v-row>
-            <v-row v-if="selectedTools.length" no-gutters class="mt-5">
+            <v-row
+              v-if="selectedTools.length"
+              no-gutters
+              class="mt-5"
+            >
               <v-card-title class="ma-0 pa-0">
-                {{ $tc("recipe-finder.selected-tools") }}
+                {{ $t("recipe-finder.selected-tools") }}
               </v-card-title>
               <v-container class="ma-0 pa-0">
                 <div v-if="useMobile">
                   <v-row no-gutters>
-                    <v-col cols="12" class="d-flex flex-wrap justify-end">
+                    <v-col
+                      cols="12"
+                      class="d-flex flex-wrap justify-end"
+                    >
                       <v-chip
                         v-for="tool in selectedTools"
                         :key="tool.id"
                         label
                         class="ma-1"
                         color="accent custom-transparent"
-                        close
+                        closeable
+                        variant="flat"
                         @click:close="removeTool(tool)"
                       >
                         <span class="text-hide-overflow">{{ tool.name }}</span>
@@ -203,12 +272,18 @@
                   </v-row>
                 </div>
                 <div v-else>
-                  <v-row v-for="tool in selectedTools" :key="tool.id" no-gutters class="mb-1">
+                  <v-row
+                    v-for="tool in selectedTools"
+                    :key="tool.id"
+                    no-gutters
+                    class="mb-1"
+                  >
                     <v-col cols="12">
                       <v-chip
                         label
                         color="accent custom-transparent"
-                        close
+                        closable
+                        variant="flat"
                         @click:close="removeTool(tool)"
                       >
                         <span class="text-hide-overflow">{{ tool.name }}</span>
@@ -220,15 +295,21 @@
             </v-row>
           </v-container>
         </v-col>
-        <v-col :cols="useMobile ? 12 : 9" :style="useMobile ? '' : 'max-height: 70vh; overflow-y: auto'">
+        <v-col
+          :cols="useMobile ? 12 : 9"
+          :style="useMobile ? '' : 'max-height: 70vh; overflow-y: auto'"
+        >
           <v-container
             v-if="recipeSuggestions.readyToMake.length || recipeSuggestions.missingItems.length"
             class="ma-0 pa-0"
           >
-            <v-row v-if="recipeSuggestions.readyToMake.length" dense>
+            <v-row
+              v-if="recipeSuggestions.readyToMake.length"
+              density="compact"
+            >
               <v-col cols="12">
                 <v-card-title :class="attrs.title.class.readyToMake">
-                  {{ $tc("recipe-finder.ready-to-make") }}
+                  {{ $t("recipe-finder.ready-to-make") }}
                 </v-card-title>
               </v-col>
               <v-col
@@ -250,10 +331,13 @@
                 </v-lazy>
               </v-col>
             </v-row>
-            <v-row v-if="recipeSuggestions.missingItems.length" dense>
+            <v-row
+              v-if="recipeSuggestions.missingItems.length"
+              density="compact"
+            >
               <v-col cols="12">
                 <v-card-title :class="attrs.title.class.missingItems">
-                  {{ $tc("recipe-finder.almost-ready-to-make") }}
+                  {{ $t("recipe-finder.almost-ready-to-make") }}
                 </v-card-title>
               </v-col>
               <v-col
@@ -261,24 +345,27 @@
                 :key="`${idx}-missing`"
                 cols="12"
               >
-              <v-lazy>
-                <RecipeSuggestion
-                  :recipe="item.recipe"
-                  :missing-foods="item.missingFoods"
-                  :missing-tools="item.missingTools"
-                  :disable-checkbox="loading"
-                  @add-food="addFood"
-                  @remove-food="removeFood"
-                  @add-tool="addTool"
-                  @remove-tool="removeTool"
-                />
-              </v-lazy>
+                <v-lazy>
+                  <RecipeSuggestion
+                    :recipe="item.recipe"
+                    :missing-foods="item.missingFoods"
+                    :missing-tools="item.missingTools"
+                    :disable-checkbox="loading"
+                    @add-food="addFood"
+                    @remove-food="removeFood"
+                    @add-tool="addTool"
+                    @remove-tool="removeTool"
+                  />
+                </v-lazy>
               </v-col>
             </v-row>
           </v-container>
           <v-container v-else-if="!recipesReady">
             <v-row>
-              <v-col cols="12" class="d-flex justify-center">
+              <v-col
+                cols="12"
+                class="d-flex justify-center"
+              >
                 <div class="text-center">
                   <AppLoader waiting-text="" />
                 </div>
@@ -287,10 +374,15 @@
           </v-container>
           <v-container v-else>
             <v-row>
-              <v-col cols="12" class="d-flex flex-row flex-wrap justify-center">
-                <v-card-title class="ma-0 pa-0">{{ $tc("recipe-finder.no-recipes-found") }}</v-card-title>
+              <v-col
+                cols="12"
+                class="d-flex flex-column justify-center align-center ga-1"
+              >
+                <v-card-title class="ma-0 pa-0">
+                  {{ $t("recipe-finder.no-recipes-found") }}
+                </v-card-title>
                 <v-card-text class="ma-0 pa-0 text-center">
-                  {{ $tc("recipe-finder.no-recipes-found-description") }}
+                  {{ $t("recipe-finder.no-recipes-found-description") }}
                 </v-card-text>
               </v-col>
             </v-row>
@@ -300,7 +392,10 @@
     </v-container>
     <v-container v-else>
       <v-row>
-        <v-col cols="12" class="d-flex justify-center">
+        <v-col
+          cols="12"
+          class="d-flex justify-center"
+        >
           <div class="text-center">
             <AppLoader waiting-text="" />
           </div>
@@ -311,29 +406,18 @@
 </template>
 
 <script lang="ts">
-import {
-  computed,
-  defineComponent,
-  onMounted,
-  reactive,
-  ref,
-  toRefs,
-  useContext,
-  useRoute,
-  watch
-} from "@nuxtjs/composition-api";
 import { watchDebounced } from "@vueuse/core";
 import { useUserApi } from "~/composables/api";
 import { usePublicExploreApi } from "~/composables/api/api-client";
 import { useLoggedInState } from "~/composables/use-logged-in-state";
 import { useFoodStore, usePublicFoodStore, useToolStore, usePublicToolStore } from "~/composables/store";
-import { IngredientFood, RecipeSuggestionQuery, RecipeSuggestionResponseItem, RecipeTool } from "~/lib/api/types/recipe";
+import type { IngredientFood, RecipeSuggestionQuery, RecipeSuggestionResponseItem, RecipeTool } from "~/lib/api/types/recipe";
 import { Organizer } from "~/lib/api/types/non-generated";
 import QueryFilterBuilder from "~/components/Domain/QueryFilterBuilder.vue";
 import RecipeSuggestion from "~/components/Domain/Recipe/RecipeSuggestion.vue";
 import SearchFilter from "~/components/Domain/SearchFilter.vue";
-import { QueryFilterJSON } from "~/lib/api/types/response";
-import { FieldDefinition } from "~/composables/use-query-filter-builder";
+import type { QueryFilterJSON } from "~/lib/api/types/response";
+import type { FieldDefinition } from "~/composables/use-query-filter-builder";
 import { useRecipeFinderPreferences } from "~/composables/use-users/preferences";
 
 interface RecipeSuggestions {
@@ -341,14 +425,21 @@ interface RecipeSuggestions {
   missingItems: RecipeSuggestionResponseItem[];
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { QueryFilterBuilder, RecipeSuggestion, SearchFilter },
   setup() {
-    const { $auth, $vuetify, i18n } = useContext();
+    const { $vuetify } = useNuxtApp();
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
     const route = useRoute();
-    const useMobile = computed(() => $vuetify.breakpoint.smAndDown);
 
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    useSeoMeta({
+      title: i18n.t("recipe-finder.recipe-finder"),
+    });
+
+    const useMobile = computed(() => $vuetify.display.smAndDown.value);
+
+    const groupSlug = computed(() => route.params.groupSlug as string || $auth.user.value?.groupSlug || "");
     const { isOwnGroup } = useLoggedInState();
     const api = isOwnGroup.value ? useUserApi() : usePublicExploreApi(groupSlug.value).explore;
 
@@ -411,49 +502,49 @@ export default defineComponent({
           colClass: useMobile.value ? "d-flex flex-wrap justify-end" : "d-flex flex-wrap justify-start",
         },
       };
-    })
+    });
 
     const foodStore = isOwnGroup.value ? useFoodStore() : usePublicFoodStore(groupSlug.value);
     const selectedFoods = ref<IngredientFood[]>([]);
     function addFood(food: IngredientFood) {
-      selectedFoods.value.push(food);
+      selectedFoods.value = [...selectedFoods.value, food];
       handleFoodUpdates();
     }
     function removeFood(food: IngredientFood) {
-      selectedFoods.value = selectedFoods.value.filter((f) => f.id !== food.id);
+      selectedFoods.value = selectedFoods.value.filter(f => f.id !== food.id);
       handleFoodUpdates();
     }
     function handleFoodUpdates() {
       selectedFoods.value.sort((a, b) => (a.pluralName || a.name).localeCompare(b.pluralName || b.name));
-      preferences.value.foodIds = selectedFoods.value.map((food) => food.id);
+      preferences.value.foodIds = selectedFoods.value.map(food => food.id);
     }
     watch(
       () => selectedFoods.value,
       () => {
         handleFoodUpdates();
       },
-    )
+    );
 
     const toolStore = isOwnGroup.value ? useToolStore() : usePublicToolStore(groupSlug.value);
     const selectedTools = ref<RecipeTool[]>([]);
     function addTool(tool: RecipeTool) {
-      selectedTools.value.push(tool);
+      selectedTools.value = [...selectedTools.value, tool];
       handleToolUpdates();
     }
     function removeTool(tool: RecipeTool) {
-      selectedTools.value = selectedTools.value.filter((t) => t.id !== tool.id);
+      selectedTools.value = selectedTools.value.filter(t => t.id !== tool.id);
       handleToolUpdates();
     }
     function handleToolUpdates() {
       selectedTools.value.sort((a, b) => a.name.localeCompare(b.name));
-      preferences.value.toolIds = selectedTools.value.map((tool) => tool.id);
+      preferences.value.toolIds = selectedTools.value.map(tool => tool.id);
     }
     watch(
       () => selectedTools.value,
       () => {
         handleToolUpdates();
-      }
-    )
+      },
+    );
 
     async function hydrateFoods() {
       if (!preferences.value.foodIds.length) {
@@ -464,8 +555,8 @@ export default defineComponent({
       }
 
       const foods = preferences.value.foodIds
-      .map((foodId) => foodStore.store.value.find((food) => food.id === foodId))
-      .filter((food) => !!food);
+        .map(foodId => foodStore.store.value.find(food => food.id === foodId))
+        .filter(food => !!food);
 
       selectedFoods.value = foods;
     }
@@ -479,8 +570,8 @@ export default defineComponent({
       }
 
       const tools = preferences.value.toolIds
-      .map((toolId) => toolStore.store.value.find((tool) => tool.id === toolId))
-      .filter((tool) => !!tool);
+        .map(toolId => toolStore.store.value.find(tool => tool.id === toolId))
+        .filter(tool => !!tool);
 
       selectedTools.value = tools;
     }
@@ -500,7 +591,8 @@ export default defineComponent({
       recipeResponseItems.value.forEach((responseItem) => {
         if (responseItem.missingFoods.length === 0 && responseItem.missingTools.length === 0) {
           readyToMake.push(responseItem);
-        } else {
+        }
+        else {
           missingItems.push(responseItem);
         };
       });
@@ -509,12 +601,12 @@ export default defineComponent({
         readyToMake,
         missingItems,
       };
-    })
+    });
 
     watchDebounced(
       [selectedFoods, selectedTools, state.settings], async () => {
         // don't search for suggestions if no foods are selected
-        if(!selectedFoods.value.length) {
+        if (!selectedFoods.value.length) {
           recipeResponseItems.value = [];
           state.recipesReady = true;
           return;
@@ -530,8 +622,8 @@ export default defineComponent({
             includeFoodsOnHand: state.settings.includeFoodsOnHand,
             includeToolsOnHand: state.settings.includeToolsOnHand,
           } as RecipeSuggestionQuery,
-          selectedFoods.value.map((food) => food.id),
-          selectedTools.value.map((tool) => tool.id),
+          selectedFoods.value.map(food => food.id),
+          selectedTools.value.map(tool => tool.id),
         );
         state.loading = false;
         if (!data) {
@@ -548,17 +640,17 @@ export default defineComponent({
     const queryFilterBuilderFields: FieldDefinition[] = [
       {
         name: "recipe_category.id",
-        label: i18n.tc("category.categories"),
+        label: i18n.t("category.categories"),
         type: Organizer.Category,
       },
       {
         name: "tags.id",
-        label: i18n.tc("tag.tags"),
+        label: i18n.t("tag.tags"),
         type: Organizer.Tag,
       },
       {
         name: "household_id",
-        label: i18n.tc("household.households"),
+        label: i18n.t("household.households"),
         type: Organizer.Household,
       },
     ];
@@ -597,10 +689,5 @@ export default defineComponent({
       saveQueryFilter,
     };
   },
-  head() {
-    return {
-      title: this.$tc("recipe-finder.recipe-finder"),
-    };
-  },
 });
 </script>
diff --git a/frontend/pages/g/_groupSlug/recipes/tags/index.vue b/frontend/pages/g/[groupSlug]/recipes/tags/index.vue
similarity index 70%
rename from frontend/pages/g/_groupSlug/recipes/tags/index.vue
rename to frontend/pages/g/[groupSlug]/recipes/tags/index.vue
index ddd1ff02d..6aec3d1a8 100644
--- a/frontend/pages/g/_groupSlug/recipes/tags/index.vue
+++ b/frontend/pages/g/[groupSlug]/recipes/tags/index.vue
@@ -8,33 +8,34 @@
       @delete="actions.deleteOne"
       @update="actions.updateOne"
     >
-      <template #title> {{ $t("tag.tags") }} </template>
+      <template #title>
+        {{ $t("tag.tags") }}
+      </template>
     </RecipeOrganizerPage>
   </v-container>
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
 import RecipeOrganizerPage from "~/components/Domain/Recipe/RecipeOrganizerPage.vue";
 import { useTagStore } from "~/composables/store";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     RecipeOrganizerPage,
   },
-  middleware: ["auth", "group-only"],
+  middleware: ["sidebase-auth", "group-only"],
   setup() {
     const { store, actions } = useTagStore();
+    const i18n = useI18n();
+
+    useSeoMeta({
+      title: i18n.t("tag.tags"),
+    });
 
     return {
       store,
       actions,
     };
   },
-  head() {
-    return {
-      title: this.$tc("tag.tags"),
-    };
-  },
 });
 </script>
diff --git a/frontend/pages/g/[groupSlug]/recipes/timeline.vue b/frontend/pages/g/[groupSlug]/recipes/timeline.vue
new file mode 100644
index 000000000..03359532a
--- /dev/null
+++ b/frontend/pages/g/[groupSlug]/recipes/timeline.vue
@@ -0,0 +1,67 @@
+<template>
+  <div>
+    <BasePageTitle
+      v-if="groupName"
+      class="bg-grey-darken-4 mt-n4 pt-8"
+    >
+      <template #header>
+        <v-img
+          width="100%"
+          max-height="200"
+          max-width="150"
+          :src="require('~/static/svgs/manage-members.svg')"
+        />
+      </template>
+      <template #title>
+        {{ $t("recipe.group-global-timeline", { groupName }) }}
+      </template>
+    </BasePageTitle>
+    <v-sheet :class="$vuetify.display.smAndDown ? 'pa-0' : 'px-3 py-0'">
+      <RecipeTimeline
+        v-if="queryFilter"
+        v-model="ready"
+        show-recipe-cards
+        :query-filter="queryFilter"
+      />
+    </v-sheet>
+  </div>
+</template>
+
+<script lang="ts">
+import { useUserApi } from "~/composables/api";
+import RecipeTimeline from "~/components/Domain/Recipe/RecipeTimeline.vue";
+
+export default defineNuxtComponent({
+  components: { RecipeTimeline },
+  middleware: ["sidebase-auth", "group-only"],
+  setup() {
+    const i18n = useI18n();
+    const api = useUserApi();
+    const ready = ref<boolean>(false);
+
+    useSeoMeta({
+      title: i18n.t("recipe.timeline"),
+    });
+
+    const groupName = ref<string>("");
+    const queryFilter = ref<string>("");
+    async function fetchHousehold() {
+      const { data } = await api.households.getCurrentUserHousehold();
+      if (data) {
+        queryFilter.value = `recipe.group_id="${data.groupId}"`;
+        groupName.value = data.group;
+      }
+
+      ready.value = true;
+    }
+
+    useAsyncData("house-hold", fetchHousehold);
+
+    return {
+      groupName,
+      queryFilter,
+      ready,
+    };
+  },
+});
+</script>
diff --git a/frontend/pages/g/_groupSlug/recipes/tools/index.vue b/frontend/pages/g/[groupSlug]/recipes/tools/index.vue
similarity index 67%
rename from frontend/pages/g/_groupSlug/recipes/tools/index.vue
rename to frontend/pages/g/[groupSlug]/recipes/tools/index.vue
index 13c8e0d9f..04e2a5cef 100644
--- a/frontend/pages/g/_groupSlug/recipes/tools/index.vue
+++ b/frontend/pages/g/[groupSlug]/recipes/tools/index.vue
@@ -8,36 +8,42 @@
       @delete="deleteOne"
       @update="updateOne"
     >
-      <template #title> {{ $t("tool.tools") }} </template>
+      <template #title>
+        {{ $t("tool.tools") }}
+      </template>
     </RecipeOrganizerPage>
   </v-container>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, ref, useContext } from "@nuxtjs/composition-api";
 import RecipeOrganizerPage from "~/components/Domain/Recipe/RecipeOrganizerPage.vue";
 import { useToolStore } from "~/composables/store";
-import { RecipeTool } from "~/lib/api/types/recipe";
+import type { RecipeTool } from "~/lib/api/types/recipe";
 
 interface RecipeToolWithOnHand extends RecipeTool {
   onHand: boolean;
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     RecipeOrganizerPage,
   },
-  middleware: ["auth", "group-only"],
+  middleware: ["sidebase-auth", "group-only"],
   setup() {
-    const { $auth } = useContext();
+    const $auth = useMealieAuth();
     const toolStore = useToolStore();
     const dialog = ref(false);
+    const i18n = useI18n();
 
-    const userHousehold = computed(() => $auth.user?.householdSlug || "");
-    const tools = computed(() => toolStore.store.value.map((tool) => (
+    useSeoMeta({
+      title: i18n.t("tool.tools"),
+    });
+
+    const userHousehold = computed(() => $auth.user.value?.householdSlug || "");
+    const tools = computed(() => toolStore.store.value.map(tool => (
       {
         ...tool,
-        onHand: tool.householdsWithTool?.includes(userHousehold.value) || false
+        onHand: tool.householdsWithTool?.includes(userHousehold.value) || false,
       } as RecipeToolWithOnHand
     )));
 
@@ -50,11 +56,13 @@ export default defineComponent({
         if (tool.onHand && !tool.householdsWithTool?.includes(userHousehold.value)) {
           if (!tool.householdsWithTool) {
             tool.householdsWithTool = [userHousehold.value];
-          } else {
+          }
+          else {
             tool.householdsWithTool.push(userHousehold.value);
           }
-        } else if (!tool.onHand && tool.householdsWithTool?.includes(userHousehold.value)) {
-          tool.householdsWithTool = tool.householdsWithTool.filter((household) => household !== userHousehold.value);
+        }
+        else if (!tool.onHand && tool.householdsWithTool?.includes(userHousehold.value)) {
+          tool.householdsWithTool = tool.householdsWithTool.filter(household => household !== userHousehold.value);
         }
       }
       await toolStore.actions.updateOne(tool);
@@ -67,10 +75,5 @@ export default defineComponent({
       updateOne,
     };
   },
-  head() {
-    return {
-      title: this.$tc("tool.tools"),
-    };
-  },
 });
 </script>
diff --git a/frontend/pages/g/[groupSlug]/shared/r/[id].vue b/frontend/pages/g/[groupSlug]/shared/r/[id].vue
new file mode 100644
index 000000000..b610439e7
--- /dev/null
+++ b/frontend/pages/g/[groupSlug]/shared/r/[id].vue
@@ -0,0 +1,47 @@
+<template>
+  <div>
+    <client-only>
+      <RecipePage
+        v-if="recipe"
+        v-model="recipe"
+      />
+    </client-only>
+  </div>
+</template>
+
+<script setup lang="ts">
+import RecipePage from "~/components/Domain/Recipe/RecipePage/RecipePage.vue";
+import { usePublicApi } from "~/composables/api/api-client";
+
+definePageMeta({
+  layout: "basic",
+});
+
+const $auth = useMealieAuth();
+const route = useRoute();
+const groupSlug = computed(() => route.params.groupSlug as string || $auth.user.value?.groupSlug || "");
+
+const router = useRouter();
+const recipeId = route.params.id as string;
+const api = usePublicApi();
+
+const title = ref(route.meta?.title ?? "");
+useSeoMeta({
+  title,
+});
+
+const { data: recipe } = await useAsyncData("recipe", async () => {
+  const { data, error } = await api.shared.getShared(recipeId);
+
+  if (error) {
+    console.error("error loading recipe -> ", error);
+    router.push(`/g/${groupSlug.value}`);
+  }
+
+  if (data) {
+    title.value = data?.name || "";
+  }
+
+  return data;
+});
+</script>
diff --git a/frontend/pages/g/_groupSlug/cookbooks/index.vue b/frontend/pages/g/_groupSlug/cookbooks/index.vue
deleted file mode 100644
index c050c3401..000000000
--- a/frontend/pages/g/_groupSlug/cookbooks/index.vue
+++ /dev/null
@@ -1,232 +0,0 @@
-<template>
-  <div>
-    <!-- Create Dialog -->
-    <BaseDialog
-      v-if="createTarget"
-      v-model="dialogStates.create"
-      width="100%"
-      max-width="1100px"
-      :icon="$globals.icons.pages"
-      :title="$t('cookbook.create-a-cookbook')"
-      :submit-icon="$globals.icons.save"
-      :submit-text="$tc('general.save')"
-      :submit-disabled="!createTarget.queryFilterString"
-      @submit="actions.updateOne(createTarget)"
-      @cancel="deleteCreateTarget()"
-    >
-      <v-card-text>
-        <CookbookEditor
-          :key="createTargetKey"
-          :cookbook=createTarget
-          :actions="actions"
-        />
-      </v-card-text>
-    </BaseDialog>
-
-    <!-- Delete Dialog -->
-    <BaseDialog
-      v-model="dialogStates.delete"
-      :title="$t('general.delete-with-name', { name: $t('cookbook.cookbook') })"
-      :icon="$globals.icons.alertCircle"
-      color="error"
-      @confirm="deleteCookbook()"
-    >
-      <v-card-text>
-        <p>{{ $t("general.confirm-delete-generic-with-name", { name: $t('cookbook.cookbook') }) }}</p>
-        <p v-if="deleteTarget" class="mt-4 ml-4">{{ deleteTarget.name }}</p>
-      </v-card-text>
-    </BaseDialog>
-
-    <!-- Cookbook Page -->
-    <!-- Page Title -->
-    <v-container class="px-12">
-      <BasePageTitle divider>
-        <template #header>
-          <v-img max-height="100" max-width="100" :src="require('~/static/svgs/manage-cookbooks.svg')"></v-img>
-        </template>
-        <template #title> {{ $t('cookbook.cookbooks') }} </template>
-        {{ $t('cookbook.description') }}
-      </BasePageTitle>
-
-      <div class="my-6">
-        <v-checkbox
-          v-model="cookbookPreferences.hideOtherHouseholds"
-          :label="$tc('cookbook.hide-cookbooks-from-other-households')"
-          hide-details
-        />
-        <div class="ml-8">
-          <p class="text-subtitle-2 my-0 py-0">
-            {{ $tc("cookbook.hide-cookbooks-from-other-households-description") }}
-          </p>
-        </div>
-      </div>
-
-      <!-- Create New -->
-      <BaseButton create @click="createCookbook" />
-
-      <!-- Cookbook List -->
-      <v-expansion-panels class="mt-2">
-        <draggable
-          v-model="myCookbooks"
-          handle=".handle"
-          delay="250"
-          :delay-on-touch-only="true"
-          style="width: 100%"
-          @change="actions.updateOrder(myCookbooks)"
-        >
-          <v-expansion-panel v-for="cookbook in myCookbooks" :key="cookbook.id" class="my-2 left-border rounded">
-            <v-expansion-panel-header disable-icon-rotate class="headline">
-              <div class="d-flex align-center">
-                <v-icon large left>
-                  {{ $globals.icons.pages }}
-                </v-icon>
-                {{ cookbook.name }}
-              </div>
-              <template #actions>
-                <v-icon class="handle">
-                  {{ $globals.icons.arrowUpDown }}
-                </v-icon>
-                <v-btn icon small class="ml-2">
-                  <v-icon>
-                    {{ $globals.icons.edit }}
-                  </v-icon>
-                </v-btn>
-              </template>
-            </v-expansion-panel-header>
-            <v-expansion-panel-content>
-              <CookbookEditor :cookbook="cookbook" :actions="actions" :collapsable="false" @delete="deleteEventHandler" />
-              <v-card-actions>
-                <v-spacer></v-spacer>
-                <BaseButtonGroup
-                  :buttons="[{
-                    icon: $globals.icons.delete,
-                    text: $tc('general.delete'),
-                    event: 'delete',
-                  },
-                  {
-                    icon: $globals.icons.save,
-                    text: $tc('general.save'),
-                    event: 'save',
-                    disabled: !cookbook.queryFilterString
-                  },
-                ]"
-                @delete="deleteEventHandler(cookbook)"
-                @save="actions.updateOne(cookbook)" />
-              </v-card-actions>
-            </v-expansion-panel-content>
-          </v-expansion-panel>
-        </draggable>
-      </v-expansion-panels>
-    </v-container>
-  </div>
-</template>
-
-<script lang="ts">
-
-import { computed, defineComponent, onBeforeUnmount, onMounted, reactive, ref, useContext } from "@nuxtjs/composition-api";
-import draggable from "vuedraggable";
-import { useCookbooks } from "@/composables/use-group-cookbooks";
-import { useHouseholdSelf } from "@/composables/use-households";
-import CookbookEditor from "~/components/Domain/Cookbook/CookbookEditor.vue";
-import { ReadCookBook } from "~/lib/api/types/cookbook";
-import { useCookbookPreferences } from "~/composables/use-users/preferences";
-
-export default defineComponent({
-  components: { CookbookEditor, draggable },
-  middleware: ["auth", "group-only"],
-  setup() {
-    const dialogStates = reactive({
-      create: false,
-      delete: false,
-    });
-
-    const { $auth, i18n } = useContext();
-    const { cookbooks: allCookbooks, actions } = useCookbooks();
-    const myCookbooks = computed<ReadCookBook[]>({
-      get: () => {
-        return allCookbooks.value?.filter((cookbook) => {
-          return cookbook.householdId === $auth.user?.householdId;
-        }) || [];
-      },
-      set: (value: ReadCookBook[]) => {
-        actions.updateOrder(value);
-      },
-    });
-    const { household } = useHouseholdSelf();
-    const cookbookPreferences = useCookbookPreferences()
-
-    // create
-    const createTargetKey = ref(0);
-    const createTarget = ref<ReadCookBook | null>(null);
-    async function createCookbook() {
-      const name = i18n.t("cookbook.household-cookbook-name", [household.value?.name || "", String((myCookbooks.value?.length ?? 0) + 1)]) as string
-      await actions.createOne(name).then((cookbook) => {
-        createTarget.value = cookbook as ReadCookBook;
-        createTargetKey.value++;
-      });
-      dialogStates.create = true;
-    }
-
-    // delete
-    const deleteTarget = ref<ReadCookBook | null>(null);
-    function deleteEventHandler(item: ReadCookBook){
-      deleteTarget.value = item;
-      dialogStates.delete = true;
-    }
-    function deleteCookbook() {
-      if (!deleteTarget.value) {
-        return;
-      }
-      actions.deleteOne(deleteTarget.value.id);
-      dialogStates.delete = false;
-      deleteTarget.value = null;
-    }
-
-    function deleteCreateTarget() {
-      if (!createTarget.value?.id) {
-        return;
-      }
-
-      actions.deleteOne(createTarget.value.id);
-      dialogStates.create = false;
-      createTarget.value = null;
-    }
-    function handleUnmount() {
-      if(!createTarget.value?.id || createTarget.value.queryFilterString) {
-        return;
-      }
-
-      deleteCreateTarget();
-    }
-    onMounted(() => {
-      window.addEventListener("beforeunload", handleUnmount);
-    });
-    onBeforeUnmount(() => {
-      handleUnmount();
-      window.removeEventListener("beforeunload", handleUnmount);
-    });
-
-    return {
-      myCookbooks,
-      cookbookPreferences,
-      actions,
-      dialogStates,
-      // create
-      createTargetKey,
-      createTarget,
-      createCookbook,
-
-      // delete
-      deleteTarget,
-      deleteEventHandler,
-      deleteCookbook,
-      deleteCreateTarget,
-    };
-  },
-  head() {
-    return {
-      title: this.$t("cookbook.cookbooks") as string,
-    };
-  },
-});
-</script>
diff --git a/frontend/pages/g/_groupSlug/r/_slug/index.vue b/frontend/pages/g/_groupSlug/r/_slug/index.vue
deleted file mode 100644
index 2e6abf18a..000000000
--- a/frontend/pages/g/_groupSlug/r/_slug/index.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-  <div>
-    <RecipePage v-if="recipe" :recipe="recipe" />
-  </div>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, ref, useAsync, useContext, useMeta, useRoute, useRouter } from "@nuxtjs/composition-api";
-import { whenever } from "@vueuse/core";
-import { useLoggedInState } from "~/composables/use-logged-in-state";
-import { useAsyncKey } from "~/composables/use-utils";
-import RecipePage from "~/components/Domain/Recipe/RecipePage/RecipePage.vue";
-import { usePublicExploreApi } from "~/composables/api/api-client";
-import { useRecipe } from "~/composables/recipes";
-import { Recipe } from "~/lib/api/types/recipe";
-
-export default defineComponent({
-  components: { RecipePage },
-  setup() {
-    const { $auth } = useContext();
-    const { isOwnGroup } = useLoggedInState();
-    const { title } = useMeta();
-    const route = useRoute();
-    const router = useRouter();
-    const slug = route.value.params.slug;
-
-    let recipe = ref<Recipe | null>(null);
-    if (isOwnGroup.value) {
-      const { recipe: data } = useRecipe(slug);
-      recipe = data;
-    } else {
-      const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "")
-      const api = usePublicExploreApi(groupSlug.value);
-      recipe = useAsync(async () => {
-        const { data, error } = await api.explore.recipes.getOne(slug);
-        if (error) {
-          console.error("error loading recipe -> ", error);
-          router.push(`/g/${groupSlug.value}`);
-        }
-
-        return data;
-      }, useAsyncKey())
-    }
-
-    whenever(
-      () => recipe.value,
-      () => {
-        if (recipe.value) {
-          title.value = recipe.value.name;
-        }
-      },
-    )
-
-    return {
-      recipe,
-    };
-  },
-  head: {},
-});
-</script>
diff --git a/frontend/pages/g/_groupSlug/recipes/timeline.vue b/frontend/pages/g/_groupSlug/recipes/timeline.vue
deleted file mode 100644
index 7c84c71be..000000000
--- a/frontend/pages/g/_groupSlug/recipes/timeline.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-  <v-sheet :class="$vuetify.breakpoint.smAndDown ? 'pa-0' : 'px-3 py-0'">
-    <BasePageTitle v-if="groupName">
-      <template #header>
-        <v-img max-height="200" max-width="150" :src="require('~/static/svgs/manage-members.svg')" />
-      </template>
-      <template #title> {{ $t("recipe.group-global-timeline", { groupName }) }} </template>
-    </BasePageTitle>
-    <RecipeTimeline v-if="queryFilter" v-model="ready" show-recipe-cards :query-filter="queryFilter" />
-  </v-sheet>
-</template>
-
-<script lang="ts">
-import { defineComponent, ref } from "@nuxtjs/composition-api";
-import { useUserApi } from "~/composables/api";
-import RecipeTimeline from "~/components/Domain/Recipe/RecipeTimeline.vue";
-
-export default defineComponent({
-  components: { RecipeTimeline },
-  middleware: ["auth", "group-only"],
-  setup() {
-    const api = useUserApi();
-    const ready = ref<boolean>(false);
-
-    const groupName = ref<string>("");
-    const queryFilter = ref<string>("");
-    async function fetchHousehold() {
-      const { data } = await api.households.getCurrentUserHousehold();
-      if (data) {
-        queryFilter.value = `recipe.group_id="${data.groupId}"`;
-        groupName.value = data.group;
-      }
-
-      ready.value = true;
-    }
-
-    fetchHousehold();
-    return {
-      groupName,
-      queryFilter,
-      ready,
-    };
-  },
-  head() {
-    return {
-      title: this.$t("recipe.timeline") as string,
-    };
-  },
-});
-</script>
diff --git a/frontend/pages/g/_groupSlug/shared/r/_id.vue b/frontend/pages/g/_groupSlug/shared/r/_id.vue
deleted file mode 100644
index fe4195adc..000000000
--- a/frontend/pages/g/_groupSlug/shared/r/_id.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-  <div>
-    <client-only>
-      <RecipePage v-if="recipe" :recipe="recipe" />
-    </client-only>
-  </div>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, useAsync, useContext, useMeta, useRoute, useRouter } from "@nuxtjs/composition-api";
-import RecipePage from "~/components/Domain/Recipe/RecipePage/RecipePage.vue";
-import { usePublicApi } from "~/composables/api/api-client";
-
-export default defineComponent({
-  components: { RecipePage },
-  layout: "basic",
-  setup() {
-    const { $auth } = useContext();
-    const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
-
-    const router = useRouter();
-    const recipeId = route.value.params.id;
-    const api = usePublicApi();
-
-    const { title } = useMeta();
-
-    const recipe = useAsync(async () => {
-      const { data, error } = await api.shared.getShared(recipeId);
-
-      if (error) {
-        console.error("error loading recipe -> ", error);
-        router.push(`/g/${groupSlug.value}`);
-      }
-
-      if (data) {
-        title.value = data?.name || "";
-      }
-
-      return data;
-    });
-
-    return {
-      recipe,
-    };
-  },
-  head: {},
-});
-</script>
diff --git a/frontend/pages/group/data.vue b/frontend/pages/group/data.vue
index 1fc1eec40..de0d984d1 100644
--- a/frontend/pages/group/data.vue
+++ b/frontend/pages/group/data.vue
@@ -2,9 +2,16 @@
   <v-container>
     <BasePageTitle>
       <template #header>
-        <v-img max-height="175" max-width="175" :src="require('~/static/svgs/manage-recipes.svg')"></v-img>
+        <v-img
+          width="100%"
+          max-height="175"
+          max-width="175"
+          :src="require('~/static/svgs/manage-recipes.svg')"
+        />
+      </template>
+      <template #title>
+        {{ $t('data-pages.data-management') }}
       </template>
-      <template #title> {{ $t('data-pages.data-management') }} </template>
       {{ $t('data-pages.data-management-description') }}
       <template #content>
         <div>
@@ -13,114 +20,106 @@
             mode="link"
             rounded
             :items="DATA_TYPE_OPTIONS"
-          >
-          </BaseOverflowButton>
+          />
         </div>
       </template>
     </BasePageTitle>
     <section>
       <v-scroll-x-transition>
-        <NuxtChild />
+        <div>
+          <NuxtPage />
+        </div>
       </v-scroll-x-transition>
     </section>
   </v-container>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useContext, useRoute } from "@nuxtjs/composition-api";
-
-export default defineComponent({
-  middleware: ["auth", "can-organize-only"],
-  props: {
-    value: {
-      type: Boolean,
-      default: false,
-    },
-  },
+export default defineNuxtComponent({
+  middleware: ["sidebase-auth", "can-organize-only"],
   setup() {
-    const { i18n } = useContext();
+    const i18n = useI18n();
     const buttonLookup: { [key: string]: string } = {
-      recipes: i18n.tc("general.recipes"),
-      recipeActions: i18n.tc("recipe.recipe-actions"),
-      foods: i18n.tc("general.foods"),
-      units: i18n.tc("general.units"),
-      labels: i18n.tc("data-pages.labels.labels"),
-      categories: i18n.tc("category.categories"),
-      tags: i18n.tc("tag.tags"),
-      tools: i18n.tc("tool.tools"),
+      recipes: i18n.t("general.recipes"),
+      recipeActions: i18n.t("recipe.recipe-actions"),
+      foods: i18n.t("general.foods"),
+      units: i18n.t("general.units"),
+      labels: i18n.t("data-pages.labels.labels"),
+      categories: i18n.t("category.categories"),
+      tags: i18n.t("tag.tags"),
+      tools: i18n.t("tool.tools"),
     };
 
     const route = useRoute();
 
     const DATA_TYPE_OPTIONS = computed(() => [
       {
-        text: i18n.tc("general.recipes"),
+        text: i18n.t("general.recipes"),
         value: "new",
         to: "/group/data/recipes",
       },
       {
-        text: i18n.tc("recipe.recipe-actions"),
+        text: i18n.t("recipe.recipe-actions"),
         value: "new",
         to: "/group/data/recipe-actions",
         divider: true,
       },
       {
-        text: i18n.tc("general.foods"),
+        text: i18n.t("general.foods"),
         value: "url",
         to: "/group/data/foods",
       },
       {
-        text: i18n.tc("general.units"),
+        text: i18n.t("general.units"),
         value: "new",
         to: "/group/data/units",
       },
       {
-        text: i18n.tc("data-pages.labels.labels"),
+        text: i18n.t("data-pages.labels.labels"),
         value: "new",
         to: "/group/data/labels",
         divider: true,
       },
       {
-        text: i18n.tc("category.categories"),
+        text: i18n.t("category.categories"),
         value: "new",
         to: "/group/data/categories",
       },
       {
-        text: i18n.tc("tag.tags"),
+        text: i18n.t("tag.tags"),
         value: "new",
         to: "/group/data/tags",
       },
       {
-        text: i18n.tc("tool.tools"),
+        text: i18n.t("tool.tools"),
         value: "new",
         to: "/group/data/tools",
-      }
+      },
     ]);
 
     const buttonText = computed(() => {
-      const last = route.value.path
+      const last = route.path
         .split("/")
         .pop()
-        // convert hypenated-values to camelCase
+      // convert hypenated-values to camelCase
         ?.replace(/-([a-z])/g, function (g) {
           return g[1].toUpperCase();
-        })
+        });
 
       if (last) {
         return buttonLookup[last];
       }
 
-      return i18n.tc("data-pages.select-data");
+      return i18n.t("data-pages.select-data");
+    });
+
+    useSeoMeta({
+      title: i18n.t("data-pages.data-management"),
     });
 
     return {
       buttonText,
-      DATA_TYPE_OPTIONS
-    };
-  },
-  head() {
-    return {
-      title: this.$tc("data-pages.data-management"),
+      DATA_TYPE_OPTIONS,
     };
   },
 });
diff --git a/frontend/pages/group/data/categories.vue b/frontend/pages/group/data/categories.vue
index 271ec53ba..c8164cd7c 100644
--- a/frontend/pages/group/data/categories.vue
+++ b/frontend/pages/group/data/categories.vue
@@ -5,6 +5,7 @@
       v-model="state.createDialog"
       :title="$t('data-pages.categories.new-category')"
       :icon="$globals.icons.categories"
+      can-submit
       @submit="createCategory"
     >
       <v-card-text>
@@ -14,10 +15,9 @@
             autofocus
             :label="$t('general.name')"
             :rules="[validators.required]"
-          ></v-text-field>
+          />
         </v-form>
       </v-card-text>
-
     </BaseDialog>
 
     <!-- Edit Dialog -->
@@ -25,12 +25,16 @@
       v-model="state.editDialog"
       :icon="$globals.icons.categories"
       :title="$t('data-pages.categories.edit-category')"
-      :submit-text="$tc('general.save')"
+      :submit-text="$t('general.save')"
+      can-submit
       @submit="editSaveCategory"
     >
       <v-card-text v-if="editTarget">
         <div class="mt-4">
-          <v-text-field v-model="editTarget.name" :label="$t('general.name')"> </v-text-field>
+          <v-text-field
+            v-model="editTarget.name"
+            :label="$t('general.name')"
+          />
         </div>
       </v-card-text>
     </BaseDialog>
@@ -38,14 +42,20 @@
     <!-- Delete Dialog -->
     <BaseDialog
       v-model="state.deleteDialog"
-      :title="$tc('general.confirm')"
+      :title="$t('general.confirm')"
       :icon="$globals.icons.alertCircle"
       color="error"
+      can-confirm
       @confirm="deleteCategory"
     >
       <v-card-text>
         {{ $t("general.confirm-delete-generic") }}
-        <p v-if="deleteTarget" class="mt-4 ml-4">{{ deleteTarget.name }}</p>
+        <p
+          v-if="deleteTarget"
+          class="mt-4 ml-4"
+        >
+          {{ deleteTarget.name }}
+        </p>
       </v-card-text>
     </BaseDialog>
 
@@ -53,20 +63,25 @@
     <BaseDialog
       v-model="state.bulkDeleteDialog"
       width="650px"
-      :title="$tc('general.confirm')"
+      :title="$t('general.confirm')"
       :icon="$globals.icons.alertCircle"
       color="error"
+      can-confirm
       @confirm="deleteSelected"
     >
       <v-card-text>
-        <p class="h4">{{ $t('general.confirm-delete-generic-items') }}</p>
-        <v-card outlined>
-          <v-virtual-scroll height="400" item-height="25" :items="bulkDeleteTarget">
+        <p class="h4">
+          {{ $t('general.confirm-delete-generic-items') }}
+        </p>
+        <v-card variant="outlined">
+          <v-virtual-scroll
+            height="400"
+            item-height="25"
+            :items="bulkDeleteTarget"
+          >
             <template #default="{ item }">
               <v-list-item class="pb-2">
-                <v-list-item-content>
-                  <v-list-item-title>{{ item.name }}</v-list-item-title>
-                </v-list-item-content>
+                <v-list-item-title>{{ item.name }}</v-list-item-title>
               </v-list-item>
             </template>
           </v-virtual-scroll>
@@ -75,33 +90,41 @@
     </BaseDialog>
 
     <!-- Data Table -->
-    <BaseCardSectionTitle :icon="$globals.icons.categories" section :title="$tc('data-pages.categories.category-data')"> </BaseCardSectionTitle>
+    <BaseCardSectionTitle
+      :icon="$globals.icons.categories"
+      section
+      :title="$t('data-pages.categories.category-data')"
+    />
     <CrudTable
+      v-model:headers="tableHeaders"
       :table-config="tableConfig"
-      :headers.sync="tableHeaders"
       :data="categories || []"
-      :bulk-actions="[{icon: $globals.icons.delete, text: $tc('general.delete'), event: 'delete-selected'}]"
+      :bulk-actions="[{ icon: $globals.icons.delete, text: $t('general.delete'), event: 'delete-selected' }]"
       initial-sort="name"
       @delete-one="deleteEventHandler"
       @edit-one="editEventHandler"
       @delete-selected="bulkDeleteEventHandler"
     >
       <template #button-row>
-        <BaseButton create @click="state.createDialog = true">{{ $t("general.create") }}</BaseButton>
+        <BaseButton
+          create
+          @click="state.createDialog = true"
+        >
+          {{ $t("general.create") }}
+        </BaseButton>
       </template>
     </CrudTable>
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, ref, useContext } from "@nuxtjs/composition-api";
 import { validators } from "~/composables/use-validators";
 import { useCategoryStore, useCategoryData } from "~/composables/store";
-import { RecipeCategory } from "~/lib/api/types/recipe";
+import type { RecipeCategory } from "~/lib/api/types/recipe";
 
-export default defineComponent({
+export default defineNuxtComponent({
   setup() {
-    const { i18n } = useContext();
+    const i18n = useI18n();
     const tableConfig = {
       hideColumns: true,
       canExport: true,
@@ -116,6 +139,7 @@ export default defineComponent({
         text: i18n.t("general.name"),
         value: "name",
         show: true,
+        sortable: true,
       },
     ];
 
@@ -128,18 +152,18 @@ export default defineComponent({
     const categoryData = useCategoryData();
     const categoryStore = useCategoryStore();
 
-
     // ============================================================
     // Create Category
 
     async function createCategory() {
-      // @ts-ignore - only property really required is the name (RecipeOrganizerPage)
-      await categoryStore.actions.createOne({ name: categoryData.data.name });
+      await categoryStore.actions.createOne({
+        name: categoryData.data.name,
+        slug: "",
+      });
       categoryData.reset();
       state.createDialog = false;
     }
 
-
     // ============================================================
     // Edit Category
 
@@ -158,7 +182,6 @@ export default defineComponent({
       state.editDialog = false;
     }
 
-
     // ============================================================
     // Delete Category
 
diff --git a/frontend/pages/group/data/foods.vue b/frontend/pages/group/data/foods.vue
index a7548181e..732564942 100644
--- a/frontend/pages/group/data/foods.vue
+++ b/frontend/pages/group/data/foods.vue
@@ -1,13 +1,31 @@
 <template>
   <div>
     <!-- Merge Dialog -->
-    <BaseDialog v-model="mergeDialog" :icon="$globals.icons.foods" :title="$tc('data-pages.foods.combine-food')" @confirm="mergeFoods">
+    <BaseDialog
+      v-model="mergeDialog"
+      :icon="$globals.icons.foods"
+      :title="$t('data-pages.foods.combine-food')"
+      can-confirm
+      @confirm="mergeFoods"
+    >
       <v-card-text>
         <div>
           {{ $t("data-pages.foods.merge-dialog-text") }}
         </div>
-        <v-autocomplete v-model="fromFood" return-object :items="foods" item-text="name" :label="$t('data-pages.foods.source-food')" />
-        <v-autocomplete v-model="toFood" return-object :items="foods" item-text="name" :label="$t('data-pages.foods.target-food')" />
+        <v-autocomplete
+          v-model="fromFood"
+          return-object
+          :items="foods"
+          item-title="name"
+          :label="$t('data-pages.foods.source-food')"
+        />
+        <v-autocomplete
+          v-model="toFood"
+          return-object
+          :items="foods"
+          item-title="name"
+          :label="$t('data-pages.foods.target-food')"
+        />
 
         <template v-if="canMerge && fromFood && toFood">
           <div class="text-center">
@@ -17,11 +35,12 @@
       </v-card-text>
     </BaseDialog>
 
-    <!-- Seed Dialog-->
+    <!-- Seed Dialog -->
     <BaseDialog
       v-model="seedDialog"
       :icon="$globals.icons.foods"
-      :title="$tc('data-pages.seed-data')"
+      :title="$t('data-pages.seed-data')"
+      can-confirm
       @confirm="seedDatabase"
     >
       <v-card-text>
@@ -31,24 +50,26 @@
         <v-autocomplete
           v-model="locale"
           :items="locales"
-          item-text="name"
+          item-title="name"
           :label="$t('data-pages.select-language')"
           class="my-3"
           hide-details
-          outlined
+          variant="outlined"
           offset
         >
           <template #item="{ item }">
-            <v-list-item-content>
-              <v-list-item-title> {{ item.name }} </v-list-item-title>
-              <v-list-item-subtitle>
-                {{ item.progress }}% {{ $tc("language-dialog.translated") }}
-              </v-list-item-subtitle>
-            </v-list-item-content>
+            <v-list-item-title> {{ item.raw.name }} </v-list-item-title>
+            <v-list-item-subtitle>
+              {{ item.raw.progress }}% {{ $t("language-dialog.translated") }}
+            </v-list-item-subtitle>
           </template>
         </v-autocomplete>
 
-        <v-alert v-if="foods && foods.length > 0" type="error" class="mb-0 text-body-2">
+        <v-alert
+          v-if="foods && foods.length > 0"
+          type="error"
+          class="mb-0 text-body-2"
+        >
           {{ $t("data-pages.foods.seed-dialog-warning") }}
         </v-alert>
       </v-card-text>
@@ -58,9 +79,10 @@
     <BaseDialog
       v-model="createDialog"
       :icon="$globals.icons.foods"
-      :title="$tc('data-pages.foods.create-food')"
+      :title="$t('data-pages.foods.create-food')"
       :submit-icon="$globals.icons.save"
-      :submit-text="$tc('general.save')"
+      :submit-text="$t('general.save')"
+      can-submit
       @submit="createFood"
     >
       <v-card-text>
@@ -71,22 +93,24 @@
             :label="$t('general.name')"
             :hint="$t('data-pages.foods.example-food-singular')"
             :rules="[validators.required]"
-          ></v-text-field>
+          />
           <v-text-field
             v-model="createTarget.pluralName"
             :label="$t('general.plural-name')"
             :hint="$t('data-pages.foods.example-food-plural')"
-          ></v-text-field>
-          <v-text-field v-model="createTarget.description" :label="$t('recipe.description')"></v-text-field>
+          />
+          <v-text-field
+            v-model="createTarget.description"
+            :label="$t('recipe.description')"
+          />
           <v-autocomplete
             v-model="createTarget.labelId"
             clearable
             :items="allLabels"
             item-value="id"
-            item-text="name"
+            item-title="name"
             :label="$t('data-pages.foods.food-label')"
-          >
-          </v-autocomplete>
+          />
           <v-checkbox
             v-model="createTarget.onHand"
             hide-details
@@ -95,8 +119,9 @@
           <p class="text-caption mt-1">
             {{ $t("data-pages.foods.on-hand-checkbox-label") }}
           </p>
-        </v-form> </v-card-text
-    ></BaseDialog>
+        </v-form>
+      </v-card-text>
+    </BaseDialog>
 
     <!-- Alias Sub-Dialog -->
     <RecipeDataAliasManagerDialog
@@ -111,9 +136,10 @@
     <BaseDialog
       v-model="editDialog"
       :icon="$globals.icons.foods"
-      :title="$tc('data-pages.foods.edit-food')"
+      :title="$t('data-pages.foods.edit-food')"
       :submit-icon="$globals.icons.save"
-      :submit-text="$tc('general.save')"
+      :submit-text="$t('general.save')"
+      can-submit
       @submit="editSaveFood"
     >
       <v-card-text v-if="editTarget">
@@ -123,25 +149,24 @@
             :label="$t('general.name')"
             :hint="$t('data-pages.foods.example-food-singular')"
             :rules="[validators.required]"
-          ></v-text-field>
+          />
           <v-text-field
             v-model="editTarget.pluralName"
             :label="$t('general.plural-name')"
             :hint="$t('data-pages.foods.example-food-plural')"
-          ></v-text-field>
+          />
           <v-text-field
             v-model="editTarget.description"
             :label="$t('recipe.description')"
-          ></v-text-field>
+          />
           <v-autocomplete
             v-model="editTarget.labelId"
             clearable
             :items="allLabels"
             item-value="id"
-            item-text="name"
+            item-title="name"
             :label="$t('data-pages.foods.food-label')"
-          >
-          </v-autocomplete>
+          />
           <v-checkbox
             v-model="editTarget.onHand"
             hide-details
@@ -153,21 +178,32 @@
         </v-form>
       </v-card-text>
       <template #custom-card-action>
-        <BaseButton edit @click="aliasManagerEventHandler">{{ $t('data-pages.manage-aliases') }}</BaseButton>
+        <BaseButton
+          edit
+          @click="aliasManagerEventHandler"
+        >
+          {{ $t('data-pages.manage-aliases') }}
+        </BaseButton>
       </template>
     </BaseDialog>
 
     <!-- Delete Dialog -->
     <BaseDialog
       v-model="deleteDialog"
-      :title="$tc('general.confirm')"
+      :title="$t('general.confirm')"
       :icon="$globals.icons.alertCircle"
       color="error"
+      can-confirm
       @confirm="deleteFood"
     >
       <v-card-text>
         {{ $t("general.confirm-delete-generic") }}
-        <p v-if="deleteTarget" class="mt-4 ml-4">{{ deleteTarget.name }}</p>
+        <p
+          v-if="deleteTarget"
+          class="mt-4 ml-4"
+        >
+          {{ deleteTarget.name }}
+        </p>
       </v-card-text>
     </BaseDialog>
 
@@ -175,20 +211,25 @@
     <BaseDialog
       v-model="bulkDeleteDialog"
       width="650px"
-      :title="$tc('general.confirm')"
+      :title="$t('general.confirm')"
       :icon="$globals.icons.alertCircle"
       color="error"
+      can-confirm
       @confirm="deleteSelected"
     >
       <v-card-text>
-        <p class="h4">{{ $t('general.confirm-delete-generic-items') }}</p>
-        <v-card outlined>
-          <v-virtual-scroll height="400" item-height="25" :items="bulkDeleteTarget">
+        <p class="h4">
+          {{ $t('general.confirm-delete-generic-items') }}
+        </p>
+        <v-card variant="outlined">
+          <v-virtual-scroll
+            height="400"
+            item-height="25"
+            :items="bulkDeleteTarget"
+          >
             <template #default="{ item }">
               <v-list-item class="pb-2">
-                <v-list-item-content>
-                  <v-list-item-title>{{ item.name }}</v-list-item-title>
-                </v-list-item-content>
+                <v-list-item-title>{{ item.name }}</v-list-item-title>
               </v-list-item>
             </template>
           </v-virtual-scroll>
@@ -199,14 +240,15 @@
     <!-- Bulk Assign Labels Dialog -->
     <BaseDialog
       v-model="bulkAssignLabelDialog"
-      :title="$tc('data-pages.labels.assign-label')"
+      :title="$t('data-pages.labels.assign-label')"
       :icon="$globals.icons.tags"
+      can-confirm
       @confirm="assignSelected"
     >
       <v-card-text>
         <v-card class="mb-4">
-          <v-card-title>{{ $tc("general.caution") }}</v-card-title>
-          <v-card-text>{{ $tc("data-pages.foods.label-overwrite-warning") }}</v-card-text>
+          <v-card-title>{{ $t("general.caution") }}</v-card-title>
+          <v-card-text>{{ $t("data-pages.foods.label-overwrite-warning") }}</v-card-text>
         </v-card>
 
         <v-autocomplete
@@ -214,16 +256,18 @@
           clearable
           :items="allLabels"
           item-value="id"
-          item-text="name"
-          :label="$tc('data-pages.foods.food-label')"
+          item-title="name"
+          :label="$t('data-pages.foods.food-label')"
         />
-        <v-card outlined>
-          <v-virtual-scroll height="400" item-height="25" :items="bulkAssignTarget">
+        <v-card variant="outlined">
+          <v-virtual-scroll
+            height="400"
+            item-height="25"
+            :items="bulkAssignTarget"
+          >
             <template #default="{ item }">
               <v-list-item class="pb-2">
-                <v-list-item-content>
-                  <v-list-item-title>{{ item.name }}</v-list-item-title>
-                </v-list-item-content>
+                <v-list-item-title>{{ item.name }}</v-list-item-title>
               </v-list-item>
             </template>
           </v-virtual-scroll>
@@ -232,14 +276,18 @@
     </BaseDialog>
 
     <!-- Data Table -->
-    <BaseCardSectionTitle :icon="$globals.icons.foods" section :title="$tc('data-pages.foods.food-data')"> </BaseCardSectionTitle>
+    <BaseCardSectionTitle
+      :icon="$globals.icons.foods"
+      section
+      :title="$t('data-pages.foods.food-data')"
+    />
     <CrudTable
+      v-model:headers="tableHeaders"
       :table-config="tableConfig"
-      :headers.sync="tableHeaders"
       :data="foods || []"
       :bulk-actions="[
-        {icon: $globals.icons.delete, text: $tc('general.delete'), event: 'delete-selected'},
-        {icon: $globals.icons.tags, text: $tc('data-pages.labels.assign-label'), event: 'assign-selected'}
+        { icon: $globals.icons.delete, text: $t('general.delete'), event: 'delete-selected' },
+        { icon: $globals.icons.tags, text: $t('data-pages.labels.assign-label'), event: 'assign-selected' },
       ]"
       initial-sort="createdAt"
       initial-sort-desc
@@ -250,28 +298,38 @@
       @assign-selected="bulkAssignEventHandler"
     >
       <template #button-row>
-        <BaseButton create @click="createDialog = true" />
+        <BaseButton
+          create
+          @click="createDialog = true"
+        />
         <BaseButton @click="mergeDialog = true">
-          <template #icon> {{ $globals.icons.externalLink }} </template>
+          <template #icon>
+            {{ $globals.icons.externalLink }}
+          </template>
           {{ $t('data-pages.combine') }}
         </BaseButton>
       </template>
-      <template #item.label="{ item }">
-        <MultiPurposeLabel v-if="item.label" :label="item.label">
+      <template #[`item.label`]="{ item }">
+        <MultiPurposeLabel
+          v-if="item.label"
+          :label="item.label"
+        >
           {{ item.label.name }}
         </MultiPurposeLabel>
       </template>
-      <template #item.onHand="{ item }">
+      <template #[`item.onHand`]="{ item }">
         <v-icon :color="item.onHand ? 'success' : undefined">
           {{ item.onHand ? $globals.icons.check : $globals.icons.close }}
         </v-icon>
       </template>
-      <template #item.createdAt="{ item }">
+      <template #[`item.createdAt`]="{ item }">
         {{ formatDate(item.createdAt) }}
       </template>
       <template #button-bottom>
         <BaseButton @click="seedDialog = true">
-          <template #icon> {{ $globals.icons.database }} </template>
+          <template #icon>
+            {{ $globals.icons.database }}
+          </template>
           {{ $t('data-pages.seed') }}
         </BaseButton>
       </template>
@@ -280,17 +338,16 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onMounted, ref, computed, useContext } from "@nuxtjs/composition-api";
 import type { LocaleObject } from "@nuxtjs/i18n";
 import RecipeDataAliasManagerDialog from "~/components/Domain/Recipe/RecipeDataAliasManagerDialog.vue";
 import { validators } from "~/composables/use-validators";
 import { useUserApi } from "~/composables/api";
-import { CreateIngredientFood, IngredientFood, IngredientFoodAlias } from "~/lib/api/types/recipe";
+import type { CreateIngredientFood, IngredientFood, IngredientFoodAlias } from "~/lib/api/types/recipe";
 import MultiPurposeLabel from "~/components/Domain/ShoppingList/MultiPurposeLabel.vue";
 import { useLocales } from "~/composables/use-locales";
 import { useFoodStore, useLabelStore } from "~/composables/store";
-import { VForm } from "~/types/vuetify";
-import { MultiPurposeLabelOut } from "~/lib/api/types/labels";
+import type { MultiPurposeLabelOut } from "~/lib/api/types/labels";
+import type { VForm } from "~/types/auto-forms";
 
 interface CreateIngredientFoodWithOnHand extends CreateIngredientFood {
   onHand: boolean;
@@ -301,40 +358,44 @@ interface IngredientFoodWithOnHand extends IngredientFood {
   onHand: boolean;
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { MultiPurposeLabel, RecipeDataAliasManagerDialog },
   setup() {
     const userApi = useUserApi();
-    const { $auth, i18n } = useContext();
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
     const tableConfig = {
       hideColumns: true,
       canExport: true,
     };
     const tableHeaders = [
       {
-        text: i18n.tc("general.id"),
+        text: i18n.t("general.id"),
         value: "id",
         show: false,
       },
       {
-        text: i18n.tc("general.name"),
+        text: i18n.t("general.name"),
         value: "name",
         show: true,
+        sortable: true,
       },
       {
-        text: i18n.tc("general.plural-name"),
+        text: i18n.t("general.plural-name"),
         value: "pluralName",
         show: true,
+        sortable: true,
       },
       {
-        text: i18n.tc("recipe.description"),
+        text: i18n.t("recipe.description"),
         value: "description",
         show: true,
       },
       {
-        text: i18n.tc("shopping-list.label"),
+        text: i18n.t("shopping-list.label"),
         value: "label",
         show: true,
+        sortable: true,
         sort: (label1: MultiPurposeLabelOut | null, label2: MultiPurposeLabelOut | null) => {
           const label1Name = label1?.name || "";
           const label2Name = label2?.name || "";
@@ -342,26 +403,29 @@ export default defineComponent({
         },
       },
       {
-        text: i18n.tc("tool.on-hand"),
+        text: i18n.t("tool.on-hand"),
         value: "onHand",
         show: true,
+        sortable: true,
       },
       {
-        text: i18n.tc("general.date-added"),
+        text: i18n.t("general.date-added"),
         value: "createdAt",
         show: false,
-      }
+        sortable: true,
+      },
     ];
 
     function formatDate(date: string) {
       try {
         return i18n.d(Date.parse(date), "medium");
-      } catch {
+      }
+      catch {
         return "";
       }
     }
 
-    const userHousehold = computed(() => $auth.user?.householdSlug || "");
+    const userHousehold = computed(() => $auth.user.value?.householdSlug || "");
     const foodStore = useFoodStore();
     const foods = computed(() => foodStore.store.value.map((food) => {
       const onHand = food.householdsWithIngredientFood?.includes(userHousehold.value) || false;
@@ -423,12 +487,14 @@ export default defineComponent({
       if (editTarget.value.onHand && !editTarget.value.householdsWithIngredientFood?.includes(userHousehold.value)) {
         if (!editTarget.value.householdsWithIngredientFood) {
           editTarget.value.householdsWithIngredientFood = [userHousehold.value];
-        } else {
+        }
+        else {
           editTarget.value.householdsWithIngredientFood.push(userHousehold.value);
         }
-      } else if (!editTarget.value.onHand && editTarget.value.householdsWithIngredientFood?.includes(userHousehold.value)) {
+      }
+      else if (!editTarget.value.onHand && editTarget.value.householdsWithIngredientFood?.includes(userHousehold.value)) {
         editTarget.value.householdsWithIngredientFood = editTarget.value.householdsWithIngredientFood.filter(
-          (household) => household !== userHousehold.value
+          household => household !== userHousehold.value,
         );
       }
 
@@ -525,8 +591,8 @@ export default defineComponent({
       locale.value = currentLocale.value;
     });
 
-    const locales = LOCALES.filter((locale) =>
-      (i18n.locales as LocaleObject[]).map((i18nLocale) => i18nLocale.code).includes(locale.value)
+    const locales = LOCALES.filter(locale =>
+      (i18n.locales.value as LocaleObject[]).map(i18nLocale => i18nLocale.code).includes(locale.value as any),
     );
 
     async function seedDatabase() {
diff --git a/frontend/pages/group/data/index.vue b/frontend/pages/group/data/index.vue
index d19fb6126..2e2c9bcd4 100644
--- a/frontend/pages/group/data/index.vue
+++ b/frontend/pages/group/data/index.vue
@@ -1,17 +1,9 @@
 <template>
-  <div></div>
+  <div />
 </template>
 
 <script lang="ts">
-import { defineComponent, onMounted, useRouter } from "@nuxtjs/composition-api";
-
-export default defineComponent({
-  props: {
-    value: {
-      type: Boolean,
-      default: false,
-    },
-  },
+export default defineNuxtComponent({
   setup() {
     const router = useRouter();
     onMounted(() => {
diff --git a/frontend/pages/group/data/labels.vue b/frontend/pages/group/data/labels.vue
index 0f031828c..4e124e04b 100644
--- a/frontend/pages/group/data/labels.vue
+++ b/frontend/pages/group/data/labels.vue
@@ -1,13 +1,22 @@
 <template>
   <div>
     <!-- Create New Dialog -->
-    <BaseDialog v-model="state.createDialog" :title="$t('data-pages.labels.new-label')" :icon="$globals.icons.tags" @submit="createLabel">
+    <BaseDialog
+      v-model="state.createDialog"
+      :title="$t('data-pages.labels.new-label')"
+      :icon="$globals.icons.tags"
+      can-submit
+      @submit="createLabel"
+    >
       <v-card-text>
         <MultiPurposeLabel :label="createLabelData" />
 
         <div class="mt-4">
-          <v-text-field v-model="createLabelData.name" :label="$t('general.name')"> </v-text-field>
-          <InputColor v-model="createLabelData.color" />
+          <v-text-field
+            v-model="createLabelData.name"
+            :label="$t('general.name')"
+          />
+          <InputColor v-model="createLabelData.color!" />
         </div>
       </v-card-text>
     </BaseDialog>
@@ -18,14 +27,18 @@
       :icon="$globals.icons.tags"
       :title="$t('data-pages.labels.edit-label')"
       :submit-icon="$globals.icons.save"
-      :submit-text="$tc('general.save')"
+      :submit-text="$t('general.save')"
+      can-submit
       @submit="editSaveLabel"
     >
       <v-card-text v-if="editLabel">
         <MultiPurposeLabel :label="editLabel" />
         <div class="mt-4">
-          <v-text-field v-model="editLabel.name" :label="$t('general.name')"> </v-text-field>
-          <InputColor v-model="editLabel.color" />
+          <v-text-field
+            v-model="editLabel.name"
+            :label="$t('general.name')"
+          />
+          <InputColor v-model="editLabel.color!" />
         </div>
       </v-card-text>
     </BaseDialog>
@@ -33,15 +46,20 @@
     <!-- Delete Dialog -->
     <BaseDialog
       v-model="state.deleteDialog"
-      :title="$tc('general.confirm')"
+      :title="$t('general.confirm')"
       :icon="$globals.icons.alertCircle"
       color="error"
+      can-confirm
       @confirm="deleteLabel"
     >
       <v-card-text>
         {{ $t("general.confirm-delete-generic") }}
         <v-row>
-          <MultiPurposeLabel v-if="deleteTarget" class="mt-4 ml-4 mb-1" :label="deleteTarget" />
+          <MultiPurposeLabel
+            v-if="deleteTarget"
+            class="mt-4 ml-4 mb-1"
+            :label="deleteTarget"
+          />
         </v-row>
       </v-card-text>
     </BaseDialog>
@@ -50,20 +68,25 @@
     <BaseDialog
       v-model="state.bulkDeleteDialog"
       width="650px"
-      :title="$tc('general.confirm')"
+      :title="$t('general.confirm')"
       :icon="$globals.icons.alertCircle"
       color="error"
+      can-confirm
       @confirm="deleteSelected"
     >
       <v-card-text>
-        <p class="h4">{{ $t('general.confirm-delete-generic-items') }}</p>
-        <v-card outlined>
-          <v-virtual-scroll height="400" item-height="25" :items="bulkDeleteTarget">
+        <p class="h4">
+          {{ $t('general.confirm-delete-generic-items') }}
+        </p>
+        <v-card variant="outlined">
+          <v-virtual-scroll
+            height="400"
+            item-height="25"
+            :items="bulkDeleteTarget"
+          >
             <template #default="{ item }">
               <v-list-item class="pb-2">
-                <v-list-item-content>
-                  <v-list-item-title>{{ item.name }}</v-list-item-title>
-                </v-list-item-content>
+                <v-list-item-title>{{ item.name }}</v-list-item-title>
               </v-list-item>
             </template>
           </v-virtual-scroll>
@@ -71,11 +94,12 @@
       </v-card-text>
     </BaseDialog>
 
-    <!-- Seed Dialog-->
+    <!-- Seed Dialog -->
     <BaseDialog
       v-model="seedDialog"
       :icon="$globals.icons.foods"
-      :title="$tc('data-pages.seed-data')"
+      :title="$t('data-pages.seed-data')"
+      can-confirm
       @confirm="seedDatabase"
     >
       <v-card-text>
@@ -85,52 +109,68 @@
         <v-autocomplete
           v-model="locale"
           :items="locales"
-          item-text="name"
+          item-title="name"
           :label="$t('data-pages.select-language')"
           class="my-3"
           hide-details
-          outlined
+          variant="outlined"
           offset
         >
           <template #item="{ item }">
-            <v-list-item-content>
-              <v-list-item-title> {{ item.name }} </v-list-item-title>
-              <v-list-item-subtitle>
-                {{ item.progress }}% {{ $tc("language-dialog.translated") }}
-              </v-list-item-subtitle>
-            </v-list-item-content>
+            <v-list-item-title> {{ item.raw.name }} </v-list-item-title>
+            <v-list-item-subtitle>
+              {{ item.raw.progress }}% {{ $t("language-dialog.translated") }}
+            </v-list-item-subtitle>
           </template>
         </v-autocomplete>
 
-        <v-alert v-if="labels && labels.length > 0" type="error" class="mb-0 text-body-2">
+        <v-alert
+          v-if="labels && labels.length > 0"
+          type="error"
+          class="mb-0 text-body-2"
+        >
           {{ $t("data-pages.foods.seed-dialog-warning") }}
         </v-alert>
       </v-card-text>
     </BaseDialog>
 
     <!-- Data Table -->
-    <BaseCardSectionTitle :icon="$globals.icons.tags" section :title="$tc('data-pages.labels.labels')"> </BaseCardSectionTitle>
+    <BaseCardSectionTitle
+      :icon="$globals.icons.tags"
+      section
+      :title="$t('data-pages.labels.labels')"
+    />
     <CrudTable
+      v-model:headers="tableHeaders"
       :table-config="tableConfig"
-      :headers.sync="tableHeaders"
       :data="labels || []"
-      :bulk-actions="[{icon: $globals.icons.delete, text: $tc('general.delete'), event: 'delete-selected'}]"
+      :bulk-actions="[{ icon: $globals.icons.delete, text: $t('general.delete'), event: 'delete-selected' }]"
       initial-sort="name"
       @delete-one="deleteEventHandler"
       @edit-one="editEventHandler"
       @delete-selected="bulkDeleteEventHandler"
     >
       <template #button-row>
-        <BaseButton create @click="state.createDialog = true">{{ $t("general.create") }}</BaseButton>
+        <BaseButton
+          create
+          @click="state.createDialog = true"
+        >
+          {{ $t("general.create") }}
+        </BaseButton>
       </template>
-      <template #item.name="{ item }">
-        <MultiPurposeLabel v-if="item" :label="item">
+      <template #[`item.name`]="{ item }">
+        <MultiPurposeLabel
+          v-if="item"
+          :label="item"
+        >
           {{ item.name }}
         </MultiPurposeLabel>
       </template>
       <template #button-bottom>
         <BaseButton @click="seedDialog = true">
-          <template #icon> {{ $globals.icons.database }} </template>
+          <template #icon>
+            {{ $globals.icons.database }}
+          </template>
           {{ $t('data-pages.seed') }}
         </BaseButton>
       </template>
@@ -139,20 +179,20 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onMounted, reactive, ref, useContext } from "@nuxtjs/composition-api";
 import type { LocaleObject } from "@nuxtjs/i18n";
 import { validators } from "~/composables/use-validators";
 import { useUserApi } from "~/composables/api";
 import MultiPurposeLabel from "~/components/Domain/ShoppingList/MultiPurposeLabel.vue";
-import { MultiPurposeLabelSummary } from "~/lib/api/types/labels";
+import type { MultiPurposeLabelSummary } from "~/lib/api/types/labels";
 import { useLocales } from "~/composables/use-locales";
 import { useLabelData, useLabelStore } from "~/composables/store";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { MultiPurposeLabel },
   setup() {
     const userApi = useUserApi();
-    const { i18n } = useContext();
+    const i18n = useI18n();
+
     const tableConfig = {
       hideColumns: true,
       canExport: true,
@@ -167,6 +207,7 @@ export default defineComponent({
         text: i18n.t("general.name"),
         value: "name",
         show: true,
+        sortable: true,
       },
     ];
 
@@ -256,8 +297,8 @@ export default defineComponent({
       locale.value = currentLocale.value;
     });
 
-    const locales = LOCALES.filter((locale) =>
-      (i18n.locales as LocaleObject[]).map((i18nLocale) => i18nLocale.code).includes(locale.value)
+    const locales = LOCALES.filter(locale =>
+      (i18n.locales.value as LocaleObject[]).map(i18nLocale => i18nLocale.code).includes(locale.value),
     );
 
     async function seedDatabase() {
diff --git a/frontend/pages/group/data/recipe-actions.vue b/frontend/pages/group/data/recipe-actions.vue
index 219101176..6aa285c9d 100644
--- a/frontend/pages/group/data/recipe-actions.vue
+++ b/frontend/pages/group/data/recipe-actions.vue
@@ -5,6 +5,7 @@
       v-model="state.createDialog"
       :title="$t('data-pages.recipe-actions.new-recipe-action')"
       :icon="$globals.icons.primary"
+      can-submit
       @submit="createAction"
     >
       <v-card-text>
@@ -35,15 +36,22 @@
       v-model="state.editDialog"
       :icon="$globals.icons.primary"
       :title="$t('data-pages.recipe-actions.edit-recipe-action')"
-      :submit-text="$tc('general.save')"
+      :submit-text="$t('general.save')"
+      can-submit
       @submit="editSaveAction"
     >
       <v-card-text v-if="editTarget">
         <div class="mt-4">
-          <v-text-field v-model="editTarget.title" :label="$t('general.title')"/>
+          <v-text-field
+            v-model="editTarget.title"
+            :label="$t('general.title')"
+          />
         </div>
         <div class="mt-4">
-          <v-text-field v-model="editTarget.url" :label="$t('general.url')"/>
+          <v-text-field
+            v-model="editTarget.url"
+            :label="$t('general.url')"
+          />
         </div>
         <div class="mt-4">
           <v-select
@@ -58,14 +66,20 @@
     <!-- Delete Dialog -->
     <BaseDialog
       v-model="state.deleteDialog"
-      :title="$tc('general.confirm')"
+      :title="$t('general.confirm')"
       :icon="$globals.icons.alertCircle"
       color="error"
+      can-confirm
       @confirm="deleteAction"
     >
       <v-card-text>
         {{ $t("general.confirm-delete-generic") }}
-        <p v-if="deleteTarget" class="mt-4 ml-4">{{ deleteTarget.title }}</p>
+        <p
+          v-if="deleteTarget"
+          class="mt-4 ml-4"
+        >
+          {{ deleteTarget.title }}
+        </p>
       </v-card-text>
     </BaseDialog>
 
@@ -73,20 +87,25 @@
     <BaseDialog
       v-model="state.bulkDeleteDialog"
       width="650px"
-      :title="$tc('general.confirm')"
+      :title="$t('general.confirm')"
       :icon="$globals.icons.alertCircle"
       color="error"
+      can-confirm
       @confirm="deleteSelected"
     >
       <v-card-text>
-        <p class="h4">{{ $t('general.confirm-delete-generic-items') }}</p>
-        <v-card outlined>
-          <v-virtual-scroll height="400" item-height="25" :items="bulkDeleteTarget">
+        <p class="h4">
+          {{ $t('general.confirm-delete-generic-items') }}
+        </p>
+        <v-card variant="outlined">
+          <v-virtual-scroll
+            height="400"
+            item-height="25"
+            :items="bulkDeleteTarget"
+          >
             <template #default="{ item }">
               <v-list-item class="pb-2">
-                <v-list-item-content>
-                  <v-list-item-title>{{ item.name }}</v-list-item-title>
-                </v-list-item-content>
+                <v-list-item-title>{{ item.title }}</v-list-item-title>
               </v-list-item>
             </template>
           </v-virtual-scroll>
@@ -95,33 +114,42 @@
     </BaseDialog>
 
     <!-- Data Table -->
-    <BaseCardSectionTitle :icon="$globals.icons.primary" section :title="$tc('data-pages.recipe-actions.recipe-actions-data')"> </BaseCardSectionTitle>
+    <BaseCardSectionTitle
+      :icon="$globals.icons.primary"
+      section
+      :title="$t('data-pages.recipe-actions.recipe-actions-data')"
+    />
     <CrudTable
+      v-model:headers="tableHeaders"
       :table-config="tableConfig"
-      :headers.sync="tableHeaders"
       :data="actions || []"
-      :bulk-actions="[{icon: $globals.icons.delete, text: $tc('general.delete'), event: 'delete-selected'}]"
+      :bulk-actions="[{ icon: $globals.icons.delete, text: $t('general.delete'), event: 'delete-selected' }]"
       initial-sort="title"
       @delete-one="deleteEventHandler"
       @edit-one="editEventHandler"
       @delete-selected="bulkDeleteEventHandler"
     >
       <template #button-row>
-        <BaseButton create @click="state.createDialog = true">{{ $t("general.create") }}</BaseButton>
+        <BaseButton
+          create
+          @click="state.createDialog = true"
+        >
+          {{ $t("general.create") }}
+        </BaseButton>
       </template>
     </CrudTable>
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, ref, useContext } from "@nuxtjs/composition-api";
 import { validators } from "~/composables/use-validators";
 import { useGroupRecipeActions, useGroupRecipeActionData } from "~/composables/use-group-recipe-actions";
-import { GroupRecipeActionOut } from "~/lib/api/types/household";
+import type { GroupRecipeActionOut } from "~/lib/api/types/household";
 
-export default defineComponent({
+export default defineNuxtComponent({
   setup() {
-    const { i18n } = useContext();
+    const i18n = useI18n();
+
     const tableConfig = {
       hideColumns: true,
       canExport: true,
@@ -136,6 +164,7 @@ export default defineComponent({
         text: i18n.t("general.title"),
         value: "title",
         show: true,
+        sortable: true,
       },
       {
         text: i18n.t("general.url"),
@@ -146,6 +175,7 @@ export default defineComponent({
         text: i18n.t("data-pages.recipe-actions.action-type"),
         value: "actionType",
         show: true,
+        sortable: true,
       },
     ];
 
@@ -158,24 +188,21 @@ export default defineComponent({
 
     const actionData = useGroupRecipeActionData();
     const actionStore = useGroupRecipeActions(null, null);
-    const actionTypeOptions = ["link", "post"]
-
+    const actionTypeOptions = ["link", "post"];
 
     // ============================================================
     // Create Action
 
     async function createAction() {
-      // @ts-ignore groupId isn't required
       await actionStore.actions.createOne({
         actionType: actionData.data.actionType,
         title: actionData.data.title,
         url: actionData.data.url,
-      });
+      } as GroupRecipeActionOut);
       actionData.reset();
       state.createDialog = false;
     }
 
-
     // ============================================================
     // Edit Action
 
@@ -194,7 +221,6 @@ export default defineComponent({
       state.editDialog = false;
     }
 
-
     // ============================================================
     // Delete Action
 
diff --git a/frontend/pages/group/data/recipes.vue b/frontend/pages/group/data/recipes.vue
index 112b8795d..cd4e6126e 100644
--- a/frontend/pages/group/data/recipes.vue
+++ b/frontend/pages/group/data/recipes.vue
@@ -6,6 +6,7 @@
       :title="$t('data-pages.recipes.purge-exports')"
       color="error"
       :icon="$globals.icons.alertCircle"
+      can-confirm
       @confirm="purgeExports()"
     >
       <v-card-text> {{ $t('data-pages.recipes.are-you-sure-you-want-to-delete-all-export-data') }} </v-card-text>
@@ -19,65 +20,91 @@
       :icon="dialog.icon"
       :title="dialog.title"
       :submit-text="$t('general.submit')"
+      can-submit
       @submit="dialog.callback"
     >
       <v-card-text v-if="dialog.mode == MODES.tag">
-        <RecipeOrganizerSelector v-model="toSetTags" selector-type="tags" />
+        <RecipeOrganizerSelector
+          v-model="toSetTags"
+          selector-type="tags"
+        />
       </v-card-text>
       <v-card-text v-else-if="dialog.mode == MODES.category">
-        <RecipeOrganizerSelector v-model="toSetCategories" selector-type="categories" />
+        <RecipeOrganizerSelector
+          v-model="toSetCategories"
+          selector-type="categories"
+        />
       </v-card-text>
       <v-card-text v-else-if="dialog.mode == MODES.delete">
-        <p class="h4">{{ $t('data-pages.recipes.confirm-delete-recipes') }}</p>
-        <v-card outlined>
-          <v-virtual-scroll height="400" item-height="25" :items="selected">
+        <p class="h4">
+          {{ $t('data-pages.recipes.confirm-delete-recipes') }}
+        </p>
+        <v-card variant="outlined">
+          <v-virtual-scroll
+            height="400"
+            item-height="25"
+            :items="selected"
+          >
             <template #default="{ item }">
               <v-list-item class="pb-2">
-                <v-list-item-content>
-                  <v-list-item-title>{{ item.name }}</v-list-item-title>
-                </v-list-item-content>
+                <v-list-item-title>{{ item.name }}</v-list-item-title>
               </v-list-item>
             </template>
           </v-virtual-scroll>
         </v-card>
       </v-card-text>
       <v-card-text v-else-if="dialog.mode == MODES.export">
-        <p class="h4">{{ $t('data-pages.recipes.the-following-recipes-selected-length-will-be-exported', [selected.length]) }}</p>
-        <v-card outlined>
-          <v-virtual-scroll height="400" item-height="25" :items="selected">
+        <p class="h4">
+          {{ $t('data-pages.recipes.the-following-recipes-selected-length-will-be-exported',
+                [selected.length]) }}
+        </p>
+        <v-card variant="outlined">
+          <v-virtual-scroll
+            height="400"
+            item-height="25"
+            :items="selected"
+          >
             <template #default="{ item }">
               <v-list-item class="pb-2">
-                <v-list-item-content>
-                  <v-list-item-title>{{ item.name }}</v-list-item-title>
-                </v-list-item-content>
+                <v-list-item-title>{{ item.name }}</v-list-item-title>
               </v-list-item>
             </template>
           </v-virtual-scroll>
         </v-card>
       </v-card-text>
-      <v-card-text v-else-if="dialog.mode == MODES.updateSettings" class="px-12">
+      <v-card-text
+        v-else-if="dialog.mode == MODES.updateSettings"
+        class="px-12"
+      >
         <p>{{ $t('data-pages.recipes.settings-chosen-explanation') }}</p>
         <div class="mx-auto">
           <RecipeSettingsSwitches v-model="recipeSettings" />
         </div>
         <p class="text-center mb-0">
-          <i>{{ $tc('data-pages.recipes.selected-length-recipe-s-settings-will-be-updated', selected.length) }}</i>
+          <i>{{ $t('data-pages.recipes.selected-length-recipe-s-settings-will-be-updated', selected.length) }}</i>
         </p>
       </v-card-text>
       <v-card-text v-else-if="dialog.mode == MODES.changeOwner">
         <v-select
           v-model="selectedOwner"
           :items="allUsers"
-          item-text="fullName"
+          item-title="fullName"
           item-value="id"
-          :label="$tc('general.owner')"
+          :label="$t('general.owner')"
           hide-details
         >
           <template #prepend>
-            <UserAvatar :user-id="selectedOwner" :tooltip="false" />
+            <UserAvatar
+              :user-id="selectedOwner"
+              :tooltip="false"
+            />
           </template>
         </v-select>
-        <v-card-text v-if="selectedOwnerHousehold" class="d-flex" style="align-items: flex-end;">
+        <v-card-text
+          v-if="selectedOwnerHousehold"
+          class="d-flex"
+          style="align-items: flex-end;"
+        >
           <v-icon>{{ $globals.icons.household }}</v-icon>
           <span class="pl-1">{{ selectedOwnerHousehold.name }}</span>
         </v-card-text>
@@ -85,14 +112,28 @@
     </BaseDialog>
     <section>
       <!-- Recipe Data Table -->
-      <BaseCardSectionTitle :icon="$globals.icons.primary" :title="$tc('data-pages.recipes.recipe-data')">
+      <BaseCardSectionTitle
+        :icon="$globals.icons.primary"
+        :title="$t('data-pages.recipes.recipe-data')"
+      >
         {{ $t('data-pages.recipes.recipe-data-description') }}
       </BaseCardSectionTitle>
       <v-card-actions class="mt-n5 mb-1">
-        <v-menu offset-y bottom nudge-bottom="6" :close-on-content-click="false">
-          <template #activator="{ on, attrs }">
-            <v-btn color="accent" class="mr-2" dark v-bind="attrs" v-on="on">
-              <v-icon left>
+        <v-menu
+          offset-y
+          bottom
+          nudge-bottom="6"
+          :close-on-content-click="false"
+        >
+          <template #activator="{ props }">
+            <v-btn
+              color="accent"
+              class="mr-2"
+              variant="elevated"
+              dark
+              v-bind="props"
+            >
+              <v-icon start>
                 {{ $globals.icons.cog }}
               </v-icon>
               {{ $t('data-pages.columns') }}
@@ -102,18 +143,18 @@
             <v-card-title class="py-2">
               <div>{{ $t('data-pages.recipes.recipe-columns') }}</div>
             </v-card-title>
-            <v-divider class="mx-2"></v-divider>
+            <v-divider class="mx-2" />
             <v-card-text class="mt-n5">
               <v-checkbox
                 v-for="(_, key) in headers"
                 :key="key"
                 v-model="headers[key]"
-                dense
+                density="compact"
                 flat
                 inset
                 :label="headerLabels[key]"
                 hide-details
-              ></v-checkbox>
+              />
             </v-card-text>
           </v-card>
         </v-menu>
@@ -121,6 +162,7 @@
           :disabled="selected.length < 1"
           mode="event"
           color="info"
+          variant="elevated"
           :items="actions"
           @export-selected="openDialog(MODES.export)"
           @tag-selected="openDialog(MODES.tag)"
@@ -128,13 +170,23 @@
           @delete-selected="openDialog(MODES.delete)"
           @update-settings="openDialog(MODES.updateSettings)"
           @change-owner="openDialog(MODES.changeOwner)"
-        >
-        </BaseOverflowButton>
+        />
 
-        <p v-if="selected.length > 0" class="text-caption my-auto ml-5">{{ $tc('general.selected-count', selected.length) }}</p>
+        <p
+          v-if="selected.length > 0"
+          class="text-caption my-auto ml-5"
+        >
+          {{ $t('general.selected-count', selected.length)
+          }}
+        </p>
       </v-card-actions>
       <v-card>
-        <RecipeDataTable v-model="selected" :loading="loading" :recipes="allRecipes" :show-headers="headers" />
+        <RecipeDataTable
+          v-model="selected"
+          :loading="loading"
+          :recipes="allRecipes"
+          :show-headers="headers"
+        />
         <v-card-actions class="justify-end">
           <BaseButton
             color="info"
@@ -154,11 +206,18 @@
 
     <section class="mt-10">
       <!-- Data Table -->
-      <BaseCardSectionTitle :icon="$globals.icons.database" section :title="$tc('data-pages.recipes.data-exports')">
+      <BaseCardSectionTitle
+        :icon="$globals.icons.database"
+        section
+        :title="$t('data-pages.recipes.data-exports')"
+      >
         {{ $t('data-pages.recipes.data-exports-description') }}
       </BaseCardSectionTitle>
       <v-card-actions class="mt-n5 mb-1">
-        <BaseButton delete @click="purgeExportsDialog = true"> </BaseButton>
+        <BaseButton
+          delete
+          @click="purgeExportsDialog = true"
+        />
       </v-card-actions>
       <v-card>
         <GroupExportData :exports="groupExports" />
@@ -168,15 +227,14 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, reactive, ref, useContext, onMounted } from "@nuxtjs/composition-api";
 import RecipeDataTable from "~/components/Domain/Recipe/RecipeDataTable.vue";
 import RecipeOrganizerSelector from "~/components/Domain/Recipe/RecipeOrganizerSelector.vue";
 import { useUserApi } from "~/composables/api";
 import { useRecipes, allRecipes } from "~/composables/recipes";
-import { Recipe, RecipeSettings } from "~/lib/api/types/recipe";
+import type { Recipe, RecipeSettings } from "~/lib/api/types/recipe";
 import GroupExportData from "~/components/Domain/Group/GroupExportData.vue";
-import { GroupDataExport } from "~/lib/api/types/group";
-import { MenuItem } from "~/components/global/BaseOverflowButton.vue";
+import type { GroupDataExport } from "~/lib/api/types/group";
+import type { MenuItem } from "~/components/global/BaseOverflowButton.vue";
 import RecipeSettingsSwitches from "~/components/Domain/Recipe/RecipeSettingsSwitches.vue";
 import { useUserStore } from "~/composables/store/use-user-store";
 import UserAvatar from "~/components/Domain/User/UserAvatar.vue";
@@ -191,12 +249,19 @@ enum MODES {
   changeOwner = "changeOwner",
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { RecipeDataTable, RecipeOrganizerSelector, GroupExportData, RecipeSettingsSwitches, UserAvatar },
   scrollToTop: true,
   setup() {
-    const { $auth, $globals, i18n } = useContext();
-    const { getAllRecipes, refreshRecipes } = useRecipes(true, true, false, `householdId=${$auth.user?.householdId || ""}`);
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
+    const { $globals } = useNuxtApp();
+
+    useSeoMeta({
+      title: i18n.t("data-pages.recipes.recipe-data"),
+    });
+
+    const { getAllRecipes, refreshRecipes } = useRecipes(true, true, false, `householdId=${$auth.user.value?.householdId || ""}`);
     const selected = ref<Recipe[]>([]);
 
     function resetAll() {
@@ -233,32 +298,32 @@ export default defineComponent({
     const actions: MenuItem[] = [
       {
         icon: $globals.icons.database,
-        text: i18n.tc("export.export"),
+        text: i18n.t("export.export"),
         event: "export-selected",
       },
       {
         icon: $globals.icons.tags,
-        text: i18n.tc("data-pages.recipes.tag"),
+        text: i18n.t("data-pages.recipes.tag"),
         event: "tag-selected",
       },
       {
         icon: $globals.icons.categories,
-        text: i18n.tc("data-pages.recipes.categorize"),
+        text: i18n.t("data-pages.recipes.categorize"),
         event: "categorize-selected",
       },
       {
         icon: $globals.icons.cog,
-        text: i18n.tc("data-pages.recipes.update-settings"),
+        text: i18n.t("data-pages.recipes.update-settings"),
         event: "update-settings",
       },
       {
         icon: $globals.icons.user,
-        text: i18n.tc("general.change-owner"),
+        text: i18n.t("general.change-owner"),
         event: "change-owner",
       },
       {
         icon: $globals.icons.delete,
-        text: i18n.tc("general.delete"),
+        text: i18n.t("general.delete"),
         event: "delete-selected",
       },
     ];
@@ -366,7 +431,7 @@ export default defineComponent({
     }
 
     async function changeOwner() {
-      if(!selected.value.length || !selectedOwner.value) {
+      if (!selected.value.length || !selectedOwner.value) {
         return;
       }
 
@@ -398,12 +463,12 @@ export default defineComponent({
 
     function openDialog(mode: MODES) {
       const titles: Record<MODES, string> = {
-        [MODES.tag]: i18n.tc("data-pages.recipes.tag-recipes"),
-        [MODES.category]: i18n.tc("data-pages.recipes.categorize-recipes"),
-        [MODES.export]: i18n.tc("data-pages.recipes.export-recipes"),
-        [MODES.delete]: i18n.tc("data-pages.recipes.delete-recipes"),
-        [MODES.updateSettings]: i18n.tc("data-pages.recipes.update-settings"),
-        [MODES.changeOwner]: i18n.tc("general.change-owner"),
+        [MODES.tag]: i18n.t("data-pages.recipes.tag-recipes"),
+        [MODES.category]: i18n.t("data-pages.recipes.categorize-recipes"),
+        [MODES.export]: i18n.t("data-pages.recipes.export-recipes"),
+        [MODES.delete]: i18n.t("data-pages.recipes.delete-recipes"),
+        [MODES.updateSettings]: i18n.t("data-pages.recipes.update-settings"),
+        [MODES.changeOwner]: i18n.t("general.change-owner"),
       };
 
       const callbacks: Record<MODES, () => Promise<void>> = {
@@ -435,16 +500,16 @@ export default defineComponent({
     const { store: households } = useHouseholdStore();
     const selectedOwner = ref("");
     const selectedOwnerHousehold = computed(() => {
-      if(!selectedOwner.value) {
+      if (!selectedOwner.value) {
         return null;
       }
 
-      const owner = allUsers.value.find((u) => u.id === selectedOwner.value);
+      const owner = allUsers.value.find(u => u.id === selectedOwner.value);
       if (!owner) {
         return null;
       };
 
-      return households.value.find((h) => h.id === owner.householdId);
+      return households.value.find(h => h.id === owner.householdId);
     });
 
     return {
@@ -474,10 +539,11 @@ export default defineComponent({
       selectedOwnerHousehold,
     };
   },
-  head() {
-    return {
-      title: this.$tc("data-pages.recipes.recipe-data"),
-    };
-  },
 });
 </script>
+
+<style>
+.v-btn--disabled {
+  opacity: 0.5 !important;
+}
+</style>
diff --git a/frontend/pages/group/data/tags.vue b/frontend/pages/group/data/tags.vue
index 73cc4ddbc..262902ad7 100644
--- a/frontend/pages/group/data/tags.vue
+++ b/frontend/pages/group/data/tags.vue
@@ -5,6 +5,7 @@
       v-model="state.createDialog"
       :title="$t('data-pages.tags.new-tag')"
       :icon="$globals.icons.tags"
+      can-submit
       @submit="createTag"
     >
       <v-card-text>
@@ -14,10 +15,9 @@
             autofocus
             :label="$t('general.name')"
             :rules="[validators.required]"
-          ></v-text-field>
+          />
         </v-form>
       </v-card-text>
-
     </BaseDialog>
 
     <!-- Edit Dialog -->
@@ -25,12 +25,15 @@
       v-model="state.editDialog"
       :icon="$globals.icons.tags"
       :title="$t('data-pages.tags.edit-tag')"
-      :submit-text="$tc('general.save')"
+      :submit-text="$t('general.save')"
       @submit="editSaveTag"
     >
       <v-card-text v-if="editTarget">
         <div class="mt-4">
-          <v-text-field v-model="editTarget.name" :label="$t('general.name')"> </v-text-field>
+          <v-text-field
+            v-model="editTarget.name"
+            :label="$t('general.name')"
+          />
         </div>
       </v-card-text>
     </BaseDialog>
@@ -38,14 +41,19 @@
     <!-- Delete Dialog -->
     <BaseDialog
       v-model="state.deleteDialog"
-      :title="$tc('general.confirm')"
+      :title="$t('general.confirm')"
       :icon="$globals.icons.alertCircle"
       color="error"
       @confirm="deleteTag"
     >
       <v-card-text>
         {{ $t("general.confirm-delete-generic") }}
-        <p v-if="deleteTarget" class="mt-4 ml-4">{{ deleteTarget.name }}</p>
+        <p
+          v-if="deleteTarget"
+          class="mt-4 ml-4"
+        >
+          {{ deleteTarget.name }}
+        </p>
       </v-card-text>
     </BaseDialog>
 
@@ -53,20 +61,24 @@
     <BaseDialog
       v-model="state.bulkDeleteDialog"
       width="650px"
-      :title="$tc('general.confirm')"
+      :title="$t('general.confirm')"
       :icon="$globals.icons.alertCircle"
       color="error"
       @confirm="deleteSelected"
     >
       <v-card-text>
-        <p class="h4">{{ $t('general.confirm-delete-generic-items') }}</p>
-        <v-card outlined>
-          <v-virtual-scroll height="400" item-height="25" :items="bulkDeleteTarget">
+        <p class="h4">
+          {{ $t('general.confirm-delete-generic-items') }}
+        </p>
+        <v-card variant="outlined">
+          <v-virtual-scroll
+            height="400"
+            item-height="25"
+            :items="bulkDeleteTarget"
+          >
             <template #default="{ item }">
               <v-list-item class="pb-2">
-                <v-list-item-content>
-                  <v-list-item-title>{{ item.name }}</v-list-item-title>
-                </v-list-item-content>
+                <v-list-item-title>{{ item.name }}</v-list-item-title>
               </v-list-item>
             </template>
           </v-virtual-scroll>
@@ -75,33 +87,42 @@
     </BaseDialog>
 
     <!-- Data Table -->
-    <BaseCardSectionTitle :icon="$globals.icons.tags" section :title="$tc('data-pages.tags.tag-data')"> </BaseCardSectionTitle>
+    <BaseCardSectionTitle
+      :icon="$globals.icons.tags"
+      section
+      :title="$t('data-pages.tags.tag-data')"
+    />
     <CrudTable
+      v-model:headers="tableHeaders"
       :table-config="tableConfig"
-      :headers.sync="tableHeaders"
       :data="tags || []"
-      :bulk-actions="[{icon: $globals.icons.delete, text: $tc('general.delete'), event: 'delete-selected'}]"
+      :bulk-actions="[{ icon: $globals.icons.delete, text: $t('general.delete'), event: 'delete-selected' }]"
       initial-sort="name"
       @delete-one="deleteEventHandler"
       @edit-one="editEventHandler"
       @delete-selected="bulkDeleteEventHandler"
     >
       <template #button-row>
-        <BaseButton create @click="state.createDialog = true">{{ $t("general.create") }}</BaseButton>
+        <BaseButton
+          create
+          @click="state.createDialog = true"
+        >
+          {{ $t("general.create") }}
+        </BaseButton>
       </template>
     </CrudTable>
   </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, ref, useContext } from "@nuxtjs/composition-api";
 import { validators } from "~/composables/use-validators";
 import { useTagStore, useTagData } from "~/composables/store";
-import { RecipeTag } from "~/lib/api/types/admin";
+import type { RecipeTag } from "~/lib/api/types/admin";
 
-export default defineComponent({
+export default defineNuxtComponent({
   setup() {
-    const { i18n } = useContext();
+    const i18n = useI18n();
+
     const tableConfig = {
       hideColumns: true,
       canExport: true,
@@ -116,6 +137,7 @@ export default defineComponent({
         text: i18n.t("general.name"),
         value: "name",
         show: true,
+        sortable: true,
       },
     ];
 
@@ -129,18 +151,18 @@ export default defineComponent({
     const tagData = useTagData();
     const tagStore = useTagStore();
 
-
     // ============================================================
     // Create Tag
 
     async function createTag() {
-      // @ts-ignore - only property really required is the name (RecipeOrganizerPage)
-      await tagStore.actions.createOne({ name: tagData.data.name });
+      await tagStore.actions.createOne({
+        name: tagData.data.name,
+        slug: "",
+      });
       tagData.reset();
       state.createDialog = false;
     }
 
-
     // ============================================================
     // Edit Tag
 
@@ -159,7 +181,6 @@ export default defineComponent({
       state.editDialog = false;
     }
 
-
     // ============================================================
     // Delete Tag
 
@@ -174,7 +195,7 @@ export default defineComponent({
       if (!deleteTarget.value || deleteTarget.value.id === undefined) {
         return;
       }
-      await tagStore.actions.deleteOne(deleteTarget.value.id);
+      await tagStore.actions.deleteOne(deleteTarget.value.id!);
       state.deleteDialog = false;
     }
 
diff --git a/frontend/pages/group/data/tools.vue b/frontend/pages/group/data/tools.vue
index 31234e151..15987eaed 100644
--- a/frontend/pages/group/data/tools.vue
+++ b/frontend/pages/group/data/tools.vue
@@ -5,6 +5,7 @@
       v-model="state.createDialog"
       :title="$t('data-pages.tools.new-tool')"
       :icon="$globals.icons.potSteam"
+      can-submit
       @submit="createTool"
     >
       <v-card-text>
@@ -14,9 +15,11 @@
             autofocus
             :label="$t('general.name')"
             :rules="[validators.required]"
-          ></v-text-field>
-          <v-checkbox v-model="createTarget.onHand" :label="$t('tool.on-hand')">
-          </v-checkbox>
+          />
+          <v-checkbox
+            v-model="createTarget.onHand"
+            :label="$t('tool.on-hand')"
+          />
         </v-form>
       </v-card-text>
     </BaseDialog>
@@ -26,13 +29,19 @@
       v-model="state.editDialog"
       :icon="$globals.icons.potSteam"
       :title="$t('data-pages.tools.edit-tool')"
-      :submit-text="$tc('general.save')"
+      :submit-text="$t('general.save')"
       @submit="editSaveTool"
     >
       <v-card-text v-if="editTarget">
         <div class="mt-4">
-          <v-text-field v-model="editTarget.name" :label="$t('general.name')"> </v-text-field>
-          <v-checkbox v-model="editTarget.onHand" :label="$t('tool.on-hand')"> </v-checkbox>
+          <v-text-field
+            v-model="editTarget.name"
+            :label="$t('general.name')"
+          />
+          <v-checkbox
+            v-model="editTarget.onHand"
+            :label="$t('tool.on-hand')"
+          />
         </div>
       </v-card-text>
     </BaseDialog>
@@ -40,14 +49,19 @@
     <!-- Delete Dialog -->
     <BaseDialog
       v-model="state.deleteDialog"
-      :title="$tc('general.confirm')"
+      :title="$t('general.confirm')"
       :icon="$globals.icons.alertCircle"
       color="error"
       @confirm="deleteTool"
     >
       <v-card-text>
         {{ $t("general.confirm-delete-generic") }}
-        <p v-if="deleteTarget" class="mt-4 ml-4">{{ deleteTarget.name }}</p>
+        <p
+          v-if="deleteTarget"
+          class="mt-4 ml-4"
+        >
+          {{ deleteTarget.name }}
+        </p>
       </v-card-text>
     </BaseDialog>
 
@@ -55,20 +69,24 @@
     <BaseDialog
       v-model="state.bulkDeleteDialog"
       width="650px"
-      :title="$tc('general.confirm')"
+      :title="$t('general.confirm')"
       :icon="$globals.icons.alertCircle"
       color="error"
       @confirm="deleteSelected"
     >
       <v-card-text>
-        <p class="h4">{{ $t('general.confirm-delete-generic-items') }}</p>
-        <v-card outlined>
-          <v-virtual-scroll height="400" item-height="25" :items="bulkDeleteTarget">
+        <p class="h4">
+          {{ $t('general.confirm-delete-generic-items') }}
+        </p>
+        <v-card variant="outlined">
+          <v-virtual-scroll
+            height="400"
+            item-height="25"
+            :items="bulkDeleteTarget"
+          >
             <template #default="{ item }">
               <v-list-item class="pb-2">
-                <v-list-item-content>
-                  <v-list-item-title>{{ item.name }}</v-list-item-title>
-                </v-list-item-content>
+                <v-list-item-title>{{ item.name }}</v-list-item-title>
               </v-list-item>
             </template>
           </v-virtual-scroll>
@@ -77,21 +95,30 @@
     </BaseDialog>
 
     <!-- Data Table -->
-    <BaseCardSectionTitle :icon="$globals.icons.potSteam" section :title="$tc('data-pages.tools.tool-data')"> </BaseCardSectionTitle>
+    <BaseCardSectionTitle
+      :icon="$globals.icons.potSteam"
+      section
+      :title="$t('data-pages.tools.tool-data')"
+    />
     <CrudTable
+      v-model:headers="tableHeaders"
       :table-config="tableConfig"
-      :headers.sync="tableHeaders"
       :data="tools || []"
-      :bulk-actions="[{icon: $globals.icons.delete, text: $tc('general.delete'), event: 'delete-selected'}]"
+      :bulk-actions="[{ icon: $globals.icons.delete, text: $t('general.delete'), event: 'delete-selected' }]"
       initial-sort="name"
       @delete-one="deleteEventHandler"
       @edit-one="editEventHandler"
       @delete-selected="bulkDeleteEventHandler"
     >
       <template #button-row>
-        <BaseButton create @click="state.createDialog = true">{{ $t("general.create") }}</BaseButton>
+        <BaseButton
+          create
+          @click="state.createDialog = true"
+        >
+          {{ $t("general.create") }}
+        </BaseButton>
       </template>
-      <template #item.onHand="{ item }">
+      <template #[`item.onHand`]="{ item }">
         <v-icon :color="item.onHand ? 'success' : undefined">
           {{ item.onHand ? $globals.icons.check : $globals.icons.close }}
         </v-icon>
@@ -101,18 +128,18 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, reactive, ref, useContext } from "@nuxtjs/composition-api";
 import { validators } from "~/composables/use-validators";
 import { useToolStore, useToolData } from "~/composables/store";
-import { RecipeTool } from "~/lib/api/types/recipe";
+import type { RecipeTool } from "~/lib/api/types/recipe";
 
 interface RecipeToolWithOnHand extends RecipeTool {
   onHand: boolean;
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   setup() {
-    const { $auth, i18n } = useContext();
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
     const tableConfig = {
       hideColumns: true,
       canExport: true,
@@ -127,11 +154,13 @@ export default defineComponent({
         text: i18n.t("general.name"),
         value: "name",
         show: true,
+        sortable: true,
       },
       {
         text: i18n.t("tool.on-hand"),
         value: "onHand",
         show: true,
+        sortable: true,
       },
     ];
 
@@ -142,7 +171,7 @@ export default defineComponent({
       bulkDeleteDialog: false,
     });
 
-    const userHousehold = computed(() => $auth.user?.householdSlug || "");
+    const userHousehold = computed(() => $auth.user.value?.householdSlug || "");
     const toolData = useToolData();
     const toolStore = useToolStore();
     const tools = computed(() => toolStore.store.value.map((tools) => {
@@ -150,24 +179,26 @@ export default defineComponent({
       return { ...tools, onHand } as RecipeToolWithOnHand;
     }));
 
-
     // ============================================================
     // Create Tool
 
     async function createTool() {
       if (toolData.data.onHand) {
         toolData.data.householdsWithTool = [userHousehold.value];
-      } else {
+      }
+      else {
         toolData.data.householdsWithTool = [];
       }
 
-      // @ts-ignore - only property really required is the name and onHand (RecipeOrganizerPage)
-      await toolStore.actions.createOne({ name: toolData.data.name, householdsWithTool: toolData.data.householdsWithTool });
+      await toolStore.actions.createOne({
+        name: toolData.data.name, householdsWithTool: toolData.data.householdsWithTool,
+        id: "",
+        slug: "",
+      });
       toolData.reset();
       state.createDialog = false;
     }
 
-
     // ============================================================
     // Edit Tool
 
@@ -185,12 +216,14 @@ export default defineComponent({
       if (editTarget.value.onHand && !editTarget.value.householdsWithTool?.includes(userHousehold.value)) {
         if (!editTarget.value.householdsWithTool) {
           editTarget.value.householdsWithTool = [userHousehold.value];
-        } else {
+        }
+        else {
           editTarget.value.householdsWithTool.push(userHousehold.value);
         }
-      } else if (!editTarget.value.onHand && editTarget.value.householdsWithTool?.includes(userHousehold.value)) {
+      }
+      else if (!editTarget.value.onHand && editTarget.value.householdsWithTool?.includes(userHousehold.value)) {
         editTarget.value.householdsWithTool = editTarget.value.householdsWithTool.filter(
-          (household) => household !== userHousehold.value
+          household => household !== userHousehold.value,
         );
       }
 
@@ -198,7 +231,6 @@ export default defineComponent({
       state.editDialog = false;
     }
 
-
     // ============================================================
     // Delete Tool
 
diff --git a/frontend/pages/group/data/units.vue b/frontend/pages/group/data/units.vue
index 359ab12d5..6833dd9a9 100644
--- a/frontend/pages/group/data/units.vue
+++ b/frontend/pages/group/data/units.vue
@@ -1,25 +1,53 @@
 <template>
   <div>
     <!-- Merge Dialog -->
-    <BaseDialog v-model="mergeDialog" :icon="$globals.icons.units" :title="$t('data-pages.units.combine-unit')" @confirm="mergeUnits">
+    <BaseDialog
+      v-model="mergeDialog"
+      :icon="$globals.icons.units"
+      :title="$t('data-pages.units.combine-unit')"
+      can-confirm
+      @confirm="mergeUnits"
+    >
       <v-card-text>
-      <i18n path="data-pages.units.combine-unit-description">
-        <template #source-unit-will-be-deleted>
-          <strong> {{ $t('data-pages.recipes.source-unit-will-be-deleted') }} </strong>
-        </template>
-      </i18n>
+        <i18n-t keypath="data-pages.units.combine-unit-description">
+          <template #source-unit-will-be-deleted>
+            <strong> {{ $t('data-pages.recipes.source-unit-will-be-deleted') }} </strong>
+          </template>
+        </i18n-t>
 
-        <v-autocomplete v-model="fromUnit" return-object :items="store" item-text="id" :label="$t('data-pages.units.source-unit')">
-          <template #selection="{ item }"> {{ item.name }}</template>
-          <template #item="{ item }"> {{ item.name }} </template>
+        <v-autocomplete
+          v-model="fromUnit"
+          return-object
+          :items="store"
+          item-title="id"
+          :label="$t('data-pages.units.source-unit')"
+        >
+          <template #chip="{ item }">
+            {{ item.raw.name }}
+          </template>
+          <template #item="{ item }">
+            {{ item.raw.name }}
+          </template>
         </v-autocomplete>
-        <v-autocomplete v-model="toUnit" return-object :items="store" item-text="id" :label="$t('data-pages.units.target-unit')">
-          <template #selection="{ item }"> {{ item.name }}</template>
-          <template #item="{ item }"> {{ item.name }} </template>
+        <v-autocomplete
+          v-model="toUnit"
+          return-object
+          :items="store"
+          item-title="id"
+          :label="$t('data-pages.units.target-unit')"
+        >
+          <template #chip="{ item }">
+            {{ item.raw.name }}
+          </template>
+          <template #item="{ item }">
+            {{ item.raw.name }}
+          </template>
         </v-autocomplete>
 
         <template v-if="canMerge && fromUnit && toUnit">
-          <div class="text-center">{{ $t('data-pages.units.merging-unit-into-unit', [fromUnit.name, toUnit.name]) }}</div>
+          <div class="text-center">
+            {{ $t('data-pages.units.merging-unit-into-unit', [fromUnit.name, toUnit.name]) }}
+          </div>
         </template>
       </v-card-text>
     </BaseDialog>
@@ -30,7 +58,8 @@
       :icon="$globals.icons.units"
       :title="$t('data-pages.units.create-unit')"
       :submit-icon="$globals.icons.save"
-      :submit-text="$tc('general.save')"
+      :submit-text="$t('general.save')"
+      can-submit
       @submit="createUnit"
     >
       <v-card-text>
@@ -41,25 +70,36 @@
             :label="$t('general.name')"
             :hint="$t('data-pages.units.example-unit-singular')"
             :rules="[validators.required]"
-          ></v-text-field>
+          />
           <v-text-field
             v-model="createTarget.pluralName"
             :label="$t('general.plural-name')"
             :hint="$t('data-pages.units.example-unit-plural')"
-          ></v-text-field>
+          />
           <v-text-field
             v-model="createTarget.abbreviation"
             :label="$t('data-pages.units.abbreviation')"
             :hint="$t('data-pages.units.example-unit-abbreviation-singular')"
-          ></v-text-field>
+          />
           <v-text-field
             v-model="createTarget.pluralAbbreviation"
             :label="$t('data-pages.units.plural-abbreviation')"
             :hint="$t('data-pages.units.example-unit-abbreviation-plural')"
-          ></v-text-field>
-          <v-text-field v-model="createTarget.description" :label="$t('data-pages.units.description')"></v-text-field>
-          <v-checkbox v-model="createTarget.fraction" hide-details :label="$t('data-pages.units.display-as-fraction')"></v-checkbox>
-          <v-checkbox v-model="createTarget.useAbbreviation" hide-details :label="$t('data-pages.units.use-abbreviation')"></v-checkbox>
+          />
+          <v-text-field
+            v-model="createTarget.description"
+            :label="$t('data-pages.units.description')"
+          />
+          <v-checkbox
+            v-model="createTarget.fraction"
+            hide-details
+            :label="$t('data-pages.units.display-as-fraction')"
+          />
+          <v-checkbox
+            v-model="createTarget.useAbbreviation"
+            hide-details
+            :label="$t('data-pages.units.use-abbreviation')"
+          />
         </v-form>
       </v-card-text>
     </BaseDialog>
@@ -69,6 +109,7 @@
       v-if="editTarget"
       :value="aliasManagerDialog"
       :data="editTarget"
+      can-submit
       @submit="updateUnitAlias"
       @cancel="aliasManagerDialog = false"
     />
@@ -79,7 +120,8 @@
       :icon="$globals.icons.units"
       :title="$t('data-pages.units.edit-unit')"
       :submit-icon="$globals.icons.save"
-      :submit-text="$tc('general.save')"
+      :submit-text="$t('general.save')"
+      can-submit
       @submit="editSaveUnit"
     >
       <v-card-text v-if="editTarget">
@@ -89,43 +131,65 @@
             :label="$t('general.name')"
             :hint="$t('data-pages.units.example-unit-singular')"
             :rules="[validators.required]"
-          ></v-text-field>
+          />
           <v-text-field
             v-model="editTarget.pluralName"
             :label="$t('general.plural-name')"
             :hint="$t('data-pages.units.example-unit-plural')"
-          ></v-text-field>
+          />
           <v-text-field
             v-model="editTarget.abbreviation"
             :label="$t('data-pages.units.abbreviation')"
             :hint="$t('data-pages.units.example-unit-abbreviation-singular')"
-          ></v-text-field>
+          />
           <v-text-field
             v-model="editTarget.pluralAbbreviation"
             :label="$t('data-pages.units.plural-abbreviation')"
             :hint="$t('data-pages.units.example-unit-abbreviation-plural')"
-          ></v-text-field>
-          <v-text-field v-model="editTarget.description" :label="$t('data-pages.units.description')"></v-text-field>
-          <v-checkbox v-model="editTarget.fraction" hide-details :label="$t('data-pages.units.display-as-fraction')"></v-checkbox>
-          <v-checkbox v-model="editTarget.useAbbreviation" hide-details :label="$t('data-pages.units.use-abbreviation')"></v-checkbox>
+          />
+          <v-text-field
+            v-model="editTarget.description"
+            :label="$t('data-pages.units.description')"
+          />
+          <v-checkbox
+            v-model="editTarget.fraction"
+            hide-details
+            :label="$t('data-pages.units.display-as-fraction')"
+          />
+          <v-checkbox
+            v-model="editTarget.useAbbreviation"
+            hide-details
+            :label="$t('data-pages.units.use-abbreviation')"
+          />
         </v-form>
       </v-card-text>
       <template #custom-card-action>
-        <BaseButton edit @click="aliasManagerEventHandler">{{ $t('data-pages.manage-aliases') }}</BaseButton>
+        <BaseButton
+          edit
+          @click="aliasManagerEventHandler"
+        >
+          {{ $t('data-pages.manage-aliases') }}
+        </BaseButton>
       </template>
     </BaseDialog>
 
     <!-- Delete Dialog -->
     <BaseDialog
       v-model="deleteDialog"
-      :title="$tc('general.confirm')"
+      :title="$t('general.confirm')"
       :icon="$globals.icons.alertCircle"
       color="error"
+      can-confirm
       @confirm="deleteUnit"
     >
       <v-card-text>
         {{ $t("general.confirm-delete-generic") }}
-        <p v-if="deleteTarget" class="mt-4 ml-4">{{ deleteTarget.name }}</p>
+        <p
+          v-if="deleteTarget"
+          class="mt-4 ml-4"
+        >
+          {{ deleteTarget.name }}
+        </p>
       </v-card-text>
     </BaseDialog>
 
@@ -133,20 +197,25 @@
     <BaseDialog
       v-model="bulkDeleteDialog"
       width="650px"
-      :title="$tc('general.confirm')"
+      :title="$t('general.confirm')"
       :icon="$globals.icons.alertCircle"
       color="error"
+      can-confirm
       @confirm="deleteSelected"
     >
       <v-card-text>
-        <p class="h4">{{ $t('general.confirm-delete-generic-items') }}</p>
-        <v-card outlined>
-          <v-virtual-scroll height="400" item-height="25" :items="bulkDeleteTarget">
+        <p class="h4">
+          {{ $t('general.confirm-delete-generic-items') }}
+        </p>
+        <v-card variant="outlined">
+          <v-virtual-scroll
+            height="400"
+            item-height="25"
+            :items="bulkDeleteTarget"
+          >
             <template #default="{ item }">
               <v-list-item class="pb-2">
-                <v-list-item-content>
-                  <v-list-item-title>{{ item.name }}</v-list-item-title>
-                </v-list-item-content>
+                <v-list-item-title>{{ item.name }}</v-list-item-title>
               </v-list-item>
             </template>
           </v-virtual-scroll>
@@ -154,11 +223,12 @@
       </v-card-text>
     </BaseDialog>
 
-    <!-- Seed Dialog-->
+    <!-- Seed Dialog -->
     <BaseDialog
       v-model="seedDialog"
       :icon="$globals.icons.foods"
-      :title="$tc('data-pages.seed-data')"
+      :title="$t('data-pages.seed-data')"
+      can-confirm
       @confirm="seedDatabase"
     >
       <v-card-text>
@@ -168,36 +238,42 @@
         <v-autocomplete
           v-model="locale"
           :items="locales"
-          item-text="name"
+          item-title="name"
           :label="$t('data-pages.select-language')"
           class="my-3"
           hide-details
-          outlined
+          variant="outlined"
           offset
         >
           <template #item="{ item }">
-            <v-list-item-content>
-              <v-list-item-title> {{ item.name }} </v-list-item-title>
-              <v-list-item-subtitle>
-                {{ item.progress }}% {{ $tc("language-dialog.translated") }}
-              </v-list-item-subtitle>
-            </v-list-item-content>
+            <v-list-item-title> {{ item.raw.name }} </v-list-item-title>
+            <v-list-item-subtitle>
+              {{ item.raw.progress }}% {{ $t("language-dialog.translated") }}
+            </v-list-item-subtitle>
           </template>
         </v-autocomplete>
 
-        <v-alert v-if="store && store.length > 0" type="error" class="mb-0 text-body-2">
+        <v-alert
+          v-if="store && store.length > 0"
+          type="error"
+          class="mb-0 text-body-2"
+        >
           {{ $t("data-pages.foods.seed-dialog-warning") }}
         </v-alert>
       </v-card-text>
     </BaseDialog>
 
     <!-- Data Table -->
-    <BaseCardSectionTitle :icon="$globals.icons.units" section :title="$tc('data-pages.units.unit-data')"> </BaseCardSectionTitle>
+    <BaseCardSectionTitle
+      :icon="$globals.icons.units"
+      section
+      :title="$t('data-pages.units.unit-data')"
+    />
     <CrudTable
+      v-model:headers="tableHeaders"
       :table-config="tableConfig"
-      :headers.sync="tableHeaders"
       :data="store"
-      :bulk-actions="[{icon: $globals.icons.delete, text: $tc('general.delete'), event: 'delete-selected'}]"
+      :bulk-actions="[{ icon: $globals.icons.delete, text: $t('general.delete'), event: 'delete-selected' }]"
       initial-sort="createdAt"
       initial-sort-desc
       @delete-one="deleteEventHandler"
@@ -206,29 +282,36 @@
       @delete-selected="bulkDeleteEventHandler"
     >
       <template #button-row>
-        <BaseButton create @click="createDialog = true" />
+        <BaseButton
+          create
+          @click="createDialog = true"
+        />
 
         <BaseButton @click="mergeDialog = true">
-          <template #icon> {{ $globals.icons.externalLink }} </template>
+          <template #icon>
+            {{ $globals.icons.externalLink }}
+          </template>
           {{ $t('data-pages.combine') }}
         </BaseButton>
       </template>
-      <template #item.useAbbreviation="{ item }">
+      <template #[`item.useAbbreviation`]="{ item }">
         <v-icon :color="item.useAbbreviation ? 'success' : undefined">
           {{ item.useAbbreviation ? $globals.icons.check : $globals.icons.close }}
         </v-icon>
       </template>
-      <template #item.fraction="{ item }">
+      <template #[`item.fraction`]="{ item }">
         <v-icon :color="item.fraction ? 'success' : undefined">
           {{ item.fraction ? $globals.icons.check : $globals.icons.close }}
         </v-icon>
       </template>
-      <template #item.createdAt="{ item }">
+      <template #[`item.createdAt`]="{ item }">
         {{ formatDate(item.createdAt) }}
       </template>
       <template #button-bottom>
         <BaseButton @click="seedDialog = true">
-          <template #icon> {{ $globals.icons.database }} </template>
+          <template #icon>
+            {{ $globals.icons.database }}
+          </template>
           {{ $t('data-pages.seed') }}
         </BaseButton>
       </template>
@@ -237,21 +320,21 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, onMounted, ref, useContext } from "@nuxtjs/composition-api";
 import type { LocaleObject } from "@nuxtjs/i18n";
 import RecipeDataAliasManagerDialog from "~/components/Domain/Recipe/RecipeDataAliasManagerDialog.vue";
 import { validators } from "~/composables/use-validators";
 import { useUserApi } from "~/composables/api";
-import { CreateIngredientUnit, IngredientUnit, IngredientUnitAlias } from "~/lib/api/types/recipe";
+import type { CreateIngredientUnit, IngredientUnit, IngredientUnitAlias } from "~/lib/api/types/recipe";
 import { useLocales } from "~/composables/use-locales";
 import { useUnitStore } from "~/composables/store";
-import { VForm } from "~/types/vuetify";
+import type { VForm } from "~/types/auto-forms";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { RecipeDataAliasManagerDialog },
   setup() {
     const userApi = useUserApi();
-    const { i18n } = useContext();
+    const i18n = useI18n();
+
     const tableConfig = {
       hideColumns: true,
       canExport: true,
@@ -266,26 +349,31 @@ export default defineComponent({
         text: i18n.t("general.name"),
         value: "name",
         show: true,
+        sortable: true,
       },
       {
         text: i18n.t("general.plural-name"),
         value: "pluralName",
         show: true,
+        sortable: true,
       },
       {
         text: i18n.t("data-pages.units.abbreviation"),
         value: "abbreviation",
         show: true,
+        sortable: true,
       },
       {
         text: i18n.t("data-pages.units.plural-abbreviation"),
         value: "pluralAbbreviation",
         show: true,
+        sortable: true,
       },
       {
         text: i18n.t("data-pages.units.use-abbv"),
         value: "useAbbreviation",
         show: true,
+        sortable: true,
       },
       {
         text: i18n.t("data-pages.units.description"),
@@ -296,18 +384,21 @@ export default defineComponent({
         text: i18n.t("data-pages.units.fraction"),
         value: "fraction",
         show: true,
+        sortable: true,
       },
       {
-        text: i18n.tc("general.date-added"),
+        text: i18n.t("general.date-added"),
         value: "createdAt",
         show: false,
+        sortable: true,
       },
     ];
 
     function formatDate(date: string) {
       try {
         return i18n.d(Date.parse(date), "medium");
-      } catch {
+      }
+      catch {
         return "";
       }
     }
@@ -450,8 +541,8 @@ export default defineComponent({
       locale.value = currentLocale.value;
     });
 
-    const locales = LOCALES.filter((locale) =>
-      (i18n.locales as LocaleObject[]).map((i18nLocale) => i18nLocale.code).includes(locale.value)
+    const locales = LOCALES.filter(locale =>
+      (i18n.locales.value as LocaleObject[]).map(i18nLocale => i18nLocale.code).includes(locale.value),
     );
 
     async function seedDatabase() {
diff --git a/frontend/pages/group/index.vue b/frontend/pages/group/index.vue
index 31fba41fe..132115e21 100644
--- a/frontend/pages/group/index.vue
+++ b/frontend/pages/group/index.vue
@@ -2,19 +2,30 @@
   <v-container class="narrow-container">
     <BasePageTitle class="mb-5">
       <template #header>
-        <v-img max-height="100" max-width="100" :src="require('~/static/svgs/manage-group-settings.svg')"></v-img>
+        <v-img
+          width="100%"
+          max-height="100"
+          max-width="100"
+          :src="require('~/static/svgs/manage-group-settings.svg')"
+        />
+      </template>
+      <template #title>
+        {{ $t("profile.group-settings") }}
       </template>
-      <template #title> {{ $t("profile.group-settings") }} </template>
       {{ $t("profile.group-description") }}
     </BasePageTitle>
 
     <section v-if="group">
-      <BaseCardSectionTitle class="mt-10" :title="$tc('group.group-preferences')"></BaseCardSectionTitle>
+      <BaseCardSectionTitle
+        class="mt-10"
+        :title="$t('group.group-preferences')"
+      />
       <div class="mb-6">
         <v-checkbox
           v-model="group.preferences.privateGroup"
           hide-details
-          dense
+          density="compact"
+          color="primary"
           :label="$t('group.private-group')"
           @change="groupActions.updatePreferences()"
         />
@@ -22,7 +33,10 @@
           <p class="text-subtitle-2 my-0 py-0">
             {{ $t("group.private-group-description") }}
           </p>
-          <DocLink class="mt-2" link="/documentation/getting-started/faq/#how-do-private-groups-and-recipes-work" />
+          <DocLink
+            class="mt-2"
+            link="/documentation/getting-started/faq/#how-do-private-groups-and-recipes-work"
+          />
         </div>
       </div>
     </section>
@@ -30,24 +44,23 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
 import { useGroupSelf } from "~/composables/use-groups";
 
-export default defineComponent({
-  middleware: ["auth", "can-manage-only"],
+export default defineNuxtComponent({
+  middleware: ["sidebase-auth", "can-manage-only"],
   setup() {
     const { group, actions: groupActions } = useGroupSelf();
+    const i18n = useI18n();
+
+    useSeoMeta({
+      title: i18n.t("group.group"),
+    });
 
     return {
       group,
       groupActions,
     };
   },
-  head() {
-    return {
-      title: this.$t("group.group") as string,
-    };
-  },
 });
 </script>
 
diff --git a/frontend/pages/group/migrations.vue b/frontend/pages/group/migrations.vue
index 1f8cdd947..1991e892d 100644
--- a/frontend/pages/group/migrations.vue
+++ b/frontend/pages/group/migrations.vue
@@ -3,32 +3,51 @@
     <BasePageTitle divider>
       <template #header>
         <v-img
+          width="100%"
           max-height="200"
           max-width="200"
           class="mb-2"
           :src="require('~/static/svgs/manage-data-migrations.svg')"
-        ></v-img>
+        />
+      </template>
+      <template #title>
+        {{ $t('migration.recipe-data-migrations') }}
       </template>
-      <template #title> {{ $t('migration.recipe-data-migrations') }}</template>
       {{ $t('migration.recipe-data-migrations-explanation') }}
     </BasePageTitle>
     <v-container>
-      <BaseCardSectionTitle :title="$i18n.tc('migration.new-migration')"> </BaseCardSectionTitle>
-      <v-card outlined :loading="loading">
+      <BaseCardSectionTitle :title="$t('migration.new-migration')" />
+      <v-card
+        variant="outlined"
+        :loading="loading"
+      >
         <v-card-title> {{ $t('migration.choose-migration-type') }} </v-card-title>
-        <v-card-text v-if="content" class="pb-0">
+        <v-card-text
+          v-if="content"
+          class="pb-0"
+        >
           <div class="mb-2">
-            <BaseOverflowButton v-model="migrationType" mode="model" :items="items" />
+            <BaseOverflowButton
+              v-model="migrationType"
+              mode="model"
+              :items="items"
+            />
           </div>
           {{ content.text }}
-          <v-treeview v-if="content.tree" dense :items="content.tree">
+          <v-treeview
+            v-if="content.tree"
+            density="compact"
+            :items="content.tree"
+          >
             <template #prepend="{ item }">
               <v-icon> {{ item.icon }}</v-icon>
             </template>
           </v-treeview>
         </v-card-text>
 
-        <v-card-title class="mt-0"> {{ $t('general.upload-file') }} </v-card-title>
+        <v-card-title class="mt-0">
+          {{ $t('general.upload-file') }}
+        </v-card-title>
         <v-card-text>
           <AppButtonUpload
             :accept="content.acceptedFileType || '.zip'"
@@ -38,41 +57,47 @@
             :text-btn="false"
             @uploaded="setFileObject"
           />
-          {{ fileObject.name || $i18n.tc('migration.no-file-selected') }}
+          {{ fileObject.name || $t('migration.no-file-selected') }}
         </v-card-text>
 
         <v-card-text>
           <v-checkbox v-model="addMigrationTag">
             <template #label>
-          <i18n path="migration.tag-all-recipes">
-            <template #tag-name>
-              <b class="mx-1"> {{ migrationType }} </b>
-            </template>
-          </i18n>
+              <i18n-t keypath="migration.tag-all-recipes">
+                <template #tag-name>
+                  <b class="mx-1"> {{ migrationType }} </b>
+                </template>
+              </i18n-t>
             </template>
           </v-checkbox>
         </v-card-text>
 
         <v-card-actions class="justify-end">
-          <BaseButton :disabled="!fileObject.name" submit @click="startMigration">
-            {{ $t("general.submit") }}</BaseButton
+          <BaseButton
+            :disabled="!fileObject.name"
+            submit
+            @click="startMigration"
           >
+            {{ $t("general.submit") }}
+          </BaseButton>
         </v-card-actions>
       </v-card>
     </v-container>
     <v-container>
-      <BaseCardSectionTitle :title="$i18n.tc('migration.previous-migrations')"> </BaseCardSectionTitle>
-      <ReportTable :items="reports" @delete="deleteReport" />
+      <BaseCardSectionTitle :title="$t('migration.previous-migrations')" />
+      <ReportTable
+        :items="reports"
+        @delete="deleteReport"
+      />
     </v-container>
   </v-container>
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, toRefs, useContext, computed, onMounted } from "@nuxtjs/composition-api";
-import { ReportSummary } from "~/lib/api/types/reports";
-import { MenuItem } from "~/components/global/BaseOverflowButton.vue";
+import type { ReportSummary } from "~/lib/api/types/reports";
+import type { MenuItem } from "~/components/global/BaseOverflowButton.vue";
 import { useUserApi } from "~/composables/api";
-import { SupportedMigrations } from "~/lib/api/types/group";
+import type { SupportedMigrations } from "~/lib/api/types/group";
 
 const MIGRATIONS = {
   mealie: "mealie_alpha",
@@ -86,10 +111,15 @@ const MIGRATIONS = {
   tandoor: "tandoor",
 };
 
-export default defineComponent({
-  middleware: ["auth", "advanced-only"],
+export default defineNuxtComponent({
+  middleware: ["sidebase-auth", "advanced-only"],
   setup() {
-    const { $globals, i18n } = useContext();
+    const i18n = useI18n();
+    const { $globals } = useNuxtApp();
+
+    useSeoMeta({
+      title: i18n.t("settings.migrations"),
+    });
 
     const api = useUserApi();
 
@@ -104,46 +134,46 @@ export default defineComponent({
 
     const items: MenuItem[] = [
       {
-        text: i18n.tc("migration.mealie-pre-v1.title"),
+        text: i18n.t("migration.mealie-pre-v1.title"),
         value: MIGRATIONS.mealie,
         divider: true,
       },
       {
-        text: i18n.tc("migration.chowdown.title"),
+        text: i18n.t("migration.chowdown.title"),
         value: MIGRATIONS.chowdown,
       },
       {
-        text: i18n.tc("migration.copymethat.title"),
+        text: i18n.t("migration.copymethat.title"),
         value: MIGRATIONS.copymethat,
       },
       {
-        text: i18n.tc("migration.myrecipebox.title"),
+        text: i18n.t("migration.myrecipebox.title"),
         value: MIGRATIONS.myrecipebox,
       },
       {
-        text: i18n.tc("migration.nextcloud.title"),
+        text: i18n.t("migration.nextcloud.title"),
         value: MIGRATIONS.nextcloud,
       },
       {
-        text: i18n.tc("migration.paprika.title"),
+        text: i18n.t("migration.paprika.title"),
         value: MIGRATIONS.paprika,
       },
       {
-        text: i18n.tc("migration.plantoeat.title"),
+        text: i18n.t("migration.plantoeat.title"),
         value: MIGRATIONS.plantoeat,
       },
       {
-        text: i18n.tc("migration.recipekeeper.title"),
+        text: i18n.t("migration.recipekeeper.title"),
         value: MIGRATIONS.recipekeeper,
       },
       {
-        text: i18n.tc("migration.tandoor.title"),
+        text: i18n.t("migration.tandoor.title"),
         value: MIGRATIONS.tandoor,
       },
     ];
     const _content = {
       [MIGRATIONS.mealie]: {
-        text: i18n.tc("migration.mealie-pre-v1.description-long"),
+        text: i18n.t("migration.mealie-pre-v1.description-long"),
         acceptedFileType: ".zip",
         tree: [
           {
@@ -199,7 +229,7 @@ export default defineComponent({
         ],
       },
       [MIGRATIONS.chowdown]: {
-        text: i18n.tc("migration.chowdown.description-long"),
+        text: i18n.t("migration.chowdown.description-long"),
         acceptedFileType: ".zip",
         tree: [
           {
@@ -232,7 +262,7 @@ export default defineComponent({
         ],
       },
       [MIGRATIONS.copymethat]: {
-        text: i18n.tc("migration.copymethat.description-long"),
+        text: i18n.t("migration.copymethat.description-long"),
         acceptedFileType: ".zip",
         tree: [
           {
@@ -250,18 +280,18 @@ export default defineComponent({
                   { id: 5, name: "recipe_3_j75qg.jpg", icon: $globals.icons.fileImage },
                 ],
               },
-              { id: 6, name: "recipes.html", icon: $globals.icons.codeJson }
-            ]
-          }
+              { id: 6, name: "recipes.html", icon: $globals.icons.codeJson },
+            ],
+          },
         ],
       },
       [MIGRATIONS.myrecipebox]: {
-        text: i18n.tc("migration.myrecipebox.description-long"),
+        text: i18n.t("migration.myrecipebox.description-long"),
         acceptedFileType: ".csv",
         tree: false,
       },
       [MIGRATIONS.nextcloud]: {
-        text: i18n.tc("migration.nextcloud.description-long"),
+        text: i18n.t("migration.nextcloud.description-long"),
         acceptedFileType: ".zip",
         tree: [
           {
@@ -294,12 +324,12 @@ export default defineComponent({
         ],
       },
       [MIGRATIONS.paprika]: {
-        text: i18n.tc("migration.paprika.description-long"),
+        text: i18n.t("migration.paprika.description-long"),
         acceptedFileType: ".zip",
         tree: false,
       },
       [MIGRATIONS.plantoeat]: {
-        text: i18n.tc("migration.plantoeat.description-long"),
+        text: i18n.t("migration.plantoeat.description-long"),
         acceptedFileType: ".zip",
         tree: [
           {
@@ -307,13 +337,13 @@ export default defineComponent({
             icon: $globals.icons.zip,
             name: "plantoeat-recipes-508318_10-13-2023.zip",
             children: [
-                  { id: 9, name: "plantoeat-recipes-508318_10-13-2023.csv", icon: $globals.icons.codeJson },
+              { id: 9, name: "plantoeat-recipes-508318_10-13-2023.csv", icon: $globals.icons.codeJson },
             ],
-          }
+          },
         ],
       },
       [MIGRATIONS.recipekeeper]: {
-        text: i18n.tc("migration.recipekeeper.description-long"),
+        text: i18n.t("migration.recipekeeper.description-long"),
         acceptedFileType: ".zip",
         tree: [
           {
@@ -321,19 +351,20 @@ export default defineComponent({
             icon: $globals.icons.zip,
             name: "recipekeeperhtml.zip",
             children: [
-                  { id: 2, name: "recipes.html", icon: $globals.icons.codeJson },
-                  { id: 3, name: "images", icon: $globals.icons.folderOutline,
-                    children: [
-                    { id: 4, name: "image1.jpg", icon: $globals.icons.fileImage },
-                    { id: 5, name: "image2.jpg", icon: $globals.icons.fileImage },
-                    ]
-                   },
+              { id: 2, name: "recipes.html", icon: $globals.icons.codeJson },
+              {
+                id: 3, name: "images", icon: $globals.icons.folderOutline,
+                children: [
+                  { id: 4, name: "image1.jpg", icon: $globals.icons.fileImage },
+                  { id: 5, name: "image2.jpg", icon: $globals.icons.fileImage },
+                ],
+              },
             ],
-          }
+          },
         ],
       },
       [MIGRATIONS.tandoor]: {
-        text: i18n.tc("migration.tandoor.description-long"),
+        text: i18n.t("migration.tandoor.description-long"),
         acceptedFileType: ".zip",
         tree: [
           {
@@ -348,7 +379,7 @@ export default defineComponent({
                 children: [
                   { id: 3, name: "image.jpeg", icon: $globals.icons.fileImage },
                   { id: 4, name: "recipe.json", icon: $globals.icons.codeJson },
-                ]
+                ],
               },
               {
                 id: 5,
@@ -357,7 +388,7 @@ export default defineComponent({
                 children: [
                   { id: 6, name: "image.jpeg", icon: $globals.icons.fileImage },
                   { id: 7, name: "recipe.json", icon: $globals.icons.codeJson },
-                ]
+                ],
               },
               {
                 id: 8,
@@ -366,10 +397,10 @@ export default defineComponent({
                 children: [
                   { id: 9, name: "image.jpeg", icon: $globals.icons.fileImage },
                   { id: 10, name: "recipe.json", icon: $globals.icons.codeJson },
-                ]
-              }
-            ]
-          }
+                ],
+              },
+            ],
+          },
         ],
       },
     };
@@ -417,7 +448,8 @@ export default defineComponent({
 
       if (data) {
         return data;
-      } else {
+      }
+      else {
         return {
           text: "",
           acceptedFileType: ".zip",
@@ -436,11 +468,6 @@ export default defineComponent({
       getMigrationReports,
     };
   },
-  head() {
-    return {
-      title: this.$tc("settings.migrations"),
-    };
-  },
 });
 </script>
 
diff --git a/frontend/pages/group/reports/[id].vue b/frontend/pages/group/reports/[id].vue
new file mode 100644
index 000000000..d8ece4618
--- /dev/null
+++ b/frontend/pages/group/reports/[id].vue
@@ -0,0 +1,88 @@
+<template>
+  <v-container>
+    <BasePageTitle divider>
+      <template #header>
+        <v-img
+          width="100%"
+          max-height="200"
+          max-width="200"
+          class="mb-2"
+          :src="require('~/static/svgs/data-reports.svg')"
+        />
+      </template>
+      <template #title>
+        {{ $t('group.report') }}
+      </template>
+    </BasePageTitle>
+    <v-container v-if="report">
+      <BaseCardSectionTitle :title="report.name" />
+
+      <v-card-text> {{ $t('group.report-with-id', { id: id }) }} </v-card-text>
+
+      <v-data-table
+        :headers="itemHeaders"
+        :items="report.entries"
+        :items-per-page="50"
+        show-expand
+      >
+        <template #[`item.success`]="{ item }">
+          <v-icon :color="item.success ? 'success' : 'error'">
+            {{ item.success ? $globals.icons.checkboxMarkedCircle : $globals.icons.close }}
+          </v-icon>
+        </template>
+        <template #[`item.timestamp`]="{ item }">
+          {{ $d(Date.parse(item.timestamp!), "short") }}
+        </template>
+        <template #[`expanded-item`]="{ headers, item }">
+          <td
+            v-if="item.exception"
+            class="pa-6"
+            :colspan="headers.length"
+          >
+            {{ item.exception }}
+          </td>
+        </template>
+      </v-data-table>
+    </v-container>
+  </v-container>
+</template>
+
+<script lang="ts">
+import { useUserApi } from "~/composables/api";
+import type { ReportOut } from "~/lib/api/types/reports";
+
+export default defineNuxtComponent({
+  middleware: "sidebase-auth",
+  setup() {
+    const route = useRoute();
+    const id = route.params.id as string;
+
+    const api = useUserApi();
+
+    const report = ref<ReportOut | null>(null);
+
+    async function getReport() {
+      const { data } = await api.groupReports.getOne(id);
+      report.value = data ?? null;
+    }
+
+    onMounted(async () => {
+      await getReport();
+    });
+
+    const itemHeaders = [
+      { title: "Success", value: "success" },
+      { title: "Message", value: "message" },
+      { title: "Timestamp", value: "timestamp" },
+    ];
+
+    return {
+      report,
+      id,
+      itemHeaders,
+    };
+  },
+});
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/frontend/pages/group/reports/_id.vue b/frontend/pages/group/reports/_id.vue
deleted file mode 100644
index 2fcd33b56..000000000
--- a/frontend/pages/group/reports/_id.vue
+++ /dev/null
@@ -1,70 +0,0 @@
-<template>
-  <v-container>
-    <BasePageTitle divider>
-      <template #header>
-        <v-img max-height="200" max-width="200" class="mb-2" :src="require('~/static/svgs/data-reports.svg')"></v-img>
-      </template>
-      <template #title> {{ $t('group.report') }} </template>
-    </BasePageTitle>
-    <v-container v-if="report">
-      <BaseCardSectionTitle :title="report.name"> </BaseCardSectionTitle>
-
-      <v-card-text> {{ $t('group.report-with-id', { id:id }) }} </v-card-text>
-
-      <v-data-table :headers="itemHeaders" :items="report.entries" :items-per-page="50" show-expand>
-        <template #item.success="{ item }">
-          <v-icon :color="item.success ? 'success' : 'error'">
-            {{ item.success ? $globals.icons.checkboxMarkedCircle : $globals.icons.close }}
-          </v-icon>
-        </template>
-        <template #item.timestamp="{ item }">
-          {{ $d(Date.parse(item.timestamp), "short") }}
-        </template>
-        <template #expanded-item="{ headers, item }">
-          <td v-if="item.exception" class="pa-6" :colspan="headers.length">{{ item.exception }}</td>
-        </template>
-      </v-data-table>
-    </v-container>
-  </v-container>
-</template>
-
-<script lang="ts">
-import { defineComponent, useRoute, ref, onMounted } from "@nuxtjs/composition-api";
-import { useUserApi } from "~/composables/api";
-import { ReportOut } from "~/lib/api/types/reports";
-
-export default defineComponent({
-  middleware: "auth",
-  setup() {
-    const route = useRoute();
-    const id = route.value.params.id;
-
-    const api = useUserApi();
-
-    const report = ref<ReportOut | null>(null);
-
-    async function getReport() {
-      const { data } = await api.groupReports.getOne(id);
-      report.value = data ?? null;
-    }
-
-    onMounted(async () => {
-      await getReport();
-    });
-
-    const itemHeaders = [
-      { text: "Success", value: "success" },
-      { text: "Message", value: "message" },
-      { text: "Timestamp", value: "timestamp" },
-    ];
-
-    return {
-      report,
-      id,
-      itemHeaders,
-    };
-  },
-});
-</script>
-
-<style lang="scss" scoped></style>
diff --git a/frontend/pages/household/index.vue b/frontend/pages/household/index.vue
index 0416a2bba..502909a1a 100644
--- a/frontend/pages/household/index.vue
+++ b/frontend/pages/household/index.vue
@@ -1,153 +1,163 @@
 <template>
-  <v-container v-if="household" class="narrow-container">
+  <v-container v-if="household"
+               class="narrow-container"
+  >
     <BasePageTitle class="mb-5">
       <template #header>
-        <v-img max-height="100" max-width="100" :src="require('~/static/svgs/manage-group-settings.svg')"></v-img>
+        <v-img
+          width="100%"
+          max-height="100"
+          max-width="100"
+          :src="require('~/static/svgs/manage-group-settings.svg')"
+        />
+      </template>
+      <template #title>
+        {{ $t("profile.household-settings") }}
       </template>
-      <template #title> {{ $t("profile.household-settings") }} </template>
       {{ $t("profile.household-description") }}
     </BasePageTitle>
     <v-form ref="refHouseholdEditForm" @submit.prevent="handleSubmit">
-      <v-card outlined>
+      <v-card variant="outlined" style="border-color: lightgray;">
         <v-card-text>
           <HouseholdPreferencesEditor v-if="household.preferences" v-model="household.preferences" />
         </v-card-text>
       </v-card>
       <div class="d-flex pa-2">
-        <BaseButton type="submit" edit class="ml-auto"> {{ $t("general.update") }}</BaseButton>
+        <BaseButton type="submit" edit class="ml-auto">
+          {{ $t("general.update") }}
+        </BaseButton>
       </div>
     </v-form>
   </v-container>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, ref, useContext } from "@nuxtjs/composition-api";
 import HouseholdPreferencesEditor from "~/components/Domain/Household/HouseholdPreferencesEditor.vue";
-import { VForm } from "~/types/vuetify";
 import { useHouseholdSelf } from "~/composables/use-households";
-import { ReadHouseholdPreferences } from "~/lib/api/types/household";
+import type { ReadHouseholdPreferences } from "~/lib/api/types/household";
 import { alert } from "~/composables/use-toast";
+import type { VForm } from "~/types/auto-forms";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     HouseholdPreferencesEditor,
   },
-  middleware: ["auth", "can-manage-household-only"],
+  middleware: ["sidebase-auth", "can-manage-household-only"],
   setup() {
     const { household, actions: householdActions } = useHouseholdSelf();
-    const { i18n } = useContext();
+    const i18n = useI18n();
+
+    useSeoMeta({
+      title: i18n.t("household.household"),
+    });
 
     const refHouseholdEditForm = ref<VForm | null>(null);
 
-    type Preference = {
-      key: keyof ReadHouseholdPreferences;
-      value: boolean;
-      label: string;
-      description: string;
-    };
+		type Preference = {
+		  key: keyof ReadHouseholdPreferences;
+		  value: boolean;
+		  label: string;
+		  description: string;
+		};
 
-    const preferencesEditor = computed<Preference[]>(() => {
-      if (!household.value || !household.value.preferences) {
-        return [];
-      }
-      return [
-        {
-          key: "recipePublic",
-          value: household.value.preferences.recipePublic || false,
-          label: i18n.t("household.allow-users-outside-of-your-household-to-see-your-recipes"),
-          description: i18n.t("household.allow-users-outside-of-your-household-to-see-your-recipes-description"),
-        } as Preference,
-        {
-          key: "recipeShowNutrition",
-          value: household.value.preferences.recipeShowNutrition || false,
-          label: i18n.t("group.show-nutrition-information"),
-          description: i18n.t("group.show-nutrition-information-description"),
-        } as Preference,
-        {
-          key: "recipeShowAssets",
-          value: household.value.preferences.recipeShowAssets || false,
-          label: i18n.t("group.show-recipe-assets"),
-          description: i18n.t("group.show-recipe-assets-description"),
-        } as Preference,
-        {
-          key: "recipeLandscapeView",
-          value: household.value.preferences.recipeLandscapeView || false,
-          label: i18n.t("group.default-to-landscape-view"),
-          description: i18n.t("group.default-to-landscape-view-description"),
-        } as Preference,
-        {
-          key: "recipeDisableComments",
-          value: household.value.preferences.recipeDisableComments || false,
-          label: i18n.t("group.disable-users-from-commenting-on-recipes"),
-          description: i18n.t("group.disable-users-from-commenting-on-recipes-description"),
-        } as Preference,
-        {
-          key: "recipeDisableAmount",
-          value: household.value.preferences.recipeDisableAmount || false,
-          label: i18n.t("group.disable-organizing-recipe-ingredients-by-units-and-food"),
-          description: i18n.t("group.disable-organizing-recipe-ingredients-by-units-and-food-description"),
-        } as Preference,
-      ];
-    });
+		const preferencesEditor = computed<Preference[]>(() => {
+		  if (!household.value || !household.value.preferences) {
+		    return [];
+		  }
+		  return [
+		    {
+		      key: "recipePublic",
+		      value: household.value.preferences.recipePublic || false,
+		      label: i18n.t("household.allow-users-outside-of-your-household-to-see-your-recipes"),
+		      description: i18n.t("household.allow-users-outside-of-your-household-to-see-your-recipes-description"),
+		    } as Preference,
+		    {
+		      key: "recipeShowNutrition",
+		      value: household.value.preferences.recipeShowNutrition || false,
+		      label: i18n.t("group.show-nutrition-information"),
+		      description: i18n.t("group.show-nutrition-information-description"),
+		    } as Preference,
+		    {
+		      key: "recipeShowAssets",
+		      value: household.value.preferences.recipeShowAssets || false,
+		      label: i18n.t("group.show-recipe-assets"),
+		      description: i18n.t("group.show-recipe-assets-description"),
+		    } as Preference,
+		    {
+		      key: "recipeLandscapeView",
+		      value: household.value.preferences.recipeLandscapeView || false,
+		      label: i18n.t("group.default-to-landscape-view"),
+		      description: i18n.t("group.default-to-landscape-view-description"),
+		    } as Preference,
+		    {
+		      key: "recipeDisableComments",
+		      value: household.value.preferences.recipeDisableComments || false,
+		      label: i18n.t("group.disable-users-from-commenting-on-recipes"),
+		      description: i18n.t("group.disable-users-from-commenting-on-recipes-description"),
+		    } as Preference,
+		    {
+		      key: "recipeDisableAmount",
+		      value: household.value.preferences.recipeDisableAmount || false,
+		      label: i18n.t("group.disable-organizing-recipe-ingredients-by-units-and-food"),
+		      description: i18n.t("group.disable-organizing-recipe-ingredients-by-units-and-food-description"),
+		    } as Preference,
+		  ];
+		});
 
-    const allDays = [
-      {
-        name: i18n.t("general.sunday"),
-        value: 0,
-      },
-      {
-        name: i18n.t("general.monday"),
-        value: 1,
-      },
-      {
-        name: i18n.t("general.tuesday"),
-        value: 2,
-      },
-      {
-        name: i18n.t("general.wednesday"),
-        value: 3,
-      },
-      {
-        name: i18n.t("general.thursday"),
-        value: 4,
-      },
-      {
-        name: i18n.t("general.friday"),
-        value: 5,
-      },
-      {
-        name: i18n.t("general.saturday"),
-        value: 6,
-      },
-    ];
+		const allDays = [
+		  {
+		    name: i18n.t("general.sunday"),
+		    value: 0,
+		  },
+		  {
+		    name: i18n.t("general.monday"),
+		    value: 1,
+		  },
+		  {
+		    name: i18n.t("general.tuesday"),
+		    value: 2,
+		  },
+		  {
+		    name: i18n.t("general.wednesday"),
+		    value: 3,
+		  },
+		  {
+		    name: i18n.t("general.thursday"),
+		    value: 4,
+		  },
+		  {
+		    name: i18n.t("general.friday"),
+		    value: 5,
+		  },
+		  {
+		    name: i18n.t("general.saturday"),
+		    value: 6,
+		  },
+		];
 
-    async function handleSubmit() {
-      if (!refHouseholdEditForm.value?.validate() || !household.value?.preferences) {
-        console.log(refHouseholdEditForm.value?.validate());
-        return;
-      }
+		async function handleSubmit() {
+		  if (!refHouseholdEditForm.value?.validate() || !household.value?.preferences) {
+		    console.log(refHouseholdEditForm.value?.validate());
+		    return;
+		  }
 
-      const data = await householdActions.updatePreferences();
-      if (data) {
-        alert.success(i18n.tc("settings.settings-updated"));
-      } else {
-        alert.error(i18n.tc("settings.settings-update-failed"));
-      }
-    }
+		  const data = await householdActions.updatePreferences();
+		  if (data) {
+		    alert.success(i18n.t("settings.settings-updated"));
+		  }
+		  else {
+		    alert.error(i18n.t("settings.settings-update-failed"));
+		  }
+		}
 
-    return {
-      household,
-      householdActions,
-      allDays,
-      preferencesEditor,
-      refHouseholdEditForm,
-      handleSubmit,
-    };
-  },
-  head() {
-    return {
-      title: this.$t("household.household") as string,
-    };
+		return {
+		  household,
+		  householdActions,
+		  allDays,
+		  preferencesEditor,
+		  refHouseholdEditForm,
+		  handleSubmit,
+		};
   },
 });
 </script>
diff --git a/frontend/pages/household/mealplan/planner.vue b/frontend/pages/household/mealplan/planner.vue
index 09703feef..8b3a708dc 100644
--- a/frontend/pages/household/mealplan/planner.vue
+++ b/frontend/pages/household/mealplan/planner.vue
@@ -8,9 +8,13 @@
       max-width="290px"
       min-width="auto"
     >
-      <template #activator="{ on, attrs }">
-        <v-btn color="primary" class="mb-2" v-bind="attrs" v-on="on">
-          <v-icon left>
+      <template #activator="{ props }">
+        <v-btn
+          color="primary"
+          class="mb-2"
+          v-bind="props"
+        >
+          <v-icon start>
             {{ $globals.icons.calendar }}
           </v-icon>
           {{ $d(weekRange.start, "short") }} - {{ $d(weekRange.end, "short") }}
@@ -18,8 +22,8 @@
       </template>
       <v-date-picker
         v-model="state.range"
-        no-title
-        range
+        hide-header
+        :multiple="'range'"
         :first-day-of-week="firstDayOfWeek"
         :local="$i18n.locale"
       >
@@ -30,8 +34,12 @@
           :hint="$t('meal-plan.numberOfDays-hint')"
           persistent-hint
         />
-        <v-spacer></v-spacer>
-        <v-btn text color="primary" @click="state.picker = false">
+        <v-spacer />
+        <v-btn
+          variant="text"
+          color="primary"
+          @click="state.picker = false"
+        >
           {{ $t("general.ok") }}
         </v-btn>
       </v-date-picker>
@@ -39,34 +47,49 @@
 
     <div class="d-flex flex-wrap align-center justify-space-between mb-2">
       <v-tabs style="width: fit-content;">
-        <v-tab :to="`/household/mealplan/planner/view`">{{ $t('meal-plan.meal-planner') }}</v-tab>
-        <v-tab :to="`/household/mealplan/planner/edit`">{{ $t('general.edit') }}</v-tab>
+        <v-tab :to="`/household/mealplan/planner/view`">
+          {{ $t('meal-plan.meal-planner') }}
+        </v-tab>
+        <v-tab :to="`/household/mealplan/planner/edit`">
+          {{ $t('general.edit') }}
+        </v-tab>
       </v-tabs>
-      <ButtonLink :icon="$globals.icons.calendar" :to="`/household/mealplan/settings`" :text="$tc('general.settings')" />
+      <ButtonLink
+        :icon="$globals.icons.calendar"
+        :to="`/household/mealplan/settings`"
+        :text="$t('general.settings')"
+      />
     </div>
 
     <div>
-      <NuxtChild :mealplans="mealsByDate" :actions="actions" />
+      <NuxtPage
+        :mealplans="mealsByDate"
+        :actions="actions"
+      />
     </div>
 
-    <v-row> </v-row>
+    <v-row />
   </v-container>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, ref, useRoute, useRouter, watch } from "@nuxtjs/composition-api";
 import { isSameDay, addDays, parseISO } from "date-fns";
 import { useHouseholdSelf } from "~/composables/use-households";
 import { useMealplans } from "~/composables/use-group-mealplan";
 import { useUserMealPlanPreferences } from "~/composables/use-users/preferences";
 
-export default defineComponent({
-  middleware: ["auth"],
+export default defineNuxtComponent({
+  middleware: ["sidebase-auth"],
   setup() {
     const route = useRoute();
     const router = useRouter();
+    const i18n = useI18n();
     const { household } = useHouseholdSelf();
 
+    useSeoMeta({
+      title: i18n.t("meal-plan.dinner-this-week"),
+    });
+
     const mealPlanPreferences = useUserMealPlanPreferences();
     const numberOfDays = ref<number>(mealPlanPreferences.value.numberOfDays || 7);
     watch(numberOfDays, (val) => {
@@ -74,21 +97,12 @@ export default defineComponent({
     });
 
     // Force to /view if current route is /planner
-    if (route.value.path === "/household/mealplan/planner") {
+    if (route.path === "/household/mealplan/planner") {
       router.push("/household/mealplan/planner/view");
     }
 
-    function fmtYYYYMMDD(date: Date) {
-      return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
-    }
-
-    function parseYYYYMMDD(date: string) {
-      const [year, month, day] = date.split("-");
-      return new Date(parseInt(year), parseInt(month) - 1, parseInt(day));
-    }
-
     const state = ref({
-      range: [fmtYYYYMMDD(new Date()), fmtYYYYMMDD(addDays(new Date(), adjustForToday(numberOfDays.value)))] as [string, string],
+      range: [new Date(), addDays(new Date(), adjustForToday(numberOfDays.value))] as [Date, Date],
       start: new Date(),
       picker: false,
       end: addDays(new Date(), adjustForToday(numberOfDays.value)),
@@ -99,15 +113,17 @@ export default defineComponent({
     });
 
     const weekRange = computed(() => {
-      const sorted = state.value.range.sort((a, b) => {
-        return parseYYYYMMDD(a).getTime() - parseYYYYMMDD(b).getTime();
-      });
+      const sorted = [...state.value.range].sort((a, b) => a.getTime() - b.getTime());
 
       if (sorted.length === 2) {
         return {
-          start: parseYYYYMMDD(sorted[0]),
-          end: parseYYYYMMDD(sorted[1]),
+          start: sorted[0],
+          end: sorted[1],
         };
+        // return {
+        //   start: parseYYYYMMDD(sorted[0]),
+        //   end: parseYYYYMMDD(sorted[1]),
+        // };
       }
       return {
         start: new Date(),
@@ -128,12 +144,12 @@ export default defineComponent({
     function adjustForToday(days: number) {
       // The use case for this function is "how many days are we adding to 'today'?"
       // e.g. If the user wants 7 days, we substract one to do "today + 6"
-      return days > 0 ? days - 1 : days + 1
+      return days > 0 ? days - 1 : days + 1;
     }
 
     const days = computed(() => {
-      const numDays =
-        Math.floor((weekRange.value.end.getTime() - weekRange.value.start.getTime()) / (1000 * 60 * 60 * 24)) + 1;
+      const numDays
+        = Math.floor((weekRange.value.end.getTime() - weekRange.value.start.getTime()) / (1000 * 60 * 60 * 24)) + 1;
 
       // Calculate absolute value
       if (numDays < 0) return [];
@@ -143,7 +159,7 @@ export default defineComponent({
           const date = new Date(weekRange.value.start.getTime());
           date.setDate(date.getDate() + i);
           return date;
-        }
+        },
       );
     });
 
@@ -162,11 +178,6 @@ export default defineComponent({
       numberOfDays,
     };
   },
-  head() {
-    return {
-      title: this.$t("meal-plan.dinner-this-week") as string,
-    };
-  },
 });
 </script>
 
diff --git a/frontend/pages/household/mealplan/planner/edit.vue b/frontend/pages/household/mealplan/planner/edit.vue
index 0730705d3..b399d8e6b 100644
--- a/frontend/pages/household/mealplan/planner/edit.vue
+++ b/frontend/pages/household/mealplan/planner/edit.vue
@@ -3,54 +3,51 @@
     <!-- Create Meal Dialog -->
     <BaseDialog
       v-model="state.dialog"
-      :title="$tc(newMeal.existing
-        ? 'meal-plan.update-this-meal-plan'
-        : 'meal-plan.create-a-new-meal-plan'
-      )"
-      :submit-text="$tc(newMeal.existing
-        ? 'general.update'
-        : 'general.create'
-      )"
+      :title="newMeal.existing ? $t('meal-plan.update-this-meal-plan') : $t('meal-plan.create-a-new-meal-plan')"
+      :submit-text="newMeal.existing ? $t('general.update') : $t('general.create')"
       color="primary"
       :icon="$globals.icons.foods"
       :submit-disabled="isCreateDisabled"
+      can-submit
       @submit="
-        if (newMeal.existing) {
-          actions.updateOne(newMeal);
-        } else {
-          actions.createOne(newMeal);
+        () => {
+          if (newMeal.existing) {
+            actions.updateOne({ ...newMeal, date: newMealDateString });
+          }
+ else {
+            actions.createOne({ ...newMeal, date: newMealDateString });
+          }
+          resetDialog();
         }
-        resetDialog();
       "
       @close="resetDialog()"
     >
       <v-card-text>
         <v-menu
-          v-model="state.pickerMenu"
+          v-model="state.pickerMenu!"
           :close-on-content-click="false"
           transition="scale-transition"
           offset-y
           max-width="290px"
           min-width="auto"
         >
-          <template #activator="{ on, attrs }">
+          <template #activator="{ props }">
             <v-text-field
-              v-model="newMeal.date"
+              v-model="newMealDateString"
               :label="$t('general.date')"
               :hint="$t('recipe.date-format-hint-yyyy-mm-dd')"
               persistent-hint
               :prepend-icon="$globals.icons.calendar"
-              v-bind="attrs"
+              v-bind="props"
               readonly
-              v-on="on"
             />
           </template>
           <v-date-picker
             v-model="newMeal.date"
-            no-title
+            hide-header
             :first-day-of-week="firstDayOfWeek"
             :local="$i18n.locale"
-            @input="state.pickerMenu = false"
+            @update:model-value="state.pickerMenu = false"
           />
         </v-menu>
         <v-card-text>
@@ -59,16 +56,18 @@
             :return-object="false"
             :items="planTypeOptions"
             :label="$t('recipe.entry-type')"
+            item-title="text"
+            item-value="value"
           />
           <v-autocomplete
             v-if="!dialog.note"
             v-model="newMeal.recipeId"
+            v-model:search="search.query.value"
             :label="$t('meal-plan.meal-recipe')"
             :items="search.data.value"
             :loading="search.loading.value"
-            :search-input.sync="search.query.value"
             cache-items
-            item-text="name"
+            item-title="name"
             item-value="id"
             :return-object="false"
             :rules="[requiredRule]"
@@ -99,12 +98,12 @@
             {{ $d(plan.date, "short") }}
           </p>
         </v-card>
-        <draggable
+        <VueDraggable
+          v-model="mealplansByDate[plan.date.toString()]"
           tag="div"
           handle=".handle"
-          delay="250"
+          :delay="250"
           :delay-on-touch-only="true"
-          :value="plan.meals"
           group="meals"
           :data-index="index"
           :data-box="plan.date"
@@ -112,50 +111,47 @@
           @end="onMoveCallback"
         >
           <v-card
-            v-for="mealplan in plan.meals"
+            v-for="mealplan in mealplansByDate[plan.date.toString()]"
             :key="mealplan.id"
             class="my-1"
-            :class="{ handle: $vuetify.breakpoint.smAndUp }"
+            :class="{ handle: $vuetify.display.smAndUp }"
           >
-            <v-list-item
-              @click="editMeal(mealplan)"
-            >
-              <v-list-item-avatar :rounded="false">
-                <RecipeCardImage
-                  v-if="mealplan.recipe"
-                  :recipe-id="mealplan.recipe.id"
-                  tiny
-                  icon-size="25"
-                  :slug="mealplan.recipe ? mealplan.recipe.slug : ''"
-                >
-                </RecipeCardImage>
-                <v-icon v-else>
-                  {{ $globals.icons.primary }}
-                </v-icon>
-              </v-list-item-avatar>
-              <v-list-item-content>
-                <v-list-item-title class="mb-1">
-                  {{ mealplan.recipe ? mealplan.recipe.name : mealplan.title }}
-                </v-list-item-title>
-                <v-list-item-subtitle style="min-height: 16px">
-                  {{ mealplan.recipe ? mealplan.recipe.description + " " : mealplan.text }}
-                </v-list-item-subtitle>
-              </v-list-item-content>
+            <v-list-item lines="three" @click="editMeal(mealplan)">
+              <template #prepend>
+                <v-avatar>
+                  <RecipeCardImage
+                    v-if="mealplan.recipe"
+                    :recipe-id="mealplan.recipe.id!"
+                    tiny
+                    icon-size="25"
+                    :slug="mealplan.recipe ? mealplan.recipe.slug : ''"
+                  />
+                  <v-icon v-else>
+                    {{ $globals.icons.primary }}
+                  </v-icon>
+                </v-avatar>
+              </template>
+              <v-list-item-title class="mb-1">
+                {{ mealplan.recipe ? mealplan.recipe.name : mealplan.title }}
+              </v-list-item-title>
+              <v-list-item-subtitle style="min-height: 16px">
+                {{ mealplan.recipe ? mealplan.recipe.description + " " : mealplan.text }}
+              </v-list-item-subtitle>
             </v-list-item>
-            <v-divider class="mx-2"></v-divider>
+            <v-divider class="mx-2" />
             <div class="py-2 px-2 d-flex" style="align-items: center">
-              <v-btn small icon :class="{ handle: !$vuetify.breakpoint.smAndUp }">
+              <v-btn size="small" icon variant="text" :class="{ handle: !$vuetify.display.smAndUp }">
                 <v-icon>
                   {{ $globals.icons.arrowUpDown }}
                 </v-icon>
               </v-btn>
               <v-menu offset-y>
-                <template #activator="{ on, attrs }">
-                  <v-chip v-bind="attrs" label small color="accent" v-on="on" @click.prevent>
-                    <v-icon left>
+                <template #activator="{ props }">
+                  <v-chip v-bind="props" label variant="elevated" size="small" color="accent" @click.prevent>
+                    <v-icon start>
                       {{ $globals.icons.tags }}
                     </v-icon>
-                    {{ getEntryTypeText(mealplan.entryType) }}
+                    {{ getEntryTypeText(mealplan.entryType!) }}
                   </v-chip>
                 </template>
                 <v-list>
@@ -168,54 +164,54 @@
                   </v-list-item>
                 </v-list>
               </v-menu>
-              <v-btn class="ml-auto" small icon @click="actions.deleteOne(mealplan.id)">
+              <v-btn class="ml-auto" size="small" variant="text" icon @click="actions.deleteOne(mealplan.id)">
                 <v-icon>{{ $globals.icons.delete }}</v-icon>
               </v-btn>
             </div>
           </v-card>
-        </draggable>
+        </VueDraggable>
         <!-- Day Column Actions -->
         <div class="d-flex justify-end mt-auto">
           <BaseButtonGroup
             :buttons="[
               {
                 icon: $globals.icons.diceMultiple,
-                text: $tc('meal-plan.random-meal'),
+                text: $t('meal-plan.random-meal'),
                 event: 'random',
                 children: [
                   {
                     icon: $globals.icons.diceMultiple,
-                    text: $tc('meal-plan.breakfast'),
+                    text: $t('meal-plan.breakfast'),
                     event: 'randomBreakfast',
                   },
                   {
                     icon: $globals.icons.diceMultiple,
-                    text: $tc('meal-plan.lunch'),
+                    text: $t('meal-plan.lunch'),
                     event: 'randomLunch',
                   },
                 ],
               },
               {
                 icon: $globals.icons.potSteam,
-                text: $tc('meal-plan.random-dinner'),
+                text: $t('meal-plan.random-dinner'),
                 event: 'randomDinner',
               },
               {
                 icon: $globals.icons.bowlMixOutline,
-                text: $tc('meal-plan.random-side'),
+                text: $t('meal-plan.random-side'),
                 event: 'randomSide',
               },
               {
                 icon: $globals.icons.createAlt,
-                text: $tc('general.new'),
+                text: $t('general.new'),
                 event: 'create',
               },
             ]"
             @create="openDialog(plan.date)"
-            @randomBreakfast="randomMeal(plan.date, 'breakfast')"
-            @randomLunch="randomMeal(plan.date, 'lunch')"
-            @randomDinner="randomMeal(plan.date, 'dinner')"
-            @randomSide="randomMeal(plan.date, 'side')"
+            @random-breakfast="randomMeal(plan.date, 'breakfast')"
+            @random-lunch="randomMeal(plan.date, 'lunch')"
+            @random-dinner="randomMeal(plan.date, 'dinner')"
+            @random-side="randomMeal(plan.date, 'side')"
           />
         </div>
       </v-col>
@@ -224,21 +220,21 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, reactive, ref, watch, onMounted, useContext } from "@nuxtjs/composition-api";
 import { format } from "date-fns";
-import { SortableEvent } from "sortablejs";
-import draggable from "vuedraggable";
-import { MealsByDate } from "./types";
-import { useMealplans, usePlanTypeOptions, getEntryTypeText } from "~/composables/use-group-mealplan";
+import type { SortableEvent } from "sortablejs";
+import { VueDraggable } from "vue-draggable-plus";
+import type { MealsByDate } from "./types";
+import type { useMealplans } from "~/composables/use-group-mealplan";
+import { usePlanTypeOptions, getEntryTypeText } from "~/composables/use-group-mealplan";
 import RecipeCardImage from "~/components/Domain/Recipe/RecipeCardImage.vue";
-import { PlanEntryType, UpdatePlanEntry } from "~/lib/api/types/meal-plan";
+import type { PlanEntryType, UpdatePlanEntry } from "~/lib/api/types/meal-plan";
 import { useUserApi } from "~/composables/api";
 import { useHouseholdSelf } from "~/composables/use-households";
 import { useRecipeSearch } from "~/composables/recipes/use-recipe-search";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
-    draggable,
+    VueDraggable,
     RecipeCardImage,
   },
   props: {
@@ -253,9 +249,9 @@ export default defineComponent({
   },
   setup(props) {
     const api = useUserApi();
-    const { $auth } = useContext();
+    const $auth = useMealieAuth();
     const { household } = useHouseholdSelf();
-    const requiredRule = (value: any) => !!value || "Required."
+    const requiredRule = (value: any) => !!value || "Required.";
 
     const state = ref({
       dialog: false,
@@ -266,6 +262,24 @@ export default defineComponent({
       return household.value?.preferences?.firstDayOfWeek || 0;
     });
 
+    // Local mutable meals object
+    const mealplansByDate = reactive<{ [date: string]: UpdatePlanEntry[] }>({});
+    watch(
+      () => props.mealplans,
+      (plans) => {
+        for (const plan of plans) {
+          mealplansByDate[plan.date.toString()] = plan.meals ? [...plan.meals] : [];
+        }
+        // Remove any dates that no longer exist
+        Object.keys(mealplansByDate).forEach((date) => {
+          if (!plans.find(p => p.date.toString() === date)) {
+            mealplansByDate[date] = [];
+          }
+        });
+      },
+      { immediate: true, deep: true },
+    );
+
     function onMoveCallback(evt: SortableEvent) {
       const supportedEvents = ["drop", "touchend"];
 
@@ -275,14 +289,15 @@ export default defineComponent({
       if (ogEvent && ogEvent.type in supportedEvents) {
         // The drop was cancelled, unsure if anything needs to be done?
         console.log("Cancel Move Event");
-      } else {
+      }
+      else {
         // A Meal was moved, set the new date value and make an update request and refresh the meals
         const fromMealsByIndex = parseInt(evt.from.getAttribute("data-index") ?? "");
         const toMealsByIndex = parseInt(evt.to.getAttribute("data-index") ?? "");
 
         if (!isNaN(fromMealsByIndex) && !isNaN(toMealsByIndex)) {
-          const mealData = props.mealplans[fromMealsByIndex].meals[evt.oldIndex as number];
           const destDate = props.mealplans[toMealsByIndex].date;
+          const mealData = mealplansByDate[destDate.toString()][evt.newIndex as number];
 
           mealData.date = format(destDate, "yyyy-MM-dd");
 
@@ -307,7 +322,7 @@ export default defineComponent({
     });
 
     const newMeal = reactive({
-      date: "",
+      date: new Date(Date.now() - new Date().getTimezoneOffset() * 60000),
       title: "",
       text: "",
       recipeId: undefined as string | undefined,
@@ -315,7 +330,11 @@ export default defineComponent({
       existing: false,
       id: 0,
       groupId: "",
-      userId: $auth.user?.id || "",
+      userId: $auth.user.value?.id || "",
+    });
+
+    const newMealDateString = computed(() => {
+      return format(newMeal.date, "yyyy-MM-dd");
     });
 
     const isCreateDisabled = computed(() => {
@@ -325,9 +344,8 @@ export default defineComponent({
       return !newMeal.recipeId;
     });
 
-
     function openDialog(date: Date) {
-      newMeal.date = format(date, "yyyy-MM-dd");
+      newMeal.date = date;
       state.value.dialog = true;
     }
 
@@ -335,7 +353,8 @@ export default defineComponent({
       const { date, title, text, entryType, recipeId, id, groupId, userId } = mealplan;
       if (!entryType) return;
 
-      newMeal.date = date;
+      const [year, month, day] = date.split("-").map(Number);
+      newMeal.date = new Date(year, month - 1, day);
       newMeal.title = title || "";
       newMeal.text = text || "";
       newMeal.recipeId = recipeId || undefined;
@@ -343,14 +362,14 @@ export default defineComponent({
       newMeal.existing = true;
       newMeal.id = id;
       newMeal.groupId = groupId;
-      newMeal.userId = userId || $auth.user?.id || "";
+      newMeal.userId = userId || $auth.user.value?.id || "";
 
       state.value.dialog = true;
       dialog.note = !recipeId;
     }
 
     function resetDialog() {
-      newMeal.date = "";
+      newMeal.date = new Date(Date.now() - new Date().getTimezoneOffset() * 60000);
       newMeal.title = "";
       newMeal.text = "";
       newMeal.entryType = "dinner";
@@ -390,6 +409,7 @@ export default defineComponent({
       // Dialog
       dialog,
       newMeal,
+      newMealDateString,
       openDialog,
       editMeal,
       resetDialog,
@@ -398,6 +418,7 @@ export default defineComponent({
       // Search
       search,
       firstDayOfWeek,
+      mealplansByDate,
     };
   },
 });
diff --git a/frontend/pages/household/mealplan/planner/types.ts b/frontend/pages/household/mealplan/planner/types.ts
index 61358f115..6b5111a78 100644
--- a/frontend/pages/household/mealplan/planner/types.ts
+++ b/frontend/pages/household/mealplan/planner/types.ts
@@ -1,6 +1,6 @@
-import { ReadPlanEntry } from "~/lib/api/types/meal-plan";
+import type { ReadPlanEntry } from "~/lib/api/types/meal-plan";
 
 export type MealsByDate = {
   date: Date;
-  meals: ReadPlanEntry[]
-}
+  meals: ReadPlanEntry[];
+};
diff --git a/frontend/pages/household/mealplan/planner/view.vue b/frontend/pages/household/mealplan/planner/view.vue
index db35339a7..aa6ce1307 100644
--- a/frontend/pages/household/mealplan/planner/view.vue
+++ b/frontend/pages/household/mealplan/planner/view.vue
@@ -1,16 +1,8 @@
 <template>
   <v-container class="mx-0 my-3 pa">
     <v-row>
-      <v-col
-        v-for="(day, index) in plan"
-        :key="index"
-        cols="12"
-        sm="12"
-        md="4"
-        lg="4"
-        xl="2"
-        class="col-borders my-1 d-flex flex-column"
-      >
+      <v-col v-for="(day, index) in plan" :key="index" cols="12" sm="12" md="4" lg="4" xl="2"
+        class="col-borders my-1 d-flex flex-column">
         <v-card class="mb-2 border-left-primary rounded-sm px-2">
           <v-container class="px-0">
             <v-row no-gutters style="width: 100%;">
@@ -27,23 +19,19 @@
         </v-card>
         <div v-for="section in day.sections" :key="section.title">
           <div class="py-2 d-flex flex-column">
-            <div class="primary" style="width: 50px; height: 2.5px"></div>
+            <div class="primary" style="width: 50px; height: 2.5px" />
             <p class="text-overline my-0">
               {{ section.title }}
             </p>
           </div>
 
-          <RecipeCardMobile
-            v-for="mealplan in section.meals"
-            :key="mealplan.id"
-            :recipe-id="mealplan.recipe ? mealplan.recipe.id : ''"
-            class="mb-2"
-            :rating="mealplan.recipe ? mealplan.recipe.rating : 0"
-            :slug="mealplan.recipe ? mealplan.recipe.slug : mealplan.title"
-            :description="mealplan.recipe ? mealplan.recipe.description : mealplan.text"
-            :name="mealplan.recipe ? mealplan.recipe.name : mealplan.title"
-            :tags="mealplan.recipe ? mealplan.recipe.tags : []"
-          />
+          <RecipeCardMobile v-for="mealplan in section.meals" :key="mealplan.id"
+            :recipe-id="mealplan.recipe ? mealplan.recipe.id! : ''" class="mb-2"
+            :rating="mealplan.recipe ? mealplan.recipe.rating! : 0"
+            :slug="mealplan.recipe ? mealplan.recipe.slug! : mealplan.title!"
+            :description="mealplan.recipe ? mealplan.recipe.description! : mealplan.text!"
+            :name="mealplan.recipe ? mealplan.recipe.name! : mealplan.title!"
+            :tags="mealplan.recipe ? mealplan.recipe.tags! : []" />
         </div>
       </v-col>
     </v-row>
@@ -51,14 +39,13 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useContext } from "@nuxtjs/composition-api";
-import { MealsByDate } from "./types";
-import { ReadPlanEntry } from "~/lib/api/types/meal-plan";
+import type { MealsByDate } from "./types";
+import type { ReadPlanEntry } from "~/lib/api/types/meal-plan";
 import GroupMealPlanDayContextMenu from "~/components/Domain/Household/GroupMealPlanDayContextMenu.vue";
 import RecipeCardMobile from "~/components/Domain/Recipe/RecipeCardMobile.vue";
-import { RecipeSummary } from "~/lib/api/types/recipe";
+import type { RecipeSummary } from "~/lib/api/types/recipe";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     GroupMealPlanDayContextMenu,
     RecipeCardMobile,
@@ -81,17 +68,17 @@ export default defineComponent({
       recipes: RecipeSummary[];
     };
 
-  const { i18n } = useContext();
+    const i18n = useI18n();
 
     const plan = computed<Days[]>(() => {
       return props.mealplans.reduce((acc, day) => {
         const out: Days = {
           date: day.date,
           sections: [
-            { title: i18n.tc("meal-plan.breakfast"), meals: [] },
-            { title: i18n.tc("meal-plan.lunch"), meals: [] },
-            { title: i18n.tc("meal-plan.dinner"), meals: [] },
-            { title: i18n.tc("meal-plan.side"), meals: [] },
+            { title: i18n.t("meal-plan.breakfast"), meals: [] },
+            { title: i18n.t("meal-plan.lunch"), meals: [] },
+            { title: i18n.t("meal-plan.dinner"), meals: [] },
+            { title: i18n.t("meal-plan.side"), meals: [] },
           ],
           recipes: [],
         };
@@ -99,11 +86,14 @@ export default defineComponent({
         for (const meal of day.meals) {
           if (meal.entryType === "breakfast") {
             out.sections[0].meals.push(meal);
-          } else if (meal.entryType === "lunch") {
+          }
+          else if (meal.entryType === "lunch") {
             out.sections[1].meals.push(meal);
-          } else if (meal.entryType === "dinner") {
+          }
+          else if (meal.entryType === "dinner") {
             out.sections[2].meals.push(meal);
-          } else if (meal.entryType === "side") {
+          }
+          else if (meal.entryType === "side") {
             out.sections[3].meals.push(meal);
           }
 
@@ -113,7 +103,7 @@ export default defineComponent({
         }
 
         // Drop empty sections
-        out.sections = out.sections.filter((section) => section.meals.length > 0);
+        out.sections = out.sections.filter(section => section.meals.length > 0);
 
         acc.push(out);
 
diff --git a/frontend/pages/household/mealplan/settings.vue b/frontend/pages/household/mealplan/settings.vue
index ed33973f3..87c18ad5e 100644
--- a/frontend/pages/household/mealplan/settings.vue
+++ b/frontend/pages/household/mealplan/settings.vue
@@ -2,35 +2,54 @@
   <v-container class="md-container">
     <BasePageTitle divider>
       <template #header>
-        <v-img max-height="100" max-width="100" :src="require('~/static/svgs/manage-cookbooks.svg')"></v-img>
+        <v-img
+          width="100%"
+          max-height="100"
+          max-width="100"
+          :src="require('~/static/svgs/manage-cookbooks.svg')"
+        />
+      </template>
+      <template #title>
+        {{ $t('meal-plan.meal-plan-rules') }}
       </template>
-      <template #title> {{ $t('meal-plan.meal-plan-rules') }} </template>
       {{ $t('meal-plan.meal-plan-rules-description') }}
     </BasePageTitle>
 
     <v-card>
-      <v-card-title class="headline"> {{ $t('meal-plan.new-rule') }} </v-card-title>
-      <v-divider class="mx-2"></v-divider>
+      <v-card-title class="headline">
+        {{ $t('meal-plan.new-rule') }}
+      </v-card-title>
+      <v-divider class="mx-2" />
       <v-card-text>
         {{ $t('meal-plan.new-rule-description') }}
 
         <GroupMealPlanRuleForm
           :key="createDataFormKey"
+          v-model:day="createData.day"
+          v-model:entry-type="createData.entryType"
+          v-model:query-filter-string="createData.queryFilterString"
           class="mt-2"
-          :day.sync="createData.day"
-          :entry-type.sync="createData.entryType"
-          :query-filter-string.sync="createData.queryFilterString"
         />
       </v-card-text>
       <v-card-actions class="justify-end">
-        <BaseButton create :disabled="!createData.queryFilterString" @click="createRule" />
+        <BaseButton
+          create
+          :disabled="!createData.queryFilterString"
+          @click="createRule"
+        />
       </v-card-actions>
     </v-card>
 
     <section>
-      <BaseCardSectionTitle class="mt-10" :title="$tc('meal-plan.recipe-rules')" />
+      <BaseCardSectionTitle
+        class="mt-10"
+        :title="$t('meal-plan.recipe-rules')"
+      />
       <div>
-        <div v-for="(rule, idx) in allRules" :key="rule.id">
+        <div
+          v-for="(rule, idx) in allRules"
+          :key="rule.id"
+        >
           <v-card class="my-2 left-border">
             <v-card-title class="headline pb-1">
               {{ rule.day === "unset" ? $t('meal-plan.applies-to-all-days') : $t('meal-plan.applies-on-days', [rule.day]) }}
@@ -40,12 +59,12 @@
                   :buttons="[
                     {
                       icon: $globals.icons.edit,
-                      text: $tc('general.edit'),
+                      text: $t('general.edit'),
                       event: 'edit',
                     },
                     {
                       icon: $globals.icons.delete,
-                      text: $tc('general.delete'),
+                      text: $t('general.delete'),
                       event: 'delete',
                     },
                   ]"
@@ -57,36 +76,53 @@
             <v-card-text>
               <template v-if="!editState[rule.id]">
                 <div v-if="rule.categories">
-                  <h4 class="py-1">{{ $t("category.categories") }}:</h4>
-                  <RecipeChips v-if="rule.categories.length" :items="rule.categories" small class="pb-3" />
+                  <h4 class="py-1">
+                    {{ $t("category.categories") }}:
+                  </h4>
+                  <RecipeChips
+                    v-if="rule.categories.length"
+                    :items="rule.categories"
+                    small
+                    class="pb-3"
+                  />
                   <v-card-text
                     v-else
                     label
                     class="ma-0 px-0 pt-0 pb-3"
                     text-color="accent"
-                    small
+                    size="small"
                     dark
                   >
-                    {{ $tc("meal-plan.any-category") }}
+                    {{ $t("meal-plan.any-category") }}
                   </v-card-text>
                 </div>
 
                 <div v-if="rule.tags">
-                  <h4 class="py-1">{{ $t("tag.tags") }}:</h4>
-                  <RecipeChips v-if="rule.tags.length" :items="rule.tags" url-prefix="tags" small class="pb-3" />
+                  <h4 class="py-1">
+                    {{ $t("tag.tags") }}:
+                  </h4>
+                  <RecipeChips
+                    v-if="rule.tags.length"
+                    :items="rule.tags"
+                    url-prefix="tags"
+                    small
+                    class="pb-3"
+                  />
                   <v-card-text
                     v-else
                     label
                     class="ma-0 px-0 pt-0 pb-3"
                     text-color="accent"
-                    small
+                    size="small"
                     dark
                   >
-                    {{ $tc("meal-plan.any-tag") }}
+                    {{ $t("meal-plan.any-tag") }}
                   </v-card-text>
                 </div>
                 <div v-if="rule.households">
-                  <h4 class="py-1">{{ $t("household.households") }}:</h4>
+                  <h4 class="py-1">
+                    {{ $t("household.households") }}:
+                  </h4>
                   <div v-if="rule.households.length">
                     <v-chip
                       v-for="household in rule.households"
@@ -94,7 +130,7 @@
                       label
                       class="ma-1"
                       color="accent"
-                      small
+                      size="small"
                       dark
                     >
                       {{ household.name }}
@@ -105,22 +141,26 @@
                     label
                     class="ma-0 px-0 pt-0 pb-3"
                     text-color="accent"
-                    small
+                    size="small"
                     dark
                   >
-                    {{ $tc("meal-plan.any-household") }}
+                    {{ $t("meal-plan.any-household") }}
                   </v-card-text>
                 </div>
               </template>
               <template v-else>
                 <GroupMealPlanRuleForm
-                  :day.sync="allRules[idx].day"
-                  :entry-type.sync="allRules[idx].entryType"
-                  :query-filter-string.sync="allRules[idx].queryFilterString"
+                  v-model:day="allRules[idx].day"
+                  v-model:entry-type="allRules[idx].entryType"
+                  v-model:query-filter-string="allRules[idx].queryFilterString"
                   :query-filter="allRules[idx].queryFilter"
                 />
                 <div class="d-flex justify-end">
-                  <BaseButton update :disabled="!allRules[idx].queryFilterString" @click="updateRule(rule)" />
+                  <BaseButton
+                    update
+                    :disabled="!allRules[idx].queryFilterString"
+                    @click="updateRule(rule)"
+                  />
                 </div>
               </template>
             </v-card-text>
@@ -132,27 +172,31 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, useAsync } from "@nuxtjs/composition-api";
 import { useUserApi } from "~/composables/api";
-import { PlanRulesCreate, PlanRulesOut } from "~/lib/api/types/meal-plan";
+import type { PlanRulesCreate, PlanRulesOut } from "~/lib/api/types/meal-plan";
 import GroupMealPlanRuleForm from "~/components/Domain/Household/GroupMealPlanRuleForm.vue";
 import { useAsyncKey } from "~/composables/use-utils";
 import RecipeChips from "~/components/Domain/Recipe/RecipeChips.vue";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     GroupMealPlanRuleForm,
     RecipeChips,
   },
-  middleware: ["auth"],
+  middleware: ["sidebase-auth"],
   props: {
-    value: {
+    modelValue: {
       type: Boolean,
       default: false,
     },
   },
   setup() {
     const api = useUserApi();
+    const i18n = useI18n();
+
+    useSeoMeta({
+      title: i18n.t("meal-plan.meal-plan-settings"),
+    });
 
     // ======================================================
     // Manage All
@@ -172,9 +216,9 @@ export default defineComponent({
       }
     }
 
-    useAsync(async () => {
+    useAsyncData(useAsyncKey(), async () => {
       await refreshAll();
-    }, useAsyncKey());
+    });
 
     // ======================================================
     // Creating Rules
@@ -225,10 +269,5 @@ export default defineComponent({
       toggleEditState,
     };
   },
-  head() {
-    return {
-      title: this.$tc("meal-plan.meal-plan-settings"),
-    };
-  },
 });
 </script>
diff --git a/frontend/pages/household/members.vue b/frontend/pages/household/members.vue
index 4336d8002..d8c3d056e 100644
--- a/frontend/pages/household/members.vue
+++ b/frontend/pages/household/members.vue
@@ -2,21 +2,32 @@
   <v-container>
     <BasePageTitle divider>
       <template #header>
-        <v-img max-height="125" max-width="125" :src="require('~/static/svgs/manage-members.svg')"></v-img>
+        <v-img
+          width="100%"
+          max-height="125"
+          max-width="125"
+          :src="require('~/static/svgs/manage-members.svg')"
+        />
       </template>
-      <template #title> {{ $t('group.manage-members') }} </template>
-        <i18n path="group.manage-members-description">
-          <template #manage>
-            <b>{{ $t('group.manage') }}</b>
-          </template>
-          <template #invite>
-            <b>{{ $t('group.invite') }}</b>
-          </template>
-        </i18n>
-        <v-container class="mt-1 px-0">
-        <nuxt-link class="text-center" :to="`/user/profile/edit`"> {{ $t('group.looking-to-update-your-profile') }} </nuxt-link>
+      <template #title>
+        {{ $t('group.manage-members') }}
+      </template>
+      <i18n-t keypath="group.manage-members-description">
+        <template #manage>
+          <b>{{ $t('group.manage') }}</b>
+        </template>
+        <template #invite>
+          <b>{{ $t('group.invite') }}</b>
+        </template>
+      </i18n-t>
+      <v-container class="mt-1 px-0">
+        <nuxt-link
+          class="text-center"
+          :to="`/user/profile/edit`"
+        > {{ $t('group.looking-to-update-your-profile') }}
+        </nuxt-link>
       </v-container>
-      </BasePageTitle>
+    </BasePageTitle>
     <v-data-table
       :headers="headers"
       :items="members || []"
@@ -25,54 +36,78 @@
       hide-default-footer
       disable-pagination
     >
-      <template #item.avatar="{ item }">
-        <UserAvatar :tooltip="false" :user-id="item.id" />
+      <template #[`item.avatar`]="{ item }">
+        <UserAvatar
+          v-if="item"
+          :tooltip="false"
+          :user-id="item.id"
+        />
       </template>
-      <template #item.admin="{ item }">
-        {{ item.admin ? $t('user.admin') : $t('user.user') }}
+      <template #[`item.admin`]="{ item }">
+        {{ item && item.admin ? $t('user.admin') : $t('user.user') }}
       </template>
-      <template #item.manageHousehold="{ item }">
-        <div class="d-flex justify-center">
+      <template #[`item.manageHousehold`]="{ item }">
+        <div
+          v-if="item"
+          class="d-flex justify-center"
+        >
           <v-checkbox
             v-model="item.canManageHousehold"
-            :disabled="item.id === $auth.user.id || item.admin"
+            :disabled="item.id === sessionUser?.id || item.admin"
+            color="primary"
             class=""
             style="max-width: 30px"
+            hide-details
             @change="setPermissions(item)"
-          ></v-checkbox>
+          />
         </div>
       </template>
-      <template #item.manage="{ item }">
-        <div class="d-flex justify-center">
+      <template #[`item.manage`]="{ item }">
+        <div
+          v-if="item"
+          class="d-flex justify-center"
+        >
           <v-checkbox
             v-model="item.canManage"
-            :disabled="item.id === $auth.user.id || item.admin"
+            :disabled="item.id === sessionUser?.id || item.admin"
             class=""
             style="max-width: 30px"
+            hide-details
+            color="primary"
             @change="setPermissions(item)"
-          ></v-checkbox>
+          />
         </div>
       </template>
-      <template #item.organize="{ item }">
-        <div class="d-flex justify-center">
+      <template #[`item.organize`]="{ item }">
+        <div
+          v-if="item"
+          class="d-flex justify-center"
+        >
           <v-checkbox
             v-model="item.canOrganize"
-            :disabled="item.id === $auth.user.id || item.admin"
+            :disabled="item.id === sessionUser?.id || item.admin"
             class=""
             style="max-width: 30px"
+            hide-details
+            color="primary"
             @change="setPermissions(item)"
-          ></v-checkbox>
+          />
         </div>
       </template>
-      <template #item.invite="{ item }">
-        <div class="d-flex justify-center">
+      <template #[`item.invite`]="{ item }">
+        <div
+          v-if="item"
+          class="d-flex justify-center"
+        >
           <v-checkbox
             v-model="item.canInvite"
-            :disabled="item.id === $auth.user.id || item.admin"
+            :disabled="item.id === sessionUser?.id || item.admin"
             class=""
             style="max-width: 30px"
+            hide-details
+            color="primary"
             @change="setPermissions(item)"
-          ></v-checkbox>
+          />
         </div>
       </template>
     </v-data-table>
@@ -80,32 +115,35 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, onMounted, useContext } from "@nuxtjs/composition-api";
 import { useUserApi } from "~/composables/api";
-import { UserOut } from "~/lib/api/types/user";
+import type { UserOut } from "~/lib/api/types/user";
 import UserAvatar from "~/components/Domain/User/UserAvatar.vue";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     UserAvatar,
   },
-  middleware: ["auth"],
+  middleware: ["sidebase-auth"],
   setup() {
+    const $auth = useMealieAuth();
     const api = useUserApi();
+    const i18n = useI18n();
 
-    const { i18n } = useContext();
+    useSeoMeta({
+      title: i18n.t("profile.members"),
+    });
 
     const members = ref<UserOut[] | null[]>([]);
 
     const headers = [
-      { text: "", value: "avatar", sortable: false, align: "center" },
-      { text: i18n.t("user.username"), value: "username" },
-      { text: i18n.t("user.full-name"), value: "fullName" },
-      { text: i18n.t("user.admin"), value: "admin" },
-      { text: i18n.t("group.manage"), value: "manage", sortable: false, align: "center" },
-      { text: i18n.t("settings.organize"), value: "organize", sortable: false, align: "center" },
-      { text: i18n.t("group.invite"), value: "invite", sortable: false, align: "center" },
-      { text: i18n.t("group.manage-household"), value: "manageHousehold", sortable: false, align: "center" },
+      { title: "", value: "avatar", sortable: false, align: "center" },
+      { title: i18n.t("user.username"), value: "username" },
+      { title: i18n.t("user.full-name"), value: "fullName" },
+      { title: i18n.t("user.admin"), value: "admin" },
+      { title: i18n.t("group.manage"), value: "manage", sortable: false, align: "center" },
+      { title: i18n.t("settings.organize"), value: "organize", sortable: false, align: "center" },
+      { title: i18n.t("group.invite"), value: "invite", sortable: false, align: "center" },
+      { title: i18n.t("group.manage-household"), value: "manageHousehold", sortable: false, align: "center" },
     ];
 
     async function refreshMembers() {
@@ -131,12 +169,7 @@ export default defineComponent({
       await refreshMembers();
     });
 
-    return { members, headers, setPermissions };
-  },
-  head() {
-    return {
-      title: this.$t("profile.members"),
-    };
+    return { members, headers, setPermissions, sessionUser: $auth.user };
   },
 });
 </script>
diff --git a/frontend/pages/household/notifiers.vue b/frontend/pages/household/notifiers.vue
index a709c4633..a09e8c2e1 100644
--- a/frontend/pages/household/notifiers.vue
+++ b/frontend/pages/household/notifiers.vue
@@ -3,65 +3,138 @@
     <BaseDialog
       v-model="deleteDialog"
       color="error"
-      :title="$tc('general.confirm')"
+      :title="$t('general.confirm')"
       :icon="$globals.icons.alertCircle"
+      can-confirm
       @confirm="deleteNotifier(deleteTargetId)"
     >
       <v-card-text>
         {{ $t("general.confirm-delete-generic") }}
       </v-card-text>
     </BaseDialog>
-    <BaseDialog v-model="createDialog" :title="$t('events.new-notification')" @submit="createNewNotifier">
+    <BaseDialog
+      v-model="createDialog"
+      :title="$t('events.new-notification')"
+      can-submit
+      @submit="createNewNotifier"
+    >
       <v-card-text>
-        <v-text-field v-model="createNotifierData.name" :label="$t('general.name')"></v-text-field>
-        <v-text-field v-model="createNotifierData.appriseUrl" :label="$t('events.apprise-url')"></v-text-field>
+        <v-text-field
+          v-model="createNotifierData.name"
+          :label="$t('general.name')"
+        />
+        <v-text-field
+          v-model="createNotifierData.appriseUrl"
+          :label="$t('events.apprise-url')"
+        />
       </v-card-text>
     </BaseDialog>
 
     <BasePageTitle divider>
       <template #header>
-        <v-img max-height="125" max-width="125" :src="require('~/static/svgs/manage-notifiers.svg')"></v-img>
+        <v-img
+          width="100%"
+          max-height="125"
+          max-width="125"
+          :src="require('~/static/svgs/manage-notifiers.svg')"
+        />
+      </template>
+      <template #title>
+        {{ $t("events.event-notifiers") }}
       </template>
-      <template #title> {{ $t("events.event-notifiers") }} </template>
       {{ $t("events.new-notification-form-description") }}
 
       <div class="mt-3 d-flex flex-wrap justify-space-between mx-n2">
-        <a href="https://github.com/caronc/apprise/wiki" target="_blanks" class="mx-2"> Apprise </a>
-        <a href="https://github.com/caronc/apprise/wiki/Notify_gotify" target="_blanks" class="mx-2"> Gotify </a>
-        <a href="https://github.com/caronc/apprise/wiki/Notify_discord" target="_blanks" class="mx-2"> Discord </a>
-        <a href="https://github.com/caronc/apprise/wiki/Notify_homeassistant" target="_blanks" class="mx-2"> Home Assistant </a>
-        <a href="https://github.com/caronc/apprise/wiki/Notify_matrix" target="_blanks" class="mx-2"> Matrix </a>
-        <a href="https://github.com/caronc/apprise/wiki/Notify_pushover" target="_blanks" class="mx-2"> Pushover </a>
+        <a
+          href="https://github.com/caronc/apprise/wiki"
+          target="_blanks"
+          class="mx-2"
+        > Apprise </a>
+        <a
+          href="https://github.com/caronc/apprise/wiki/Notify_gotify"
+          target="_blanks"
+          class="mx-2"
+        > Gotify </a>
+        <a
+          href="https://github.com/caronc/apprise/wiki/Notify_discord"
+          target="_blanks"
+          class="mx-2"
+        > Discord </a>
+        <a
+          href="https://github.com/caronc/apprise/wiki/Notify_homeassistant"
+          target="_blanks"
+          class="mx-2"
+        > Home
+          Assistant
+        </a>
+        <a
+          href="https://github.com/caronc/apprise/wiki/Notify_matrix"
+          target="_blanks"
+          class="mx-2"
+        > Matrix </a>
+        <a
+          href="https://github.com/caronc/apprise/wiki/Notify_pushover"
+          target="_blanks"
+          class="mx-2"
+        > Pushover </a>
       </div>
     </BasePageTitle>
 
-    <BaseButton create @click="createDialog = true" />
-    <v-expansion-panels v-if="notifiers" class="mt-2">
-      <v-expansion-panel v-for="(notifier, index) in notifiers" :key="index" class="my-2 left-border rounded">
-        <v-expansion-panel-header disable-icon-rotate class="headline">
+    <BaseButton
+      create
+      @click="createDialog = true"
+    />
+    <v-expansion-panels
+      v-if="notifiers"
+      class="mt-2"
+    >
+      <v-expansion-panel
+        v-for="(notifier, index) in notifiers"
+        :key="index"
+        class="my-2 left-border rounded"
+      >
+        <v-expansion-panel-title
+          disable-icon-rotate
+          class="headline"
+        >
           <div class="d-flex align-center">
             {{ notifier.name }}
           </div>
           <template #actions>
-            <v-btn icon class="ml-2">
+            <v-btn
+              icon
+              class="ml-2"
+            >
               <v-icon>
                 {{ $globals.icons.edit }}
               </v-icon>
             </v-btn>
           </template>
-        </v-expansion-panel-header>
-        <v-expansion-panel-content>
-          <v-text-field v-model="notifiers[index].name" :label="$t('general.name')"></v-text-field>
+        </v-expansion-panel-title>
+        <v-expansion-panel-text>
+          <v-text-field
+            v-model="notifiers[index].name"
+            :label="$t('general.name')"
+          />
           <v-text-field
             v-model="notifiers[index].appriseUrl"
             :label="$t('events.apprise-url-skipped-if-blank')"
-          ></v-text-field>
-          <v-checkbox v-model="notifiers[index].enabled" :label="$t('events.enable-notifier')" dense></v-checkbox>
+          />
+          <v-checkbox
+            v-model="notifiers[index].enabled"
+            :label="$t('events.enable-notifier')"
+            density="compact"
+          />
 
-          <v-divider></v-divider>
-          <p class="pt-4">{{ $t("events.what-events") }}</p>
+          <v-divider />
+          <p class="pt-4">
+            {{ $t("events.what-events") }}
+          </p>
           <div class="notifier-options">
-            <section v-for="sec in optionsSections" :key="sec.id">
+            <section
+              v-for="sec in optionsSections"
+              :key="sec.id"
+            >
               <h4>
                 {{ sec.text }}
               </h4>
@@ -70,28 +143,28 @@
                 :key="opt.key"
                 v-model="notifiers[index].options[opt.key]"
                 hide-details
-                dense
+                density="compact"
                 :label="opt.text"
               />
             </section>
           </div>
           <v-card-actions class="py-0">
-            <v-spacer></v-spacer>
+            <v-spacer />
             <BaseButtonGroup
               :buttons="[
                 {
                   icon: $globals.icons.delete,
-                  text: $tc('general.delete'),
+                  text: $t('general.delete'),
                   event: 'delete',
                 },
                 {
                   icon: $globals.icons.testTube,
-                  text: $tc('general.test'),
+                  text: $t('general.test'),
                   event: 'test',
                 },
                 {
                   icon: $globals.icons.save,
-                  text: $tc('general.save'),
+                  text: $t('general.save'),
                   event: 'save',
                 },
               ]"
@@ -100,33 +173,37 @@
               @test="testNotifier(notifier)"
             />
           </v-card-actions>
-        </v-expansion-panel-content>
+        </v-expansion-panel-text>
       </v-expansion-panel>
     </v-expansion-panels>
   </v-container>
 </template>
+
 <script lang="ts">
-import { defineComponent, useAsync, reactive, useContext, toRefs } from "@nuxtjs/composition-api";
 import { useUserApi } from "~/composables/api";
 import { useAsyncKey } from "~/composables/use-utils";
-import { GroupEventNotifierCreate, GroupEventNotifierOut } from "~/lib/api/types/household";
+import type { GroupEventNotifierCreate, GroupEventNotifierOut } from "~/lib/api/types/household";
 
 interface OptionKey {
   text: string;
   key: keyof GroupEventNotifierOut["options"];
 }
 
-
 interface OptionSection {
   id: number;
   text: string;
   options: OptionKey[];
 }
 
-export default defineComponent({
-  middleware: ["auth", "advanced-only"],
+export default defineNuxtComponent({
+  middleware: ["sidebase-auth", "advanced-only"],
   setup() {
     const api = useUserApi();
+    const i18n = useI18n();
+
+    useSeoMeta({
+      title: i18n.t("profile.notifiers"),
+    });
 
     const state = reactive({
       deleteDialog: false,
@@ -134,10 +211,10 @@ export default defineComponent({
       deleteTargetId: "",
     });
 
-    const notifiers = useAsync(async () => {
+    const { data: notifiers } = useAsyncData(useAsyncKey(), async () => {
       const { data } = await api.groupEventNotifier.getAll();
       return data?.items;
-    }, useAsyncKey());
+    });
 
     async function refreshNotifiers() {
       const { data } = await api.groupEventNotifier.getAll();
@@ -177,12 +254,11 @@ export default defineComponent({
 
     // ===============================================================
     // Options Definitions
-    const { i18n } = useContext();
 
     const optionsSections: OptionSection[] = [
       {
         id: 1,
-        text: i18n.tc("events.recipe-events"),
+        text: i18n.t("events.recipe-events"),
         options: [
           {
             text: i18n.t("general.create") as string,
@@ -200,27 +276,27 @@ export default defineComponent({
       },
       {
         id: 2,
-        text: i18n.tc("events.user-events"),
+        text: i18n.t("events.user-events"),
         options: [
           {
-            text: i18n.tc("events.when-a-new-user-joins-your-group"),
+            text: i18n.t("events.when-a-new-user-joins-your-group"),
             key: "userSignup",
           },
         ],
       },
       {
         id: 3,
-        text: i18n.tc("events.mealplan-events"),
+        text: i18n.t("events.mealplan-events"),
         options: [
           {
-            text: i18n.tc("events.when-a-user-in-your-group-creates-a-new-mealplan"),
+            text: i18n.t("events.when-a-user-in-your-group-creates-a-new-mealplan"),
             key: "mealplanEntryCreated",
           },
         ],
       },
       {
         id: 4,
-        text: i18n.tc("events.shopping-list-events"),
+        text: i18n.t("events.shopping-list-events"),
         options: [
           {
             text: i18n.t("general.create") as string,
@@ -238,7 +314,7 @@ export default defineComponent({
       },
       {
         id: 5,
-        text: i18n.tc("events.cookbook-events"),
+        text: i18n.t("events.cookbook-events"),
         options: [
           {
             text: i18n.t("general.create") as string,
@@ -256,7 +332,7 @@ export default defineComponent({
       },
       {
         id: 6,
-        text: i18n.tc("events.tag-events"),
+        text: i18n.t("events.tag-events"),
         options: [
           {
             text: i18n.t("general.create") as string,
@@ -274,7 +350,7 @@ export default defineComponent({
       },
       {
         id: 7,
-        text: i18n.tc("events.category-events"),
+        text: i18n.t("events.category-events"),
         options: [
           {
             text: i18n.t("general.create") as string,
@@ -304,11 +380,6 @@ export default defineComponent({
       createNewNotifier,
     };
   },
-  head() {
-    return {
-      title: this.$t("profile.notifiers"),
-    };
-  },
 });
 </script>
 
diff --git a/frontend/pages/household/webhooks.vue b/frontend/pages/household/webhooks.vue
index 47d51a296..ffb05794d 100644
--- a/frontend/pages/household/webhooks.vue
+++ b/frontend/pages/household/webhooks.vue
@@ -2,68 +2,93 @@
   <v-container class="narrow-container">
     <BasePageTitle divider>
       <template #header>
-        <v-img max-height="125" max-width="125" :src="require('~/static/svgs/manage-webhooks.svg')"></v-img>
+        <v-img
+          width="100%"
+          max-height="125"
+          max-width="125"
+          :src="require('~/static/svgs/manage-webhooks.svg')"
+        />
+      </template>
+      <template #title>
+        {{ $t('settings.webhooks.webhooks') }}
       </template>
-      <template #title> {{ $t('settings.webhooks.webhooks') }} </template>
       <v-card-text class="pb-0">
         {{ $t('settings.webhooks.description') }}
       </v-card-text>
     </BasePageTitle>
 
-    <BaseButton create @click="actions.createOne()" />
+    <BaseButton
+      create
+      @click="actions.createOne()"
+    />
     <v-expansion-panels class="mt-2">
-      <v-expansion-panel v-for="(webhook, index) in webhooks" :key="index" class="my-2 left-border rounded">
-        <v-expansion-panel-header disable-icon-rotate class="headline">
+      <v-expansion-panel
+        v-for="(webhook, index) in webhooks"
+        :key="index"
+        class="my-2 left-border rounded"
+      >
+        <v-expansion-panel-title
+          disable-icon-rotate
+          class="headline"
+        >
           <div class="d-flex align-center">
-            <v-icon large left :color="webhook.enabled ? 'info' : null">
+            <v-icon
+              size="large"
+              start
+              :color="webhook.enabled ? 'info' : undefined"
+            >
               {{ $globals.icons.webhook }}
             </v-icon>
             {{ webhook.name }} - {{ $d(timeUTC(webhook.scheduledTime), "time") }}
           </div>
           <template #actions>
-            <v-btn small icon class="ml-2">
+            <v-btn
+              size="small"
+              icon
+              flat
+              class="ml-2"
+            >
               <v-icon>
                 {{ $globals.icons.edit }}
               </v-icon>
             </v-btn>
           </template>
-        </v-expansion-panel-header>
-        <v-expansion-panel-content>
+        </v-expansion-panel-title>
+        <v-expansion-panel-text>
           <GroupWebhookEditor
             :key="webhook.id"
             :webhook="webhook"
             @save="actions.updateOne($event)"
             @delete="actions.deleteOne($event)"
-            @test="actions.testOne($event).then(() => alert.success($tc('events.test-message-sent')))"
+            @test="actions.testOne($event).then(() => alert.success($t('events.test-message-sent')))"
           />
-        </v-expansion-panel-content>
+        </v-expansion-panel-text>
       </v-expansion-panel>
     </v-expansion-panels>
   </v-container>
 </template>
 
 <script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
 import { useGroupWebhooks, timeUTC } from "~/composables/use-group-webhooks";
 import GroupWebhookEditor from "~/components/Domain/Household/GroupWebhookEditor.vue";
 import { alert } from "~/composables/use-toast";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { GroupWebhookEditor },
-  middleware: ["auth", "advanced-only"],
+  middleware: ["sidebase-auth", "advanced-only"],
   setup() {
+    const i18n = useI18n();
     const { actions, webhooks } = useGroupWebhooks();
 
+    useSeoMeta({
+      title: i18n.t("settings.webhooks.webhooks"),
+    });
+
     return {
       alert,
       webhooks,
       actions,
-      timeUTC
-    };
-  },
-  head() {
-    return {
-      title: this.$t("settings.webhooks.webhooks") as string,
+      timeUTC,
     };
   },
 });
diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index c6fb9dc33..07619fe4d 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -1,42 +1,48 @@
 <template>
-  <div></div>
+  <div />
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useAsync, useContext, useRouter } from "@nuxtjs/composition-api";
 import { useAsyncKey } from "~/composables/use-utils";
-import { AppInfo, AppStartupInfo } from "~/lib/api/types/admin";
+import type { AppInfo, AppStartupInfo } from "~/lib/api/types/admin";
 
-export default defineComponent({
-  layout: "blank",
+export default defineNuxtComponent({
   setup() {
-    const { $auth, $axios } = useContext();
+    definePageMeta({
+      layout: "blank",
+    });
+
+    const $auth = useMealieAuth();
+    const { $axios } = useNuxtApp();
     const router = useRouter();
-    const groupSlug = computed(() => $auth.user?.groupSlug);
+    const groupSlug = computed(() => $auth.user.value?.groupSlug);
 
     async function redirectPublicUserToDefaultGroup() {
       const { data } = await $axios.get<AppInfo>("/api/app/about");
       if (data?.defaultGroupSlug) {
         router.push(`/g/${data.defaultGroupSlug}`);
-      } else {
+      }
+      else {
         router.push("/login");
       }
     }
 
-    useAsync(async () => {
+    useAsyncData(useAsyncKey(), async () => {
       if (groupSlug.value) {
         const data = await $axios.get<AppStartupInfo>("/api/app/about/startup-info");
         const isDemo = data.data.isDemo;
         const isFirstLogin = data.data.isFirstLogin;
-        if (!isDemo && isFirstLogin && $auth.user?.admin) {
+        if (!isDemo && isFirstLogin && $auth.user.value?.admin) {
           router.push("/admin/setup");
-        } else {
+        }
+        else {
           router.push(`/g/${groupSlug.value}`);
         }
-      } else {
+      }
+      else {
         redirectPublicUserToDefaultGroup();
       }
-    }, useAsyncKey());
-  }
+    });
+  },
 });
 </script>
diff --git a/frontend/pages/login.vue b/frontend/pages/login.vue
index 0032f1f97..1e70ea2ac 100644
--- a/frontend/pages/login.vue
+++ b/frontend/pages/login.vue
@@ -1,33 +1,60 @@
 <template>
   <v-container
-    fill-height
     fluid
-    class="d-flex justify-center align-center flex-column"
+    class="d-flex justify-center align-center flex-column fill-height"
     :class="{
-      'bg-off-white': !$vuetify.theme.dark && !isDark,
+      'bg-off-white': !$vuetify.theme.current.dark && !isDark,
     }"
   >
-    <v-alert v-if="isFirstLogin" class="my-4" type="info" icon="mdi-information">
+    <v-alert
+      v-if="isFirstLogin"
+      class="my-4"
+      type="info"
+      :icon="$globals.icons.information"
+      :style="{ flex: 'none' }"
+    >
       <div>
         <p class="mb-3">
-          {{ $tc('user.it-looks-like-this-is-your-first-time-logging-in')}}
+          {{ $t('user.it-looks-like-this-is-your-first-time-logging-in') }}
+        </p>
+        <p class="mb-1">
+          <strong>{{ $t('user.username') }}:</strong> changeme@example.com
+        </p>
+        <p class="mb-3">
+          <strong>{{ $t('user.password') }}:</strong> MyPassword
         </p>
-        <p class="mb-1"><strong>{{ $tc('user.username') }}:</strong> changeme@example.com</p>
-        <p class="mb-3"><strong>{{  $tc('user.password') }}:</strong> MyPassword</p>
         <p>
-          {{  $tc('user.dont-want-to-see-this-anymore-be-sure-to-change-your-email') }}
+          {{ $t('user.dont-want-to-see-this-anymore-be-sure-to-change-your-email') }}
         </p>
       </div>
     </v-alert>
-    <v-card tag="section" class="d-flex flex-column align-center" width="600px">
-      <v-toolbar width="100%" color="primary" class="d-flex justify-center mb-4" dark>
-        <v-toolbar-title class="headline text-h4"> Mealie </v-toolbar-title>
+    <v-card
+      tag="section"
+      class="d-flex flex-column align-center w-100"
+      max-width="600"
+    >
+      <v-toolbar
+        color="primary"
+        class="d-flex justify-center mb-4"
+        dark
+      >
+        <v-toolbar-title class="text-h4 text-center">
+          Mealie
+        </v-toolbar-title>
       </v-toolbar>
 
       <div class="icon-container">
-        <v-divider class="icon-divider"></v-divider>
-        <v-avatar class="pa-2 icon-avatar" color="primary" size="100">
-          <svg class="icon-white" style="width: 100px; height: 100px" viewBox="0 0 24 24">
+        <v-divider class="icon-divider" />
+        <v-avatar
+          class="pa-2 icon-avatar"
+          color="primary"
+          size="100"
+        >
+          <svg
+            class="icon-white"
+            style="width: 100px; height: 100px"
+            viewBox="0 0 24 24"
+          >
             <path
               d="M8.1,13.34L3.91,9.16C2.35,7.59 2.35,5.06 3.91,3.5L10.93,10.5L8.1,13.34M13.41,13L20.29,19.88L18.88,21.29L12,14.41L5.12,21.29L3.71,19.88L13.36,10.22L13.16,10C12.38,9.23 12.38,7.97 13.16,7.19L17.5,2.82L18.43,3.74L15.19,7L16.15,7.94L19.39,4.69L20.31,5.61L17.06,8.85L18,9.81L21.26,6.56L22.18,7.5L17.81,11.84C17.03,12.62 15.77,12.62 15,11.84L14.78,11.64L13.41,13Z"
             />
@@ -35,18 +62,20 @@
         </v-avatar>
       </div>
 
-      <v-card-title class="headline justify-center pb-3"> {{ $t('user.sign-in') }} </v-card-title>
-      <v-card-text>
+      <v-card-title class="text-h5 justify-center pb-3">
+        {{ $t('user.sign-in') }}
+      </v-card-title>
+      <v-card-text class="w-100">
         <v-form @submit.prevent="authenticate">
           <v-text-field
             v-if="allowPasswordLogin"
             v-model="form.email"
             :prepend-inner-icon="$globals.icons.email"
-            filled
-            rounded
+            variant="solo-filled"
+            flat
+            width="100%"
             autofocus
             autocomplete="username"
-            class="rounded-lg"
             name="login"
             :label="$t('user.email-or-username')"
             type="text"
@@ -56,50 +85,99 @@
             id="password"
             v-model="form.password"
             :prepend-inner-icon="$globals.icons.lock"
-            :append-icon="passwordIcon"
-            filled
-            rounded
+            :append-inner-icon="passwordIcon"
+            variant="solo-filled"
+            flat
             autocomplete="current-password"
-            class="rounded-lg"
             name="password"
             :label="$t('user.password')"
             :type="inputType"
-            @click:append="togglePasswordShow"
+            @click:append-inner="togglePasswordShow"
+          />
+          <v-checkbox
+            v-if="allowPasswordLogin"
+            v-model="form.remember"
+            class="ml-2 mt-n2"
+            :label="$t('user.remember-me')"
           />
-          <v-checkbox v-if="allowPasswordLogin" v-model="form.remember" class="ml-2 mt-n2" :label="$t('user.remember-me')"></v-checkbox>
           <v-card-actions v-if="allowPasswordLogin" class="justify-center pt-0">
             <div class="max-button">
-              <v-btn :loading="loggingIn" :disabled="oidcLoggingIn" color="primary" type="submit" large rounded class="rounded-xl" block>
+              <v-btn
+                :loading="loggingIn"
+                :disabled="oidcLoggingIn"
+                variant="elevated"
+                color="primary"
+                type="submit"
+                size="large"
+                rounded
+                class="rounded-xl"
+                block
+              >
                 {{ $t("user.login") }}
               </v-btn>
             </div>
           </v-card-actions>
 
-          <div v-if="allowOidc && allowPasswordLogin" class="d-flex my-4 justify-center align-center" width="80%">
-            <v-divider class="div-width"/>
+          <div
+            v-if="allowOidc && allowPasswordLogin"
+            class="d-flex my-4 justify-center align-center"
+            width="80%"
+          >
+            <v-divider class="div-width" />
             <span
-                class="absolute px-2"
-                :class="{
-                    'bg-white': !$vuetify.theme.dark && !isDark,
-                    'bg-background': $vuetify.theme.dark || isDark,
-                }"
+              class="absolute px-2"
+              :class="{
+                'bg-white': !$vuetify.theme.current.dark && !isDark,
+                'bg-grey-darken-4': $vuetify.theme.current.dark || isDark,
+              }"
             >
-                {{ $t("user.or") }}
+              {{ $t("user.or") }}
             </span>
           </div>
-          <v-card-actions v-if="allowOidc" class="justify-center">
-          <div class="max-button">
-            <v-btn :loading="oidcLoggingIn" color="primary" large rounded class="rounded-xl" block @click.native="() => oidcAuthenticate()">
+          <v-card-actions
+            v-if="allowOidc"
+            class="justify-center"
+          >
+            <div class="max-button">
+              <v-btn
+                :loading="oidcLoggingIn"
+                color="primary"
+                size="large"
+                variant="elevated"
+                rounded
+                class="rounded-xl"
+                block
+                @click="() => oidcAuthenticate()"
+              >
                 {{ $t("user.login-oidc") }} {{ oidcProviderName }}
-            </v-btn>
-          </div>
-        </v-card-actions>
+              </v-btn>
+            </div>
+          </v-card-actions>
         </v-form>
       </v-card-text>
       <v-card-actions class="d-flex justify-center flex-column flex-sm-row">
-        <v-btn v-if="allowSignup && allowPasswordLogin" text to="/register"> {{ $t("user.register") }} </v-btn>
-        <v-btn v-else text disabled> {{ $t("user.invite-only") }} </v-btn>
-        <v-btn v-if="allowPasswordLogin" class="mr-auto" text to="/forgot-password"> {{ $t("user.reset-password") }} </v-btn>
+        <v-btn
+          v-if="allowSignup && allowPasswordLogin"
+          variant="text"
+          to="/register"
+        >
+          {{ $t("user.register") }}
+        </v-btn>
+        <v-btn
+          v-else
+          variant="text"
+          disabled
+        >
+          {{ $t("user.invite-only") }}
+        </v-btn>
+        <v-btn
+          v-if="allowPasswordLogin"
+          class="mr-auto"
+          variant="text"
+          to="/forgot-password"
+        >
+          {{ $t("user.reset-password") }}
+        </v-btn>
       </v-card-actions>
 
       <v-card-text class="d-flex justify-center flex-column flex-sm-row">
@@ -124,8 +202,12 @@
           :key="link.text"
           class="text-center"
         >
-          <v-btn text :href="link.href" target="_blank">
-            <v-icon left>
+          <v-btn
+            variant="text"
+            :href="link.href"
+            target="_blank"
+          >
+            <v-icon start>
               {{ link.icon }}
             </v-icon>
             {{ link.text }}
@@ -137,46 +219,53 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, useContext, computed, reactive, useRouter, useAsync, onBeforeMount } from "@nuxtjs/composition-api";
 import { useDark, whenever } from "@vueuse/core";
 import { useLoggedInState } from "~/composables/use-logged-in-state";
 import { useAppInfo } from "~/composables/api";
 import { usePasswordField } from "~/composables/use-passwords";
 import { alert } from "~/composables/use-toast";
 import { useAsyncKey } from "~/composables/use-utils";
-import { AppStartupInfo } from "~/lib/api/types/admin";
-
-export default defineComponent({
-  layout: "blank",
+import type { AppStartupInfo } from "~/lib/api/types/admin";
 
+export default defineNuxtComponent({
   setup() {
+    definePageMeta({
+      layout: "blank",
+    });
     const isDark = useDark();
 
     const router = useRouter();
-    const { $auth, i18n, $axios } = useContext();
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
+    const { $axios } = useNuxtApp();
     const { loggedIn } = useLoggedInState();
-    const groupSlug = computed(() => $auth.user?.groupSlug);
+    const groupSlug = computed(() => $auth.user.value?.groupSlug);
     const isDemo = ref(false);
     const isFirstLogin = ref(false);
 
+    useSeoMeta({
+      title: i18n.t("user.login"),
+    });
+
     const form = reactive({
       email: "",
       password: "",
       remember: false,
     });
 
-    useAsync(async () => {
+    useAsyncData(useAsyncKey(), async () => {
       const data = await $axios.get<AppStartupInfo>("/api/app/about/startup-info");
       isDemo.value = data.data.isDemo;
       isFirstLogin.value = data.data.isFirstLogin;
-    }, useAsyncKey());
+    });
 
     whenever(
       () => loggedIn.value && groupSlug.value,
       () => {
-        if (!isDemo.value && isFirstLogin.value && $auth.user?.admin) {
+        if (!isDemo.value && isFirstLogin.value && $auth.user.value?.admin) {
           router.push("/admin/setup");
-        } else {
+        }
+        else {
           router.push(`/g/${groupSlug.value || ""}`);
         }
       },
@@ -184,7 +273,7 @@ export default defineComponent({
     );
 
     const loggingIn = ref(false);
-    const oidcLoggingIn = ref(false)
+    const oidcLoggingIn = ref(false);
 
     const appInfo = useAppInfo();
 
@@ -196,47 +285,49 @@ export default defineComponent({
     const oidcProviderName = computed(() => appInfo.value?.oidcProviderName || "OAuth");
     const allowPasswordLogin = computed(() => appInfo.value?.allowPasswordLogin ?? true);
 
-
     whenever(
-        () => allowOidc.value && oidcRedirect.value && !isCallback() && !isDirectLogin() && !$auth.check().valid,
-        () => oidcAuthenticate(),
-        {immediate: true}
-    )
+      () => allowOidc.value && oidcRedirect.value && !isCallback() && !isDirectLogin() /* && !$auth.check().valid */,
+      () => oidcAuthenticate(),
+      { immediate: true },
+    );
 
     onBeforeMount(async () => {
-        if (isCallback()) {
-            await oidcAuthenticate(true)
-        }
-    })
+      if (isCallback()) {
+        await oidcAuthenticate(true);
+      }
+    });
 
     function isCallback() {
-        const params = new URLSearchParams(window.location.search)
-        return params.has("code") || params.has("error")
+      const params = new URLSearchParams(window.location.search);
+      return params.has("code") || params.has("error");
     }
 
     function isDirectLogin() {
-        const params = new URLSearchParams(window.location.search)
-        return params.has("direct") && params.get("direct") === "1"
+      const params = new URLSearchParams(window.location.search);
+      return params.has("direct") && params.get("direct") === "1";
     }
 
     async function oidcAuthenticate(callback = false) {
-        if (callback) {
-            oidcLoggingIn.value = true
-            try {
-                await $auth.loginWith("oidc", { params: new URLSearchParams(window.location.search)})
-            } catch (error) {
-                await router.replace("/login?direct=1")
-                alertOnError(error)
-            }
-            oidcLoggingIn.value = false
-        } else {
-            window.location.replace("/api/auth/oauth") // start the redirect process
+      if (callback) {
+        oidcLoggingIn.value = true;
+        try {
+          await $auth.oauthSignIn();
+          window.location.href = "/"; // Reload the app to get the new user
         }
+        catch (error) {
+          await router.replace("/login?direct=1");
+          alertOnError(error);
+        }
+        oidcLoggingIn.value = false;
+      }
+      else {
+        navigateTo("/api/auth/oauth", { external: true }); // start the redirect process
+      }
     }
 
     async function authenticate() {
       if (form.email.length === 0 || form.password.length === 0) {
-        alert.error(i18n.t("user.please-enter-your-email-and-password") as string);
+        alert.error(i18n.t("user.please-enter-your-email-and-password"));
         return;
       }
 
@@ -247,27 +338,30 @@ export default defineComponent({
       formData.append("remember_me", String(form.remember));
 
       try {
-        await $auth.loginWith("local", { data: formData });
-      } catch (error) {
-        alertOnError(error)
+        await $auth.signIn(formData, { redirect: false });
+        window.location.href = "/"; // Reload the app to get the new user
+      }
+      catch (error) {
+        console.log(error);
+        alertOnError(error);
       }
       loggingIn.value = false;
     }
 
     function alertOnError(error: any) {
-        // TODO Check if error is an AxiosError, but isAxiosError is not working right now
-        // See https://github.com/nuxt-community/axios-module/issues/550
-        // Import $axios from useContext()
-        // if ($axios.isAxiosError(error) && error.response?.status === 401) {
-        // @ts-ignore- see above
-        if (error.response?.status === 401) {
-          alert.error(i18n.t("user.invalid-credentials") as string);
-          // @ts-ignore - see above
-        } else if (error.response?.status === 423) {
-          alert.error(i18n.t("user.account-locked-please-try-again-later") as string);
-        } else {
-          alert.error(i18n.t("events.something-went-wrong") as string);
-        }
+      // TODO Check if error is an AxiosError, but isAxiosError is not working right now
+      // See https://github.com/nuxt-community/axios-module/issues/550
+      // Import $axios from useContext()
+      // if ($axios.isAxiosError(error) && error.response?.status === 401) {
+      if (error.response?.status === 401) {
+        alert.error(i18n.t("user.invalid-credentials"));
+      }
+      else if (error.response?.status === 423) {
+        alert.error(i18n.t("user.account-locked-please-try-again-later"));
+      }
+      else {
+        alert.error(i18n.t("events.something-went-wrong"));
+      }
     }
 
     return {
@@ -284,13 +378,7 @@ export default defineComponent({
       passwordIcon,
       inputType,
       togglePasswordShow,
-      isFirstLogin
-    };
-  },
-
-  head() {
-    return {
-      title: this.$t("user.login") as string,
+      isFirstLogin,
     };
   },
 });
@@ -301,10 +389,6 @@ export default defineComponent({
   width: 300px;
 }
 
-.icon-primary {
-  fill: var(--v-primary-base);
-}
-
 .icon-white {
   fill: white;
 }
@@ -333,18 +417,14 @@ export default defineComponent({
 }
 
 .absolute {
-    position: absolute;
+  position: absolute;
 }
 
 .div-width {
-    max-width: 75%;
-}
-
-.bg-background {
-    background-color: #1e1e1e;
+  max-width: 75%;
 }
 
 .bg-white {
-    background-color: #fff;
+  background-color: #fff;
 }
 </style>
diff --git a/frontend/pages/register/index.vue b/frontend/pages/register/index.vue
index fb42ed396..aec390539 100644
--- a/frontend/pages/register/index.vue
+++ b/frontend/pages/register/index.vue
@@ -2,23 +2,40 @@
   <v-container
     fill-height
     fluid
-    class="d-flex justify-center align-center"
+    class="d-flex justify-center align-center flex-column fill-height"
     :class="{
-      'bg-off-white': !$vuetify.theme.dark && !isDark,
+      'bg-off-white': !$vuetify.theme.current.dark && !isDark,
     }"
   >
-    <LanguageDialog v-model="langDialog" />
-
-    <v-card class="d-flex flex-column" width="1200px" min-height="700px">
+    <v-card
+      class="d-flex flex-column w-100"
+      max-width="1200px"
+      min-height="700px"
+    >
       <div>
-        <v-toolbar width="100%" color="primary" class="d-flex justify-center" style="margin-bottom: 4rem" dark>
-          <v-toolbar-title class="headline text-h4"> Mealie </v-toolbar-title>
+        <v-toolbar
+          width="100%"
+          color="primary"
+          style="margin-bottom: 4rem"
+          dark
+        >
+          <v-toolbar-title class="text-h4 text-center">
+            Mealie
+          </v-toolbar-title>
         </v-toolbar>
 
         <div class="icon-container">
-          <v-divider class="icon-divider"></v-divider>
-          <v-avatar class="pa-2 icon-avatar" color="primary" size="75">
-            <svg class="icon-white" style="width: 75" viewBox="0 0 24 24">
+          <v-divider class="icon-divider" />
+          <v-avatar
+            class="pa-2 icon-avatar"
+            color="primary"
+            size="75"
+          >
+            <svg
+              class="icon-white"
+              style="width: 75"
+              viewBox="0 0 24 24"
+            >
               <path
                 d="M8.1,13.34L3.91,9.16C2.35,7.59 2.35,5.06 3.91,3.5L10.93,10.5L8.1,13.34M13.41,13L20.29,19.88L18.88,21.29L12,14.41L5.12,21.29L3.71,19.88L13.36,10.22L13.16,10C12.38,9.23 12.38,7.97 13.16,7.19L17.5,2.82L18.43,3.74L15.19,7L16.15,7.94L19.39,4.69L20.31,5.61L17.06,8.85L18,9.81L21.26,6.56L22.18,7.5L17.81,11.84C17.03,12.62 15.77,12.62 15,11.84L14.78,11.64L13.41,13Z"
               />
@@ -31,20 +48,45 @@
       <div class="d-flex justify-center grow items-center my-4">
         <template v-if="state.ctx.state === States.Initial">
           <div width="600px">
-            <v-card-title class="headline justify-center my-4 mb-5 pb-0">
+            <v-card-title class="text-h5 my-4 mb-5 pb-0 text-center">
               {{ $t("user-registration.user-registration") }}
             </v-card-title>
 
-            <div class="d-flex flex-wrap justify-center flex-md-nowrap pa-4" style="gap: 1em">
-              <v-card color="primary" dark hover width="300px" outlined @click="initial.joinGroup">
-                <v-card-title class="justify-center">
-                  <v-icon large left> {{ $globals.icons.group }}</v-icon>
+            <div
+              class="d-flex flex-wrap justify-center flex-md-nowrap pa-4"
+              style="gap: 1em"
+            >
+              <v-card
+                color="primary"
+                dark
+                hover
+                width="300px"
+                @click="initial.joinGroup"
+              >
+                <v-card-title class="d-flex align-center justify-center py-3">
+                  <v-icon
+                    size="large"
+                    start
+                  >
+                    {{ $globals.icons.group }}
+                  </v-icon>
                   {{ $t("user-registration.join-a-group") }}
                 </v-card-title>
               </v-card>
-              <v-card color="primary" dark hover width="300px" outlined @click="initial.createGroup">
-                <v-card-title class="justify-center">
-                  <v-icon large left> {{ $globals.icons.user }}</v-icon>
+              <v-card
+                color="primary"
+                dark
+                hover
+                width="300px"
+                @click="initial.joinGroup"
+              >
+                <v-card-title class="d-flex align-center justify-center py-3">
+                  <v-icon
+                    size="large"
+                    start
+                  >
+                    {{ $globals.icons.user }}
+                  </v-icon>
 
                   {{ $t("user-registration.create-a-new-group") }}
                 </v-card-title>
@@ -56,24 +98,48 @@
         <template v-else-if="state.ctx.state === States.ProvideToken">
           <div>
             <v-card-title>
-              <v-icon large class="mr-3"> {{ $globals.icons.group }}</v-icon>
-              <span class="headline"> {{ $t("user-registration.join-a-group") }} </span>
+              <v-icon
+                size="large"
+                class="mr-3"
+              >
+                {{ $globals.icons.group }}
+              </v-icon>
+              <span> {{ $t("user-registration.join-a-group") }} </span>
             </v-card-title>
             <v-divider />
             <v-card-text>
               {{ $t("user-registration.provide-registration-token-description") }}
-              <v-form ref="domTokenForm" class="mt-4" @submit.prevent>
-                <v-text-field v-model="token" v-bind="inputAttrs" :label="$t('group.group-token')" :rules="[validators.required]" />
+              <v-form
+                ref="domTokenForm"
+                class="mt-4"
+                @submit.prevent
+              >
+                <v-text-field
+                  v-model="token"
+                  v-bind="inputAttrs"
+                  :label="$t('group.group-token')"
+                  :rules="[validators.required]"
+                />
               </v-form>
             </v-card-text>
             <v-divider />
             <v-card-actions class="mt-auto justify-space-between">
-              <BaseButton cancel @click="state.back">
-                <template #icon> {{ $globals.icons.back }}</template>
+              <BaseButton
+                cancel
+                @click="state.back"
+              >
+                <template #icon>
+                  {{ $globals.icons.back }}
+                </template>
                 {{ $t("general.back") }}
               </BaseButton>
-              <BaseButton icon-right @click="provideToken.next">
-                <template #icon> {{ $globals.icons.forward }}</template>
+              <BaseButton
+                icon-right
+                @click="provideToken.next"
+              >
+                <template #icon>
+                  {{ $globals.icons.forward }}
+                </template>
                 {{ $t("general.next") }}
               </BaseButton>
             </v-card-actions>
@@ -83,15 +149,23 @@
         <template v-else-if="state.ctx.state === States.ProvideGroupDetails">
           <div class="preferred-width">
             <v-card-title>
-              <v-icon large class="mr-3"> {{ $globals.icons.group }}</v-icon>
-              <span class="headline"> {{ $t("user-registration.group-details") }}</span>
+              <v-icon
+                size="large"
+                class="mr-3"
+              >
+                {{ $globals.icons.group }}
+              </v-icon>
+              <span> {{ $t("user-registration.group-details") }}</span>
             </v-card-title>
             <v-card-text>
               {{ $t("user-registration.group-details-description") }}
             </v-card-text>
             <v-divider />
             <v-card-text>
-              <v-form ref="domGroupForm" @submit.prevent>
+              <v-form
+                ref="domGroupForm"
+                @submit.prevent
+              >
                 <v-text-field
                   v-model="groupDetails.groupName.value"
                   v-bind="inputAttrs"
@@ -104,7 +178,7 @@
                   <v-checkbox
                     v-model="groupDetails.groupPrivate.value"
                     hide-details
-                    :label="$tc('group.settings.keep-my-recipes-private')"
+                    :label="$t('group.settings.keep-my-recipes-private')"
                   />
                   <p class="text-caption mt-1">
                     {{ $t("group.settings.keep-my-recipes-private-description") }}
@@ -112,7 +186,7 @@
                   <v-checkbox
                     v-model="groupDetails.groupSeed.value"
                     hide-details
-                    :label="$tc('data-pages.seed-data')"
+                    :label="$t('data-pages.seed-data')"
                   />
                   <p class="text-caption mt-1">
                     {{ $t("user-registration.use-seed-data-description") }}
@@ -122,12 +196,22 @@
             </v-card-text>
             <v-divider />
             <v-card-actions class="justify-space-between">
-              <BaseButton cancel @click="state.back">
-                <template #icon> {{ $globals.icons.back }}</template>
+              <BaseButton
+                cancel
+                @click="state.back"
+              >
+                <template #icon>
+                  {{ $globals.icons.back }}
+                </template>
                 {{ $t("general.back") }}
               </BaseButton>
-              <BaseButton icon-right @click="groupDetails.next">
-                <template #icon> {{ $globals.icons.forward }}</template>
+              <BaseButton
+                icon-right
+                @click="groupDetails.next"
+              >
+                <template #icon>
+                  {{ $globals.icons.forward }}
+                </template>
                 {{ $t("general.next") }}
               </BaseButton>
             </v-card-actions>
@@ -139,12 +223,22 @@
             <UserRegistrationForm />
             <v-divider />
             <v-card-actions class="justify-space-between">
-              <BaseButton cancel @click="state.back">
-                <template #icon> {{ $globals.icons.back }}</template>
+              <BaseButton
+                cancel
+                @click="state.back"
+              >
+                <template #icon>
+                  {{ $globals.icons.back }}
+                </template>
                 {{ $t("general.back") }}
               </BaseButton>
-              <BaseButton icon-right @click="accountDetailsNext">
-                <template #icon> {{ $globals.icons.forward }}</template>
+              <BaseButton
+                icon-right
+                @click="accountDetailsNext"
+              >
+                <template #icon>
+                  {{ $globals.icons.forward }}
+                </template>
                 {{ $t("general.next") }}
               </BaseButton>
             </v-card-actions>
@@ -154,29 +248,45 @@
         <template v-else-if="state.ctx.state === States.Confirmation">
           <div class="preferred-width">
             <v-card-title class="mb-0 pb-0">
-              <v-icon large class="mr-3"> {{ $globals.icons.user }}</v-icon>
-              <span class="headline">{{ $t("general.confirm") }}</span>
+              <v-icon
+                size="large"
+                class="mr-3"
+              >
+                {{ $globals.icons.user }}
+              </v-icon>
+              <span>{{ $t("general.confirm") }}</span>
             </v-card-title>
             <v-list>
               <template v-for="(item, idx) in confirmationData">
-                <v-list-item v-if="item.display" :key="idx">
-                  <v-list-item-content>
-                    <v-list-item-title> {{ item.text }} </v-list-item-title>
-                    <v-list-item-subtitle> {{ item.value }} </v-list-item-subtitle>
-                  </v-list-item-content>
+                <v-list-item
+                  v-if="item.display"
+                  :key="idx"
+                >
+                  <v-list-item-title> {{ item.text }} </v-list-item-title>
+                  <v-list-item-subtitle> {{ item.value }} </v-list-item-subtitle>
                 </v-list-item>
-                <v-divider v-if="idx !== confirmationData.length - 1" :key="`divider-${idx}`" />
+                <v-divider
+                  v-if="idx !== confirmationData.length - 1"
+                  :key="`divider-${idx}`"
+                />
               </template>
             </v-list>
 
             <v-divider />
             <v-card-actions class="justify-space-between">
-              <BaseButton cancel @click="state.back">
-                <template #icon> {{ $globals.icons.back }}</template>
+              <BaseButton
+                cancel
+                @click="state.back"
+              >
+                <template #icon>
+                  {{ $globals.icons.back }}
+                </template>
                 {{ $t("general.back") }}
               </BaseButton>
               <BaseButton @click="submitRegistration">
-                <template #icon> {{ $globals.icons.check }}</template>
+                <template #icon>
+                  {{ $globals.icons.check }}
+                </template>
                 {{ $t("general.submit") }}
               </BaseButton>
             </v-card-actions>
@@ -185,18 +295,28 @@
       </div>
 
       <v-card-actions class="justify-center flex-column py-8">
-        <v-btn text class="mb-2" to="/login"> {{ $t("user.login") }} </v-btn>
-        <BaseButton large color="primary" @click="langDialog = true">
-          <template #icon> {{ $globals.icons.translate }}</template>
+        <v-btn
+          variant="text"
+          class="mb-2"
+          to="/login"
+        >
+          {{ $t("user.login") }}
+        </v-btn>
+        <BaseButton
+          size="large"
+          color="primary"
+          :icon="$globals.icons.translate"
+          @click="langDialog = true"
+        >
           {{ $t("language-dialog.choose-language") }}
         </BaseButton>
       </v-card-actions>
     </v-card>
+    <LanguageDialog v-model="langDialog" />
   </v-container>
 </template>
 
 <script lang="ts">
-import { defineComponent, onMounted, ref, useRouter, Ref, useContext, computed } from "@nuxtjs/composition-api";
 import { useDark } from "@vueuse/core";
 import { States, RegistrationType, useRegistration } from "./states";
 import { useUserRegistrationForm } from "~/composables/use-users/user-registration-form";
@@ -204,26 +324,30 @@ import { useRouteQuery } from "~/composables/use-router";
 import { validators, useAsyncValidator } from "~/composables/use-validators";
 import { useUserApi } from "~/composables/api";
 import { alert } from "~/composables/use-toast";
-import { CreateUserRegistration } from "~/lib/api/types/user";
-import { VForm } from "~/types/vuetify";
+import type { CreateUserRegistration } from "~/lib/api/types/user";
 import { usePasswordField } from "~/composables/use-passwords";
 import { usePublicApi } from "~/composables/api/api-client";
 import { useLocales } from "~/composables/use-locales";
 import UserRegistrationForm from "~/components/Domain/User/UserRegistrationForm.vue";
+import type { VForm } from "~/types/auto-forms";
 
 const inputAttrs = {
-  filled: true,
+  variant: "filled",
   rounded: true,
   validateOnBlur: true,
   class: "rounded-lg",
 };
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { UserRegistrationForm },
-  layout: "blank",
   setup() {
-    const { i18n } = useContext();
+    definePageMeta({
+      layout: "blank",
+    });
+
+    const i18n = useI18n();
     const isDark = useDark();
+
     function safeValidate(form: Ref<VForm | null>) {
       if (form.value && form.value.validate) {
         return form.value.validate();
@@ -298,8 +422,8 @@ export default defineComponent({
     const { validate: validGroupName, valid: groupNameValid } = useAsyncValidator(
       groupName,
       (v: string) => publicApi.validators.group(v),
-      i18n.tc("validation.group-name-is-taken"),
-      groupErrorMessages
+      i18n.t("validation.group-name-is-taken"),
+      groupErrorMessages,
     );
     const groupDetails = {
       groupName,
@@ -324,9 +448,9 @@ export default defineComponent({
     } = useUserRegistrationForm();
     async function accountDetailsNext() {
       if (!await accountDetails.validate()) {
-          return;
-        }
-        state.setState(States.Confirmation);
+        return;
+      }
+      state.setState(States.Confirmation);
     }
     // ================================================================
     // Locale
@@ -338,38 +462,38 @@ export default defineComponent({
       return [
         {
           display: state.ctx.type === RegistrationType.CreateGroup,
-          text: i18n.tc("group.group"),
+          text: i18n.t("group.group"),
           value: groupName.value,
         },
         {
           display: state.ctx.type === RegistrationType.CreateGroup,
-          text: i18n.tc("data-pages.seed-data"),
-          value: groupSeed.value ? i18n.tc("general.yes") : i18n.tc("general.no"),
+          text: i18n.t("data-pages.seed-data"),
+          value: groupSeed.value ? i18n.t("general.yes") : i18n.t("general.no"),
         },
         {
           display: state.ctx.type === RegistrationType.CreateGroup,
-          text: i18n.tc("group.settings.keep-my-recipes-private"),
-          value: groupPrivate.value ? i18n.tc("general.yes") : i18n.tc("general.no"),
+          text: i18n.t("group.settings.keep-my-recipes-private"),
+          value: groupPrivate.value ? i18n.t("general.yes") : i18n.t("general.no"),
         },
         {
           display: true,
-          text: i18n.tc("user.email"),
+          text: i18n.t("user.email"),
           value: accountDetails.email.value,
         },
         {
           display: true,
-          text: i18n.tc("user.full-name"),
+          text: i18n.t("user.full-name"),
           value: accountDetails.fullName.value,
         },
         {
           display: true,
-          text: i18n.tc("user.username"),
+          text: i18n.t("user.username"),
           value: accountDetails.username.value,
         },
         {
           display: true,
-          text: i18n.tc("user.enable-advanced-content"),
-          value: accountDetails.advancedOptions.value ? i18n.tc("general.yes") : i18n.tc("general.no"),
+          text: i18n.t("user.enable-advanced-content"),
+          value: accountDetails.advancedOptions.value ? i18n.t("general.yes") : i18n.t("general.no"),
         },
       ];
     });
@@ -389,17 +513,19 @@ export default defineComponent({
         payload.group = groupName.value;
         payload.private = groupPrivate.value;
         payload.seedData = groupSeed.value;
-      } else {
+      }
+      else {
         payload.groupToken = token.value;
       }
       const { response } = await api.register.register(payload);
       if (response?.status === 201) {
         accountDetails.reset();
         credentials.reset();
-        alert.success(i18n.tc("user-registration.registration-success"));
+        alert.success(i18n.t("user-registration.registration-success"));
         router.push("/login");
-      } else {
-        alert.error(i18n.tc("events.something-went-wrong"));
+      }
+      else {
+        alert.error(i18n.t("events.something-went-wrong"));
       }
     }
     return {
@@ -437,10 +563,6 @@ export default defineComponent({
 </script>
 
 <style lang="css" scoped>
-.icon-primary {
-  fill: var(--v-primary-base);
-}
-
 .icon-white {
   fill: white;
 }
diff --git a/frontend/pages/register/states.ts b/frontend/pages/register/states.ts
index 5073c5fe5..737dd85a6 100644
--- a/frontend/pages/register/states.ts
+++ b/frontend/pages/register/states.ts
@@ -1,5 +1,3 @@
-import { reactive } from "@nuxtjs/composition-api";
-
 export enum States {
   Initial,
   ProvideToken,
diff --git a/frontend/pages/reset-password.vue b/frontend/pages/reset-password.vue
index 15339da53..41b954879 100644
--- a/frontend/pages/reset-password.vue
+++ b/frontend/pages/reset-password.vue
@@ -1,14 +1,24 @@
 <template>
-  <v-container fill-height fluid class="d-flex justify-center align-center">
-    <v-card color="background d-flex flex-column align-center" flat width="600px">
-      <v-card-title class="headline justify-center"> {{ $t("user.reset-password") }} </v-card-title>
+  <v-container
+    fill-height
+    fluid
+    class="d-flex justify-center align-center"
+  >
+    <v-card
+      color="background d-flex flex-column align-center"
+      flat
+      width="600px"
+    >
+      <v-card-title class="text-h5 justify-center">
+        {{ $t("user.reset-password") }}
+      </v-card-title>
       <BaseDivider />
       <v-card-text>
         <v-form @submit.prevent="requestLink()">
           <v-text-field
             v-model="email"
             :prepend-icon="$globals.icons.email"
-            filled
+            variant="filled"
             rounded
             autofocus
             class="rounded-lg"
@@ -18,7 +28,7 @@
           />
           <v-text-field
             v-model="password"
-            filled
+            variant="filled"
             rounded
             class="rounded-lg"
             :prepend-icon="$globals.icons.lock"
@@ -29,9 +39,9 @@
           />
           <v-text-field
             v-model="passwordConfirm"
-            filled
+            variant="filled"
             rounded
-            validate-on-blur
+            validate-on="blur"
             class="rounded-lg"
             :prepend-icon="$globals.icons.lock"
             name="password"
@@ -39,7 +49,9 @@
             type="password"
             :rules="[validators.required, passwordMatch]"
           />
-          <p class="text-center">{{ $t("user.please-enter-password") }}</p>
+          <p class="text-center">
+            {{ $t("user.please-enter-password") }}
+          </p>
           <v-card-actions class="justify-center">
             <div class="max-button">
               <v-btn
@@ -47,12 +59,12 @@
                 color="primary"
                 :disabled="token === ''"
                 type="submit"
-                large
+                size="large"
                 rounded
                 class="rounded-xl"
                 block
               >
-                <v-icon left>
+                <v-icon start>
                   {{ $globals.icons.lock }}
                 </v-icon>
                 {{ token === "" ? "Token Required" : $t("user.reset-password") }}
@@ -61,21 +73,29 @@
           </v-card-actions>
         </v-form>
       </v-card-text>
-      <v-btn class="mx-auto" text nuxt to="/login"> {{ $t("user.login") }} </v-btn>
+      <v-btn
+        class="mx-auto"
+        variant="text"
+        to="/login"
+      >
+        {{ $t("user.login") }}
+      </v-btn>
     </v-card>
   </v-container>
 </template>
 
 <script lang="ts">
-import { defineComponent, toRefs, reactive, useContext } from "@nuxtjs/composition-api";
 import { useUserApi } from "~/composables/api";
 import { alert } from "~/composables/use-toast";
 import { validators } from "@/composables/use-validators";
 import { useRouteQuery } from "~/composables/use-router";
-export default defineComponent({
-  layout: "basic",
 
+export default defineNuxtComponent({
   setup() {
+    definePageMeta({
+      layout: "basic",
+    });
+
     const state = reactive({
       email: "",
       password: "",
@@ -84,8 +104,13 @@ export default defineComponent({
       error: false,
     });
 
-    const { i18n } = useContext();
-    const passwordMatch = () => state.password === state.passwordConfirm || i18n.tc("user.password-must-match");
+    const i18n = useI18n();
+    const passwordMatch = () => state.password === state.passwordConfirm || i18n.t("user.password-must-match");
+
+    // Set page title
+    useSeoMeta({
+      title: i18n.t("user.login"),
+    });
 
     // ===================
     // Token Getter
@@ -109,11 +134,12 @@ export default defineComponent({
       if (response?.status === 200) {
         state.loading = false;
         state.error = false;
-        alert.success(i18n.tc("user.password-updated"));
-      } else {
+        alert.success(i18n.t("user.password-updated"));
+      }
+      else {
         state.loading = false;
         state.error = true;
-        alert.error(i18n.tc("events.something-went-wrong"));
+        alert.error(i18n.t("events.something-went-wrong"));
       }
     }
 
@@ -125,12 +151,6 @@ export default defineComponent({
       ...toRefs(state),
     };
   },
-
-  head() {
-    return {
-      title: this.$t("user.login") as string,
-    };
-  },
 });
 </script>
 
diff --git a/frontend/pages/shopping-lists/_id.vue b/frontend/pages/shopping-lists/[id].vue
similarity index 65%
rename from frontend/pages/shopping-lists/_id.vue
rename to frontend/pages/shopping-lists/[id].vue
index 48a71625c..e2ba88379 100644
--- a/frontend/pages/shopping-lists/_id.vue
+++ b/frontend/pages/shopping-lists/[id].vue
@@ -1,26 +1,64 @@
 <template>
-  <v-container v-if="shoppingList" class="md-container">
-    <BaseDialog v-model="checkAllDialog" :title="$tc('general.confirm')" @confirm="checkAll">
-      <v-card-text>{{ $t('shopping-list.are-you-sure-you-want-to-check-all-items') }}</v-card-text>
+  <v-container
+    v-if="shoppingList"
+    class="md-container"
+  >
+    <BaseDialog
+      v-model="checkAllDialog"
+      :title="$t('general.confirm')"
+      can-confirm
+      @confirm="checkAll"
+    >
+      <v-card-text>
+        {{ $t('shopping-list.are-you-sure-you-want-to-check-all-items') }}
+      </v-card-text>
     </BaseDialog>
 
-    <BaseDialog v-model="uncheckAllDialog" :title="$tc('general.confirm')" @confirm="uncheckAll">
-      <v-card-text>{{ $t('shopping-list.are-you-sure-you-want-to-uncheck-all-items') }}</v-card-text>
+    <BaseDialog
+      v-model="uncheckAllDialog"
+      :title="$t('general.confirm')"
+      can-confirm
+      @confirm="uncheckAll"
+    >
+      <v-card-text>
+        {{ $t('shopping-list.are-you-sure-you-want-to-uncheck-all-items') }}
+      </v-card-text>
     </BaseDialog>
 
-    <BaseDialog v-model="deleteCheckedDialog" :title="$tc('general.confirm')" @confirm="deleteChecked">
-      <v-card-text>{{ $t('shopping-list.are-you-sure-you-want-to-delete-checked-items') }}</v-card-text>
+    <BaseDialog
+      v-model="deleteCheckedDialog"
+      :title="$t('general.confirm')"
+      can-confirm
+      @confirm="deleteChecked"
+    >
+      <v-card-text>
+        {{ $t('shopping-list.are-you-sure-you-want-to-delete-checked-items') }}
+      </v-card-text>
     </BaseDialog>
 
     <BasePageTitle divider>
       <template #header>
         <v-container>
           <v-row>
-            <v-col cols="3" class="text-left">
-              <ButtonLink :to="`/shopping-lists?disableRedirect=true`" :text="$tc('shopping-list.all-lists')" :icon="$globals.icons.backArrow" />
+            <v-col
+              cols="3"
+              class="text-left"
+            >
+              <ButtonLink
+                :to="`/shopping-lists?disableRedirect=true`"
+                :text="$t('shopping-list.all-lists')"
+                :icon="$globals.icons.backArrow"
+              />
             </v-col>
-            <v-col cols="6" class="d-none d-lg-flex justify-center">
-              <v-img max-height="100" max-width="100" :src="require('~/static/svgs/shopping-cart.svg')"></v-img>
+            <v-col
+              cols="6"
+              class="d-none d-lg-flex justify-center"
+            >
+              <v-img
+                max-height="100"
+                max-width="100"
+                :src="require('~/static/svgs/shopping-cart.svg')"
+              />
             </v-col>
             <v-col class="d-flex justify-end">
               <BaseButtonGroup
@@ -32,19 +70,19 @@
                     children: [
                       {
                         icon: $globals.icons.contentCopy,
-                        text: $tc('shopping-list.copy-as-text'),
+                        text: $t('shopping-list.copy-as-text'),
                         event: 'copy-plain',
                       },
                       {
                         icon: $globals.icons.contentCopy,
-                        text: $tc('shopping-list.copy-as-markdown'),
+                        text: $t('shopping-list.copy-as-markdown'),
                         event: 'copy-markdown',
                       },
                     ],
                   },
                   {
                     icon: $globals.icons.checkboxOutline,
-                    text: $tc('shopping-list.check-all-items'),
+                    text: $t('shopping-list.check-all-items'),
                     event: 'check',
                   },
                   {
@@ -54,17 +92,17 @@
                     children: [
                       {
                         icon: $globals.icons.tags,
-                        text: $tc('shopping-list.toggle-label-sort'),
+                        text: $t('shopping-list.toggle-label-sort'),
                         event: 'sort-by-labels',
                       },
                       {
                         icon: $globals.icons.tags,
-                        text: $tc('shopping-list.reorder-labels'),
+                        text: $t('shopping-list.reorder-labels'),
                         event: 'reorder-labels',
                       },
                       {
                         icon: $globals.icons.tags,
-                        text: $tc('shopping-list.manage-labels'),
+                        text: $t('shopping-list.manage-labels'),
                         event: 'manage-labels',
                       },
                     ],
@@ -83,23 +121,40 @@
           </v-row>
         </v-container>
       </template>
-      <template #title> {{ shoppingList.name }} </template>
+      <template #title>
+        {{ shoppingList.name }}
+      </template>
     </BasePageTitle>
     <BannerWarning
-      v-if="$nuxt.isOffline"
-      :title="$tc('shopping-list.you-are-offline')"
-      :description="$tc('shopping-list.you-are-offline-description')"
+      v-if="isOffline"
+      :title="$t('shopping-list.you-are-offline')"
+      :description="$t('shopping-list.you-are-offline-description')"
     />
 
     <!-- Viewer -->
-    <section v-if="!edit" class="py-2">
+    <section
+      v-if="!edit"
+      class="py-2"
+    >
       <div v-if="!preferences.viewByLabel">
-        <draggable :value="listItems.unchecked" handle=".handle" delay="250" :delay-on-touch-only="true"  @start="loadingCounter += 1" @end="loadingCounter -= 1" @input="updateIndexUnchecked">
-          <v-lazy v-for="(item, index) in listItems.unchecked" :key="item.id" class="my-2">
+        <VueDraggable
+          v-model="listItems.unchecked"
+          handle=".handle"
+          :delay="250"
+          :delay-on-touch-only="true"
+          @start="loadingCounter += 1"
+          @end="loadingCounter -= 1"
+          @update:model-value="updateIndexUnchecked"
+        >
+          <v-lazy
+            v-for="(item, index) in listItems.unchecked"
+            :key="item.id"
+            class="my-2"
+          >
             <ShoppingListItem
               v-model="listItems.unchecked[index]"
               class="my-2 my-sm-0"
-              :show-label=true
+              :show-label="true"
               :labels="allLabels || []"
               :units="allUnits || []"
               :foods="allFoods || []"
@@ -109,45 +164,61 @@
               @delete="deleteListItem(item)"
             />
           </v-lazy>
-        </draggable>
+        </VueDraggable>
       </div>
 
       <!-- View By Label -->
       <div v-else>
-        <div v-for="(value, key) in itemsByLabel" :key="key" class="pb-4">
+        <div
+          v-for="(value, key) in itemsByLabel"
+          :key="key"
+          class="pb-4"
+        >
           <v-btn
             :color="getLabelColor(value[0]) ? getLabelColor(value[0]) : '#959595'"
             :style="{
-                'color': getTextColor(getLabelColor(value[0])),
-                'letter-spacing': 'normal',
-              }"
-            @click="toggleShowLabel(key)"
+              'color': getTextColor(getLabelColor(value[0])),
+              'letter-spacing': 'normal',
+            }"
+            @click="toggleShowLabel(key.toString())"
           >
             <v-icon>
               {{ labelOpenState[key] ? $globals.icons.chevronDown : $globals.icons.chevronRight }}
             </v-icon>
             {{ key }}
           </v-btn>
-        <v-divider/>
-        <v-expand-transition group>
-          <div v-show="labelOpenState[key]">
-            <draggable :value="value" handle=".handle" delay="250" :delay-on-touch-only="true" @start="loadingCounter += 1" @end="loadingCounter -= 1" @input="updateIndexUncheckedByLabel(key, $event)">
-              <v-lazy v-for="(item, index) in value" :key="item.id" class="ml-2 my-2">
-                <ShoppingListItem
-                  v-model="value[index]"
-                  :show-label=false
-                  :labels="allLabels || []"
-                  :units="allUnits || []"
-                  :foods="allFoods || []"
-                  :recipes="recipeMap"
-                  @checked="saveListItem"
-                  @save="saveListItem"
-                  @delete="deleteListItem(item)"
-                />
-              </v-lazy>
-            </draggable>
-          </div>
-        </v-expand-transition>
+          <v-divider />
+          <v-expand-transition>
+            <div v-if="labelOpenState[key]">
+              <VueDraggable
+                :model-value="value"
+                handle=".handle"
+                :delay="250"
+                :delay-on-touch-only="true"
+                @start="loadingCounter += 1"
+                @end="loadingCounter -= 1"
+                @update:model-value="updateIndexUncheckedByLabel(key.toString(), $event)"
+              >
+                <v-lazy
+                  v-for="(item, index) in value"
+                  :key="item.id"
+                  class="ml-2 my-2"
+                >
+                  <ShoppingListItem
+                    v-model="value[index]"
+                    :show-label="false"
+                    :labels="allLabels || []"
+                    :units="allUnits || []"
+                    :foods="allFoods || []"
+                    :recipes="recipeMap"
+                    @checked="saveListItem"
+                    @save="saveListItem"
+                    @delete="deleteListItem(item)"
+                  />
+                </v-lazy>
+              </VueDraggable>
+            </div>
+          </v-expand-transition>
         </div>
       </div>
 
@@ -166,7 +237,12 @@
         />
       </div>
       <div v-else class="d-flex justify-end">
-        <BaseButton create @click="createEditorOpen = true" > {{ $t('general.add') }} </BaseButton>
+        <BaseButton
+          create
+          @click="createEditorOpen = true"
+        >
+          {{ $t('general.add') }}
+        </BaseButton>
       </div>
 
       <!-- Reorder Labels -->
@@ -175,28 +251,43 @@
         :icon="$globals.icons.tagArrowUp"
         :title="$t('shopping-list.reorder-labels')"
         :submit-icon="$globals.icons.save"
-        :submit-text="$tc('general.save')"
+        :submit-text="$t('general.save')"
+        can-submit
         @submit="saveLabelOrder"
-        @close="cancelLabelOrder">
-        <v-card height="fit-content" max-height="70vh" style="overflow-y: auto;">
-          <draggable
+        @close="cancelLabelOrder"
+      >
+        <v-card
+          height="fit-content"
+          max-height="70vh"
+          style="overflow-y: auto;"
+        >
+          <VueDraggable
             v-if="localLabels"
-            :value="localLabels"
+            v-model="localLabels"
             handle=".handle"
-            delay="250"
+            :delay="250"
             :delay-on-touch-only="true"
             class="my-2"
-            @input="updateLabelOrder"
+            @update:model-value="updateLabelOrder"
           >
-            <div v-for="(labelSetting, index) in localLabels" :key="labelSetting.id">
-              <MultiPurposeLabelSection v-model="localLabels[index]" use-color />
+            <div
+              v-for="(labelSetting, index) in localLabels"
+              :key="labelSetting.id"
+            >
+              <MultiPurposeLabelSection
+                v-model="localLabels[index]"
+                use-color
+              />
             </div>
-          </draggable>
+          </VueDraggable>
         </v-card>
       </BaseDialog>
 
       <!-- Checked Items -->
-      <div v-if="listItems.checked && listItems.checked.length > 0" class="mt-6">
+      <div
+        v-if="listItems.checked && listItems.checked.length > 0"
+        class="mt-6"
+      >
         <div class="d-flex">
           <div class="flex-grow-1">
             <button @click="toggleShowChecked()">
@@ -205,32 +296,35 @@
                   {{ showChecked ? $globals.icons.chevronDown : $globals.icons.chevronRight }}
                 </v-icon>
               </span>
-              {{ $tc('shopping-list.items-checked-count', listItems.checked ? listItems.checked.length : 0) }}
+              {{ $t('shopping-list.items-checked-count', listItems.checked ? listItems.checked.length : 0) }}
             </button>
           </div>
           <div class="justify-end mt-n2">
             <BaseButtonGroup
-                :buttons="[
-                  {
-                    icon: $globals.icons.checkboxBlankOutline,
-                    text: $tc('shopping-list.uncheck-all-items'),
-                    event: 'uncheck',
-                  },
-                  {
-                    icon: $globals.icons.delete,
-                    text: $tc('shopping-list.delete-checked'),
-                    event: 'delete',
-                  },
-                ]"
-                @uncheck="openUncheckAll"
-                @delete="openDeleteChecked"
-              />
-            </div>
+              :buttons="[
+                {
+                  icon: $globals.icons.checkboxBlankOutline,
+                  text: $t('shopping-list.uncheck-all-items'),
+                  event: 'uncheck',
+                },
+                {
+                  icon: $globals.icons.delete,
+                  text: $t('shopping-list.delete-checked'),
+                  event: 'delete',
+                },
+              ]"
+              @uncheck="openUncheckAll"
+              @delete="openDeleteChecked"
+            />
+          </div>
         </div>
-        <v-divider class="my-4"></v-divider>
+        <v-divider class="my-4" />
         <v-expand-transition>
-          <div v-show="showChecked">
-            <div v-for="(item, idx) in listItems.checked" :key="item.id">
+          <div v-if="showChecked">
+            <div
+              v-for="(item, idx) in listItems.checked"
+              :key="item.id"
+            >
               <ShoppingListItem
                 v-model="listItems.checked[idx]"
                 class="strike-through-note"
@@ -248,50 +342,73 @@
     </section>
 
     <!-- Recipe References -->
-    <v-lazy v-if="shoppingList.recipeReferences && shoppingList.recipeReferences.length > 0">
+    <v-lazy
+      v-if="shoppingList.recipeReferences && shoppingList.recipeReferences.length > 0"
+    >
       <section>
         <div>
           <span>
-            <v-icon left class="mb-1">
+            <v-icon start class="mb-1">
               {{ $globals.icons.primary }}
             </v-icon>
           </span>
-          {{ $tc('shopping-list.linked-recipes-count', shoppingList.recipeReferences ? shoppingList.recipeReferences.length : 0) }}
+          {{ $t('shopping-list.linked-recipes-count', shoppingList.recipeReferences
+            ? shoppingList.recipeReferences.length
+            : 0) }}
         </div>
-        <v-divider class="my-4"></v-divider>
-        <RecipeList :recipes="Array.from(recipeMap.values())" show-description :disabled="$nuxt.isOffline">
-          <template v-for="(recipe, index) in recipeMap.values()" #[`actions-${recipe.id}`]>
-            <v-list-item-action :key="'item-actions-decrease' + recipe.id">
-              <v-btn icon :disabled="$nuxt.isOffline" @click.prevent="removeRecipeReferenceToList(recipe.id)">
-                <v-icon color="grey lighten-1">{{ $globals.icons.minus }}</v-icon>
+        <v-divider class="my-4" />
+        <RecipeList
+          :recipes="Array.from(recipeMap.values())"
+          show-description
+          :disabled="isOffline"
+        >
+          <template
+            v-for="(recipe, index) in recipeMap.values()"
+            #[`actions-${recipe.id}`]
+            :key="'item-actions-decrease' + recipe.id"
+          >
+            <v-list-item-action>
+              <v-btn
+                v-if="recipe"
+                icon
+                :disabled="isOffline"
+                @click.prevent="removeRecipeReferenceToList(recipe.id!)"
+              >
+                <v-icon color="grey-lighten-1">
+                  {{ $globals.icons.minus }}
+                </v-icon>
               </v-btn>
             </v-list-item-action>
-            <div :key="'item-actions-quantity' + recipe.id" class="pl-3">
+            <div class="pl-3">
               {{ shoppingList.recipeReferences[index].recipeQuantity }}
             </div>
-            <v-list-item-action :key="'item-actions-increase' + recipe.id">
-              <v-btn icon :disabled="$nuxt.isOffline" @click.prevent="addRecipeReferenceToList(recipe.id)">
-                <v-icon color="grey lighten-1">{{ $globals.icons.createAlt }}</v-icon>
+            <v-list-item-action>
+              <v-btn
+                icon
+                :disabled="isOffline"
+                @click.prevent="addRecipeReferenceToList(recipe.id!)"
+              >
+                <v-icon color="grey-lighten-1">
+                  {{ $globals.icons.createAlt }}
+                </v-icon>
               </v-btn>
             </v-list-item-action>
           </template>
         </RecipeList>
       </section>
     </v-lazy>
-    <WakelockSwitch/>
+    <WakelockSwitch />
   </v-container>
 </template>
 
 <script lang="ts">
-import draggable from "vuedraggable";
-
-import { defineComponent, useRoute, computed, ref, toRefs, onUnmounted, useContext, reactive, watch } from "@nuxtjs/composition-api";
-import { useIdle, useToggle } from "@vueuse/core";
+import { VueDraggable } from "vue-draggable-plus";
+import { useIdle, useOnline, useToggle } from "@vueuse/core";
 import { useCopyList } from "~/composables/use-copy";
 import { useUserApi } from "~/composables/api";
-import MultiPurposeLabelSection from "~/components/Domain/ShoppingList/MultiPurposeLabelSection.vue"
+import MultiPurposeLabelSection from "~/components/Domain/ShoppingList/MultiPurposeLabelSection.vue";
 import ShoppingListItem from "~/components/Domain/ShoppingList/ShoppingListItem.vue";
-import { ShoppingListItemOut, ShoppingListMultiPurposeLabelOut, ShoppingListOut } from "~/lib/api/types/household";
+import type { ShoppingListItemOut, ShoppingListMultiPurposeLabelOut, ShoppingListOut } from "~/lib/api/types/household";
 import RecipeList from "~/components/Domain/Recipe/RecipeList.vue";
 import ShoppingListItemEditor from "~/components/Domain/ShoppingList/ShoppingListItemEditor.vue";
 import { useFoodStore, useLabelStore, useUnitStore } from "~/composables/store";
@@ -307,20 +424,27 @@ interface PresentLabel {
   name: string;
 }
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
-    draggable,
+    VueDraggable,
     MultiPurposeLabelSection,
     ShoppingListItem,
     RecipeList,
     ShoppingListItemEditor,
   },
-  middleware: "auth",
+  // middleware: "sidebase-auth",
   setup() {
-    const { $auth, i18n } = useContext();
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
     const preferences = useShoppingListPreferences();
 
-    const { idle } = useIdle(5 * 60 * 1000) // 5 minutes
+    const isOffline = computed(() => useOnline().value === false);
+
+    useSeoMeta({
+      title: i18n.t("shopping-list.shopping-list"),
+    });
+
+    const { idle } = useIdle(5 * 60 * 1000); // 5 minutes
     const loadingCounter = ref(1);
     const recipeReferenceLoading = ref(false);
     const userApi = useUserApi();
@@ -331,8 +455,8 @@ export default defineComponent({
     const preserveItemOrder = ref(false);
 
     const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
-    const id = route.value.params.id;
+    const groupSlug = computed(() => route.params.groupSlug as string || $auth.user.value?.groupSlug || "");
+    const id = route.params.id as string;
     const shoppingListItemActions = useShoppingListItemActions(id);
 
     const state = reactive({
@@ -354,14 +478,16 @@ export default defineComponent({
       loadingCounter.value += 1;
       try {
         await shoppingListItemActions.process();
-      } catch (error) {
+      }
+      catch (error) {
         console.error(error);
       }
 
-      let newListValue = null
+      let newListValue: typeof shoppingList.value = null;
       try {
         newListValue = await fetchShoppingList();
-      } catch (error) {
+      }
+      catch (error) {
         console.error(error);
       }
 
@@ -372,6 +498,13 @@ export default defineComponent({
         return;
       }
 
+      // Prevent overwriting local changes with stale backend data when offline
+      if (isOffline.value) {
+        // Do not update shoppingList.value from backend when offline
+        updateListItemOrder();
+        return;
+      }
+
       // if we're not connected to the network, this will be null, so we don't want to clear the list
       if (newListValue) {
         shoppingList.value = newListValue;
@@ -383,7 +516,8 @@ export default defineComponent({
     function updateListItemOrder() {
       if (!preserveItemOrder.value) {
         groupAndSortListItemsByFood();
-      } else {
+      }
+      else {
         sortListItems();
       }
       updateItemsByLabel();
@@ -405,11 +539,11 @@ export default defineComponent({
         }
 
         // if the refresh was unsuccessful, the shopping list will be null, so we increment the attempt counter
-        attempts ++;
+        attempts++;
       }
 
-      catch (error) {
-        attempts ++;
+      catch {
+        attempts++;
       }
 
       // if we hit too many errors, stop polling
@@ -420,7 +554,7 @@ export default defineComponent({
 
     // start polling
     loadingCounter.value -= 1;
-    pollForChanges();  // populate initial list
+    pollForChanges(); // populate initial list
 
     // max poll time = pollFrequency * maxAttempts = 24 hours
     // we use a long max poll time since polling stops when the user is idle anyway
@@ -428,7 +562,9 @@ export default defineComponent({
     const maxAttempts = 17280;
     let attempts = 0;
 
-    const pollTimer: ReturnType<typeof setInterval> = setInterval(() => { pollForChanges() }, pollFrequency);
+    const pollTimer: ReturnType<typeof setInterval> = setInterval(() => {
+      pollForChanges();
+    }, pollFrequency);
     onUnmounted(() => {
       clearInterval(pollTimer);
     });
@@ -436,16 +572,29 @@ export default defineComponent({
     // =====================================
     // List Item CRUD
 
-    const listItems = computed(() => {
-      return {
-        unchecked: shoppingList.value?.listItems?.filter((item) => !item.checked) ?? [],
-        checked: shoppingList.value?.listItems
-          ?.filter((item) => item.checked)
-          .sort((a, b) => (a.updatedAt < b.updatedAt ? 1 : -1))
-          ?? [],
-      };
+    // Hydrate listItems from shoppingList.value?.listItems
+    const listItems = reactive({
+      unchecked: [] as ShoppingListItemOut[],
+      checked: [] as ShoppingListItemOut[],
     });
 
+    function sortCheckedItems(a: ShoppingListItemOut, b: ShoppingListItemOut) {
+      if (a.updatedAt! === b.updatedAt!) {
+        return ((a.position || 0) > (b.position || 0)) ? -1 : 1;
+      }
+      return a.updatedAt! < b.updatedAt! ? 1 : -1;
+    }
+
+    watch(
+      () => shoppingList.value?.listItems,
+      (items) => {
+        listItems.unchecked = (items?.filter(item => !item.checked) ?? []);
+        listItems.checked = (items?.filter(item => item.checked)
+          .sort(sortCheckedItems) ?? []);
+      },
+      { immediate: true },
+    );
+
     // =====================================
     // Collapsable Labels
     const labelOpenState = ref<{ [key: string]: boolean }>({});
@@ -457,7 +606,7 @@ export default defineComponent({
       let hasChanges = false;
 
       for (const item of shoppingList.value.listItems) {
-        const labelName = item.label?.name || i18n.tc("shopping-list.no-label");
+        const labelName = item.label?.name || i18n.t("shopping-list.no-label");
         if (!existingLabels.has(labelName) && !(labelName in labelOpenState.value)) {
           labelOpenState.value[labelName] = true;
           hasChanges = true;
@@ -472,8 +621,8 @@ export default defineComponent({
     const labelNames = computed(() => {
       return new Set(
         shoppingList.value?.listItems
-          ?.map(item => item.label?.name || i18n.tc("shopping-list.no-label"))
-          .filter(Boolean) ?? []
+          ?.map(item => item.label?.name || i18n.t("shopping-list.no-label"))
+          .filter(Boolean) ?? [],
       );
     });
 
@@ -498,21 +647,22 @@ export default defineComponent({
         Object.entries(itemsByLabel.value).forEach(([label, items], idx) => {
           // for every group except the first, add a blank line
           if (idx) {
-            text.push("")
+            text.push("");
           }
 
           // add an appropriate heading for the label depending on the copy format
-          text.push(formatCopiedLabelHeading(copyType, label))
+          text.push(formatCopiedLabelHeading(copyType, label));
 
           // now add the appropriately formatted list items with the given label
-          items.forEach((item) => text.push(formatCopiedListItem(copyType, item)))
-        })
-      } else {
+          items.forEach(item => text.push(formatCopiedListItem(copyType, item)));
+        });
+      }
+      else {
         // labels are toggled off, so just copy in the order they come in
-        const items = shoppingList.value?.listItems?.filter((item) => !item.checked)
+        const items = shoppingList.value?.listItems?.filter(item => !item.checked);
 
         items?.forEach((item) => {
-          text.push(formatCopiedListItem(copyType, item))
+          text.push(formatCopiedListItem(copyType, item));
         });
       }
 
@@ -520,28 +670,28 @@ export default defineComponent({
     }
 
     function formatCopiedListItem(copyType: CopyTypes, item: ShoppingListItemOut): string {
-      const display = item.display || ""
+      const display = item.display || "";
       switch (copyType) {
         case "markdown":
-          return `- [ ] ${display}`
+          return `- [ ] ${display}`;
         default:
-          return display
+          return display;
       }
     }
 
     function formatCopiedLabelHeading(copyType: CopyTypes, label: string): string {
       switch (copyType) {
         case "markdown":
-          return `# ${label}`
+          return `# ${label}`;
         default:
-          return `[${label}]`
+          return `[${label}]`;
       }
     }
 
     // =====================================
     // Check / Uncheck All
     function openCheckAll() {
-      if (shoppingList.value?.listItems?.some((item) => !item.checked)) {
+      if (shoppingList.value?.listItems?.some(item => !item.checked)) {
         state.checkAllDialog = true;
       }
     }
@@ -561,7 +711,7 @@ export default defineComponent({
     }
 
     function openUncheckAll() {
-      if (shoppingList.value?.listItems?.some((item) => item.checked)) {
+      if (shoppingList.value?.listItems?.some(item => item.checked)) {
         state.uncheckAllDialog = true;
       }
     }
@@ -581,13 +731,13 @@ export default defineComponent({
     }
 
     function openDeleteChecked() {
-      if (shoppingList.value?.listItems?.some((item) => item.checked)) {
+      if (shoppingList.value?.listItems?.some(item => item.checked)) {
         state.deleteCheckedDialog = true;
       }
     }
 
     function deleteChecked() {
-      const checked = shoppingList.value?.listItems?.filter((item) => item.checked);
+      const checked = shoppingList.value?.listItems?.filter(item => item.checked);
 
       if (!checked || checked?.length === 0) {
         return;
@@ -609,8 +759,8 @@ export default defineComponent({
     };
 
     const contextMenu = [
-      { title: i18n.tc("general.delete"), action: contextActions.delete },
-      { title: i18n.tc("recipe.ingredient"), action: contextActions.setIngredient },
+      { title: i18n.t("general.delete"), action: contextActions.delete },
+      { title: i18n.t("recipe.ingredient"), action: contextActions.setIngredient },
     ];
 
     function contextMenuAction(action: string, item: ShoppingListItemOut, idx: number) {
@@ -620,7 +770,7 @@ export default defineComponent({
 
       switch (action) {
         case contextActions.delete:
-          shoppingList.value.listItems = shoppingList.value?.listItems.filter((itm) => itm.id !== item.id);
+          shoppingList.value.listItems = shoppingList.value?.listItems.filter(itm => itm.id !== item.id);
           break;
         case contextActions.setIngredient:
           shoppingList.value.listItems[idx].isFood = !shoppingList.value.listItems[idx].isFood;
@@ -634,7 +784,7 @@ export default defineComponent({
     // Labels, Units, Foods
     // TODO: Extract to Composable
 
-    const localLabels = ref<ShoppingListMultiPurposeLabelOut[]>()
+    const localLabels = ref<ShoppingListMultiPurposeLabelOut[]>();
 
     const { store: allLabels } = useLabelStore();
     const { store: allUnits } = useUnitStore();
@@ -650,9 +800,9 @@ export default defineComponent({
 
     function toggleReorderLabelsDialog() {
       // stop polling and populate localLabels
-      loadingCounter.value += 1
-      reorderLabelsDialog.value = !reorderLabelsDialog.value
-      localLabels.value = shoppingList.value?.labelSettings
+      loadingCounter.value += 1;
+      reorderLabelsDialog.value = !reorderLabelsDialog.value;
+      localLabels.value = shoppingList.value?.labelSettings;
     }
 
     function updateLabelOrder(labelSettings: ShoppingListMultiPurposeLabelOut[]) {
@@ -665,16 +815,16 @@ export default defineComponent({
         return labelSetting;
       });
 
-      localLabels.value = labelSettings
+      localLabels.value = labelSettings;
     }
 
     function cancelLabelOrder() {
-      loadingCounter.value -= 1
+      loadingCounter.value -= 1;
       if (!shoppingList.value) {
         return;
       }
       // restore original state
-      localLabels.value = shoppingList.value.labelSettings
+      localLabels.value = shoppingList.value.labelSettings;
     }
 
     async function saveLabelOrder() {
@@ -717,11 +867,18 @@ export default defineComponent({
     }
 
     function sortItems(a: ShoppingListItemOut | ListItemGroup, b: ShoppingListItemOut | ListItemGroup) {
-      return (
-        ((a.position || 0) > (b.position || 0)) ||
-        ((a.createdAt || "") < (b.createdAt || ""))
-        ? 1 : -1
-      );
+      // Sort by position ASC, then by createdAt ASC
+      const posA = a.position ?? 0;
+      const posB = b.position ?? 0;
+      if (posA !== posB) {
+        return posA - posB;
+      }
+      const createdA = a.createdAt ?? "";
+      const createdB = b.createdAt ?? "";
+      if (createdA !== createdB) {
+        return createdA < createdB ? -1 : 1;
+      }
+      return 0;
     }
 
     function groupAndSortListItemsByFood() {
@@ -729,20 +886,23 @@ export default defineComponent({
         return;
       }
 
-      const checkedItemKey = "__checkedItem"
+      const checkedItemKey = "__checkedItem";
       const listItemGroupsMap = new Map<string, ListItemGroup>();
-      listItemGroupsMap.set(checkedItemKey, {position: Number.MAX_SAFE_INTEGER, createdAt: "", items: []});
+      listItemGroupsMap.set(checkedItemKey, { position: Number.MAX_SAFE_INTEGER, createdAt: "", items: [] });
 
       // group items by checked status, food, or note
       shoppingList.value.listItems.forEach((item) => {
-        const key = item.checked ? checkedItemKey : item.isFood && item.food?.name
-          ? item.food.name
-          : item.note || ""
+        const key = item.checked
+          ? checkedItemKey
+          : item.isFood && item.food?.name
+            ? item.food.name
+            : item.note || "";
 
         const group = listItemGroupsMap.get(key);
         if (!group) {
-          listItemGroupsMap.set(key, {position: item.position || 0, createdAt: item.createdAt || "", items: [item]});
-        } else {
+          listItemGroupsMap.set(key, { position: item.position || 0, createdAt: item.createdAt || "", items: [item] });
+        }
+        else {
           group.items.push(item);
         }
       });
@@ -759,7 +919,7 @@ export default defineComponent({
           item.position = nextPosition;
           nextPosition += 1;
           sortedItems.push(item);
-        })
+        });
       });
 
       shoppingList.value.listItems = sortedItems;
@@ -770,12 +930,12 @@ export default defineComponent({
         return;
       }
 
-      shoppingList.value.listItems.sort(sortItems)
+      shoppingList.value.listItems.sort(sortItems);
     }
 
     function updateItemsByLabel() {
       const items: { [prop: string]: ShoppingListItemOut[] } = {};
-      const noLabelText = i18n.tc("shopping-list.no-label");
+      const noLabelText = i18n.t("shopping-list.no-label");
       const noLabel = [] as ShoppingListItemOut[];
 
       shoppingList.value?.listItems?.forEach((item) => {
@@ -786,10 +946,12 @@ export default defineComponent({
         if (item.labelId) {
           if (item.label && item.label.name in items) {
             items[item.label.name].push(item);
-          } else if (item.label) {
+          }
+          else if (item.label) {
             items[item.label.name] = [item];
           }
-        } else {
+        }
+        else {
           noLabel.push(item);
         }
       });
@@ -799,7 +961,7 @@ export default defineComponent({
       }
 
       // sort the map by label order
-      const orderedLabelNames = shoppingList.value?.labelSettings?.map((labelSetting) => { return labelSetting.label.name; })
+      const orderedLabelNames = shoppingList.value?.labelSettings?.map(labelSetting => labelSetting.label.name);
       if (!orderedLabelNames) {
         itemsByLabel.value = items;
         return;
@@ -810,7 +972,7 @@ export default defineComponent({
         itemsSorted[noLabelText] = items[noLabelText];
       }
 
-      orderedLabelNames.forEach(labelName => {
+      orderedLabelNames.forEach((labelName) => {
         if (labelName in items) {
           itemsSorted[labelName] = items[labelName];
         }
@@ -823,8 +985,8 @@ export default defineComponent({
     // Add/Remove Recipe References
 
     const recipeMap = computed(() => new Map(
-      (shoppingList.value?.recipeReferences?.map((ref) => ref.recipe) ?? [])
-        .map((recipe) => [recipe.id || "", recipe]))
+      (shoppingList.value?.recipeReferences?.map(ref => ref.recipe) ?? [])
+        .map(recipe => [recipe.id || "", recipe])),
     );
 
     async function addRecipeReferenceToList(recipeId: string) {
@@ -872,13 +1034,6 @@ export default defineComponent({
         return;
       }
 
-      if (item.checked && shoppingList.value.listItems) {
-        const lst = shoppingList.value.listItems.filter((itm) => itm.id !== item.id);
-        lst.push(item);
-
-        // make sure the item is at the end of the list with the other checked items
-        item.position = shoppingList.value.listItems.length;
-      }
       // set a temporary updatedAt timestamp prior to refresh so it appears at the top of the checked items
       item.updatedAt = new Date().toISOString();
 
@@ -889,11 +1044,14 @@ export default defineComponent({
             shoppingList.value.listItems[idx] = item;
           }
         });
+        // Immediately update checked/unchecked arrays for UI
+        listItems.unchecked = shoppingList.value.listItems.filter(i => !i.checked);
+        listItems.checked = shoppingList.value.listItems.filter(i => i.checked)
+          .sort(sortCheckedItems);
       }
 
       updateListItemOrder();
-      shoppingListItemActions.updateItem(item);
-      refresh();
+      updateListItems();
     }
 
     function deleteListItem(item: ShoppingListItemOut) {
@@ -905,7 +1063,7 @@ export default defineComponent({
 
       // remove the item from the list immediately so the user sees the change
       if (shoppingList.value.listItems) {
-        shoppingList.value.listItems = shoppingList.value.listItems.filter((itm) => itm.id !== item.id);
+        shoppingList.value.listItems = shoppingList.value.listItems.filter(itm => itm.id !== item.id);
       }
 
       refresh();
@@ -929,9 +1087,21 @@ export default defineComponent({
         labelId: undefined,
         unitId: undefined,
         foodId: undefined,
-      };
+      } as ShoppingListItemOut;
     }
 
+    /* const newMeal = reactive({
+      date: "",
+      title: "",
+      text: "",
+      recipeId: undefined as string | undefined,
+      entryType: "dinner" as PlanEntryType,
+      existing: false,
+      id: 0,
+      groupId: "",
+      userId: $auth.user.value?.id || "",
+    }); */
+
     function createListItem() {
       if (!shoppingList.value) {
         return;
@@ -958,19 +1128,17 @@ export default defineComponent({
       loadingCounter.value -= 1;
 
       if (shoppingList.value.listItems) {
-          // add the item to the list immediately so the user sees the change
-          shoppingList.value.listItems.push(createListItemData.value);
-          updateListItemOrder();
-        }
+        // add the item to the list immediately so the user sees the change
+        shoppingList.value.listItems.push(createListItemData.value);
+        updateListItemOrder();
+      }
       createListItemData.value = listItemFactory(createListItemData.value.isFood || false);
       refresh();
     }
 
     function updateIndexUnchecked(uncheckedItems: ShoppingListItemOut[]) {
-      if (shoppingList.value?.listItems) {
-        // move the new unchecked items in front of the checked items
-        shoppingList.value.listItems = uncheckedItems.concat(listItems.value.checked);
-      }
+      listItems.unchecked = uncheckedItems;
+      listItems.checked = shoppingList.value?.listItems?.filter(item => item.checked) || [];
 
       // since the user has manually reordered the list, we should preserve this order
       preserveItemOrder.value = true;
@@ -996,7 +1164,9 @@ export default defineComponent({
       preserveItemOrder.value = true;
 
       // save changes
-      return updateIndexUnchecked(allUncheckedItems);
+      listItems.unchecked = allUncheckedItems;
+      listItems.checked = shoppingList.value?.listItems?.filter(item => item.checked) || [];
+      updateListItems();
     }
 
     function deleteListItems(items: ShoppingListItemOut[]) {
@@ -1010,7 +1180,7 @@ export default defineComponent({
       // remove the items from the list immediately so the user sees the change
       if (shoppingList.value?.listItems) {
         const deletedItems = new Set(items.map(item => item.id));
-        shoppingList.value.listItems = shoppingList.value.listItems.filter((itm) => !deletedItems.has(itm.id));
+        shoppingList.value.listItems = shoppingList.value.listItems.filter(itm => !deletedItems.has(itm.id));
       }
 
       refresh();
@@ -1022,7 +1192,7 @@ export default defineComponent({
       }
 
       // Set Position
-      shoppingList.value.listItems = listItems.value.unchecked.concat(listItems.value.checked).map((itm: ShoppingListItemOut, idx: number) => {
+      shoppingList.value.listItems = listItems.unchecked.concat(listItems.checked).map((itm: ShoppingListItemOut, idx: number) => {
         itm.position = idx;
         return itm;
       });
@@ -1080,11 +1250,7 @@ export default defineComponent({
       allUnits,
       allFoods,
       getTextColor,
-    };
-  },
-  head() {
-    return {
-      title: this.$t("shopping-list.shopping-list") as string,
+      isOffline,
     };
   },
 });
diff --git a/frontend/pages/shopping-lists/index.vue b/frontend/pages/shopping-lists/index.vue
index ab5af4bd4..69bd913a9 100644
--- a/frontend/pages/shopping-lists/index.vue
+++ b/frontend/pages/shopping-lists/index.vue
@@ -1,50 +1,87 @@
 <template>
-  <v-container v-if="shoppingListChoices && ready" class="narrow-container">
-    <BaseDialog v-model="createDialog" :title="$tc('shopping-list.create-shopping-list')" @submit="createOne">
+  <v-container
+    v-if="shoppingListChoices && ready"
+    class="narrow-container"
+  >
+    <BaseDialog
+      v-model="createDialog"
+      :title="$t('shopping-list.create-shopping-list')"
+      can-submit
+      @submit="createOne"
+    >
       <v-card-text>
-        <v-text-field v-model="createName" autofocus :label="$t('shopping-list.new-list')"> </v-text-field>
+        <v-text-field
+          v-model="createName"
+          autofocus
+          :label="$t('shopping-list.new-list')"
+        />
       </v-card-text>
     </BaseDialog>
 
     <!-- Settings -->
     <BaseDialog
-        v-model="ownerDialog"
-        :icon="$globals.icons.admin"
-        :title="$t('user.edit-user')"
-        @confirm="updateOwner"
-      >
-        <v-container>
-          <v-form>
-            <v-select
-              v-model="updateUserId"
-              :items="allUsers"
-              item-text="fullName"
-              item-value="id"
-              :label="$t('general.owner')"
-              :prepend-icon="$globals.icons.user"
-            />
-          </v-form>
-        </v-container>
-      </BaseDialog>
+      v-model="ownerDialog"
+      :icon="$globals.icons.admin"
+      :title="$t('user.edit-user')"
+      can-confirm
+      @confirm="updateOwner"
+    >
+      <v-container>
+        <v-form>
+          <v-select
+            v-model="updateUserId"
+            :items="allUsers"
+            item-title="fullName"
+            item-value="id"
+            :label="$t('general.owner')"
+            :prepend-icon="$globals.icons.user"
+          />
+        </v-form>
+      </v-container>
+    </BaseDialog>
 
-    <BaseDialog v-model="deleteDialog" :title="$tc('general.confirm')" color="error" @confirm="deleteOne">
+    <BaseDialog
+      v-model="deleteDialog"
+      :title="$t('general.confirm')"
+      color="error"
+      can-confirm
+      @confirm="deleteOne"
+    >
       <v-card-text>{{ $t('shopping-list.are-you-sure-you-want-to-delete-this-item') }}</v-card-text>
     </BaseDialog>
     <BasePageTitle divider>
       <template #header>
-        <v-img max-height="100" max-width="100" :src="require('~/static/svgs/shopping-cart.svg')"></v-img>
+        <v-img
+          width="100%"
+          max-height="100"
+          max-width="100"
+          :src="require('~/static/svgs/shopping-cart.svg')"
+        />
+      </template>
+      <template #title>
+        {{ $t('shopping-list.shopping-lists') }}
       </template>
-      <template #title>{{ $t('shopping-list.shopping-lists') }}</template>
     </BasePageTitle>
 
-    <v-container class="d-flex justify-end px-0 pt-0 pb-4">
-      <v-checkbox v-model="preferences.viewAllLists" hide-details :label="$tc('general.show-all')" class="my-auto mr-4" />
-      <BaseButton create @click="createDialog = true" />
+    <v-container class="d-flex align-center justify-end px-0 pt-0 pb-4">
+      <v-checkbox
+        v-model="preferences.viewAllLists"
+        hide-details
+        :label="$t('general.show-all')"
+        class="my-0 mr-4"
+      />
+      <BaseButton
+        create
+        class="my-0"
+        @click="createDialog = true"
+      />
     </v-container>
 
     <v-container v-if="!shoppingListChoices.length">
       <BasePageTitle>
-        <template #title>{{ $t('shopping-list.no-shopping-lists-found') }}</template>
+        <template #title>
+          {{ $t('shopping-list.no-shopping-lists-found') }}
+        </template>
       </BasePageTitle>
     </v-container>
 
@@ -55,50 +92,60 @@
         class="my-2 left-border"
         :to="`/shopping-lists/${list.id}`"
       >
-        <v-card-title>
-          <v-icon left>
-            {{ $globals.icons.cartCheck }}
+      <v-card-title class="d-flex align-center">
+        <v-icon class="mr-2">
+          {{ $globals.icons.cartCheck }}
+        </v-icon>
+        <span class="flex-grow-1">
+          {{ list.name }}
+        </span>
+        <v-btn
+          icon
+          variant="plain"
+          @click.prevent="toggleOwnerDialog(list)"
+        >
+          <v-icon>
+            {{ $globals.icons.user }}
           </v-icon>
-          <div class="flex-grow-1">
-            {{ list.name }}
-          </div>
-          <div class="d-flex justify-end">
-            <v-btn icon @click.prevent="toggleOwnerDialog(list)">
-              <v-icon>
-                {{ $globals.icons.user }}
-              </v-icon>
-            </v-btn>
-            <v-btn icon @click.prevent="openDelete(list.id)">
-              <v-icon>
-                {{ $globals.icons.delete }}
-              </v-icon>
-            </v-btn>
-          </div>
-        </v-card-title>
+        </v-btn>
+        <v-btn
+          icon
+          variant="plain"
+          @click.prevent="openDelete(list.id)"
+        >
+          <v-icon>
+            {{ $globals.icons.delete }}
+          </v-icon>
+        </v-btn>
+      </v-card-title>
       </v-card>
     </section>
   </v-container>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useAsync, useContext, reactive, ref, toRefs, useRoute, useRouter, watch } from "@nuxtjs/composition-api";
-import { ShoppingListOut } from "~/lib/api/types/household";
+import type { ShoppingListOut } from "~/lib/api/types/household";
 import { useUserApi } from "~/composables/api";
 import { useAsyncKey } from "~/composables/use-utils";
 import { useShoppingListPreferences } from "~/composables/use-users/preferences";
-import { UserOut } from "~/lib/api/types/user";
+import type { UserOut } from "~/lib/api/types/user";
 
-export default defineComponent({
-  middleware: "auth",
+export default defineNuxtComponent({
+  middleware: "sidebase-auth",
   setup() {
-    const { $auth } = useContext();
+    const $auth = useMealieAuth();
+    const i18n = useI18n();
     const ready = ref(false);
     const userApi = useUserApi();
     const route = useRoute();
-    const router = useRouter();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+
+    useSeoMeta({
+      title: i18n.t("shopping-list.shopping-list"),
+    });
+
+    const groupSlug = computed(() => route.params.groupSlug || $auth.user.value?.groupSlug || "");
     const overrideDisableRedirect = ref(false);
-    const disableRedirect = computed(() => route.value.query.disableRedirect === "true" || overrideDisableRedirect.value);
+    const disableRedirect = computed(() => route.query.disableRedirect === "true" || overrideDisableRedirect.value);
     const preferences = useShoppingListPreferences();
 
     const state = reactive({
@@ -110,16 +157,16 @@ export default defineComponent({
       ownerTarget: ref<ShoppingListOut | null>(null),
     });
 
-    const shoppingLists = useAsync(async () => {
+    const { data: shoppingLists } = useAsyncData(useAsyncKey(), async () => {
       return await fetchShoppingLists();
-    }, useAsyncKey());
+    });
 
     const shoppingListChoices = computed(() => {
       if (!shoppingLists.value) {
         return [];
       }
 
-      return shoppingLists.value.filter((list) => preferences.value.viewAllLists || list.userId === $auth.user?.id);
+      return shoppingLists.value.filter(list => preferences.value.viewAllLists || list.userId === $auth.user.value?.id);
     });
 
     // This has to appear before the shoppingListChoices watcher, otherwise that runs first and the redirect is not disabled
@@ -134,8 +181,9 @@ export default defineComponent({
       () => shoppingListChoices,
       () => {
         if (!disableRedirect.value && shoppingListChoices.value.length === 1) {
-          router.push(`/shopping-lists/${shoppingListChoices.value[0].id}`);
-        } else {
+          navigateTo(`/shopping-lists/${shoppingListChoices.value[0].id}`);
+        }
+        else {
           ready.value = true;
         }
       },
@@ -206,7 +254,7 @@ export default defineComponent({
       }
       const { data } = await userApi.shopping.lists.updateOne(
         state.ownerTarget.id,
-        {...fullList, userId: updateUserId.value},
+        { ...fullList, userId: updateUserId.value },
       );
 
       if (data) {
@@ -241,10 +289,5 @@ export default defineComponent({
       openDelete,
     };
   },
-  head() {
-    return {
-      title: this.$t("shopping-list.shopping-list") as string,
-    };
-  },
 });
 </script>
diff --git a/frontend/pages/user/_id/favorites.vue b/frontend/pages/user/[id]/favorites.vue
similarity index 69%
rename from frontend/pages/user/_id/favorites.vue
rename to frontend/pages/user/[id]/favorites.vue
index 6f5e9dcc6..9e706c78e 100644
--- a/frontend/pages/user/_id/favorites.vue
+++ b/frontend/pages/user/[id]/favorites.vue
@@ -3,32 +3,36 @@
     <RecipeCardSection
       v-if="recipes && isOwnGroup"
       :icon="$globals.icons.heart"
-      :title="$tc('user.user-favorites')"
+      :title="$t('user.user-favorites')"
       :recipes="recipes"
       :query="query"
-      @sortRecipes="assignSorted"
-      @replaceRecipes="replaceRecipes"
-      @appendRecipes="appendRecipes"
+      @sort-recipes="assignSorted"
+      @replace-recipes="replaceRecipes"
+      @append-recipes="appendRecipes"
       @delete="removeRecipe"
     />
   </v-container>
 </template>
 
 <script lang="ts">
-import { defineComponent, useRoute } from "@nuxtjs/composition-api";
 import RecipeCardSection from "~/components/Domain/Recipe/RecipeCardSection.vue";
 import { useLazyRecipes } from "~/composables/recipes";
 import { useLoggedInState } from "~/composables/use-logged-in-state";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: { RecipeCardSection },
-  middleware: "auth",
+  middleware: "sidebase-auth",
   setup() {
     const route = useRoute();
+    const i18n = useI18n();
     const { isOwnGroup } = useLoggedInState();
 
-    const userId = route.value.params.id;
-    const query = { queryFilter: `favoritedBy.id = "${userId}"` }
+    useSeoMeta({
+      title: i18n.t("general.favorites"),
+    });
+
+    const userId = route.params.id;
+    const query = { queryFilter: `favoritedBy.id = "${userId}"` };
     const { recipes, appendRecipes, assignSorted, removeRecipe, replaceRecipes } = useLazyRecipes();
 
     return {
@@ -41,11 +45,6 @@ export default defineComponent({
       replaceRecipes,
     };
   },
-  head() {
-    return {
-      title: this.$t("general.favorites") as string,
-    };
-  },
 });
 </script>
 
diff --git a/frontend/pages/user/profile/api-tokens.vue b/frontend/pages/user/profile/api-tokens.vue
index baeda6f6f..299a51dfc 100644
--- a/frontend/pages/user/profile/api-tokens.vue
+++ b/frontend/pages/user/profile/api-tokens.vue
@@ -2,16 +2,32 @@
   <v-container class="narrow-container">
     <BasePageTitle divider>
       <template #header>
-        <v-img max-height="200px" max-width="200px" :src="require('~/static/svgs/manage-api-tokens.svg')"></v-img>
+        <v-img
+          width="100%"
+          max-height="200px"
+          max-width="200px"
+          :src="require('~/static/svgs/manage-api-tokens.svg')"
+        />
       </template>
-      <template #title> {{ $tc("settings.token.api-tokens") }} </template>
-      {{ $tc('settings.token.you-have-token-count', user.tokens.length) }}
+      <template #title>
+        {{ $t("settings.token.api-tokens") }}
+      </template>
+      {{ $t('settings.token.you-have-token-count', user.tokens!.length) }}
     </BasePageTitle>
     <section class="d-flex justify-center">
-      <v-card class="mt-4" width="500px">
+      <v-card
+        class="mt-4"
+        width="500px"
+      >
         <v-card-text>
-          <v-form ref="domNewTokenForm" @submit.prevent>
-            <v-text-field v-model="name" :label="$t('settings.token.token-name')"> </v-text-field>
+          <v-form
+            ref="domNewTokenForm"
+            @submit.prevent
+          >
+            <v-text-field
+              v-model="name"
+              :label="$t('settings.token.token-name')"
+            />
           </v-form>
 
           <template v-if="createdToken != ''">
@@ -21,40 +37,68 @@
               :label="$t('settings.token.api-token')"
               readonly
               rows="3"
-            >
-            </v-textarea>
-            <v-subheader class="text-center">
+            />
+            <v-list-subheader class="text-center">
               {{
                 $t(
-                  "settings.token.copy-this-token-for-use-with-an-external-application-this-token-will-not-be-viewable-again"
+                  "settings.token.copy-this-token-for-use-with-an-external-application-this-token-will-not-be-viewable-again",
                 )
               }}
-            </v-subheader>
+            </v-list-subheader>
           </template>
         </v-card-text>
         <v-card-actions>
-          <BaseButton v-if="createdToken" cancel @click="resetCreate()"> {{ $t('general.close') }} </BaseButton>
-          <v-spacer></v-spacer>
-          <AppButtonCopy v-if="createdToken" :icon="false" color="info" :copy-text="createdToken"> </AppButtonCopy>
-          <BaseButton v-else key="generate-button" :disabled="name == ''" @click="createToken(name)">
+          <BaseButton
+            v-if="createdToken"
+            cancel
+            @click="resetCreate()"
+          >
+            {{ $t('general.close') }}
+          </BaseButton>
+          <v-spacer />
+          <AppButtonCopy
+            v-if="createdToken"
+            :icon="false"
+            color="info"
+            :copy-text="createdToken"
+          />
+          <BaseButton
+            v-else
+            key="generate-button"
+            :disabled="name == ''"
+            @click="createToken(name)"
+          >
             {{ $t('settings.token.generate') }}
           </BaseButton>
         </v-card-actions>
       </v-card>
     </section>
-    <BaseCardSectionTitle class="mt-10" :title="$tc('settings.token.active-tokens')"> </BaseCardSectionTitle>
+    <BaseCardSectionTitle
+      class="mt-10"
+      :title="$t('settings.token.active-tokens')"
+    />
     <section class="d-flex flex-column">
-      <div v-for="(token, index) in $auth.user.tokens" :key="index">
-        <v-card outlined class="mb-2">
+      <div
+        v-for="(token, index) in user.tokens"
+        :key="index"
+      >
+        <v-card
+          variant="outlined"
+          class="mb-2"
+        >
           <v-list-item>
-            <v-list-item-content>
-              <v-list-item-title>
-                {{ token.name }}
-              </v-list-item-title>
-              <v-list-item-subtitle> {{ $t('general.created-on-date', [$d(new Date(token.createdAt))]) }} </v-list-item-subtitle>
-            </v-list-item-content>
+            <v-list-item-title>
+              {{ token.name }}
+            </v-list-item-title>
+            <v-list-item-subtitle>
+              {{ $t('general.created-on-date', [$d(new Date(token.createdAt!))]) }}
+            </v-list-item-subtitle>
             <v-list-item-action>
-              <BaseButton delete small @click="deleteToken(token.id)"></BaseButton>
+              <BaseButton
+                delete
+                small
+                @click="deleteToken(token.id)"
+              />
             </v-list-item-action>
           </v-list-item>
         </v-card>
@@ -64,17 +108,21 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useContext, ref } from "@nuxtjs/composition-api";
 import { useUserApi } from "~/composables/api";
-import { VForm } from "~/types/vuetify";
+import type { VForm } from "~/types/auto-forms";
 
-export default defineComponent({
-  middleware: ["auth", "advanced-only"],
+export default defineNuxtComponent({
+  middleware: ["sidebase-auth", "advanced-only"],
   setup() {
-    const nuxtContext = useContext();
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
+
+    useSeoMeta({
+      title: i18n.t("settings.token.api-tokens"),
+    });
 
     const user = computed(() => {
-      return nuxtContext.$auth.user;
+      return $auth.user.value;
     });
 
     const api = useUserApi();
@@ -89,7 +137,7 @@ export default defineComponent({
       createdToken.value = "";
       loading.value = false;
       name.value = "";
-      nuxtContext.$auth.fetchUser();
+      $auth.refresh();
     }
 
     async function createToken(name: string) {
@@ -114,16 +162,11 @@ export default defineComponent({
 
     async function deleteToken(id: number) {
       const { data } = await api.users.deleteAPIToken(id);
-      nuxtContext.$auth.fetchUser();
+      $auth.refresh();
       return data;
     }
 
     return { createToken, deleteToken, createdToken, loading, name, user, resetCreate };
   },
-  head() {
-    return {
-      title: this.$t("settings.token.api-tokens") as string,
-    };
-  },
 });
 </script>
diff --git a/frontend/pages/user/profile/edit.vue b/frontend/pages/user/profile/edit.vue
index d16140927..9f64f69e0 100644
--- a/frontend/pages/user/profile/edit.vue
+++ b/frontend/pages/user/profile/edit.vue
@@ -3,65 +3,127 @@
     <BasePageTitle divider>
       <template #header>
         <div class="d-flex flex-column align-center justify-center">
-          <UserAvatar :tooltip="false" size="96" :user-id="$auth.user.id" />
+          <UserAvatar
+            :tooltip="false"
+            size="96"
+            :user-id="userCopy.id!"
+          />
           <AppButtonUpload
             class="my-1"
             file-name="profile"
             accept="image/*"
-            :url="`/api/users/${$auth.user.id}/image`"
-            @uploaded="$auth.fetchUser()"
+            :url="`/api/users/${userCopy.id}/image`"
+            @uploaded="$auth.refresh()"
           />
         </div>
       </template>
-      <template #title> {{ $t("profile.user-settings") }} </template>
+      <template #title>
+        {{ $t("profile.user-settings") }}
+      </template>
     </BasePageTitle>
 
     <section class="mt-5">
       <ToggleState tag="article">
         <template #activator="{ toggle, state }">
-          <v-btn v-if="!state" color="info" class="mt-2 mb-n3" @click="toggle">
-            <v-icon left>{{ $globals.icons.lock }}</v-icon>
+          <v-btn
+            v-if="!state"
+            color="info"
+            class="mt-2 mb-n3"
+            @click="toggle"
+          >
+            <v-icon start>
+              {{ $globals.icons.lock }}
+            </v-icon>
             {{ $t("settings.change-password") }}
           </v-btn>
-          <v-btn v-else color="info" class="mt-2 mb-n3" @click="toggle">
-            <v-icon left>{{ $globals.icons.user }}</v-icon>
+          <v-btn
+            v-else
+            color="info"
+            class="mt-2 mb-n3"
+            @click="toggle"
+          >
+            <v-icon start>
+              {{ $globals.icons.user }}
+            </v-icon>
             {{ $t("settings.profile") }}
           </v-btn>
         </template>
         <template #default="{ state }">
-          <v-slide-x-transition leave-absolute hide-on-leave>
-            <div v-if="!state" key="personal-info">
-              <BaseCardSectionTitle class="mt-10" :title="$tc('profile.personal-information')"> </BaseCardSectionTitle>
-              <v-card tag="article" outlined>
+          <v-slide-x-transition
+            leave-absolute
+            hide-on-leave
+          >
+            <div
+              v-if="!state"
+              key="personal-info"
+            >
+              <BaseCardSectionTitle
+                class="mt-10"
+                :title="$t('profile.personal-information')"
+              />
+              <v-card
+                tag="article"
+                variant="outlined"
+                style="border-color: lightgrey;"
+              >
                 <v-card-text class="pb-0">
                   <v-form ref="userUpdate">
-                    <v-text-field v-model="userCopy.username" :label="$t('user.username')" required validate-on-blur>
-                    </v-text-field>
-                    <v-text-field v-model="userCopy.fullName" :label="$t('user.full-name')" required validate-on-blur>
-                    </v-text-field>
-                    <v-text-field v-model="userCopy.email" :label="$t('user.email')" validate-on-blur required>
-                    </v-text-field>
+                    <v-text-field
+                      v-model="userCopy.username"
+                      :label="$t('user.username')"
+                      required
+                      validate-on="blur"
+                      density="comfortable"
+                      variant="underlined"
+                    />
+                    <v-text-field
+                      v-model="userCopy.fullName"
+                      :label="$t('user.full-name')"
+                      required
+                      validate-on="blur"
+                      density="comfortable"
+                      variant="underlined"
+                    />
+                    <v-text-field
+                      v-model="userCopy.email"
+                      :label="$t('user.email')"
+                      validate-on="blur"
+                      required
+                      density="comfortable"
+                      variant="underlined"
+                    />
                   </v-form>
                 </v-card-text>
                 <v-card-actions>
-                  <v-spacer></v-spacer>
-                  <BaseButton update @click="updateUser" />
+                  <v-spacer />
+                  <BaseButton
+                    update
+                    @click="updateUser"
+                  />
                 </v-card-actions>
               </v-card>
             </div>
-            <div v-else key="change-password">
-              <BaseCardSectionTitle class="mt-10" :title="$tc('settings.change-password')"> </BaseCardSectionTitle>
-              <v-card outlined>
+            <div
+              v-else
+              key="change-password"
+            >
+              <BaseCardSectionTitle
+                class="mt-10"
+                :title="$t('settings.change-password')"
+              />
+              <v-card variant="outlined">
                 <v-card-text class="pb-0">
                   <v-form ref="passChange">
                     <v-text-field
                       v-model="password.current"
                       :prepend-icon="$globals.icons.lock"
                       :label="$t('user.current-password')"
-                      validate-on-blur
+                      validate-on="blur"
                       :type="showPassword ? 'text' : 'password'"
                       :append-icon="showPassword ? $globals.icons.eye : $globals.icons.eyeOff"
                       :rules="[validators.minLength(1)]"
+                      density="comfortable"
+                      variant="underlined"
                       @click:append="showPassword = !showPassword"
                     />
                     <v-text-field
@@ -71,6 +133,8 @@
                       :type="showPassword ? 'text' : 'password'"
                       :append-icon="showPassword ? $globals.icons.eye : $globals.icons.eyeOff"
                       :rules="[validators.minLength(8)]"
+                      density="comfortable"
+                      variant="underlined"
                       @click:append="showPassword = !showPassword"
                     />
                     <v-text-field
@@ -78,16 +142,18 @@
                       :prepend-icon="$globals.icons.lock"
                       :label="$t('user.confirm-password')"
                       :rules="[password.newOne === password.newTwo || $t('user.password-must-match')]"
-                      validate-on-blur
+                      validate-on="blur"
                       :type="showPassword ? 'text' : 'password'"
                       :append-icon="showPassword ? $globals.icons.eye : $globals.icons.eyeOff"
+                      density="comfortable"
+                      variant="underlined"
                       @click:append="showPassword = !showPassword"
                     />
                     <UserPasswordStrength :value="password.newOne" />
                   </v-form>
                 </v-card-text>
                 <v-card-actions>
-                  <v-spacer></v-spacer>
+                  <v-spacer />
                   <BaseButton
                     update
                     :disabled="!passwordsMatch || password.current.length < 0"
@@ -101,17 +167,31 @@
       </ToggleState>
     </section>
     <section>
-      <BaseCardSectionTitle class="mt-10" :title="$tc('profile.preferences')"> </BaseCardSectionTitle>
+      <BaseCardSectionTitle
+        class="mt-10"
+        :title="$t('profile.preferences')"
+      />
       <v-checkbox
         v-model="userCopy.advanced"
         class="mt-n4"
         :label="$t('profile.show-advanced-description')"
+        color="primary"
         @change="updateUser"
-      ></v-checkbox>
-      <nuxt-link class="mt-5 d-flex flex-column justify-center text-center" :to="`/group`"> {{ $t('profile.looking-for-privacy-settings') }} </nuxt-link>
+      />
+      <nuxt-link
+        class="mt-5 d-flex flex-column justify-center text-center"
+        :to="`/group`"
+      > {{
+        $t('profile.looking-for-privacy-settings') }} </nuxt-link>
       <div class="d-flex flex-wrap justify-center mt-5">
-        <v-btn outlined class="rounded-xl my-1 mx-1" :to="`/user/profile`" nuxt exact>
-          <v-icon left>
+        <v-btn
+          variant="outlined"
+          class="rounded-xl my-1 mx-1"
+          :to="`/user/profile`"
+          nuxt
+          exact
+        >
+          <v-icon start>
             {{ $globals.icons.backArrow }}
           </v-icon>
           {{ $t('profile.back-to-profile') }}
@@ -122,23 +202,26 @@
 </template>
 
 <script lang="ts">
-import { ref, reactive, defineComponent, computed, useContext, watch, toRefs } from "@nuxtjs/composition-api";
 import { useUserApi } from "~/composables/api";
 import UserAvatar from "~/components/Domain/User/UserAvatar.vue";
-import { VForm } from "~/types/vuetify";
-import { UserOut } from "~/lib/api/types/user";
 import UserPasswordStrength from "~/components/Domain/User/UserPasswordStrength.vue";
 import { validators } from "~/composables/use-validators";
+import type { VForm } from "~/types/auto-forms";
 
-export default defineComponent({
+export default defineNuxtComponent({
   components: {
     UserAvatar,
     UserPasswordStrength,
   },
-  middleware: "auth",
+  middleware: "sidebase-auth",
   setup() {
-    const { $auth } = useContext();
-    const user = computed(() => $auth.user as unknown as UserOut);
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
+    const user = computed(() => $auth.user.value);
+
+    useSeoMeta({
+      title: i18n.t("settings.profile"),
+    });
 
     watch(user, () => {
       userCopy.value = { ...user.value };
@@ -158,9 +241,10 @@ export default defineComponent({
     const passwordsMatch = computed(() => password.newOne === password.newTwo && password.newOne.length > 0);
 
     async function updateUser() {
+      if (!userCopy.value?.id) return;
       const { response } = await api.users.updateOne(userCopy.value.id, userCopy.value);
       if (response?.status === 200) {
-        $auth.fetchUser();
+        $auth.refresh();
       }
     }
 
@@ -194,11 +278,7 @@ export default defineComponent({
       domUpdatePassword,
       passwordsMatch,
       validators,
-    };
-  },
-  head() {
-    return {
-      title: this.$t("settings.profile") as string,
+      $auth,
     };
   },
 });
diff --git a/frontend/pages/user/profile/index.vue b/frontend/pages/user/profile/index.vue
index a218eb2e7..32de46fa4 100644
--- a/frontend/pages/user/profile/index.vue
+++ b/frontend/pages/user/profile/index.vue
@@ -1,75 +1,117 @@
 <template>
   <v-container v-if="user">
     <section class="d-flex flex-column align-center mt-4">
-      <UserAvatar :tooltip="false" size="96" :user-id="user.id" />
+      <UserAvatar
+        :tooltip="false"
+        size="96"
+        :user-id="user.id"
+      />
 
-      <h2 class="headline">{{ $t('profile.welcome-user', [user.fullName]) }}</h2>
+      <h2 class="text-h4">
+        {{ $t('profile.welcome-user', [user.fullName]) }}
+      </h2>
       <p class="subtitle-1 mb-0 text-center">
-       {{ $t('profile.description') }}
+        {{ $t('profile.description') }}
       </p>
-      <v-card flat color="transparent" width="100%" max-width="600px">
+      <v-card
+        flat
+        color="transparent"
+        width="100%"
+        max-width="600px"
+      >
         <v-card-actions class="d-flex justify-center my-4">
-          <v-btn v-if="user.canInvite" outlined rounded @click="inviteDialog = true">
-            <v-icon left>
-              {{ $globals.icons.createAlt }}
-            </v-icon>
-            {{ $t('profile.get-invite-link') }}
-          </v-btn>
+          <v-btn
+            v-if="user.canInvite"
+            variant="outlined"
+            rounded
+            :prepend-icon="$globals.icons.createAlt"
+            :text="$t('profile.get-invite-link')"
+            @click="inviteDialog = true"
+          />
         </v-card-actions>
         <UserInviteDialog v-model="inviteDialog" />
       </v-card>
     </section>
     <section class="my-3">
       <div>
-        <h3 class="headline">{{ $t('profile.account-summary') }}</h3>
+        <h3 class="text-h5">
+          {{ $t('profile.account-summary') }}
+        </h3>
         <p>{{ $t('profile.account-summary-description') }}</p>
       </div>
       <v-row tag="section">
-        <v-col cols="12" sm="12" md="12">
-          <v-card outlined>
-            <v-card-title class="headline pb-0"> {{ $t('profile.household-statistics') }} </v-card-title>
+        <v-col
+          cols="12"
+          sm="12"
+          md="12"
+        >
+          <v-card variant="outlined" style="border-color: lightgray;" class="mt-4">
+            <v-card-title class="text-h6 pb-0">
+              {{ $t('profile.household-statistics') }}
+            </v-card-title>
             <v-card-text class="py-0">
               {{ $t('profile.household-statistics-description') }}
             </v-card-text>
-            <v-card-text class="d-flex flex-wrap justify-center align-center" style="gap: 0.8rem">
+            <v-card-text
+              class="d-flex flex-wrap justify-center align-center"
+              style="gap: 0.8rem"
+            >
               <StatsCards
                 v-for="(value, key) in stats"
                 :key="`${key}-${value}`"
-                :min-width="$vuetify.breakpoint.xs ? '100%' : '158'"
+                :min-width="$vuetify.display.xs ? '100%' : '158'"
                 :icon="getStatsIcon(key)"
                 :to="getStatsTo(key)"
               >
-                <template #title> {{ getStatsTitle(key) }}</template>
-                <template #value> {{ value }}</template>
+                <template #title>
+                  {{ getStatsTitle(key) }}
+                </template>
+                <template #value>
+                  {{ value }}
+                </template>
               </StatsCards>
             </v-card-text>
           </v-card>
         </v-col>
       </v-row>
     </section>
-    <v-divider class="my-7"></v-divider>
+    <v-divider class="my-7" />
     <section>
       <div>
-        <h3 class="headline">{{ $t('profile.personal') }}</h3>
+        <h3 class="text-h6">
+          {{ $t('profile.personal') }}
+        </h3>
         <p>{{ $t('profile.personal-description') }}</p>
       </div>
       <v-row tag="section">
-        <v-col cols="12" sm="12" md="6">
+        <v-col
+          cols="12"
+          sm="12"
+          md="6"
+        >
           <UserProfileLinkCard
-            :link="{ text: $tc('profile.manage-user-profile'), to: `/user/profile/edit` }"
+            :link="{ text: $t('profile.manage-user-profile'), to: `/user/profile/edit` }"
             :image="require('~/static/svgs/manage-profile.svg')"
           >
-            <template #title> {{ $t('profile.user-settings') }} </template>
+            <template #title>
+              {{ $t('profile.user-settings') }}
+            </template>
             {{ $t('profile.user-settings-description') }}
           </UserProfileLinkCard>
         </v-col>
         <AdvancedOnly>
-          <v-col cols="12" sm="12" md="6">
+          <v-col
+            cols="12"
+            sm="12"
+            md="6"
+          >
             <UserProfileLinkCard
-              :link="{ text: $tc('profile.manage-your-api-tokens'), to: `/user/profile/api-tokens` }"
+              :link="{ text: $t('profile.manage-your-api-tokens'), to: `/user/profile/api-tokens` }"
               :image="require('~/static/svgs/manage-api-tokens.svg')"
             >
-              <template #title> {{ $t('settings.token.api-tokens') }} </template>
+              <template #title>
+                {{ $t('settings.token.api-tokens') }}
+              </template>
               {{ $t('profile.api-tokens-description') }}
             </UserProfileLinkCard>
           </v-col>
@@ -79,55 +121,90 @@
     <v-divider class="my-7" />
     <section>
       <div>
-        <h3 class="headline">{{ $t('household.household') }}</h3>
+        <h3 class="text-h6">
+          {{ $t('household.household') }}
+        </h3>
         <p>{{ $t('profile.household-description') }}</p>
       </div>
       <v-row tag="section">
-        <v-col v-if="user.canManageHousehold" cols="12" sm="12" md="6">
+        <v-col
+          v-if="user.canManageHousehold"
+          cols="12"
+          sm="12"
+          md="6"
+        >
           <UserProfileLinkCard
-            :link="{ text: $tc('profile.household-settings'), to: `/household` }"
+            :link="{ text: $t('profile.household-settings'), to: `/household` }"
             :image="require('~/static/svgs/manage-group-settings.svg')"
           >
-            <template #title> {{ $t('profile.household-settings') }} </template>
+            <template #title>
+              {{ $t('profile.household-settings') }}
+            </template>
             {{ $t('profile.household-settings-description') }}
           </UserProfileLinkCard>
         </v-col>
-        <v-col cols="12" sm="12" md="6">
+        <v-col
+          cols="12"
+          sm="12"
+          md="6"
+        >
           <UserProfileLinkCard
-            :link="{ text: $tc('profile.manage-cookbooks'), to: `/g/${groupSlug}/cookbooks` }"
+            :link="{ text: $t('profile.manage-cookbooks'), to: `/g/${groupSlug}/cookbooks` }"
             :image="require('~/static/svgs/manage-cookbooks.svg')"
           >
-            <template #title> {{ $t('sidebar.cookbooks') }} </template>
+            <template #title>
+              {{ $t('sidebar.cookbooks') }}
+            </template>
             {{ $t('profile.cookbooks-description') }}
           </UserProfileLinkCard>
         </v-col>
-        <v-col v-if="user.canManage" cols="12" sm="12" md="6">
+        <v-col
+          v-if="user.canManage"
+          cols="12"
+          sm="12"
+          md="6"
+        >
           <UserProfileLinkCard
-            :link="{ text: $tc('profile.manage-members'), to: `/household/members` }"
+            :link="{ text: $t('profile.manage-members'), to: `/household/members` }"
             :image="require('~/static/svgs/manage-members.svg')"
           >
-            <template #title> {{ $t('profile.members') }} </template>
+            <template #title>
+              {{ $t('profile.members') }}
+            </template>
             {{ $t('profile.members-description') }}
           </UserProfileLinkCard>
         </v-col>
         <AdvancedOnly>
-          <v-col v-if="user.advanced" cols="12" sm="12" md="6">
+          <v-col
+            v-if="user.advanced"
+            cols="12"
+            sm="12"
+            md="6"
+          >
             <UserProfileLinkCard
-              :link="{ text: $tc('profile.manage-webhooks'), to: `/household/webhooks` }"
+              :link="{ text: $t('profile.manage-webhooks'), to: `/household/webhooks` }"
               :image="require('~/static/svgs/manage-webhooks.svg')"
             >
-              <template #title> {{ $t('settings.webhooks.webhooks') }} </template>
+              <template #title>
+                {{ $t('settings.webhooks.webhooks') }}
+              </template>
               {{ $t('profile.webhooks-description') }}
             </UserProfileLinkCard>
           </v-col>
         </AdvancedOnly>
         <AdvancedOnly>
-          <v-col cols="12" sm="12" md="6">
+          <v-col
+            cols="12"
+            sm="12"
+            md="6"
+          >
             <UserProfileLinkCard
-              :link="{ text: $tc('profile.manage-notifiers'), to: `/household/notifiers` }"
+              :link="{ text: $t('profile.manage-notifiers'), to: `/household/notifiers` }"
               :image="require('~/static/svgs/manage-notifiers.svg')"
             >
-              <template #title> {{ $t('profile.notifiers') }} </template>
+              <template #title>
+                {{ $t('profile.notifiers') }}
+              </template>
               {{ $t('profile.notifiers-description') }}
             </UserProfileLinkCard>
           </v-col>
@@ -137,35 +214,57 @@
     <v-divider class="my-7" />
     <section v-if="user.canManage || user.canOrganize || user.advanced">
       <div>
-        <h3 class="headline">{{ $t('group.group') }}</h3>
+        <h3 class="text-h6">
+          {{ $t('group.group') }}
+        </h3>
         <p>{{ $t('profile.group-description') }}</p>
       </div>
       <v-row tag="section">
-        <v-col v-if="user.canManage" cols="12" sm="12" md="6">
+        <v-col
+          v-if="user.canManage"
+          cols="12"
+          sm="12"
+          md="6"
+        >
           <UserProfileLinkCard
-            :link="{ text: $tc('profile.group-settings'), to: `/group` }"
+            :link="{ text: $t('profile.group-settings'), to: `/group` }"
             :image="require('~/static/svgs/manage-group-settings.svg')"
           >
-            <template #title> {{ $t('profile.group-settings') }} </template>
+            <template #title>
+              {{ $t('profile.group-settings') }}
+            </template>
             {{ $t('profile.group-settings-description') }}
           </UserProfileLinkCard>
         </v-col>
-        <v-col v-if="user.canOrganize" cols="12" sm="12" md="6">
+        <v-col
+          v-if="user.canOrganize"
+          cols="12"
+          sm="12"
+          md="6"
+        >
           <UserProfileLinkCard
-            :link="{ text: $tc('profile.manage-data'), to: `/group/data/foods` }"
+            :link="{ text: $t('profile.manage-data'), to: `/group/data/foods` }"
             :image="require('~/static/svgs/manage-recipes.svg')"
           >
-            <template #title> {{ $t('profile.manage-data') }} </template>
+            <template #title>
+              {{ $t('profile.manage-data') }}
+            </template>
             {{ $t('profile.manage-data-description') }}
           </UserProfileLinkCard>
         </v-col>
         <AdvancedOnly>
-          <v-col cols="12" sm="12" md="6">
+          <v-col
+            cols="12"
+            sm="12"
+            md="6"
+          >
             <UserProfileLinkCard
-              :link="{ text: $tc('profile.manage-data-migrations'), to: `/group/migrations` }"
+              :link="{ text: $t('profile.manage-data-migrations'), to: `/group/migrations` }"
               :image="require('~/static/svgs/manage-data-migrations.svg')"
             >
-              <template #title>{{ $t('profile.data-migrations') }} </template>
+              <template #title>
+                {{ $t('profile.data-migrations') }}
+              </template>
               {{ $t('profile.data-migrations-description') }}
             </UserProfileLinkCard>
           </v-col>
@@ -176,16 +275,15 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, useContext, ref, useAsync, useRoute } from "@nuxtjs/composition-api";
 import UserProfileLinkCard from "@/components/Domain/User/UserProfileLinkCard.vue";
 import { useUserApi } from "~/composables/api";
 import UserAvatar from "@/components/Domain/User/UserAvatar.vue";
 import { useAsyncKey } from "~/composables/use-utils";
 import StatsCards from "~/components/global/StatsCards.vue";
-import { UserOut } from "~/lib/api/types/user";
+import type { UserOut } from "~/lib/api/types/user";
 import UserInviteDialog from "~/components/Domain/User/UserInviteDialog.vue";
 
-export default defineComponent({
+export default defineNuxtComponent({
   name: "UserProfile",
   components: {
     UserInviteDialog,
@@ -193,40 +291,44 @@ export default defineComponent({
     UserAvatar,
     StatsCards,
   },
-  middleware: "auth",
+  middleware: "sidebase-auth",
   scrollToTop: true,
-  setup() {
-    const { $auth, i18n } = useContext();
+  async setup() {
+    const i18n = useI18n();
+    const $auth = useMealieAuth();
     const route = useRoute();
-    const groupSlug = computed(() => route.value.params.groupSlug || $auth.user?.groupSlug || "");
+    const groupSlug = computed(() => route.params.groupSlug || $auth.user.value?.groupSlug || "");
 
-    // @ts-ignore $auth.user is typed as unknown, but it's a user
-    const user = computed<UserOut | null>(() => $auth.user);
+    useSeoMeta({
+      title: i18n.t("settings.profile"),
+    });
+
+    const user = computed<UserOut | null>(() => $auth.user.value);
 
     const inviteDialog = ref(false);
     const api = useUserApi();
 
-    const stats = useAsync(async () => {
+    const { data: stats } = useAsyncData(useAsyncKey(), async () => {
       const { data } = await api.households.statistics();
 
       if (data) {
         return data;
       }
-    }, useAsyncKey());
+    });
 
     const statsText: { [key: string]: string } = {
-      totalRecipes: i18n.tc("general.recipes"),
-      totalUsers: i18n.tc("user.users"),
-      totalCategories: i18n.tc("sidebar.categories"),
-      totalTags: i18n.tc("sidebar.tags"),
-      totalTools: i18n.tc("tool.tools"),
+      totalRecipes: i18n.t("general.recipes"),
+      totalUsers: i18n.t("user.users"),
+      totalCategories: i18n.t("sidebar.categories"),
+      totalTags: i18n.t("sidebar.tags"),
+      totalTools: i18n.t("tool.tools"),
     };
 
     function getStatsTitle(key: string) {
       return statsText[key] ?? "unknown";
     }
 
-    const { $globals } = useContext();
+    const { $globals } = useNuxtApp();
 
     const iconText: { [key: string]: string } = {
       totalUsers: $globals.icons.user,
@@ -246,7 +348,7 @@ export default defineComponent({
         totalCategories: `/g/${groupSlug.value}/recipes/categories`,
         totalTags: `/g/${groupSlug.value}/recipes/tags`,
         totalTools: `/g/${groupSlug.value}/recipes/tools`,
-      }
+      };
     });
 
     function getStatsTo(key: string) {
@@ -263,10 +365,5 @@ export default defineComponent({
       user,
     };
   },
-  head() {
-    return {
-      title: this.$t("settings.profile") as string,
-    };
-  },
 });
 </script>
diff --git a/frontend/plugins/axios.ts b/frontend/plugins/axios.ts
new file mode 100644
index 000000000..1d1b5b339
--- /dev/null
+++ b/frontend/plugins/axios.ts
@@ -0,0 +1,44 @@
+import axios from "axios";
+import { alert } from "~/composables/use-toast";
+
+export default defineNuxtPlugin(() => {
+  const tokenName = useRuntimeConfig().public.AUTH_TOKEN;
+  const axiosInstance = axios.create({
+    baseURL: "/", // api calls already pass with /api
+    timeout: 10000,
+    headers: {
+      "Content-Type": "application/json",
+      "Authorization": "Bearer " + useCookie(tokenName).value,
+    },
+    withCredentials: true,
+  });
+
+  // Add request interceptor
+  axiosInstance.interceptors.request.use(
+    (config) => {
+      // You can add auth tokens or other headers here
+      return config;
+    },
+    (error) => {
+      return Promise.reject(error);
+    },
+  );
+
+  // Add response interceptor
+  axiosInstance.interceptors.response.use(
+    (response) => {
+      if (response?.data?.message) alert.info(response.data.message as string);
+      return response;
+    },
+    (error) => {
+      if (error?.response?.data?.detail?.message) alert.error(error.response.data.detail.message as string);
+      return Promise.reject(error);
+    },
+  );
+
+  return {
+    provide: {
+      axios: axiosInstance,
+    },
+  };
+});
diff --git a/frontend/plugins/dark-mode.client.ts b/frontend/plugins/dark-mode.client.ts
index 3309c951f..42be4772f 100644
--- a/frontend/plugins/dark-mode.client.ts
+++ b/frontend/plugins/dark-mode.client.ts
@@ -1,13 +1,20 @@
-import { Plugin } from "@nuxt/types"
 import { useDark } from "@vueuse/core";
 
-const darkModePlugin: Plugin = ({ $vuetify }, _) => {
-  const isDark = useDark();
+export default defineNuxtPlugin((nuxtApp) => {
+  const isDark = useDark({
+    onChanged: (v) => {
+      console.log(`changing theme to ${v ? "dark" : "light"} using @vueuse/useDark`);
+      const $vuetify = nuxtApp.vueApp.$nuxt.$vuetify;
+      if ($vuetify)
+        $vuetify.theme.global.name.value = v ? "dark" : "light";
+    },
+  });
 
-  // Vuetify metadata is bugged and doesn't render dark mode fully when called immediately
-  // Adding a delay fixes this problem
-  // https://stackoverflow.com/questions/69399797/vuetify-darkmode-colors-wrong-after-page-reload
-  setTimeout(() => { $vuetify.theme.dark = isDark.value; }, 200);
-};
+  nuxtApp.hook("vuetify:ready", (vuetify) => {
+    vuetify.theme.global.name.value = isDark.value ? "dark" : "light";
+  });
 
-export default darkModePlugin;
+  return {
+    provide: {},
+  };
+});
diff --git a/frontend/plugins/globals.ts b/frontend/plugins/globals.ts
index 671ac60bf..86c3f1ff1 100644
--- a/frontend/plugins/globals.ts
+++ b/frontend/plugins/globals.ts
@@ -1,37 +1,11 @@
-import { Plugin } from "@nuxt/types";
-import { Auth as NuxtAuth } from "@nuxtjs/auth-next";
-import { Framework } from "vuetify";
-import { UserOut } from "~/lib/api/types/user";
 import { icons } from "~/lib/icons";
-import { Icon } from "~/lib/icons/icon-type";
 
-interface Globals {
-  icons: Icon;
-}
-
-declare module "vue/types/vue" {
-  interface Vue {
-    $globals: Globals;
-  }
-}
-
-declare module "@nuxt/types" {
-  // @ts-ignore https://github.com/nuxt-community/auth-module/issues/1097#issuecomment-840249428
-  interface Auth extends NuxtAuth {
-    user: UserOut | null;
-  }
-
-  interface Context {
-    $globals: Globals;
-    $vuetify: Framework;
-    $auth: Auth;
-  }
-}
-
-const globalsPlugin: Plugin = (_, inject) => {
-  inject("globals", {
-    icons,
-  });
-};
-
-export default globalsPlugin;
+export default defineNuxtPlugin(() => {
+  return {
+    provide: {
+      globals: {
+        icons,
+      },
+    },
+  };
+});
diff --git a/frontend/plugins/theme.ts b/frontend/plugins/theme.ts
index 6dd32fa1c..c15a9b8d1 100644
--- a/frontend/plugins/theme.ts
+++ b/frontend/plugins/theme.ts
@@ -1,5 +1,3 @@
-import { Plugin } from "@nuxt/types";
-
 export interface ThemeConfig {
   lightPrimary: string;
   lightAccent: string;
@@ -26,39 +24,53 @@ async function fetchTheme(): Promise<ThemeConfig | undefined> {
     const response = await fetch(route);
     const data = await response.json();
     return data as ThemeConfig;
-  } catch (error) {
+  }
+  catch {
     return undefined;
   }
 }
 
-const themePlugin: Plugin =  async ({ $vuetify, $config }) => {
-  let theme = __cachedTheme;
-  if (!theme) {
-    theme = await fetchTheme();
-    __cachedTheme = theme;
-  }
-
-  if (theme) {
-    $vuetify.theme.themes.light.primary = theme.lightPrimary;
-    $vuetify.theme.themes.light.accent = theme.lightAccent;
-    $vuetify.theme.themes.light.secondary = theme.lightSecondary;
-    $vuetify.theme.themes.light.success = theme.lightSuccess;
-    $vuetify.theme.themes.light.info = theme.lightInfo;
-    $vuetify.theme.themes.light.warning = theme.lightWarning;
-    $vuetify.theme.themes.light.error = theme.lightError;
-
-    $vuetify.theme.themes.dark.primary = theme.darkPrimary;
-    $vuetify.theme.themes.dark.accent = theme.darkAccent;
-    $vuetify.theme.themes.dark.secondary = theme.darkSecondary;
-    $vuetify.theme.themes.dark.success = theme.darkSuccess;
-    $vuetify.theme.themes.dark.info = theme.darkInfo;
-    $vuetify.theme.themes.dark.warning = theme.darkWarning;
-    $vuetify.theme.themes.dark.error = theme.darkError;
-  }
-
-  if ($config.useDark) {
-    $vuetify.theme.dark = true;
-  }
-};
-
-export default themePlugin;
+export default defineNuxtPlugin(async (nuxtApp) => {
+  nuxtApp.hook("vuetify:before-create", async ({ vuetifyOptions }) => {
+    let theme = __cachedTheme;
+    if (!theme) {
+      theme = await fetchTheme();
+      __cachedTheme = theme;
+    }
+    vuetifyOptions.theme = {
+      defaultTheme: nuxtApp.$config.public.useDark ? "dark" : "light",
+      variations: {
+        colors: ["primary", "accent", "secondary", "success", "info", "warning", "error", "background"],
+        lighten: 3,
+        darken: 3,
+      },
+      themes: {
+        dark: {
+          dark: true,
+          colors: {
+            primary: theme?.lightPrimary ?? "#E58325",
+            accent: theme?.lightAccent ?? "#007A99",
+            secondary: theme?.lightSecondary ?? "#973542",
+            success: theme?.lightSuccess ?? "#43A047",
+            info: theme?.lightInfo ?? "#1976d2",
+            warning: theme?.lightWarning ?? "#FF6D00",
+            error: theme?.lightError ?? "#EF5350",
+            background: "#1E1E1E",
+          },
+        },
+        light: {
+          dark: false,
+          colors: {
+            primary: theme?.darkPrimary ?? "#E58325",
+            accent: theme?.darkAccent ?? "#007A99",
+            secondary: theme?.darkSecondary ?? "#973542",
+            success: theme?.darkSuccess ?? "#43A047",
+            info: theme?.darkInfo ?? "#1976d2",
+            warning: theme?.darkWarning ?? "#FF6D00",
+            error: theme?.darkError ?? "#EF5350",
+          },
+        },
+      },
+    };
+  });
+});
diff --git a/frontend/plugins/toast.client.ts b/frontend/plugins/toast.client.ts
deleted file mode 100644
index cea3d93f9..000000000
--- a/frontend/plugins/toast.client.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Plugin } from "@nuxt/types";
-import type { NuxtAxiosInstance } from "@nuxtjs/axios";
-import { alert } from "~/composables/use-toast";
-
-const toastPlugin: Plugin = ({ $axios }: { $axios: NuxtAxiosInstance }) => {
-  $axios.onResponse((response) => {
-    if (response?.data?.message) {
-      alert.info(response.data.message as string);
-    }
-  });
-  $axios.onError((error) => {
-    if (error.response?.data?.detail?.message) {
-      alert.error(error.response.data.detail.message as string);
-    }
-  });
-};
-
-export default toastPlugin;
diff --git a/frontend/server/api/[...].ts b/frontend/server/api/[...].ts
new file mode 100644
index 000000000..6a68b13b6
--- /dev/null
+++ b/frontend/server/api/[...].ts
@@ -0,0 +1,12 @@
+import { joinURL } from "ufo";
+
+export default defineEventHandler(async (event) => {
+  const apiUrl = useRuntimeConfig().apiUrl; // 'http://localhost:9000'
+
+  const target = joinURL(apiUrl, event.path);
+  if (event.path === "/api/auth/oauth") {
+    return sendRedirect(event, target); // redirect to BE for Oauth login
+  }
+
+  return proxyRequest(event, target);
+});
diff --git a/frontend/server/routes/docs.ts b/frontend/server/routes/docs.ts
new file mode 100644
index 000000000..09d52d07e
--- /dev/null
+++ b/frontend/server/routes/docs.ts
@@ -0,0 +1,9 @@
+import { joinURL } from "ufo";
+
+export default defineEventHandler(async (event) => {
+  const apiUrl = useRuntimeConfig().apiUrl; // 'http://localhost:9000'
+
+  const target = joinURL(apiUrl, event.path);
+
+  return proxyRequest(event, target);
+});
diff --git a/frontend/server/routes/openapi.json.ts b/frontend/server/routes/openapi.json.ts
new file mode 100644
index 000000000..09d52d07e
--- /dev/null
+++ b/frontend/server/routes/openapi.json.ts
@@ -0,0 +1,9 @@
+import { joinURL } from "ufo";
+
+export default defineEventHandler(async (event) => {
+  const apiUrl = useRuntimeConfig().apiUrl; // 'http://localhost:9000'
+
+  const target = joinURL(apiUrl, event.path);
+
+  return proxyRequest(event, target);
+});
diff --git a/frontend/tests/utils.ts b/frontend/tests/utils.ts
index cc42c5dbe..4f1bd5d3f 100644
--- a/frontend/tests/utils.ts
+++ b/frontend/tests/utils.ts
@@ -1,19 +1,16 @@
-import VueI18n from "vue-i18n";
-import Vue from "vue";
-
-Vue.use(VueI18n)
+import { createI18n } from "vue-i18n";
 
 function loadEnLocales() {
-  // eslint-disable-next-line @typescript-eslint/no-var-requires
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
   return require("../lang/messages/en-US.json") as Record<string, string>;
 }
 
 export function stubI18n() {
-  const i18n = new VueI18n({
+  const i18n = createI18n({
     locale: "en-US",
     messages: {
       "en-US": loadEnLocales(),
     },
-  })
-  return i18n
+  });
+  return i18n.global;
 }
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index 1f76c19ac..a628756bc 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -1,35 +1,7 @@
 {
+  "extends": "./.nuxt/tsconfig.json",
   "compilerOptions": {
-    "jsx": "preserve",
-    "target": "ES2018",
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "lib": ["ESNext", "ESNext.AsyncIterable", "DOM"],
-    "esModuleInterop": true,
-    "allowJs": true,
-    "sourceMap": true,
-    "strict": true,
-    "noEmit": true,
-    "experimentalDecorators": true,
-    "strictPropertyInitialization": false,
-    "baseUrl": ".",
-    "paths": {
-      "~/*": ["./*"],
-      "@/*": ["./*"]
-    },
-    "types": [
-      "@nuxt/types",
-      "@nuxtjs/axios",
-      "@types/node",
-      "@nuxtjs/i18n",
-      "@nuxtjs/auth-next",
-      "@nuxtjs/vuetify",
-      "@types/sortablejs"
-    ]
-  },
-  "vueCompilerOptions": {
-    "target": 2.7
-  },
-  "include": ["**/*", ".eslintrc.js"],
-  "exclude": ["node_modules", ".nuxt", "dist"]
+    "noImplicitAny": false,
+    "verbatimModuleSyntax": false
+  }
 }
diff --git a/frontend/types/auth.d.ts b/frontend/types/auth.d.ts
new file mode 100644
index 000000000..5bd3ffbac
--- /dev/null
+++ b/frontend/types/auth.d.ts
@@ -0,0 +1,11 @@
+import type { UserOut } from "~/lib/api/types/user";
+
+declare module "#auth-utils" {
+	type User = UserOut;
+
+	type UserSession = object;
+
+	type SecureSessionData = object;
+}
+
+export { };
diff --git a/frontend/types/auto-forms.ts b/frontend/types/auto-forms.ts
index eb08aa837..872194ff9 100644
--- a/frontend/types/auto-forms.ts
+++ b/frontend/types/auto-forms.ts
@@ -1,3 +1,5 @@
+import type { VForm as VuetifyForm } from "vuetify/components/VForm";
+
 type FormFieldType = "text" | "textarea" | "list" | "select" | "object" | "boolean" | "color" | "password";
 
 export interface FormSelectOption {
@@ -19,3 +21,5 @@ export interface FormField {
 }
 
 export type AutoFormItems = FormField[];
+
+export type VForm = InstanceType<typeof VuetifyForm>;
diff --git a/frontend/types/components.d.ts b/frontend/types/components.d.ts
index 9ad4eeca1..d074283ee 100644
--- a/frontend/types/components.d.ts
+++ b/frontend/types/components.d.ts
@@ -1,41 +1,41 @@
 // This Code is auto generated by gen_ts_types.py
-import AdvancedOnly from "@/components/global/AdvancedOnly.vue";
-import AppButtonCopy from "@/components/global/AppButtonCopy.vue";
-import AppButtonUpload from "@/components/global/AppButtonUpload.vue";
-import AppLoader from "@/components/global/AppLoader.vue";
-import AppToolbar from "@/components/global/AppToolbar.vue";
-import AutoForm from "@/components/global/AutoForm.vue";
-import BannerExperimental from "@/components/global/BannerExperimental.vue";
-import BannerWarning from "@/components/global/BannerWarning.vue";
-import BaseButton from "@/components/global/BaseButton.vue";
-import BaseButtonGroup from "@/components/global/BaseButtonGroup.vue";
-import BaseCardSectionTitle from "@/components/global/BaseCardSectionTitle.vue";
-import BaseDialog from "@/components/global/BaseDialog.vue";
-import BaseDivider from "@/components/global/BaseDivider.vue";
-import BaseOverflowButton from "@/components/global/BaseOverflowButton.vue";
-import BasePageTitle from "@/components/global/BasePageTitle.vue";
-import BaseStatCard from "@/components/global/BaseStatCard.vue";
-import BaseWizard from "@/components/global/BaseWizard.vue";
-import ButtonLink from "@/components/global/ButtonLink.vue";
-import ContextMenu from "@/components/global/ContextMenu.vue";
-import CrudTable from "@/components/global/CrudTable.vue";
-import DevDumpJson from "@/components/global/DevDumpJson.vue";
-import DocLink from "@/components/global/DocLink.vue";
-import DropZone from "@/components/global/DropZone.vue";
-import HelpIcon from "@/components/global/HelpIcon.vue";
-import ImageCropper from "@/components/global/ImageCropper.vue";
-import InputColor from "@/components/global/InputColor.vue";
-import InputLabelType from "@/components/global/InputLabelType.vue";
-import InputQuantity from "@/components/global/InputQuantity.vue";
-import LanguageDialog from "@/components/global/LanguageDialog.vue";
-import MarkdownEditor from "@/components/global/MarkdownEditor.vue";
-import RecipeJsonEditor from "@/components/global/RecipeJsonEditor.vue";
-import ReportTable from "@/components/global/ReportTable.vue";
-import SafeMarkdown from "@/components/global/SafeMarkdown.vue";
-import StatsCards from "@/components/global/StatsCards.vue";
-import ToggleState from "@/components/global/ToggleState.vue";
-import WakelockSwitch from "@/components/global/WakelockSwitch.vue";
-import DefaultLayout from "@/components/layout/DefaultLayout.vue";
+import type AdvancedOnly from "@/components/global/AdvancedOnly.vue";
+import type AppButtonCopy from "@/components/global/AppButtonCopy.vue";
+import type AppButtonUpload from "@/components/global/AppButtonUpload.vue";
+import type AppLoader from "@/components/global/AppLoader.vue";
+import type AppToolbar from "@/components/global/AppToolbar.vue";
+import type AutoForm from "@/components/global/AutoForm.vue";
+import type BannerExperimental from "@/components/global/BannerExperimental.vue";
+import type BannerWarning from "@/components/global/BannerWarning.vue";
+import type BaseButton from "@/components/global/BaseButton.vue";
+import type BaseButtonGroup from "@/components/global/BaseButtonGroup.vue";
+import type BaseCardSectionTitle from "@/components/global/BaseCardSectionTitle.vue";
+import type BaseDialog from "@/components/global/BaseDialog.vue";
+import type BaseDivider from "@/components/global/BaseDivider.vue";
+import type BaseOverflowButton from "@/components/global/BaseOverflowButton.vue";
+import type BasePageTitle from "@/components/global/BasePageTitle.vue";
+import type BaseStatCard from "@/components/global/BaseStatCard.vue";
+import type BaseWizard from "@/components/global/BaseWizard.vue";
+import type ButtonLink from "@/components/global/ButtonLink.vue";
+import type ContextMenu from "@/components/global/ContextMenu.vue";
+import type CrudTable from "@/components/global/CrudTable.vue";
+import type DevDumpJson from "@/components/global/DevDumpJson.vue";
+import type DocLink from "@/components/global/DocLink.vue";
+import type DropZone from "@/components/global/DropZone.vue";
+import type HelpIcon from "@/components/global/HelpIcon.vue";
+import type ImageCropper from "@/components/global/ImageCropper.vue";
+import type InputColor from "@/components/global/InputColor.vue";
+import type InputLabelType from "@/components/global/InputLabelType.vue";
+import type InputQuantity from "@/components/global/InputQuantity.vue";
+import type LanguageDialog from "@/components/global/LanguageDialog.vue";
+import type MarkdownEditor from "@/components/global/MarkdownEditor.vue";
+import type RecipeJsonEditor from "@/components/global/RecipeJsonEditor.vue";
+import type ReportTable from "@/components/global/ReportTable.vue";
+import type SafeMarkdown from "@/components/global/SafeMarkdown.vue";
+import type StatsCards from "@/components/global/StatsCards.vue";
+import type ToggleState from "@/components/global/ToggleState.vue";
+import type WakelockSwitch from "@/components/global/WakelockSwitch.vue";
+import type DefaultLayout from "@/components/layout/DefaultLayout.vue";
 
 declare module "vue" {
   export interface GlobalComponents {
diff --git a/frontend/types/ts-shim.d.ts b/frontend/types/ts-shim.d.ts
index 0660bd67a..58856f643 100644
--- a/frontend/types/ts-shim.d.ts
+++ b/frontend/types/ts-shim.d.ts
@@ -1,4 +1,5 @@
 declare module "*.vue" {
   import Vue from "vue";
+
   export default Vue;
 }
diff --git a/frontend/types/vuetify.ts b/frontend/types/vuetify.ts
deleted file mode 100644
index 921393deb..000000000
--- a/frontend/types/vuetify.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-// TODO Remove this file when upgrading to Vuetify 3.0
-
-export type VTooltip = Vue & {
-  deactivate(): void;
-}
-
-export type VForm = Vue & {
-  validate: () => boolean;
-  resetValidation: () => boolean;
-  reset: () => void;
-};
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index be3fb5038..438988dc9 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -2,219 +2,155 @@
 # yarn lockfile v1
 
 
-"@adapttive/vue-markdown@^4.0.1":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@adapttive/vue-markdown/-/vue-markdown-4.0.2.tgz#80f954ee2b1b6173f2552cc3ecaf432305704208"
-  integrity sha512-2g7Hdn6c6Zgep6+R/Y73WJL6XRnvD7wHw1Eb031hdYndPLlwhsZMpPZjDKGF9jCq0MJu8YnacqUTamm2vmBmxA==
+"@ampproject/remapping@^2.2.0", "@ampproject/remapping@^2.3.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.3.0.tgz#ed441b6fa600072520ce18b43d2c8cc8caecc7f4"
+  integrity sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==
   dependencies:
-    markdown-it "^12.0.3"
-    markdown-it-abbr "^1.0.4"
-    markdown-it-deflist "^2.1.0"
-    markdown-it-emoji "^2.0.0"
-    markdown-it-footnote "^3.0.2"
-    markdown-it-ins "^3.0.0"
-    markdown-it-mark "^3.0.0"
-    markdown-it-sub "^1.0.0"
-    markdown-it-sup "^1.0.0"
-    markdown-it-toc-and-anchor "^4.2.0"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.24"
 
-"@ampproject/remapping@^2.2.0":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.0.tgz#56c133824780de3174aed5ab6834f3026790154d"
-  integrity sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==
+"@antfu/install-pkg@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@antfu/install-pkg/-/install-pkg-1.0.0.tgz#2912a150fc8b35ec912f583f90074ee98f64d66a"
+  integrity sha512-xvX6P/lo1B3ej0OsaErAjqgFYzYVcJpamjLAFLYh9vRJngBrMoUG7aVnrGTeqM7yxbyTD5p3F2+0/QUEh8Vzhw==
   dependencies:
-    "@jridgewell/gen-mapping" "^0.1.0"
-    "@jridgewell/trace-mapping" "^0.3.9"
+    package-manager-detector "^0.2.8"
+    tinyexec "^0.3.2"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.18.6", "@babel/code-frame@^7.8.3":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.18.6.tgz#3b25d38c89600baa2dcc219edfa88a74eb2c427a"
-  integrity sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==
+"@antfu/utils@^0.7.10":
+  version "0.7.10"
+  resolved "https://registry.yarnpkg.com/@antfu/utils/-/utils-0.7.10.tgz#ae829f170158e297a9b6a28f161a8e487d00814d"
+  integrity sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==
+
+"@apideck/better-ajv-errors@^0.3.1":
+  version "0.3.6"
+  resolved "https://registry.yarnpkg.com/@apideck/better-ajv-errors/-/better-ajv-errors-0.3.6.tgz#957d4c28e886a64a8141f7522783be65733ff097"
+  integrity sha512-P+ZygBLZtkp0qqOAJJVX4oX/sFo5JR3eBWwwuqHHhK0GIgQOKWrAfiAaWX0aArHkRWHMuggFEgAZNxVPwPZYaA==
   dependencies:
-    "@babel/highlight" "^7.18.6"
+    json-schema "^0.4.0"
+    jsonpointer "^5.0.0"
+    leven "^3.1.0"
 
-"@babel/code-frame@^7.23.5":
-  version "7.23.5"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.23.5.tgz#9009b69a8c602293476ad598ff53e4562e15c244"
-  integrity sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==
+"@apidevtools/json-schema-ref-parser@^11.7.0":
+  version "11.9.3"
+  resolved "https://registry.yarnpkg.com/@apidevtools/json-schema-ref-parser/-/json-schema-ref-parser-11.9.3.tgz#0e0c9061fc41cf03737d499a4e6a8299fdd2bfa7"
+  integrity sha512-60vepv88RwcJtSHrD6MjIL6Ta3SOYbgfnkHb+ppAVK+o9mXprRtulx7VlRl3lN3bbvysAfCS7WMVfhUYemB0IQ==
   dependencies:
-    "@babel/highlight" "^7.23.4"
-    chalk "^2.4.2"
+    "@jsdevtools/ono" "^7.1.3"
+    "@types/json-schema" "^7.0.15"
+    js-yaml "^4.1.0"
 
-"@babel/compat-data@^7.20.5":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.21.0.tgz#c241dc454e5b5917e40d37e525e2f4530c399298"
-  integrity sha512-gMuZsmsgxk/ENC3O/fRw5QY8A9/uxQbbCEypnLIiYYc/qVJtEV7ouxC3EllIIwNzMqAQee5tanFabWsUOutS7g==
+"@asamuzakjp/css-color@^3.1.1":
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/@asamuzakjp/css-color/-/css-color-3.1.1.tgz#41a612834dafd9353b89855b37baa8a03fb67bf2"
+  integrity sha512-hpRD68SV2OMcZCsrbdkccTw5FXjNDLo5OuqSHyHZfwweGsDWZwDJ2+gONyNAbazZclobMirACLw0lk8WVxIqxA==
+  dependencies:
+    "@csstools/css-calc" "^2.1.2"
+    "@csstools/css-color-parser" "^3.0.8"
+    "@csstools/css-parser-algorithms" "^3.0.4"
+    "@csstools/css-tokenizer" "^3.0.3"
+    lru-cache "^10.4.3"
 
-"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.23.3", "@babel/compat-data@^7.23.5":
-  version "7.23.5"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.23.5.tgz#ffb878728bb6bdcb6f4510aa51b1be9afb8cfd98"
-  integrity sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.22.13", "@babel/code-frame@^7.26.2":
+  version "7.26.2"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.26.2.tgz#4b5fab97d33338eff916235055f0ebc21e573a85"
+  integrity sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.25.9"
+    js-tokens "^4.0.0"
+    picocolors "^1.0.0"
 
-"@babel/core@^7.16.10", "@babel/core@^7.20.12":
-  version "7.21.3"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.21.3.tgz#cf1c877284a469da5d1ce1d1e53665253fae712e"
-  integrity sha512-qIJONzoa/qiHghnm0l1n4i/6IIziDpzqc36FBs4pzMhDUraHqponwJLiAKm1hGLP3OSB/TVNz6rMwVGpwxxySw==
+"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.26.5", "@babel/compat-data@^7.26.8":
+  version "7.26.8"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.26.8.tgz#821c1d35641c355284d4a870b8a4a7b0c141e367"
+  integrity sha512-oH5UPLMWR3L2wEFLnFJ1TZXqHufiTKAiLfqw5zkhS4dKXLJ10yVztfil/twG8EDTA4F/tvVNw9nOl4ZMslB8rQ==
+
+"@babel/core@^7.24.4", "@babel/core@^7.26.7":
+  version "7.26.10"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.26.10.tgz#5c876f83c8c4dcb233ee4b670c0606f2ac3000f9"
+  integrity sha512-vMqyb7XCDMPvJFFOaT9kxtiRh42GwlZEg1/uIgtZshS5a/8OaduUfCi7kynKgc3Tw/6Uo2D+db9qBttghhmxwQ==
   dependencies:
     "@ampproject/remapping" "^2.2.0"
-    "@babel/code-frame" "^7.18.6"
-    "@babel/generator" "^7.21.3"
-    "@babel/helper-compilation-targets" "^7.20.7"
-    "@babel/helper-module-transforms" "^7.21.2"
-    "@babel/helpers" "^7.21.0"
-    "@babel/parser" "^7.21.3"
-    "@babel/template" "^7.20.7"
-    "@babel/traverse" "^7.21.3"
-    "@babel/types" "^7.21.3"
-    convert-source-map "^1.7.0"
-    debug "^4.1.0"
-    gensync "^1.0.0-beta.2"
-    json5 "^2.2.2"
-    semver "^6.3.0"
-
-"@babel/core@^7.23.7":
-  version "7.23.9"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.23.9.tgz#b028820718000f267870822fec434820e9b1e4d1"
-  integrity sha512-5q0175NOjddqpvvzU+kDiSOAk4PfdO6FvwCWoQ6RO7rTzEe8vlo+4HVfcnAREhD4npMs0e9uZypjTwzZPCf/cw==
-  dependencies:
-    "@ampproject/remapping" "^2.2.0"
-    "@babel/code-frame" "^7.23.5"
-    "@babel/generator" "^7.23.6"
-    "@babel/helper-compilation-targets" "^7.23.6"
-    "@babel/helper-module-transforms" "^7.23.3"
-    "@babel/helpers" "^7.23.9"
-    "@babel/parser" "^7.23.9"
-    "@babel/template" "^7.23.9"
-    "@babel/traverse" "^7.23.9"
-    "@babel/types" "^7.23.9"
+    "@babel/code-frame" "^7.26.2"
+    "@babel/generator" "^7.26.10"
+    "@babel/helper-compilation-targets" "^7.26.5"
+    "@babel/helper-module-transforms" "^7.26.0"
+    "@babel/helpers" "^7.26.10"
+    "@babel/parser" "^7.26.10"
+    "@babel/template" "^7.26.9"
+    "@babel/traverse" "^7.26.10"
+    "@babel/types" "^7.26.10"
     convert-source-map "^2.0.0"
     debug "^4.1.0"
     gensync "^1.0.0-beta.2"
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/eslint-parser@^7.19.1":
-  version "7.21.3"
-  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.21.3.tgz#d79e822050f2de65d7f368a076846e7184234af7"
-  integrity sha512-kfhmPimwo6k4P8zxNs8+T7yR44q1LdpsZdE1NkCsVlfiuTPRfnGgjaF8Qgug9q9Pou17u6wneYF0lDCZJATMFg==
+"@babel/eslint-parser@^7.26.8":
+  version "7.26.10"
+  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.26.10.tgz#4423cb3f84c26978439feabfe23c5aa929400737"
+  integrity sha512-QsfQZr4AiLpKqn7fz+j7SN+f43z2DZCgGyYbNJ2vJOqKfG4E6MZer1+jqGZqKJaxq/gdO2DC/nUu45+pOL5p2Q==
   dependencies:
     "@nicolo-ribaudo/eslint-scope-5-internals" "5.1.1-v1"
     eslint-visitor-keys "^2.1.0"
-    semver "^6.3.0"
+    semver "^6.3.1"
 
-"@babel/generator@^7.21.3":
-  version "7.21.3"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.21.3.tgz#232359d0874b392df04045d72ce2fd9bb5045fce"
-  integrity sha512-QS3iR1GYC/YGUnW7IdggFeN5c1poPUurnGttOV/bZgPGV+izC/D8HnD6DLwod0fsatNyVn1G3EVWMYIF0nHbeA==
+"@babel/generator@^7.26.10":
+  version "7.26.10"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.26.10.tgz#a60d9de49caca16744e6340c3658dfef6138c3f7"
+  integrity sha512-rRHT8siFIXQrAYOYqZQVsAr8vJ+cBNqcVAY6m5V8/4QqzaPl+zDBe6cLEPRDuNOUf3ww8RfJVlOyQMoSI+5Ang==
   dependencies:
-    "@babel/types" "^7.21.3"
-    "@jridgewell/gen-mapping" "^0.3.2"
-    "@jridgewell/trace-mapping" "^0.3.17"
-    jsesc "^2.5.1"
+    "@babel/parser" "^7.26.10"
+    "@babel/types" "^7.26.10"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jsesc "^3.0.2"
 
-"@babel/generator@^7.23.6":
-  version "7.23.6"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.23.6.tgz#9e1fca4811c77a10580d17d26b57b036133f3c2e"
-  integrity sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==
+"@babel/helper-annotate-as-pure@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz#d8eac4d2dc0d7b6e11fa6e535332e0d3184f06b4"
+  integrity sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==
   dependencies:
-    "@babel/types" "^7.23.6"
-    "@jridgewell/gen-mapping" "^0.3.2"
-    "@jridgewell/trace-mapping" "^0.3.17"
-    jsesc "^2.5.1"
+    "@babel/types" "^7.25.9"
 
-"@babel/helper-annotate-as-pure@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz#eaa49f6f80d5a33f9a5dd2276e6d6e451be0a6bb"
-  integrity sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==
+"@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.25.9", "@babel/helper-compilation-targets@^7.26.5":
+  version "7.26.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.26.5.tgz#75d92bb8d8d51301c0d49e52a65c9a7fe94514d8"
+  integrity sha512-IXuyn5EkouFJscIDuFF5EsiSolseme1s0CZB+QxVugqJLYmKdxI1VfIBOst0SUu4rnk2Z7kqTwmoO1lp3HIfnA==
   dependencies:
-    "@babel/types" "^7.18.6"
-
-"@babel/helper-annotate-as-pure@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz#e7f06737b197d580a01edf75d97e2c8be99d3882"
-  integrity sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==
-  dependencies:
-    "@babel/types" "^7.22.5"
-
-"@babel/helper-builder-binary-assignment-operator-visitor@^7.22.15":
-  version "7.22.15"
-  resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz#5426b109cf3ad47b91120f8328d8ab1be8b0b956"
-  integrity sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==
-  dependencies:
-    "@babel/types" "^7.22.15"
-
-"@babel/helper-compilation-targets@^7.20.7":
-  version "7.20.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.7.tgz#a6cd33e93629f5eb473b021aac05df62c4cd09bb"
-  integrity sha512-4tGORmfQcrc+bvrjb5y3dG9Mx1IOZjsHqQVUz7XCNHO+iTmqxWnVg3KRygjGmpRLJGdQSKuvFinbIb0CnZwHAQ==
-  dependencies:
-    "@babel/compat-data" "^7.20.5"
-    "@babel/helper-validator-option" "^7.18.6"
-    browserslist "^4.21.3"
-    lru-cache "^5.1.1"
-    semver "^6.3.0"
-
-"@babel/helper-compilation-targets@^7.22.15", "@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.23.6":
-  version "7.23.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz#4d79069b16cbcf1461289eccfbbd81501ae39991"
-  integrity sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==
-  dependencies:
-    "@babel/compat-data" "^7.23.5"
-    "@babel/helper-validator-option" "^7.23.5"
-    browserslist "^4.22.2"
+    "@babel/compat-data" "^7.26.5"
+    "@babel/helper-validator-option" "^7.25.9"
+    browserslist "^4.24.0"
     lru-cache "^5.1.1"
     semver "^6.3.1"
 
-"@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.21.0":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.21.0.tgz#64f49ecb0020532f19b1d014b03bccaa1ab85fb9"
-  integrity sha512-Q8wNiMIdwsv5la5SPxNYzzkPnjgC0Sy0i7jLkVOCdllu/xcVNkr3TeZzbHBJrj+XXRqzX5uCyCoV9eu6xUG7KQ==
+"@babel/helper-create-class-features-plugin@^7.25.9":
+  version "7.26.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.26.9.tgz#d6f83e3039547fbb39967e78043cd3c8b7820c71"
+  integrity sha512-ubbUqCofvxPRurw5L8WTsCLSkQiVpov4Qx0WMA+jUN+nXBK8ADPlJO1grkFw5CWKC5+sZSOfuGMdX1aI1iT9Sg==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-function-name" "^7.21.0"
-    "@babel/helper-member-expression-to-functions" "^7.21.0"
-    "@babel/helper-optimise-call-expression" "^7.18.6"
-    "@babel/helper-replace-supers" "^7.20.7"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
-    "@babel/helper-split-export-declaration" "^7.18.6"
-
-"@babel/helper-create-class-features-plugin@^7.22.15", "@babel/helper-create-class-features-plugin@^7.23.9":
-  version "7.23.10"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.10.tgz#25d55fafbaea31fd0e723820bb6cc3df72edf7ea"
-  integrity sha512-2XpP2XhkXzgxecPNEEK8Vz8Asj9aRxt08oKOqtiZoqV2UGZ5T+EkyP9sXQ9nwMxBIG34a7jmasVqoMop7VdPUw==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-function-name" "^7.23.0"
-    "@babel/helper-member-expression-to-functions" "^7.23.0"
-    "@babel/helper-optimise-call-expression" "^7.22.5"
-    "@babel/helper-replace-supers" "^7.22.20"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
-    "@babel/helper-split-export-declaration" "^7.22.6"
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-member-expression-to-functions" "^7.25.9"
+    "@babel/helper-optimise-call-expression" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.26.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/traverse" "^7.26.9"
     semver "^6.3.1"
 
-"@babel/helper-create-regexp-features-plugin@^7.18.6":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.21.0.tgz#53ff78472e5ce10a52664272a239787107603ebb"
-  integrity sha512-N+LaFW/auRSWdx7SHD/HiARwXQju1vXTW4fKr4u5SgBUTm51OKEjKgj+cs00ggW3kEvNqwErnlwuq7Y3xBe4eg==
+"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.25.9":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.26.3.tgz#5169756ecbe1d95f7866b90bb555b022595302a0"
+  integrity sha512-G7ZRb40uUgdKOQqPLjfD12ZmGA54PzqDFUv2BKImnC9QIfGhIHKvVML0oN8IUiDq4iRqpq74ABpvOaerfWdong==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    regexpu-core "^5.3.1"
-
-"@babel/helper-create-regexp-features-plugin@^7.22.15", "@babel/helper-create-regexp-features-plugin@^7.22.5":
-  version "7.22.15"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz#5ee90093914ea09639b01c711db0d6775e558be1"
-  integrity sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    regexpu-core "^5.3.1"
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    regexpu-core "^6.2.0"
     semver "^6.3.1"
 
-"@babel/helper-define-polyfill-provider@^0.5.0":
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.5.0.tgz#465805b7361f461e86c680f1de21eaf88c25901b"
-  integrity sha512-NovQquuQLAQ5HuyjCz7WQP9MjRj7dx++yspwiyUiGl9ZyadHRSql1HZh5ogRd8W8w6YM6EQ/NTB8rgjLt5W65Q==
+"@babel/helper-define-polyfill-provider@^0.6.3":
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.3.tgz#f4f2792fae2ef382074bc2d713522cf24e6ddb21"
+  integrity sha512-HK7Bi+Hj6H+VTHA3ZvBis7V/6hu9QuTrnMXNybfUf2iiuU/N97I8VjB+KbhFF8Rld/Lx5MzoCwPCpPjfK+n8Cg==
   dependencies:
     "@babel/helper-compilation-targets" "^7.22.6"
     "@babel/helper-plugin-utils" "^7.22.5"
@@ -222,518 +158,179 @@
     lodash.debounce "^4.0.8"
     resolve "^1.14.2"
 
-"@babel/helper-environment-visitor@^7.18.9":
-  version "7.18.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz#0c0cee9b35d2ca190478756865bb3528422f51be"
-  integrity sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==
-
-"@babel/helper-environment-visitor@^7.22.20":
-  version "7.22.20"
-  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz#96159db61d34a29dba454c959f5ae4a649ba9167"
-  integrity sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==
-
-"@babel/helper-function-name@^7.21.0":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz#d552829b10ea9f120969304023cd0645fa00b1b4"
-  integrity sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==
+"@babel/helper-member-expression-to-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz#9dfffe46f727005a5ea29051ac835fb735e4c1a3"
+  integrity sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==
   dependencies:
-    "@babel/template" "^7.20.7"
-    "@babel/types" "^7.21.0"
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
 
-"@babel/helper-function-name@^7.22.5", "@babel/helper-function-name@^7.23.0":
-  version "7.23.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz#1f9a3cdbd5b2698a670c30d2735f9af95ed52759"
-  integrity sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==
+"@babel/helper-module-imports@^7.10.4", "@babel/helper-module-imports@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz#e7f8d20602ebdbf9ebbea0a0751fb0f2a4141715"
+  integrity sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==
   dependencies:
-    "@babel/template" "^7.22.15"
-    "@babel/types" "^7.23.0"
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
 
-"@babel/helper-hoist-variables@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz#d4d2c8fb4baeaa5c68b99cc8245c56554f926678"
-  integrity sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==
+"@babel/helper-module-transforms@^7.25.9", "@babel/helper-module-transforms@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz#8ce54ec9d592695e58d84cd884b7b5c6a2fdeeae"
+  integrity sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==
   dependencies:
-    "@babel/types" "^7.18.6"
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
 
-"@babel/helper-hoist-variables@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz#c01a007dac05c085914e8fb652b339db50d823bb"
-  integrity sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==
+"@babel/helper-optimise-call-expression@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz#3324ae50bae7e2ab3c33f60c9a877b6a0146b54e"
+  integrity sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==
   dependencies:
-    "@babel/types" "^7.22.5"
+    "@babel/types" "^7.25.9"
 
-"@babel/helper-member-expression-to-functions@^7.20.7", "@babel/helper-member-expression-to-functions@^7.21.0":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.21.0.tgz#319c6a940431a133897148515877d2f3269c3ba5"
-  integrity sha512-Muu8cdZwNN6mRRNG6lAYErJ5X3bRevgYR2O8wN0yn7jJSnGDu6eG59RfT29JHxGUovyfrh6Pj0XzmR7drNVL3Q==
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.25.9", "@babel/helper-plugin-utils@^7.26.5":
+  version "7.26.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.26.5.tgz#18580d00c9934117ad719392c4f6585c9333cc35"
+  integrity sha512-RS+jZcRdZdRFzMyr+wcsaqOmld1/EqTghfaBGQQd/WnRdzdlvSZ//kF7U8VQTxf1ynZ4cjUcYgjVGx13ewNPMg==
+
+"@babel/helper-remap-async-to-generator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.25.9.tgz#e53956ab3d5b9fb88be04b3e2f31b523afd34b92"
+  integrity sha512-IZtukuUeBbhgOcaW2s06OXTzVNJR0ybm4W5xC1opWFFJMZbwRj5LCk+ByYH7WdZPZTt8KnFwA8pvjN2yqcPlgw==
   dependencies:
-    "@babel/types" "^7.21.0"
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-wrap-function" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
 
-"@babel/helper-member-expression-to-functions@^7.22.15", "@babel/helper-member-expression-to-functions@^7.23.0":
-  version "7.23.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz#9263e88cc5e41d39ec18c9a3e0eced59a3e7d366"
-  integrity sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==
+"@babel/helper-replace-supers@^7.25.9", "@babel/helper-replace-supers@^7.26.5":
+  version "7.26.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.26.5.tgz#6cb04e82ae291dae8e72335dfe438b0725f14c8d"
+  integrity sha512-bJ6iIVdYX1YooY2X7w1q6VITt+LnUILtNk7zT78ykuwStx8BauCzxvFqFaHjOpW1bVnSUM1PN1f0p5P21wHxvg==
   dependencies:
-    "@babel/types" "^7.23.0"
+    "@babel/helper-member-expression-to-functions" "^7.25.9"
+    "@babel/helper-optimise-call-expression" "^7.25.9"
+    "@babel/traverse" "^7.26.5"
 
-"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz#1e3ebdbbd08aad1437b428c50204db13c5a3ca6e"
-  integrity sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==
+"@babel/helper-skip-transparent-expression-wrappers@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz#0b2e1b62d560d6b1954893fd2b705dc17c91f0c9"
+  integrity sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==
   dependencies:
-    "@babel/types" "^7.18.6"
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
 
-"@babel/helper-module-imports@^7.22.15":
-  version "7.22.15"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz#16146307acdc40cc00c3b2c647713076464bdbf0"
-  integrity sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==
+"@babel/helper-string-parser@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz#1aabb72ee72ed35789b4bbcad3ca2862ce614e8c"
+  integrity sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==
+
+"@babel/helper-validator-identifier@^7.19.1", "@babel/helper-validator-identifier@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz#24b64e2c3ec7cd3b3c547729b8d16871f22cbdc7"
+  integrity sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==
+
+"@babel/helper-validator-option@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz#86e45bd8a49ab7e03f276577f96179653d41da72"
+  integrity sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==
+
+"@babel/helper-wrap-function@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.25.9.tgz#d99dfd595312e6c894bd7d237470025c85eea9d0"
+  integrity sha512-ETzz9UTjQSTmw39GboatdymDq4XIQbR8ySgVrylRhPOFpsd+JrKHIuF0de7GCWmem+T4uC5z7EZguod7Wj4A4g==
   dependencies:
-    "@babel/types" "^7.22.15"
+    "@babel/template" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
+    "@babel/types" "^7.25.9"
 
-"@babel/helper-module-transforms@^7.21.2":
-  version "7.21.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz#160caafa4978ac8c00ac66636cb0fa37b024e2d2"
-  integrity sha512-79yj2AR4U/Oqq/WOV7Lx6hUjau1Zfo4cI+JLAVYeMV5XIlbOhmjEk5ulbTc9fMpmlojzZHkUUxAiK+UKn+hNQQ==
+"@babel/helpers@^7.26.10":
+  version "7.26.10"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.26.10.tgz#6baea3cd62ec2d0c1068778d63cb1314f6637384"
+  integrity sha512-UPYc3SauzZ3JGgj87GgZ89JVdC5dj0AoetR5Bw6wj4niittNyFh6+eOGonYvJ1ao6B8lEa3Q3klS7ADZ53bc5g==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-module-imports" "^7.18.6"
-    "@babel/helper-simple-access" "^7.20.2"
-    "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/helper-validator-identifier" "^7.19.1"
-    "@babel/template" "^7.20.7"
-    "@babel/traverse" "^7.21.2"
-    "@babel/types" "^7.21.2"
+    "@babel/template" "^7.26.9"
+    "@babel/types" "^7.26.10"
 
-"@babel/helper-module-transforms@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz#d7d12c3c5d30af5b3c0fcab2a6d5217773e2d0f1"
-  integrity sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==
+"@babel/parser@^7.1.0", "@babel/parser@^7.20.7", "@babel/parser@^7.24.6", "@babel/parser@^7.25.3", "@babel/parser@^7.25.4", "@babel/parser@^7.26.10", "@babel/parser@^7.26.9":
+  version "7.26.10"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.26.10.tgz#e9bdb82f14b97df6569b0b038edd436839c57749"
+  integrity sha512-6aQR2zGE/QFi8JpDLjUZEPYOs7+mhKXm86VaKFiLP35JQwQb6bwUE+XbvkH0EptsYhbNBSUGaUBLKqxH1xSgsA==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-module-imports" "^7.22.15"
-    "@babel/helper-simple-access" "^7.22.5"
-    "@babel/helper-split-export-declaration" "^7.22.6"
-    "@babel/helper-validator-identifier" "^7.22.20"
+    "@babel/types" "^7.26.10"
 
-"@babel/helper-optimise-call-expression@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.18.6.tgz#9369aa943ee7da47edab2cb4e838acf09d290ffe"
-  integrity sha512-HP59oD9/fEHQkdcbgFCnbmgH5vIQTJbxh2yf+CdM89/glUNnuzr87Q8GIjGEnOktTROemO0Pe0iPAYbqZuOUiA==
+"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.25.9.tgz#cc2e53ebf0a0340777fff5ed521943e253b4d8fe"
+  integrity sha512-ZkRyVkThtxQ/J6nv3JFYv1RYY+JT5BvU0y3k5bWrmuG4woXypRa4PXmm9RhOwodRkYFWqC0C0cqcJ4OqR7kW+g==
   dependencies:
-    "@babel/types" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
 
-"@babel/helper-optimise-call-expression@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz#f21531a9ccbff644fdd156b4077c16ff0c3f609e"
-  integrity sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==
+"@babel/plugin-bugfix-safari-class-field-initializer-scope@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.25.9.tgz#af9e4fb63ccb8abcb92375b2fcfe36b60c774d30"
+  integrity sha512-MrGRLZxLD/Zjj0gdU15dfs+HH/OXvnw/U4jJD8vpcP2CJQapPEv1IWwjc/qMg7ItBlPwSv1hRBbb7LeuANdcnw==
   dependencies:
-    "@babel/types" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.19.0", "@babel/helper-plugin-utils@^7.20.2", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
-  version "7.20.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz#d1b9000752b18d0877cff85a5c376ce5c3121629"
-  integrity sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==
-
-"@babel/helper-plugin-utils@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz#dd7ee3735e8a313b9f7b05a773d892e88e6d7295"
-  integrity sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==
-
-"@babel/helper-remap-async-to-generator@^7.22.20":
-  version "7.22.20"
-  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz#7b68e1cb4fa964d2996fd063723fb48eca8498e0"
-  integrity sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.25.9.tgz#e8dc26fcd616e6c5bf2bd0d5a2c151d4f92a9137"
+  integrity sha512-2qUwwfAFpJLZqxd02YW9btUCZHl+RFvdDkNfZwaIJrvB8Tesjsk8pEQkTvGwZXLqXUx/2oyY3ySRhm6HOXuCug==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-wrap-function" "^7.22.20"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/helper-replace-supers@^7.20.7":
-  version "7.20.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.20.7.tgz#243ecd2724d2071532b2c8ad2f0f9f083bcae331"
-  integrity sha512-vujDMtB6LVfNW13jhlCrp48QNslK6JXi7lQG736HVbHz/mbf4Dc7tIRh1Xf5C0rF7BP8iiSxGMCmY6Ci1ven3A==
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.25.9.tgz#807a667f9158acac6f6164b4beb85ad9ebc9e1d1"
+  integrity sha512-6xWgLZTJXwilVjlnV7ospI3xi+sl8lN8rXXbBD6vYn3UYDlGsag8wrZkKcSI8G6KgqKP7vNFaDgeDnfAABq61g==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-member-expression-to-functions" "^7.20.7"
-    "@babel/helper-optimise-call-expression" "^7.18.6"
-    "@babel/template" "^7.20.7"
-    "@babel/traverse" "^7.20.7"
-    "@babel/types" "^7.20.7"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/plugin-transform-optional-chaining" "^7.25.9"
 
-"@babel/helper-replace-supers@^7.22.20":
-  version "7.22.20"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.22.20.tgz#e37d367123ca98fe455a9887734ed2e16eb7a793"
-  integrity sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.25.9.tgz#de7093f1e7deaf68eadd7cc6b07f2ab82543269e"
+  integrity sha512-aLnMXYPnzwwqhYSCyXfKkIkYgJ8zv9RK+roo9DkTXz38ynIhd9XCbN08s3MGvqL2MYGVUGdRQLL/JqBIeJhJBg==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-member-expression-to-functions" "^7.22.15"
-    "@babel/helper-optimise-call-expression" "^7.22.5"
-
-"@babel/helper-simple-access@^7.20.2":
-  version "7.20.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz#0ab452687fe0c2cfb1e2b9e0015de07fc2d62dd9"
-  integrity sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA==
-  dependencies:
-    "@babel/types" "^7.20.2"
-
-"@babel/helper-simple-access@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz#4938357dc7d782b80ed6dbb03a0fba3d22b1d5de"
-  integrity sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==
-  dependencies:
-    "@babel/types" "^7.22.5"
-
-"@babel/helper-skip-transparent-expression-wrappers@^7.20.0":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.20.0.tgz#fbe4c52f60518cab8140d77101f0e63a8a230684"
-  integrity sha512-5y1JYeNKfvnT8sZcK9DVRtpTbGiomYIHviSP3OQWmDPU3DeH4a1ZlT/N2lyQ5P8egjcRaT/Y9aNqUxK0WsnIIg==
-  dependencies:
-    "@babel/types" "^7.20.0"
-
-"@babel/helper-skip-transparent-expression-wrappers@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz#007f15240b5751c537c40e77abb4e89eeaaa8847"
-  integrity sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==
-  dependencies:
-    "@babel/types" "^7.22.5"
-
-"@babel/helper-split-export-declaration@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz#7367949bc75b20c6d5a5d4a97bba2824ae8ef075"
-  integrity sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==
-  dependencies:
-    "@babel/types" "^7.18.6"
-
-"@babel/helper-split-export-declaration@^7.22.6":
-  version "7.22.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz#322c61b7310c0997fe4c323955667f18fcefb91c"
-  integrity sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==
-  dependencies:
-    "@babel/types" "^7.22.5"
-
-"@babel/helper-string-parser@^7.19.4":
-  version "7.19.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz#38d3acb654b4701a9b77fb0615a96f775c3a9e63"
-  integrity sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==
-
-"@babel/helper-string-parser@^7.23.4":
-  version "7.23.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz#9478c707febcbbe1ddb38a3d91a2e054ae622d83"
-  integrity sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==
-
-"@babel/helper-validator-identifier@^7.18.6", "@babel/helper-validator-identifier@^7.19.1":
-  version "7.19.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2"
-  integrity sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==
-
-"@babel/helper-validator-identifier@^7.22.20":
-  version "7.22.20"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz#c4ae002c61d2879e724581d96665583dbc1dc0e0"
-  integrity sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==
-
-"@babel/helper-validator-option@^7.18.6":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz#8224c7e13ace4bafdc4004da2cf064ef42673180"
-  integrity sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==
-
-"@babel/helper-validator-option@^7.23.5":
-  version "7.23.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz#907a3fbd4523426285365d1206c423c4c5520307"
-  integrity sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==
-
-"@babel/helper-wrap-function@^7.22.20":
-  version "7.22.20"
-  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz#15352b0b9bfb10fc9c76f79f6342c00e3411a569"
-  integrity sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==
-  dependencies:
-    "@babel/helper-function-name" "^7.22.5"
-    "@babel/template" "^7.22.15"
-    "@babel/types" "^7.22.19"
-
-"@babel/helpers@^7.21.0":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.21.0.tgz#9dd184fb5599862037917cdc9eecb84577dc4e7e"
-  integrity sha512-XXve0CBtOW0pd7MRzzmoyuSj0e3SEzj8pgyFxnTT1NJZL38BD1MK7yYrm8yefRPIDvNNe14xR4FdbHwpInD4rA==
-  dependencies:
-    "@babel/template" "^7.20.7"
-    "@babel/traverse" "^7.21.0"
-    "@babel/types" "^7.21.0"
-
-"@babel/helpers@^7.23.9":
-  version "7.23.9"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.23.9.tgz#c3e20bbe7f7a7e10cb9b178384b4affdf5995c7d"
-  integrity sha512-87ICKgU5t5SzOT7sBMfCOZQ2rHjRU+Pcb9BoILMYz600W6DkVRLFBPwQ18gwUVvggqXivaUakpnxWQGbpywbBQ==
-  dependencies:
-    "@babel/template" "^7.23.9"
-    "@babel/traverse" "^7.23.9"
-    "@babel/types" "^7.23.9"
-
-"@babel/highlight@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf"
-  integrity sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.18.6"
-    chalk "^2.0.0"
-    js-tokens "^4.0.0"
-
-"@babel/highlight@^7.23.4":
-  version "7.23.4"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.23.4.tgz#edaadf4d8232e1a961432db785091207ead0621b"
-  integrity sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.22.20"
-    chalk "^2.4.2"
-    js-tokens "^4.0.0"
-
-"@babel/parser@^7.1.0", "@babel/parser@^7.16.10", "@babel/parser@^7.16.2", "@babel/parser@^7.20.7", "@babel/parser@^7.21.3", "@babel/parser@^7.9.6":
-  version "7.21.3"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.21.3.tgz#1d285d67a19162ff9daa358d4cb41d50c06220b3"
-  integrity sha512-lobG0d7aOfQRXh8AyklEAgZGvA4FShxo6xQbUrrT/cNBPUdIDojlokwJsQyCC/eKia7ifqM0yP+2DRZ4WKw2RQ==
-
-"@babel/parser@^7.23.5", "@babel/parser@^7.23.9":
-  version "7.23.9"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.23.9.tgz#7b903b6149b0f8fa7ad564af646c4c38a77fc44b"
-  integrity sha512-9tcKgqKbs3xGJ+NtKF2ndOBBLVwPjl1SHxPQkd36r3Dlirw3xWUeGaTbqr7uGZcTaxkVNwc+03SVP7aCdWrTlA==
-
-"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.23.3.tgz#5cd1c87ba9380d0afb78469292c954fee5d2411a"
-  integrity sha512-iRkKcCqb7iGnq9+3G6rZ+Ciz5VywC4XNRHe57lKM+jOeYAoR0lVqdeeDRfh0tQcTfw/+vBhHn926FmQhLtlFLQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-
-"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.23.3.tgz#f6652bb16b94f8f9c20c50941e16e9756898dc5d"
-  integrity sha512-WwlxbfMNdVEpQjZmK5mhm7oSwD3dS6eU+Iwsi4Knl9wAletWem7kaRsGOG+8UEbRyqxY4SS5zvtfXwX+jMxUwQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
-    "@babel/plugin-transform-optional-chaining" "^7.23.3"
-
-"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.23.7":
-  version "7.23.7"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.23.7.tgz#516462a95d10a9618f197d39ad291a9b47ae1d7b"
-  integrity sha512-LlRT7HgaifEpQA1ZgLVOIJZZFVPWN5iReq/7/JixwBtwcoeVGDBD53ZV28rrsLYOZs1Y/EHhA8N/Z6aazHR8cw==
-  dependencies:
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-plugin-utils" "^7.22.5"
-
-"@babel/plugin-proposal-class-properties@^7.16.7", "@babel/plugin-proposal-class-properties@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz#b110f59741895f7ec21a6fff696ec46265c446a3"
-  integrity sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==
-  dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
-
-"@babel/plugin-proposal-decorators@^7.16.7":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.21.0.tgz#70e0c89fdcd7465c97593edb8f628ba6e4199d63"
-  integrity sha512-MfgX49uRrFUTL/HvWtmx3zmpyzMMr4MTj3d527MLlr/4RTT9G/ytFFP7qet2uM2Ve03b+BkpWUpK+lRXnQ+v9w==
-  dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.21.0"
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/helper-replace-supers" "^7.20.7"
-    "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/plugin-syntax-decorators" "^7.21.0"
-
-"@babel/plugin-proposal-decorators@^7.23.7":
-  version "7.23.9"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.23.9.tgz#126d947d62ee72022ec46813983c6dd861456fa3"
-  integrity sha512-hJhBCb0+NnTWybvWq2WpbCYDOcflSbx0t+BYP65e5R9GVnukiDTi+on5bFkk4p7QGuv190H6KfNiV9Knf/3cZA==
-  dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.23.9"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-decorators" "^7.23.3"
-
-"@babel/plugin-proposal-nullish-coalescing-operator@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz#fdd940a99a740e577d6c753ab6fbb43fdb9467e1"
-  integrity sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
-
-"@babel/plugin-proposal-optional-chaining@^7.21.0":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.21.0.tgz#886f5c8978deb7d30f678b2e24346b287234d3ea"
-  integrity sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
-
-"@babel/plugin-proposal-private-methods@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.18.6.tgz#5209de7d213457548a98436fa2882f52f4be6bea"
-  integrity sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA==
-  dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
 
 "@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2":
   version "7.21.0-placeholder-for-preset-env.2"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz#7844f9289546efa9febac2de4cfe358a050bd703"
   integrity sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==
 
-"@babel/plugin-proposal-private-property-in-object@^7.21.11":
-  version "7.21.11"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.11.tgz#69d597086b6760c4126525cfa154f34631ff272c"
-  integrity sha512-0QZ8qP/3RLDVBwBFoWAwCtgcDZJVwA5LUJRZU8x2YFfKNuFq161wK3cuGrALu5yiPu+vzwTAg/sMWVNeWeNyaw==
+"@babel/plugin-syntax-import-assertions@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.26.0.tgz#620412405058efa56e4a564903b79355020f445f"
+  integrity sha512-QCWT5Hh830hK5EQa7XzuqIkQU9tT/whqbDz7kuaZMHFl1inRRg7JnuAEOQ0Ur0QUl0NufCk1msK2BeY79Aj/eg==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-create-class-features-plugin" "^7.21.0"
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-syntax-async-generators@^7.8.4":
-  version "7.8.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d"
-  integrity sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==
+"@babel/plugin-syntax-import-attributes@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.26.0.tgz#3b1412847699eea739b4f2602c74ce36f6b0b0f7"
+  integrity sha512-e2dttdsJ1ZTpi3B9UYGLw41hifAubg19AtCu/2I/F1QNVclOBr1dYpTdmdyZ84Xiz43BS/tCUkMAZNLv12Pi+A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-syntax-class-properties@^7.12.13":
-  version "7.12.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz#b5c987274c4a3a82b89714796931a6b53544ae10"
-  integrity sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==
+"@babel/plugin-syntax-jsx@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.25.9.tgz#a34313a178ea56f1951599b929c1ceacee719290"
+  integrity sha512-ld6oezHQMZsZfp6pWtbjaNDF2tiiCYYDqQszHt5VV437lewP9aSi2Of99CK0D0XB21k7FLgnLcmQKyKzynfeAA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.12.13"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-syntax-class-static-block@^7.14.5":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz#195df89b146b4b78b3bf897fd7a257c84659d406"
-  integrity sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==
+"@babel/plugin-syntax-typescript@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.25.9.tgz#67dda2b74da43727cf21d46cf9afef23f4365399"
+  integrity sha512-hjMgRy5hb8uJJjUcdWunWVcoi9bGpJp8p5Ol1229PoN6aytsLwNMgmdftO23wnCLMfVmTwZDWMPNq/D1SY60JQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-
-"@babel/plugin-syntax-decorators@^7.21.0":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.21.0.tgz#d2b3f31c3e86fa86e16bb540b7660c55bd7d0e78"
-  integrity sha512-tIoPpGBR8UuM4++ccWN3gifhVvQu7ZizuR1fklhRJrd5ewgbkUS+0KVFeWWxELtn18NTLoW32XV7zyOgIAiz+w==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.20.2"
-
-"@babel/plugin-syntax-decorators@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.23.3.tgz#a1d351d6c25bfdcf2e16f99b039101bc0ffcb0ca"
-  integrity sha512-cf7Niq4/+/juY67E0PbgH0TDhLQ5J7zS8C/Q5FFx+DWyrRa9sUQdTXkjqKu8zGvuqr7vw1muKiukseihU+PJDA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-
-"@babel/plugin-syntax-dynamic-import@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz#62bf98b2da3cd21d626154fc96ee5b3cb68eacb3"
-  integrity sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-export-namespace-from@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz#028964a9ba80dbc094c915c487ad7c4e7a66465a"
-  integrity sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
-
-"@babel/plugin-syntax-import-assertions@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.23.3.tgz#9c05a7f592982aff1a2768260ad84bcd3f0c77fc"
-  integrity sha512-lPgDSU+SJLK3xmFDTV2ZRQAiM7UuUjGidwBywFavObCiZc1BeAAcMtHJKUya92hPHO+at63JJPLygilZard8jw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-
-"@babel/plugin-syntax-import-attributes@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.23.3.tgz#992aee922cf04512461d7dae3ff6951b90a2dc06"
-  integrity sha512-pawnE0P9g10xgoP7yKr6CK63K2FMsTE+FZidZO/1PwRdzmAPVs+HS1mAURUsgaoxammTJvULUdIkEK0gOcU2tA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-
-"@babel/plugin-syntax-import-meta@^7.10.4":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
-  integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.4"
-
-"@babel/plugin-syntax-json-strings@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
-  integrity sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-jsx@^7.2.0":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.18.6.tgz#a8feef63b010150abd97f1649ec296e849943ca0"
-  integrity sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-
-"@babel/plugin-syntax-logical-assignment-operators@^7.10.4":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
-  integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.4"
-
-"@babel/plugin-syntax-nullish-coalescing-operator@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz#167ed70368886081f74b5c36c65a88c03b66d1a9"
-  integrity sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-numeric-separator@^7.10.4":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz#b9b070b3e33570cd9fd07ba7fa91c0dd37b9af97"
-  integrity sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.10.4"
-
-"@babel/plugin-syntax-object-rest-spread@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz#60e225edcbd98a640332a2e72dd3e66f1af55871"
-  integrity sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-optional-catch-binding@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz#6111a265bcfb020eb9efd0fdfd7d26402b9ed6c1"
-  integrity sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-optional-chaining@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz#4f69c2ab95167e0180cd5336613f8c5788f7d48a"
-  integrity sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-private-property-in-object@^7.14.5":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz#0dc6671ec0ea22b6e94a1114f857970cd39de1ad"
-  integrity sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-
-"@babel/plugin-syntax-top-level-await@^7.14.5":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz#c1cfdadc35a646240001f06138247b741c34d94c"
-  integrity sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-
-"@babel/plugin-syntax-typescript@^7.20.0":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.20.0.tgz#4e9a0cfc769c85689b77a2e642d24e9f697fc8c7"
-  integrity sha512-rd9TkG+u1CExzS4SM1BlMEhMXwFLKVjOAFFCDx9PbX5ycJWDoWMcwdJH9RhkPu1dOgn5TrxLot/Gx6lWFuAUNQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.19.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
 "@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
   version "7.18.6"
@@ -743,500 +340,477 @@
     "@babel/helper-create-regexp-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-arrow-functions@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.23.3.tgz#94c6dcfd731af90f27a79509f9ab7fb2120fc38b"
-  integrity sha512-NzQcQrzaQPkaEwoTm4Mhyl8jI1huEL/WWIEvudjTCMJ9aBZNpsJbMASx7EQECtQQPS/DcnFpo0FIh3LvEO9cxQ==
+"@babel/plugin-transform-arrow-functions@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.25.9.tgz#7821d4410bee5daaadbb4cdd9a6649704e176845"
+  integrity sha512-6jmooXYIwn9ca5/RylZADJ+EnSxVUS5sjeJ9UPk6RWRzXCmOJCy6dqItPJFpw2cuCangPK4OYr5uhGKcmrm5Qg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-async-generator-functions@^7.23.9":
-  version "7.23.9"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.23.9.tgz#9adaeb66fc9634a586c5df139c6240d41ed801ce"
-  integrity sha512-8Q3veQEDGe14dTYuwagbRtwxQDnytyg1JFu4/HwEMETeofocrB0U0ejBJIXoeG/t2oXZ8kzCyI0ZZfbT80VFNQ==
+"@babel/plugin-transform-async-generator-functions@^7.26.8":
+  version "7.26.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.26.8.tgz#5e3991135e3b9c6eaaf5eff56d1ae5a11df45ff8"
+  integrity sha512-He9Ej2X7tNf2zdKMAGOsmg2MrFc+hfoAhd3po4cWfo/NWjzEAKa0oQruj1ROVUdl0e6fb6/kE/G3SSxE0lRJOg==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-remap-async-to-generator" "^7.22.20"
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
+    "@babel/helper-plugin-utils" "^7.26.5"
+    "@babel/helper-remap-async-to-generator" "^7.25.9"
+    "@babel/traverse" "^7.26.8"
 
-"@babel/plugin-transform-async-to-generator@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.23.3.tgz#d1f513c7a8a506d43f47df2bf25f9254b0b051fa"
-  integrity sha512-A7LFsKi4U4fomjqXJlZg/u0ft/n8/7n7lpffUP/ZULx/DtV9SGlNKZolHH6PE8Xl1ngCc0M11OaeZptXVkfKSw==
+"@babel/plugin-transform-async-to-generator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.25.9.tgz#c80008dacae51482793e5a9c08b39a5be7e12d71"
+  integrity sha512-NT7Ejn7Z/LjUH0Gv5KsBCxh7BH3fbLTV0ptHvpeMvrt3cPThHfJfst9Wrb7S8EvJ7vRTFI7z+VAvFVEQn/m5zQ==
   dependencies:
-    "@babel/helper-module-imports" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-remap-async-to-generator" "^7.22.20"
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-remap-async-to-generator" "^7.25.9"
 
-"@babel/plugin-transform-block-scoped-functions@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.23.3.tgz#fe1177d715fb569663095e04f3598525d98e8c77"
-  integrity sha512-vI+0sIaPIO6CNuM9Kk5VmXcMVRiOpDh7w2zZt9GXzmE/9KD70CUEVhvPR/etAeNK/FAEkhxQtXOzVF3EuRL41A==
+"@babel/plugin-transform-block-scoped-functions@^7.26.5":
+  version "7.26.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.26.5.tgz#3dc4405d31ad1cbe45293aa57205a6e3b009d53e"
+  integrity sha512-chuTSY+hq09+/f5lMj8ZSYgCFpppV2CbYrhNFJ1BFoXpiWPnnAb7R0MqrafCpN8E1+YRrtM1MXZHJdIx8B6rMQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.26.5"
 
-"@babel/plugin-transform-block-scoping@^7.23.4":
-  version "7.23.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.23.4.tgz#b2d38589531c6c80fbe25e6b58e763622d2d3cf5"
-  integrity sha512-0QqbP6B6HOh7/8iNR4CQU2Th/bbRtBp4KS9vcaZd1fZ0wSh5Fyssg0UCIHwxh+ka+pNDREbVLQnHCMHKZfPwfw==
+"@babel/plugin-transform-block-scoping@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.25.9.tgz#c33665e46b06759c93687ca0f84395b80c0473a1"
+  integrity sha512-1F05O7AYjymAtqbsFETboN1NvBdcnzMerO+zlMyJBEz6WkMdejvGWw9p05iTSjC85RLlBseHHQpYaM4gzJkBGg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-class-properties@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.23.3.tgz#35c377db11ca92a785a718b6aa4e3ed1eb65dc48"
-  integrity sha512-uM+AN8yCIjDPccsKGlw271xjJtGii+xQIF/uMPS8H15L12jZTsLfF4o5vNO7d/oUguOyfdikHGc/yi9ge4SGIg==
+"@babel/plugin-transform-class-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.25.9.tgz#a8ce84fedb9ad512549984101fa84080a9f5f51f"
+  integrity sha512-bbMAII8GRSkcd0h0b4X+36GksxuheLFjP65ul9w6C3KgAamI3JqErNgSrosX6ZPj+Mpim5VvEbawXxJCyEUV3Q==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-class-static-block@^7.23.4":
-  version "7.23.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.23.4.tgz#2a202c8787a8964dd11dfcedf994d36bfc844ab5"
-  integrity sha512-nsWu/1M+ggti1SOALj3hfx5FXzAY06fwPJsUZD4/A5e1bWi46VUIWtD+kOX6/IdhXGsXBWllLFDSnqSCdUNydQ==
+"@babel/plugin-transform-class-static-block@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.26.0.tgz#6c8da219f4eb15cae9834ec4348ff8e9e09664a0"
+  integrity sha512-6J2APTs7BDDm+UMqP1useWqhcRAXo0WIoVj26N7kPFB6S73Lgvyka4KTZYIxtgYXiN5HTyRObA72N2iu628iTQ==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-class-static-block" "^7.14.5"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-classes@^7.23.8":
-  version "7.23.8"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.23.8.tgz#d08ae096c240347badd68cdf1b6d1624a6435d92"
-  integrity sha512-yAYslGsY1bX6Knmg46RjiCiNSwJKv2IUC8qOdYKqMMr0491SXFhcHqOdRDeCRohOOIzwN/90C6mQ9qAKgrP7dg==
+"@babel/plugin-transform-classes@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.25.9.tgz#7152457f7880b593a63ade8a861e6e26a4469f52"
+  integrity sha512-mD8APIXmseE7oZvZgGABDyM34GUmK45Um2TXiBUt7PnuAxrgoSVf123qUzPxEr/+/BHrRn5NMZCdE2m/1F8DGg==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-compilation-targets" "^7.23.6"
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-function-name" "^7.23.0"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-replace-supers" "^7.22.20"
-    "@babel/helper-split-export-declaration" "^7.22.6"
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
     globals "^11.1.0"
 
-"@babel/plugin-transform-computed-properties@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.23.3.tgz#652e69561fcc9d2b50ba4f7ac7f60dcf65e86474"
-  integrity sha512-dTj83UVTLw/+nbiHqQSFdwO9CbTtwq1DsDqm3CUEtDrZNET5rT5E6bIdTlOftDTDLMYxvxHNEYO4B9SLl8SLZw==
+"@babel/plugin-transform-computed-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.25.9.tgz#db36492c78460e534b8852b1d5befe3c923ef10b"
+  integrity sha512-HnBegGqXZR12xbcTHlJ9HGxw1OniltT26J5YpfruGqtUHlz/xKf/G2ak9e+t0rVqrjXa9WOhvYPz1ERfMj23AA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/template" "^7.22.15"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/template" "^7.25.9"
 
-"@babel/plugin-transform-destructuring@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.23.3.tgz#8c9ee68228b12ae3dff986e56ed1ba4f3c446311"
-  integrity sha512-n225npDqjDIr967cMScVKHXJs7rout1q+tt50inyBCPkyZ8KxeI6d+GIbSBTT/w/9WdlWDOej3V9HE5Lgk57gw==
+"@babel/plugin-transform-destructuring@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.25.9.tgz#966ea2595c498224340883602d3cfd7a0c79cea1"
+  integrity sha512-WkCGb/3ZxXepmMiX101nnGiU+1CAdut8oHyEOHxkKuS1qKpU2SMXE2uSvfz8PBuLd49V6LEsbtyPhWC7fnkgvQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-dotall-regex@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.23.3.tgz#3f7af6054882ede89c378d0cf889b854a993da50"
-  integrity sha512-vgnFYDHAKzFaTVp+mneDsIEbnJ2Np/9ng9iviHw3P/KVcgONxpNULEW/51Z/BaFojG2GI2GwwXck5uV1+1NOYQ==
+"@babel/plugin-transform-dotall-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.25.9.tgz#bad7945dd07734ca52fe3ad4e872b40ed09bb09a"
+  integrity sha512-t7ZQ7g5trIgSRYhI9pIJtRl64KHotutUJsh4Eze5l7olJv+mRSg4/MmbZ0tv1eeqRbdvo/+trvJD/Oc5DmW2cA==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-duplicate-keys@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.23.3.tgz#664706ca0a5dfe8d066537f99032fc1dc8b720ce"
-  integrity sha512-RrqQ+BQmU3Oyav3J+7/myfvRCq7Tbz+kKLLshUmMwNlDHExbGL7ARhajvoBJEvc+fCguPPu887N+3RRXBVKZUA==
+"@babel/plugin-transform-duplicate-keys@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.25.9.tgz#8850ddf57dce2aebb4394bb434a7598031059e6d"
+  integrity sha512-LZxhJ6dvBb/f3x8xwWIuyiAHy56nrRG3PeYTpBkkzkYRRQ6tJLu68lEF5VIqMUZiAV7a8+Tb78nEoMCMcqjXBw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-dynamic-import@^7.23.4":
-  version "7.23.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.23.4.tgz#c7629e7254011ac3630d47d7f34ddd40ca535143"
-  integrity sha512-V6jIbLhdJK86MaLh4Jpghi8ho5fGzt3imHOBu/x0jlBaPYqDoWz4RDXjmMOfnh+JWNaQleEAByZLV0QzBT4YQQ==
+"@babel/plugin-transform-duplicate-named-capturing-groups-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.25.9.tgz#6f7259b4de127721a08f1e5165b852fcaa696d31"
+  integrity sha512-0UfuJS0EsXbRvKnwcLjFtJy/Sxc5J5jhLHnFhy7u4zih97Hz6tJkLU+O+FMMrNZrosUPxDi6sYxJ/EA8jDiAog==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-exponentiation-operator@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.23.3.tgz#ea0d978f6b9232ba4722f3dbecdd18f450babd18"
-  integrity sha512-5fhCsl1odX96u7ILKHBj4/Y8vipoqwsJMh4csSA8qFfxrZDEA4Ssku2DyNvMJSmZNOEBT750LfFPbtrnTP90BQ==
+"@babel/plugin-transform-dynamic-import@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.25.9.tgz#23e917de63ed23c6600c5dd06d94669dce79f7b8"
+  integrity sha512-GCggjexbmSLaFhqsojeugBpeaRIgWNTcgKVq/0qIteFEqY2A+b9QidYadrWlnbWQUrW5fn+mCvf3tr7OeBFTyg==
   dependencies:
-    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-export-namespace-from@^7.23.4":
-  version "7.23.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.23.4.tgz#084c7b25e9a5c8271e987a08cf85807b80283191"
-  integrity sha512-GzuSBcKkx62dGzZI1WVgTWvkkz84FZO5TC5T8dl/Tht/rAla6Dg/Mz9Yhypg+ezVACf/rgDuQt3kbWEv7LdUDQ==
+"@babel/plugin-transform-exponentiation-operator@^7.26.3":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.26.3.tgz#e29f01b6de302c7c2c794277a48f04a9ca7f03bc"
+  integrity sha512-7CAHcQ58z2chuXPWblnn1K6rLDnDWieghSOEmqQsrBenH0P9InCUtOJYD89pvngljmZlJcz3fcmgYsXFNGa1ZQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-for-of@^7.23.6":
-  version "7.23.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.23.6.tgz#81c37e24171b37b370ba6aaffa7ac86bcb46f94e"
-  integrity sha512-aYH4ytZ0qSuBbpfhuofbg/e96oQ7U2w1Aw/UQmKT+1l39uEhUPoFS3fHevDc1G0OvewyDudfMKY1OulczHzWIw==
+"@babel/plugin-transform-export-namespace-from@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.25.9.tgz#90745fe55053394f554e40584cda81f2c8a402a2"
+  integrity sha512-2NsEz+CxzJIVOPx2o9UsW1rXLqtChtLoVnwYHHiB04wS5sgn7mrV45fWMBX0Kk+ub9uXytVYfNP2HjbVbCB3Ww==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-function-name@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.23.3.tgz#8f424fcd862bf84cb9a1a6b42bc2f47ed630f8dc"
-  integrity sha512-I1QXp1LxIvt8yLaib49dRW5Okt7Q4oaxao6tFVKS/anCdEOMtYwWVKoiOA1p34GOWIZjUK0E+zCp7+l1pfQyiw==
+"@babel/plugin-transform-for-of@^7.26.9":
+  version "7.26.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.26.9.tgz#27231f79d5170ef33b5111f07fe5cafeb2c96a56"
+  integrity sha512-Hry8AusVm8LW5BVFgiyUReuoGzPUpdHQQqJY5bZnbbf+ngOHWuCuYFKw/BqaaWlvEUrF91HMhDtEaI1hZzNbLg==
   dependencies:
-    "@babel/helper-compilation-targets" "^7.22.15"
-    "@babel/helper-function-name" "^7.23.0"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.26.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
 
-"@babel/plugin-transform-json-strings@^7.23.4":
-  version "7.23.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.23.4.tgz#a871d9b6bd171976efad2e43e694c961ffa3714d"
-  integrity sha512-81nTOqM1dMwZ/aRXQ59zVubN9wHGqk6UtqRK+/q+ciXmRy8fSolhGVvG09HHRGo4l6fr/c4ZhXUQH0uFW7PZbg==
+"@babel/plugin-transform-function-name@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.25.9.tgz#939d956e68a606661005bfd550c4fc2ef95f7b97"
+  integrity sha512-8lP+Yxjv14Vc5MuWBpJsoUCd3hD6V9DgBon2FVYL4jJgbnVQ9fTgYmonchzZJOVNgzEgbxp4OwAf6xz6M/14XA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-json-strings" "^7.8.3"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
 
-"@babel/plugin-transform-literals@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.23.3.tgz#8214665f00506ead73de157eba233e7381f3beb4"
-  integrity sha512-wZ0PIXRxnwZvl9AYpqNUxpZ5BiTGrYt7kueGQ+N5FiQ7RCOD4cm8iShd6S6ggfVIWaJf2EMk8eRzAh52RfP4rQ==
+"@babel/plugin-transform-json-strings@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.25.9.tgz#c86db407cb827cded902a90c707d2781aaa89660"
+  integrity sha512-xoTMk0WXceiiIvsaquQQUaLLXSW1KJ159KP87VilruQm0LNNGxWzahxSS6T6i4Zg3ezp4vA4zuwiNUR53qmQAw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-logical-assignment-operators@^7.23.4":
-  version "7.23.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.23.4.tgz#e599f82c51d55fac725f62ce55d3a0886279ecb5"
-  integrity sha512-Mc/ALf1rmZTP4JKKEhUwiORU+vcfarFVLfcFiolKUo6sewoxSEgl36ak5t+4WamRsNr6nzjZXQjM35WsU+9vbg==
+"@babel/plugin-transform-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.25.9.tgz#1a1c6b4d4aa59bc4cad5b6b3a223a0abd685c9de"
+  integrity sha512-9N7+2lFziW8W9pBl2TzaNht3+pgMIRP74zizeCSrtnSKVdUl8mAjjOP2OOVQAfZ881P2cNjDj1uAMEdeD50nuQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-member-expression-literals@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.23.3.tgz#e37b3f0502289f477ac0e776b05a833d853cabcc"
-  integrity sha512-sC3LdDBDi5x96LA+Ytekz2ZPk8i/Ck+DEuDbRAll5rknJ5XRTSaPKEYwomLcs1AA8wg9b3KjIQRsnApj+q51Ag==
+"@babel/plugin-transform-logical-assignment-operators@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.25.9.tgz#b19441a8c39a2fda0902900b306ea05ae1055db7"
+  integrity sha512-wI4wRAzGko551Y8eVf6iOY9EouIDTtPb0ByZx+ktDGHwv6bHFimrgJM/2T021txPZ2s4c7bqvHbd+vXG6K948Q==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-modules-amd@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.23.3.tgz#e19b55436a1416829df0a1afc495deedfae17f7d"
-  integrity sha512-vJYQGxeKM4t8hYCKVBlZX/gtIY2I7mRGFNcm85sgXGMTBcoV3QdVtdpbcWEbzbfUIUZKwvgFT82mRvaQIebZzw==
+"@babel/plugin-transform-member-expression-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.25.9.tgz#63dff19763ea64a31f5e6c20957e6a25e41ed5de"
+  integrity sha512-PYazBVfofCQkkMzh2P6IdIUaCEWni3iYEerAsRWuVd8+jlM1S9S9cz1dF9hIzyoZ8IA3+OwVYIp9v9e+GbgZhA==
   dependencies:
-    "@babel/helper-module-transforms" "^7.23.3"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-modules-commonjs@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.23.3.tgz#661ae831b9577e52be57dd8356b734f9700b53b4"
-  integrity sha512-aVS0F65LKsdNOtcz6FRCpE4OgsP2OFnW46qNxNIX9h3wuzaNcSQsJysuMwqSibC98HPrf2vCgtxKNwS0DAlgcA==
+"@babel/plugin-transform-modules-amd@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.25.9.tgz#49ba478f2295101544abd794486cd3088dddb6c5"
+  integrity sha512-g5T11tnI36jVClQlMlt4qKDLlWnG5pP9CSM4GhdRciTNMRgkfpo5cR6b4rGIOYPgRRuFAvwjPQ/Yk+ql4dyhbw==
   dependencies:
-    "@babel/helper-module-transforms" "^7.23.3"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-simple-access" "^7.22.5"
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-modules-systemjs@^7.23.9":
-  version "7.23.9"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.23.9.tgz#105d3ed46e4a21d257f83a2f9e2ee4203ceda6be"
-  integrity sha512-KDlPRM6sLo4o1FkiSlXoAa8edLXFsKKIda779fbLrvmeuc3itnjCtaO6RrtoaANsIJANj+Vk1zqbZIMhkCAHVw==
+"@babel/plugin-transform-modules-commonjs@^7.26.3":
+  version "7.26.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.26.3.tgz#8f011d44b20d02c3de44d8850d971d8497f981fb"
+  integrity sha512-MgR55l4q9KddUDITEzEFYn5ZsGDXMSsU9E+kh7fjRXTIC3RHqfCo8RPRbyReYJh44HQ/yomFkqbOFohXvDCiIQ==
   dependencies:
-    "@babel/helper-hoist-variables" "^7.22.5"
-    "@babel/helper-module-transforms" "^7.23.3"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-validator-identifier" "^7.22.20"
+    "@babel/helper-module-transforms" "^7.26.0"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-modules-umd@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.23.3.tgz#5d4395fccd071dfefe6585a4411aa7d6b7d769e9"
-  integrity sha512-zHsy9iXX2nIsCBFPud3jKn1IRPWg3Ing1qOZgeKV39m1ZgIdpJqvlWVeiHBZC6ITRG0MfskhYe9cLgntfSFPIg==
+"@babel/plugin-transform-modules-systemjs@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.25.9.tgz#8bd1b43836269e3d33307151a114bcf3ba6793f8"
+  integrity sha512-hyss7iIlH/zLHaehT+xwiymtPOpsiwIIRlCAOwBB04ta5Tt+lNItADdlXw3jAWZ96VJ2jlhl/c+PNIQPKNfvcA==
   dependencies:
-    "@babel/helper-module-transforms" "^7.23.3"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
+    "@babel/traverse" "^7.25.9"
 
-"@babel/plugin-transform-named-capturing-groups-regex@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz#67fe18ee8ce02d57c855185e27e3dc959b2e991f"
-  integrity sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==
+"@babel/plugin-transform-modules-umd@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.25.9.tgz#6710079cdd7c694db36529a1e8411e49fcbf14c9"
+  integrity sha512-bS9MVObUgE7ww36HEfwe6g9WakQ0KF07mQF74uuXdkoziUPfKyu/nIm663kz//e5O1nPInPFx36z7WJmJ4yNEw==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-module-transforms" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-new-target@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.23.3.tgz#5491bb78ed6ac87e990957cea367eab781c4d980"
-  integrity sha512-YJ3xKqtJMAT5/TIZnpAR3I+K+WaDowYbN3xyxI8zxx/Gsypwf9B9h0VB+1Nh6ACAAPRS5NSRje0uVv5i79HYGQ==
+"@babel/plugin-transform-named-capturing-groups-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.25.9.tgz#454990ae6cc22fd2a0fa60b3a2c6f63a38064e6a"
+  integrity sha512-oqB6WHdKTGl3q/ItQhpLSnWWOpjUJLsOCLVyeFgeTktkBSCiurvPOsyt93gibI9CmuKvTUEtWmG5VhZD+5T/KA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-nullish-coalescing-operator@^7.23.4":
-  version "7.23.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.23.4.tgz#45556aad123fc6e52189ea749e33ce090637346e"
-  integrity sha512-jHE9EVVqHKAQx+VePv5LLGHjmHSJR76vawFPTdlxR/LVJPfOEGxREQwQfjuZEOPTwG92X3LINSh3M40Rv4zpVA==
+"@babel/plugin-transform-new-target@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.25.9.tgz#42e61711294b105c248336dcb04b77054ea8becd"
+  integrity sha512-U/3p8X1yCSoKyUj2eOBIx3FOn6pElFOKvAAGf8HTtItuPyB+ZeOqfn+mvTtg9ZlOAjsPdK3ayQEjqHjU/yLeVQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-numeric-separator@^7.23.4":
-  version "7.23.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.23.4.tgz#03d08e3691e405804ecdd19dd278a40cca531f29"
-  integrity sha512-mps6auzgwjRrwKEZA05cOwuDc9FAzoyFS4ZsG/8F43bTLf/TgkJg7QXOrPO1JO599iA3qgK9MXdMGOEC8O1h6Q==
+"@babel/plugin-transform-nullish-coalescing-operator@^7.26.6":
+  version "7.26.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.26.6.tgz#fbf6b3c92cb509e7b319ee46e3da89c5bedd31fe"
+  integrity sha512-CKW8Vu+uUZneQCPtXmSBUC6NCAUdya26hWCElAWh5mVSlSRsmiCPUUDKb3Z0szng1hiAJa098Hkhg9o4SE35Qw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.26.5"
 
-"@babel/plugin-transform-object-rest-spread@^7.23.4":
-  version "7.23.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.23.4.tgz#2b9c2d26bf62710460bdc0d1730d4f1048361b83"
-  integrity sha512-9x9K1YyeQVw0iOXJlIzwm8ltobIIv7j2iLyP2jIhEbqPRQ7ScNgwQufU2I0Gq11VjyG4gI4yMXt2VFags+1N3g==
+"@babel/plugin-transform-numeric-separator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.25.9.tgz#bfed75866261a8b643468b0ccfd275f2033214a1"
+  integrity sha512-TlprrJ1GBZ3r6s96Yq8gEQv82s8/5HnCVHtEJScUj90thHQbwe+E5MLhi2bbNHBEJuzrvltXSru+BUxHDoog7Q==
   dependencies:
-    "@babel/compat-data" "^7.23.3"
-    "@babel/helper-compilation-targets" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-transform-parameters" "^7.23.3"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-object-super@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.23.3.tgz#81fdb636dcb306dd2e4e8fd80db5b2362ed2ebcd"
-  integrity sha512-BwQ8q0x2JG+3lxCVFohg+KbQM7plfpBwThdW9A6TMtWwLsbDA01Ek2Zb/AgDN39BiZsExm4qrXxjk+P1/fzGrA==
+"@babel/plugin-transform-object-rest-spread@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.25.9.tgz#0203725025074164808bcf1a2cfa90c652c99f18"
+  integrity sha512-fSaXafEE9CVHPweLYw4J0emp1t8zYTXyzN3UuG+lylqkvYd7RMrsOQ8TYx5RF231be0vqtFC6jnx3UmpJmKBYg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-replace-supers" "^7.22.20"
+    "@babel/helper-compilation-targets" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/plugin-transform-parameters" "^7.25.9"
 
-"@babel/plugin-transform-optional-catch-binding@^7.23.4":
-  version "7.23.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.23.4.tgz#318066de6dacce7d92fa244ae475aa8d91778017"
-  integrity sha512-XIq8t0rJPHf6Wvmbn9nFxU6ao4c7WhghTR5WyV8SrJfUFzyxhCm4nhC+iAp3HFhbAKLfYpgzhJ6t4XCtVwqO5A==
+"@babel/plugin-transform-object-super@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.25.9.tgz#385d5de135162933beb4a3d227a2b7e52bb4cf03"
+  integrity sha512-Kj/Gh+Rw2RNLbCK1VAWj2U48yxxqL2x0k10nPtSdRa0O2xnHXalD0s+o1A6a0W43gJ00ANo38jxkQreckOzv5A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-replace-supers" "^7.25.9"
 
-"@babel/plugin-transform-optional-chaining@^7.23.3", "@babel/plugin-transform-optional-chaining@^7.23.4":
-  version "7.23.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.23.4.tgz#6acf61203bdfc4de9d4e52e64490aeb3e52bd017"
-  integrity sha512-ZU8y5zWOfjM5vZ+asjgAPwDaBjJzgufjES89Rs4Lpq63O300R/kOz30WCLo6BxxX6QVEilwSlpClnG5cZaikTA==
+"@babel/plugin-transform-optional-catch-binding@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.25.9.tgz#10e70d96d52bb1f10c5caaac59ac545ea2ba7ff3"
+  integrity sha512-qM/6m6hQZzDcZF3onzIhZeDHDO43bkNNlOX0i8n3lR6zLbu0GN2d8qfM/IERJZYauhAHSLHy39NF0Ctdvcid7g==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-parameters@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.23.3.tgz#83ef5d1baf4b1072fa6e54b2b0999a7b2527e2af"
-  integrity sha512-09lMt6UsUb3/34BbECKVbVwrT9bO6lILWln237z7sLaWnMsTi7Yc9fhX5DLpkJzAGfaReXI22wP41SZmnAA3Vw==
+"@babel/plugin-transform-optional-chaining@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.25.9.tgz#e142eb899d26ef715435f201ab6e139541eee7dd"
+  integrity sha512-6AvV0FsLULbpnXeBjrY4dmWF8F7gf8QnvTEoO/wX/5xm/xE1Xo8oPuD3MPS+KS9f9XBEAWN7X1aWr4z9HdOr7A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
 
-"@babel/plugin-transform-private-methods@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.23.3.tgz#b2d7a3c97e278bfe59137a978d53b2c2e038c0e4"
-  integrity sha512-UzqRcRtWsDMTLrRWFvUBDwmw06tCQH9Rl1uAjfh6ijMSmGYQ+fpdB+cnqRC8EMh5tuuxSv0/TejGL+7vyj+50g==
+"@babel/plugin-transform-parameters@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.25.9.tgz#b856842205b3e77e18b7a7a1b94958069c7ba257"
+  integrity sha512-wzz6MKwpnshBAiRmn4jR8LYz/g8Ksg0o80XmwZDlordjwEk9SxBzTWC7F5ef1jhbrbOW2DJ5J6ayRukrJmnr0g==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-private-property-in-object@^7.23.4":
-  version "7.23.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.23.4.tgz#3ec711d05d6608fd173d9b8de39872d8dbf68bf5"
-  integrity sha512-9G3K1YqTq3F4Vt88Djx1UZ79PDyj+yKRnUy7cZGSMe+a7jkwD259uKKuUzQlPkGam7R+8RJwh5z4xO27fA1o2A==
+"@babel/plugin-transform-private-methods@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.25.9.tgz#847f4139263577526455d7d3223cd8bda51e3b57"
+  integrity sha512-D/JUozNpQLAPUVusvqMxyvjzllRaF8/nSrP1s2YGQT/W4LHK4xxsMcHjhOGTS01mp9Hda8nswb+FblLdJornQw==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-create-class-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-property-literals@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.23.3.tgz#54518f14ac4755d22b92162e4a852d308a560875"
-  integrity sha512-jR3Jn3y7cZp4oEWPFAlRsSWjxKe4PZILGBSd4nis1TsC5qeSpb+nrtihJuDhNI7QHiVbUaiXa0X2RZY3/TI6Nw==
+"@babel/plugin-transform-private-property-in-object@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.25.9.tgz#9c8b73e64e6cc3cbb2743633885a7dd2c385fe33"
+  integrity sha512-Evf3kcMqzXA3xfYJmZ9Pg1OvKdtqsDMSWBDzZOPLvHiTt36E75jLDQo5w1gtRU95Q4E5PDttrTf25Fw8d/uWLw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-regenerator@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.23.3.tgz#141afd4a2057298602069fce7f2dc5173e6c561c"
-  integrity sha512-KP+75h0KghBMcVpuKisx3XTu9Ncut8Q8TuvGO4IhY+9D5DFEckQefOuIsB/gQ2tG71lCke4NMrtIPS8pOj18BQ==
+"@babel/plugin-transform-property-literals@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.25.9.tgz#d72d588bd88b0dec8b62e36f6fda91cedfe28e3f"
+  integrity sha512-IvIUeV5KrS/VPavfSM/Iu+RE6llrHrYIKY1yfCzyO/lMXHQ+p7uGhonmGVisv6tSBSVgWzMBohTcvkC9vQcQFA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
+
+"@babel/plugin-transform-regenerator@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.25.9.tgz#03a8a4670d6cebae95305ac6defac81ece77740b"
+  integrity sha512-vwDcDNsgMPDGP0nMqzahDWE5/MLcX8sv96+wfX7as7LoF/kr97Bo/7fI00lXY4wUXYfVmwIIyG80fGZ1uvt2qg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.25.9"
     regenerator-transform "^0.15.2"
 
-"@babel/plugin-transform-reserved-words@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.23.3.tgz#4130dcee12bd3dd5705c587947eb715da12efac8"
-  integrity sha512-QnNTazY54YqgGxwIexMZva9gqbPa15t/x9VS+0fsEFWplwVpXYZivtgl43Z1vMpc1bdPP2PP8siFeVcnFvA3Cg==
+"@babel/plugin-transform-regexp-modifiers@^7.26.0":
+  version "7.26.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.26.0.tgz#2f5837a5b5cd3842a919d8147e9903cc7455b850"
+  integrity sha512-vN6saax7lrA2yA/Pak3sCxuD6F5InBjn9IcrIKQPjpsLvuHYLVroTxjdlVRHjjBWxKOqIwpTXDkOssYT4BFdRw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-runtime@^7.23.7":
-  version "7.23.9"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.23.9.tgz#2c64d0680fc8e09e1dfe8fd5c646fe72abd82004"
-  integrity sha512-A7clW3a0aSjm3ONU9o2HAILSegJCYlEZmOhmBRReVtIpY/Z/p7yIZ+wR41Z+UipwdGuqwtID/V/dOdZXjwi9gQ==
+"@babel/plugin-transform-reserved-words@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.25.9.tgz#0398aed2f1f10ba3f78a93db219b27ef417fb9ce"
+  integrity sha512-7DL7DKYjn5Su++4RXu8puKZm2XBPHyjWLUidaPEkCUBbE7IPcsrkRHggAOOKydH1dASWdcUBxrkOGNxUv5P3Jg==
   dependencies:
-    "@babel/helper-module-imports" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    babel-plugin-polyfill-corejs2 "^0.4.8"
-    babel-plugin-polyfill-corejs3 "^0.9.0"
-    babel-plugin-polyfill-regenerator "^0.5.5"
-    semver "^6.3.1"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-shorthand-properties@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.23.3.tgz#97d82a39b0e0c24f8a981568a8ed851745f59210"
-  integrity sha512-ED2fgqZLmexWiN+YNFX26fx4gh5qHDhn1O2gvEhreLW2iI63Sqm4llRLCXALKrCnbN4Jy0VcMQZl/SAzqug/jg==
+"@babel/plugin-transform-shorthand-properties@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.25.9.tgz#bb785e6091f99f826a95f9894fc16fde61c163f2"
+  integrity sha512-MUv6t0FhO5qHnS/W8XCbHmiRWOphNufpE1IVxhK5kuN3Td9FT1x4rx4K42s3RYdMXCXpfWkGSbCSd0Z64xA7Ng==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-spread@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.23.3.tgz#41d17aacb12bde55168403c6f2d6bdca563d362c"
-  integrity sha512-VvfVYlrlBVu+77xVTOAoxQ6mZbnIq5FM0aGBSFEcIh03qHf+zNqA4DC/3XMUozTg7bZV3e3mZQ0i13VB6v5yUg==
+"@babel/plugin-transform-spread@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.25.9.tgz#24a35153931b4ba3d13cec4a7748c21ab5514ef9"
+  integrity sha512-oNknIB0TbURU5pqJFVbOOFspVlrpVwo2H1+HUIsVDvp5VauGGDP1ZEvO8Nn5xyMEs3dakajOxlmkNW7kNgSm6A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
 
-"@babel/plugin-transform-sticky-regex@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.23.3.tgz#dec45588ab4a723cb579c609b294a3d1bd22ff04"
-  integrity sha512-HZOyN9g+rtvnOU3Yh7kSxXrKbzgrm5X4GncPY1QOquu7epga5MxKHVpYu2hvQnry/H+JjckSYRb93iNfsioAGg==
+"@babel/plugin-transform-sticky-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.25.9.tgz#c7f02b944e986a417817b20ba2c504dfc1453d32"
+  integrity sha512-WqBUSgeVwucYDP9U/xNRQam7xV8W5Zf+6Eo7T2SRVUFlhRiMNFdFz58u0KZmCVVqs2i7SHgpRnAhzRNmKfi2uA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-template-literals@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.23.3.tgz#5f0f028eb14e50b5d0f76be57f90045757539d07"
-  integrity sha512-Flok06AYNp7GV2oJPZZcP9vZdszev6vPBkHLwxwSpaIqx75wn6mUd3UFWsSsA0l8nXAKkyCmL/sR02m8RYGeHg==
+"@babel/plugin-transform-template-literals@^7.26.8":
+  version "7.26.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.26.8.tgz#966b15d153a991172a540a69ad5e1845ced990b5"
+  integrity sha512-OmGDL5/J0CJPJZTHZbi2XpO0tyT2Ia7fzpW5GURwdtp2X3fMmN8au/ej6peC/T33/+CRiIpA8Krse8hFGVmT5Q==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.26.5"
 
-"@babel/plugin-transform-typeof-symbol@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.23.3.tgz#9dfab97acc87495c0c449014eb9c547d8966bca4"
-  integrity sha512-4t15ViVnaFdrPC74be1gXBSMzXk3B4Us9lP7uLRQHTFpV5Dvt33pn+2MyyNxmN3VTTm3oTrZVMUmuw3oBnQ2oQ==
+"@babel/plugin-transform-typeof-symbol@^7.26.7":
+  version "7.26.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.26.7.tgz#d0e33acd9223744c1e857dbd6fa17bd0a3786937"
+  integrity sha512-jfoTXXZTgGg36BmhqT3cAYK5qkmqvJpvNrPhaK/52Vgjhw4Rq29s9UqpWWV0D6yuRmgiFH/BUVlkl96zJWqnaw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.26.5"
 
-"@babel/plugin-transform-typescript@^7.16.8":
-  version "7.21.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.21.3.tgz#316c5be579856ea890a57ebc5116c5d064658f2b"
-  integrity sha512-RQxPz6Iqt8T0uw/WsJNReuBpWpBqs/n7mNo18sKLoTbMp+UrEekhH+pKSVC7gWz+DNjo9gryfV8YzCiT45RgMw==
+"@babel/plugin-transform-typescript@^7.26.7":
+  version "7.26.8"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.26.8.tgz#2e9caa870aa102f50d7125240d9dbf91334b0950"
+  integrity sha512-bME5J9AC8ChwA7aEPJ6zym3w7aObZULHhbNLU0bKUhKsAkylkzUdq+0kdymh9rzi8nlNFl2bmldFBCKNJBUpuw==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-create-class-features-plugin" "^7.21.0"
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/plugin-syntax-typescript" "^7.20.0"
+    "@babel/helper-annotate-as-pure" "^7.25.9"
+    "@babel/helper-create-class-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.26.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.25.9"
+    "@babel/plugin-syntax-typescript" "^7.25.9"
 
-"@babel/plugin-transform-unicode-escapes@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.23.3.tgz#1f66d16cab01fab98d784867d24f70c1ca65b925"
-  integrity sha512-OMCUx/bU6ChE3r4+ZdylEqAjaQgHAgipgW8nsCfu5pGqDcFytVd91AwRvUJSBZDz0exPGgnjoqhgRYLRjFZc9Q==
+"@babel/plugin-transform-unicode-escapes@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.25.9.tgz#a75ef3947ce15363fccaa38e2dd9bc70b2788b82"
+  integrity sha512-s5EDrE6bW97LtxOcGj1Khcx5AaXwiMmi4toFWRDP9/y0Woo6pXC+iyPu/KuhKtfSrNFd7jJB+/fkOtZy6aIC6Q==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-unicode-property-regex@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.23.3.tgz#19e234129e5ffa7205010feec0d94c251083d7ad"
-  integrity sha512-KcLIm+pDZkWZQAFJ9pdfmh89EwVfmNovFBcXko8szpBeF8z68kWIPeKlmSOkT9BXJxs2C0uk+5LxoxIv62MROA==
+"@babel/plugin-transform-unicode-property-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.25.9.tgz#a901e96f2c1d071b0d1bb5dc0d3c880ce8f53dd3"
+  integrity sha512-Jt2d8Ga+QwRluxRQ307Vlxa6dMrYEMZCgGxoPR8V52rxPyldHu3hdlHspxaqYmE7oID5+kB+UKUB/eWS+DkkWg==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-unicode-regex@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.23.3.tgz#26897708d8f42654ca4ce1b73e96140fbad879dc"
-  integrity sha512-wMHpNA4x2cIA32b/ci3AfwNgheiva2W0WUKWTK7vBHBhDKfPsc5cFGNWm69WBqpwd86u1qwZ9PWevKqm1A3yAw==
+"@babel/plugin-transform-unicode-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.25.9.tgz#5eae747fe39eacf13a8bd006a4fb0b5d1fa5e9b1"
+  integrity sha512-yoxstj7Rg9dlNn9UQxzk4fcNivwv4nUYz7fYXBaKxvw/lnmPuOm/ikoELygbYq68Bls3D/D+NBPHiLwZdZZ4HA==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/plugin-transform-unicode-sets-regex@^7.23.3":
-  version "7.23.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.23.3.tgz#4fb6f0a719c2c5859d11f6b55a050cc987f3799e"
-  integrity sha512-W7lliA/v9bNR83Qc3q1ip9CQMZ09CcHDbHfbLRDNuAhn1Mvkr1ZNF7hPmztMQvtTGVLJ9m8IZqWsTkXOml8dbw==
+"@babel/plugin-transform-unicode-sets-regex@^7.25.9":
+  version "7.25.9"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.25.9.tgz#65114c17b4ffc20fa5b163c63c70c0d25621fabe"
+  integrity sha512-8BYqO3GeVNHtx69fdPshN3fnzUNLrWdHhk/icSwigksJGczKSizZ+Z6SBCxTs723Fr5VSNorTIK7a+R2tISvwQ==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-create-regexp-features-plugin" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.25.9"
 
-"@babel/preset-env@^7.23.8":
-  version "7.23.9"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.23.9.tgz#beace3b7994560ed6bf78e4ae2073dff45387669"
-  integrity sha512-3kBGTNBBk9DQiPoXYS0g0BYlwTQYUTifqgKTjxUwEUkduRT2QOa0FPGBJ+NROQhGyYO5BuTJwGvBnqKDykac6A==
+"@babel/preset-env@^7.11.0":
+  version "7.26.9"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.26.9.tgz#2ec64e903d0efe743699f77a10bdf7955c2123c3"
+  integrity sha512-vX3qPGE8sEKEAZCWk05k3cpTAE3/nOYca++JA+Rd0z2NCNzabmYvEiSShKzm10zdquOIAVXsy2Ei/DTW34KlKQ==
   dependencies:
-    "@babel/compat-data" "^7.23.5"
-    "@babel/helper-compilation-targets" "^7.23.6"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-validator-option" "^7.23.5"
-    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.23.3"
-    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.23.3"
-    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.23.7"
+    "@babel/compat-data" "^7.26.8"
+    "@babel/helper-compilation-targets" "^7.26.5"
+    "@babel/helper-plugin-utils" "^7.26.5"
+    "@babel/helper-validator-option" "^7.25.9"
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.25.9"
+    "@babel/plugin-bugfix-safari-class-field-initializer-scope" "^7.25.9"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.25.9"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.25.9"
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.25.9"
     "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
-    "@babel/plugin-syntax-class-properties" "^7.12.13"
-    "@babel/plugin-syntax-class-static-block" "^7.14.5"
-    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
-    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
-    "@babel/plugin-syntax-import-assertions" "^7.23.3"
-    "@babel/plugin-syntax-import-attributes" "^7.23.3"
-    "@babel/plugin-syntax-import-meta" "^7.10.4"
-    "@babel/plugin-syntax-json-strings" "^7.8.3"
-    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
-    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
-    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
-    "@babel/plugin-syntax-top-level-await" "^7.14.5"
+    "@babel/plugin-syntax-import-assertions" "^7.26.0"
+    "@babel/plugin-syntax-import-attributes" "^7.26.0"
     "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
-    "@babel/plugin-transform-arrow-functions" "^7.23.3"
-    "@babel/plugin-transform-async-generator-functions" "^7.23.9"
-    "@babel/plugin-transform-async-to-generator" "^7.23.3"
-    "@babel/plugin-transform-block-scoped-functions" "^7.23.3"
-    "@babel/plugin-transform-block-scoping" "^7.23.4"
-    "@babel/plugin-transform-class-properties" "^7.23.3"
-    "@babel/plugin-transform-class-static-block" "^7.23.4"
-    "@babel/plugin-transform-classes" "^7.23.8"
-    "@babel/plugin-transform-computed-properties" "^7.23.3"
-    "@babel/plugin-transform-destructuring" "^7.23.3"
-    "@babel/plugin-transform-dotall-regex" "^7.23.3"
-    "@babel/plugin-transform-duplicate-keys" "^7.23.3"
-    "@babel/plugin-transform-dynamic-import" "^7.23.4"
-    "@babel/plugin-transform-exponentiation-operator" "^7.23.3"
-    "@babel/plugin-transform-export-namespace-from" "^7.23.4"
-    "@babel/plugin-transform-for-of" "^7.23.6"
-    "@babel/plugin-transform-function-name" "^7.23.3"
-    "@babel/plugin-transform-json-strings" "^7.23.4"
-    "@babel/plugin-transform-literals" "^7.23.3"
-    "@babel/plugin-transform-logical-assignment-operators" "^7.23.4"
-    "@babel/plugin-transform-member-expression-literals" "^7.23.3"
-    "@babel/plugin-transform-modules-amd" "^7.23.3"
-    "@babel/plugin-transform-modules-commonjs" "^7.23.3"
-    "@babel/plugin-transform-modules-systemjs" "^7.23.9"
-    "@babel/plugin-transform-modules-umd" "^7.23.3"
-    "@babel/plugin-transform-named-capturing-groups-regex" "^7.22.5"
-    "@babel/plugin-transform-new-target" "^7.23.3"
-    "@babel/plugin-transform-nullish-coalescing-operator" "^7.23.4"
-    "@babel/plugin-transform-numeric-separator" "^7.23.4"
-    "@babel/plugin-transform-object-rest-spread" "^7.23.4"
-    "@babel/plugin-transform-object-super" "^7.23.3"
-    "@babel/plugin-transform-optional-catch-binding" "^7.23.4"
-    "@babel/plugin-transform-optional-chaining" "^7.23.4"
-    "@babel/plugin-transform-parameters" "^7.23.3"
-    "@babel/plugin-transform-private-methods" "^7.23.3"
-    "@babel/plugin-transform-private-property-in-object" "^7.23.4"
-    "@babel/plugin-transform-property-literals" "^7.23.3"
-    "@babel/plugin-transform-regenerator" "^7.23.3"
-    "@babel/plugin-transform-reserved-words" "^7.23.3"
-    "@babel/plugin-transform-shorthand-properties" "^7.23.3"
-    "@babel/plugin-transform-spread" "^7.23.3"
-    "@babel/plugin-transform-sticky-regex" "^7.23.3"
-    "@babel/plugin-transform-template-literals" "^7.23.3"
-    "@babel/plugin-transform-typeof-symbol" "^7.23.3"
-    "@babel/plugin-transform-unicode-escapes" "^7.23.3"
-    "@babel/plugin-transform-unicode-property-regex" "^7.23.3"
-    "@babel/plugin-transform-unicode-regex" "^7.23.3"
-    "@babel/plugin-transform-unicode-sets-regex" "^7.23.3"
+    "@babel/plugin-transform-arrow-functions" "^7.25.9"
+    "@babel/plugin-transform-async-generator-functions" "^7.26.8"
+    "@babel/plugin-transform-async-to-generator" "^7.25.9"
+    "@babel/plugin-transform-block-scoped-functions" "^7.26.5"
+    "@babel/plugin-transform-block-scoping" "^7.25.9"
+    "@babel/plugin-transform-class-properties" "^7.25.9"
+    "@babel/plugin-transform-class-static-block" "^7.26.0"
+    "@babel/plugin-transform-classes" "^7.25.9"
+    "@babel/plugin-transform-computed-properties" "^7.25.9"
+    "@babel/plugin-transform-destructuring" "^7.25.9"
+    "@babel/plugin-transform-dotall-regex" "^7.25.9"
+    "@babel/plugin-transform-duplicate-keys" "^7.25.9"
+    "@babel/plugin-transform-duplicate-named-capturing-groups-regex" "^7.25.9"
+    "@babel/plugin-transform-dynamic-import" "^7.25.9"
+    "@babel/plugin-transform-exponentiation-operator" "^7.26.3"
+    "@babel/plugin-transform-export-namespace-from" "^7.25.9"
+    "@babel/plugin-transform-for-of" "^7.26.9"
+    "@babel/plugin-transform-function-name" "^7.25.9"
+    "@babel/plugin-transform-json-strings" "^7.25.9"
+    "@babel/plugin-transform-literals" "^7.25.9"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.25.9"
+    "@babel/plugin-transform-member-expression-literals" "^7.25.9"
+    "@babel/plugin-transform-modules-amd" "^7.25.9"
+    "@babel/plugin-transform-modules-commonjs" "^7.26.3"
+    "@babel/plugin-transform-modules-systemjs" "^7.25.9"
+    "@babel/plugin-transform-modules-umd" "^7.25.9"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.25.9"
+    "@babel/plugin-transform-new-target" "^7.25.9"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.26.6"
+    "@babel/plugin-transform-numeric-separator" "^7.25.9"
+    "@babel/plugin-transform-object-rest-spread" "^7.25.9"
+    "@babel/plugin-transform-object-super" "^7.25.9"
+    "@babel/plugin-transform-optional-catch-binding" "^7.25.9"
+    "@babel/plugin-transform-optional-chaining" "^7.25.9"
+    "@babel/plugin-transform-parameters" "^7.25.9"
+    "@babel/plugin-transform-private-methods" "^7.25.9"
+    "@babel/plugin-transform-private-property-in-object" "^7.25.9"
+    "@babel/plugin-transform-property-literals" "^7.25.9"
+    "@babel/plugin-transform-regenerator" "^7.25.9"
+    "@babel/plugin-transform-regexp-modifiers" "^7.26.0"
+    "@babel/plugin-transform-reserved-words" "^7.25.9"
+    "@babel/plugin-transform-shorthand-properties" "^7.25.9"
+    "@babel/plugin-transform-spread" "^7.25.9"
+    "@babel/plugin-transform-sticky-regex" "^7.25.9"
+    "@babel/plugin-transform-template-literals" "^7.26.8"
+    "@babel/plugin-transform-typeof-symbol" "^7.26.7"
+    "@babel/plugin-transform-unicode-escapes" "^7.25.9"
+    "@babel/plugin-transform-unicode-property-regex" "^7.25.9"
+    "@babel/plugin-transform-unicode-regex" "^7.25.9"
+    "@babel/plugin-transform-unicode-sets-regex" "^7.25.9"
     "@babel/preset-modules" "0.1.6-no-external-plugins"
-    babel-plugin-polyfill-corejs2 "^0.4.8"
-    babel-plugin-polyfill-corejs3 "^0.9.0"
-    babel-plugin-polyfill-regenerator "^0.5.5"
-    core-js-compat "^3.31.0"
+    babel-plugin-polyfill-corejs2 "^0.4.10"
+    babel-plugin-polyfill-corejs3 "^0.11.0"
+    babel-plugin-polyfill-regenerator "^0.6.1"
+    core-js-compat "^3.40.0"
     semver "^6.3.1"
 
 "@babel/preset-modules@0.1.6-no-external-plugins":
@@ -1248,472 +822,901 @@
     "@babel/types" "^7.4.4"
     esutils "^2.0.2"
 
-"@babel/regjsgen@^0.8.0":
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/@babel/regjsgen/-/regjsgen-0.8.0.tgz#f0ba69b075e1f05fb2825b7fad991e7adbb18310"
-  integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==
-
-"@babel/runtime@^7.15.4", "@babel/runtime@^7.8.4":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.21.0.tgz#5b55c9d394e5fcf304909a8b00c07dc217b56673"
-  integrity sha512-xwII0//EObnq89Ji5AKYQaRYiW/nZ3llSv29d49IuxPhKbtJoLP+9QUUZ4nVragQVtaVGeZrpB+ZtG/Pdy/POw==
-  dependencies:
-    regenerator-runtime "^0.13.11"
-
-"@babel/runtime@^7.23.8":
-  version "7.23.9"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.23.9.tgz#47791a15e4603bb5f905bc0753801cf21d6345f7"
-  integrity sha512-0CX6F+BI2s9dkUqr08KFrAIZgNFj75rdBU/DjCyYLIaV/quFjkk6T+EJ2LkZHyZTbEV4L5p97mNkUsHl2wLFAw==
+"@babel/runtime@^7.11.2", "@babel/runtime@^7.20.13", "@babel/runtime@^7.8.4":
+  version "7.26.10"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.26.10.tgz#a07b4d8fa27af131a633d7b3524db803eb4764c2"
+  integrity sha512-2WJMeRQPHKSPemqk/awGrAiuFfzBmOIPXKizAsVhWH9YJqLZ0H+HS4c8loHGgW6utJ3E/ejXQUsiGaQy2NZ9Fw==
   dependencies:
     regenerator-runtime "^0.14.0"
 
-"@babel/standalone@^7.17.11", "@babel/standalone@^7.20.12":
-  version "7.21.3"
-  resolved "https://registry.yarnpkg.com/@babel/standalone/-/standalone-7.21.3.tgz#c723905005ebdb5a13230636675f26262c97255a"
-  integrity sha512-c8feJERTAHlBEvihQUWrnUMLg2GzrwSnE76WDyN3fRJWju10pHeRy8r3wniIq0q7zPLhHd71PQtFVsn1H+Qscw==
-
-"@babel/template@^7.20.7":
-  version "7.20.7"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.20.7.tgz#a15090c2839a83b02aa996c0b4994005841fd5a8"
-  integrity sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==
+"@babel/template@^7.25.9", "@babel/template@^7.26.9":
+  version "7.26.9"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.26.9.tgz#4577ad3ddf43d194528cff4e1fa6b232fa609bb2"
+  integrity sha512-qyRplbeIpNZhmzOysF/wFMuP9sctmh2cFzRAZOn1YapxBsE1i9bJIY586R/WBLfLcmcBlM8ROBiQURnnNy+zfA==
   dependencies:
-    "@babel/code-frame" "^7.18.6"
-    "@babel/parser" "^7.20.7"
-    "@babel/types" "^7.20.7"
+    "@babel/code-frame" "^7.26.2"
+    "@babel/parser" "^7.26.9"
+    "@babel/types" "^7.26.9"
 
-"@babel/template@^7.22.15", "@babel/template@^7.23.9":
-  version "7.23.9"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.23.9.tgz#f881d0487cba2828d3259dcb9ef5005a9731011a"
-  integrity sha512-+xrD2BWLpvHKNmX2QbpdpsBaWnRxahMwJjO+KZk2JOElj5nSmKezyS1B4u+QbHMTX69t4ukm6hh9lsYQ7GHCKA==
+"@babel/traverse@^7.25.9", "@babel/traverse@^7.26.10", "@babel/traverse@^7.26.5", "@babel/traverse@^7.26.8", "@babel/traverse@^7.26.9":
+  version "7.26.10"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.26.10.tgz#43cca33d76005dbaa93024fae536cc1946a4c380"
+  integrity sha512-k8NuDrxr0WrPH5Aupqb2LCVURP/S0vBEn5mK6iH+GIYob66U5EtoZvcdudR2jQ4cmTwhEwW1DLB+Yyas9zjF6A==
   dependencies:
-    "@babel/code-frame" "^7.23.5"
-    "@babel/parser" "^7.23.9"
-    "@babel/types" "^7.23.9"
-
-"@babel/traverse@^7.16.0", "@babel/traverse@^7.20.7", "@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.3":
-  version "7.21.3"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.21.3.tgz#4747c5e7903d224be71f90788b06798331896f67"
-  integrity sha512-XLyopNeaTancVitYZe2MlUEvgKb6YVVPXzofHgqHijCImG33b/uTurMS488ht/Hbsb2XK3U2BnSTxKVNGV3nGQ==
-  dependencies:
-    "@babel/code-frame" "^7.18.6"
-    "@babel/generator" "^7.21.3"
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-function-name" "^7.21.0"
-    "@babel/helper-hoist-variables" "^7.18.6"
-    "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/parser" "^7.21.3"
-    "@babel/types" "^7.21.3"
-    debug "^4.1.0"
-    globals "^11.1.0"
-
-"@babel/traverse@^7.23.9":
-  version "7.23.9"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.23.9.tgz#2f9d6aead6b564669394c5ce0f9302bb65b9d950"
-  integrity sha512-I/4UJ9vs90OkBtY6iiiTORVMyIhJ4kAVmsKo9KFc8UOxMeUfi2hvtIBsET5u9GizXE6/GFSuKCTNfgCswuEjRg==
-  dependencies:
-    "@babel/code-frame" "^7.23.5"
-    "@babel/generator" "^7.23.6"
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-function-name" "^7.23.0"
-    "@babel/helper-hoist-variables" "^7.22.5"
-    "@babel/helper-split-export-declaration" "^7.22.6"
-    "@babel/parser" "^7.23.9"
-    "@babel/types" "^7.23.9"
+    "@babel/code-frame" "^7.26.2"
+    "@babel/generator" "^7.26.10"
+    "@babel/parser" "^7.26.10"
+    "@babel/template" "^7.26.9"
+    "@babel/types" "^7.26.10"
     debug "^4.3.1"
     globals "^11.1.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.18.6", "@babel/types@^7.20.0", "@babel/types@^7.20.2", "@babel/types@^7.20.7", "@babel/types@^7.21.0", "@babel/types@^7.21.2", "@babel/types@^7.21.3", "@babel/types@^7.3.0", "@babel/types@^7.4.4":
-  version "7.21.3"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.21.3.tgz#4865a5357ce40f64e3400b0f3b737dc6d4f64d05"
-  integrity sha512-sBGdETxC+/M4o/zKC0sl6sjWv62WFR/uzxrJ6uYyMLZOUlPnwzw0tKgVHOXxaAd5l2g8pEDM5RZ495GPQI77kg==
+"@babel/types@^7.0.0", "@babel/types@^7.20.7", "@babel/types@^7.25.4", "@babel/types@^7.25.9", "@babel/types@^7.26.0", "@babel/types@^7.26.10", "@babel/types@^7.26.8", "@babel/types@^7.26.9", "@babel/types@^7.4.4":
+  version "7.26.10"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.26.10.tgz#396382f6335bd4feb65741eacfc808218f859259"
+  integrity sha512-emqcG3vHrpxUKTrxcblR36dcrcoRDvKmnL/dCL6ZsHaShW80qxCAcNhzQZrpeM765VzEos+xOi4s+r4IXzTwdQ==
   dependencies:
-    "@babel/helper-string-parser" "^7.19.4"
-    "@babel/helper-validator-identifier" "^7.19.1"
-    to-fast-properties "^2.0.0"
+    "@babel/helper-string-parser" "^7.25.9"
+    "@babel/helper-validator-identifier" "^7.25.9"
 
-"@babel/types@^7.22.15", "@babel/types@^7.22.19", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.23.6", "@babel/types@^7.23.9":
-  version "7.23.9"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.23.9.tgz#1dd7b59a9a2b5c87f8b41e52770b5ecbf492e002"
-  integrity sha512-dQjSq/7HaSjRM43FFGnv5keM2HsxpmyV1PfaSVm0nzzjwwTmjOe6J4bC8e3+pTEIgHaHj+1ZlLThRJ2auc/w1Q==
+"@bufbuild/protobuf@^2.0.0":
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/@bufbuild/protobuf/-/protobuf-2.2.4.tgz#4f43b3e775ce0bf7a9a84b547f017105db3c184d"
+  integrity sha512-P9xQgtMh71TA7tHTnbDe68zcI+TPnkyyfBIhGaUr4iUEIXN7yI01DyjmmdEwXTk5OlISBJYkoxCVj2dwmHqIkA==
+
+"@clack/core@0.4.1":
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/@clack/core/-/core-0.4.1.tgz#36c8aed3f4904060a39275817e804e7a8ffb7e1c"
+  integrity sha512-Pxhij4UXg8KSr7rPek6Zowm+5M22rbd2g1nfojHJkxp5YkFqiZ2+YLEM/XGVIzvGOcM0nqjIFxrpDwWRZYWYjA==
   dependencies:
-    "@babel/helper-string-parser" "^7.23.4"
-    "@babel/helper-validator-identifier" "^7.22.20"
-    to-fast-properties "^2.0.0"
+    picocolors "^1.0.0"
+    sisteransi "^1.0.5"
 
-"@csstools/postcss-cascade-layers@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-1.1.1.tgz#8a997edf97d34071dd2e37ea6022447dd9e795ad"
-  integrity sha512-+KdYrpKC5TgomQr2DlZF4lDEpHcoxnj5IGddYYfBWJAKfj1JtuHUIqMa+E1pJJ+z3kvDViWMqyqPlG4Ja7amQA==
+"@clack/prompts@^0.10.0":
+  version "0.10.0"
+  resolved "https://registry.yarnpkg.com/@clack/prompts/-/prompts-0.10.0.tgz#3fb268c1eb9b4fc6bc5952744273e7a0cb01995a"
+  integrity sha512-H3rCl6CwW1NdQt9rE3n373t7o5cthPv7yUoxF2ytZvyvlJv89C5RYMJu83Hed8ODgys5vpBU0GKxIRG83jd8NQ==
   dependencies:
-    "@csstools/selector-specificity" "^2.0.2"
-    postcss-selector-parser "^6.0.10"
+    "@clack/core" "0.4.1"
+    picocolors "^1.0.0"
+    sisteransi "^1.0.5"
 
-"@csstools/postcss-color-function@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-function/-/postcss-color-function-1.1.1.tgz#2bd36ab34f82d0497cfacdc9b18d34b5e6f64b6b"
-  integrity sha512-Bc0f62WmHdtRDjf5f3e2STwRAl89N2CLb+9iAwzrv4L2hncrbDwnQD9PCq0gtAt7pOI2leIV08HIBUd4jxD8cw==
+"@cloudflare/kv-asset-handler@^0.4.0":
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/@cloudflare/kv-asset-handler/-/kv-asset-handler-0.4.0.tgz#a8588c6a2e89bb3e87fb449295a901c9f6d3e1bf"
+  integrity sha512-+tv3z+SPp+gqTIcImN9o0hqE9xyfQjI1XD9pL6NuKjua9B1y7mNYv0S9cP+QEbA4ppVgGZEmKOvHX5G5Ei1CVA==
   dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
-    postcss-value-parser "^4.2.0"
+    mime "^3.0.0"
 
-"@csstools/postcss-font-format-keywords@^1.0.1":
+"@codemirror/autocomplete@^6.18.1":
+  version "6.18.6"
+  resolved "https://registry.yarnpkg.com/@codemirror/autocomplete/-/autocomplete-6.18.6.tgz#de26e864a1ec8192a1b241eb86addbb612964ddb"
+  integrity sha512-PHHBXFomUs5DF+9tCOM/UoW6XQ4R44lLNNhRaW9PKPTU0D7lIjRg3ElxaJnTwsl/oHiR93WSXDBrekhoUGCPtg==
+  dependencies:
+    "@codemirror/language" "^6.0.0"
+    "@codemirror/state" "^6.0.0"
+    "@codemirror/view" "^6.17.0"
+    "@lezer/common" "^1.0.0"
+
+"@codemirror/commands@^6.7.1":
+  version "6.8.1"
+  resolved "https://registry.yarnpkg.com/@codemirror/commands/-/commands-6.8.1.tgz#639f5559d2f33f2582a2429c58cb0c1b925c7a30"
+  integrity sha512-KlGVYufHMQzxbdQONiLyGQDUW0itrLZwq3CcY7xpv9ZLRHqzkBSoteocBHtMCoY7/Ci4xhzSrToIeLg7FxHuaw==
+  dependencies:
+    "@codemirror/language" "^6.0.0"
+    "@codemirror/state" "^6.4.0"
+    "@codemirror/view" "^6.27.0"
+    "@lezer/common" "^1.1.0"
+
+"@codemirror/lang-json@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/@codemirror/lang-json/-/lang-json-6.0.1.tgz#0a0be701a5619c4b0f8991f9b5e95fe33f462330"
+  integrity sha512-+T1flHdgpqDDlJZ2Lkil/rLiRy684WMLc74xUnjJH48GQdfJo/pudlTRreZmKwzP8/tGdKf83wlbAdOCzlJOGQ==
+  dependencies:
+    "@codemirror/language" "^6.0.0"
+    "@lezer/json" "^1.0.0"
+
+"@codemirror/language@^6.0.0", "@codemirror/language@^6.10.3":
+  version "6.11.1"
+  resolved "https://registry.yarnpkg.com/@codemirror/language/-/language-6.11.1.tgz#7e91a79cd05e278d5782ff9b4cafe8b83a699688"
+  integrity sha512-5kS1U7emOGV84vxC+ruBty5sUgcD0te6dyupyRVG2zaSjhTDM73LhVKUtVwiqSe6QwmEoA4SCiU8AKPFyumAWQ==
+  dependencies:
+    "@codemirror/state" "^6.0.0"
+    "@codemirror/view" "^6.23.0"
+    "@lezer/common" "^1.1.0"
+    "@lezer/highlight" "^1.0.0"
+    "@lezer/lr" "^1.0.0"
+    style-mod "^4.0.0"
+
+"@codemirror/lint@^6.8.2":
+  version "6.8.5"
+  resolved "https://registry.yarnpkg.com/@codemirror/lint/-/lint-6.8.5.tgz#9edaa808e764e28e07665b015951934c8ec3a418"
+  integrity sha512-s3n3KisH7dx3vsoeGMxsbRAgKe4O1vbrnKBClm99PU0fWxmxsx5rR2PfqQgIt+2MMJBHbiJ5rfIdLYfB9NNvsA==
+  dependencies:
+    "@codemirror/state" "^6.0.0"
+    "@codemirror/view" "^6.35.0"
+    crelt "^1.0.5"
+
+"@codemirror/search@^6.5.6":
+  version "6.5.11"
+  resolved "https://registry.yarnpkg.com/@codemirror/search/-/search-6.5.11.tgz#a324ffee36e032b7f67aa31c4fb9f3e6f9f3ed63"
+  integrity sha512-KmWepDE6jUdL6n8cAAqIpRmLPBZ5ZKnicE8oGU/s3QrAVID+0VhLFrzUucVKHG5035/BSykhExDL/Xm7dHthiA==
+  dependencies:
+    "@codemirror/state" "^6.0.0"
+    "@codemirror/view" "^6.0.0"
+    crelt "^1.0.5"
+
+"@codemirror/state@^6.0.0", "@codemirror/state@^6.4.0", "@codemirror/state@^6.4.1", "@codemirror/state@^6.5.0":
+  version "6.5.2"
+  resolved "https://registry.yarnpkg.com/@codemirror/state/-/state-6.5.2.tgz#8eca3a64212a83367dc85475b7d78d5c9b7076c6"
+  integrity sha512-FVqsPqtPWKVVL3dPSxy8wEF/ymIEuVzF1PK3VbUgrxXpJUSHQWWZz4JMToquRxnkw+36LTamCZG2iua2Ptq0fA==
+  dependencies:
+    "@marijn/find-cluster-break" "^1.0.0"
+
+"@codemirror/view@^6.0.0", "@codemirror/view@^6.17.0", "@codemirror/view@^6.23.0", "@codemirror/view@^6.27.0", "@codemirror/view@^6.34.1", "@codemirror/view@^6.35.0":
+  version "6.37.2"
+  resolved "https://registry.yarnpkg.com/@codemirror/view/-/view-6.37.2.tgz#fe576641a2e809a50946567cd2b528c86f22b885"
+  integrity sha512-XD3LdgQpxQs5jhOOZ2HRVT+Rj59O4Suc7g2ULvZ+Yi8eCkickrkZ5JFuoDhs2ST1mNI5zSsNYgR3NGa4OUrbnw==
+  dependencies:
+    "@codemirror/state" "^6.5.0"
+    crelt "^1.0.6"
+    style-mod "^4.1.0"
+    w3c-keyname "^2.2.4"
+
+"@csstools/color-helpers@^5.0.2":
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/@csstools/color-helpers/-/color-helpers-5.0.2.tgz#82592c9a7c2b83c293d9161894e2a6471feb97b8"
+  integrity sha512-JqWH1vsgdGcw2RR6VliXXdA0/59LttzlU8UlRT/iUUsEeWfYq8I+K0yhihEUTTHLRm1EXvpsCx3083EU15ecsA==
+
+"@csstools/css-calc@^2.1.2":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/@csstools/css-calc/-/css-calc-2.1.2.tgz#bffd55f002dab119b76d4023f95cd943e6c8c11e"
+  integrity sha512-TklMyb3uBB28b5uQdxjReG4L80NxAqgrECqLZFQbyLekwwlcDDS8r3f07DKqeo8C4926Br0gf/ZDe17Zv4wIuw==
+
+"@csstools/css-color-parser@^3.0.8":
+  version "3.0.8"
+  resolved "https://registry.yarnpkg.com/@csstools/css-color-parser/-/css-color-parser-3.0.8.tgz#5fe9322920851450bf5e065c2b0e731b9e165394"
+  integrity sha512-pdwotQjCCnRPuNi06jFuP68cykU1f3ZWExLe/8MQ1LOs8Xq+fTkYgd+2V8mWUWMrOn9iS2HftPVaMZDaXzGbhQ==
+  dependencies:
+    "@csstools/color-helpers" "^5.0.2"
+    "@csstools/css-calc" "^2.1.2"
+
+"@csstools/css-parser-algorithms@^3.0.4":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.4.tgz#74426e93bd1c4dcab3e441f5cc7ba4fb35d94356"
+  integrity sha512-Up7rBoV77rv29d3uKHUIVubz1BTcgyUK72IvCQAbfbMv584xHcGKCKbWh7i8hPrRJ7qU4Y8IO3IY9m+iTB7P3A==
+
+"@csstools/css-tokenizer@^3.0.3":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@csstools/css-tokenizer/-/css-tokenizer-3.0.3.tgz#a5502c8539265fecbd873c1e395a890339f119c2"
+  integrity sha512-UJnjoFsmxfKUdNYdWgOB0mWUypuLvAfQPH1+pyvRJs6euowbFkFC6P13w1l8mJyi3vxYMxc9kld5jZEGRQs6bw==
+
+"@dprint/formatter@^0.3.0":
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/@dprint/formatter/-/formatter-0.3.0.tgz#e374398c8e8d7dbf50e8208c87af44a66de0cb2e"
+  integrity sha512-N9fxCxbaBOrDkteSOzaCqwWjso5iAe+WJPsHC021JfHNj2ThInPNEF13ORDKta3llq5D1TlclODCvOvipH7bWQ==
+
+"@dprint/markdown@^0.17.8":
+  version "0.17.8"
+  resolved "https://registry.yarnpkg.com/@dprint/markdown/-/markdown-0.17.8.tgz#1aea5e903fb700075916e1e070ff0c18de42fc6c"
+  integrity sha512-ukHFOg+RpG284aPdIg7iPrCYmMs3Dqy43S1ejybnwlJoFiW02b+6Bbr5cfZKFRYNP3dKGM86BqHEnMzBOyLvvA==
+
+"@dprint/toml@^0.6.4":
+  version "0.6.4"
+  resolved "https://registry.yarnpkg.com/@dprint/toml/-/toml-0.6.4.tgz#b5412bfacf69bd8759b2486ac284fba6b1fd4b4c"
+  integrity sha512-bZXIUjxr0LIuHWshZr/5mtUkOrnh0NKVZEF6ACojW5z7zkJu7s9sV2mMXm8XQDqN4cJzdHYUYzUyEGdfciaLJA==
+
+"@emnapi/core@^1.3.1":
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/@emnapi/core/-/core-1.3.1.tgz#9c62d185372d1bddc94682b87f376e03dfac3f16"
+  integrity sha512-pVGjBIt1Y6gg3EJN8jTcfpP/+uuRksIo055oE/OBkDNcjZqVbfkWCksG1Jp4yZnj3iKWyWX8fdG/j6UDYPbFog==
+  dependencies:
+    "@emnapi/wasi-threads" "1.0.1"
+    tslib "^2.4.0"
+
+"@emnapi/runtime@^1.3.1":
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/@emnapi/runtime/-/runtime-1.3.1.tgz#0fcaa575afc31f455fd33534c19381cfce6c6f60"
+  integrity sha512-kEBmG8KyqtxJZv+ygbEim+KCGtIq1fC22Ms3S4ziXmYKm8uyoLX0MHONVKwp+9opg390VaKRNt4a7A9NwmpNhw==
+  dependencies:
+    tslib "^2.4.0"
+
+"@emnapi/wasi-threads@1.0.1":
   version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-font-format-keywords/-/postcss-font-format-keywords-1.0.1.tgz#677b34e9e88ae997a67283311657973150e8b16a"
-  integrity sha512-ZgrlzuUAjXIOc2JueK0X5sZDjCtgimVp/O5CEqTcs5ShWBa6smhWYbS0x5cVc/+rycTDbjjzoP0KTDnUneZGOg==
+  resolved "https://registry.yarnpkg.com/@emnapi/wasi-threads/-/wasi-threads-1.0.1.tgz#d7ae71fd2166b1c916c6cd2d0df2ef565a2e1a5b"
+  integrity sha512-iIBu7mwkq4UQGeMEM8bLwNK962nXdhodeScX4slfQnRhEMMzvYivHhutCIk8uojvmASXXPC2WNEjwxFWk72Oqw==
   dependencies:
-    postcss-value-parser "^4.2.0"
+    tslib "^2.4.0"
 
-"@csstools/postcss-hwb-function@^1.0.2":
+"@es-joy/jsdoccomment@~0.49.0":
+  version "0.49.0"
+  resolved "https://registry.yarnpkg.com/@es-joy/jsdoccomment/-/jsdoccomment-0.49.0.tgz#e5ec1eda837c802eca67d3b29e577197f14ba1db"
+  integrity sha512-xjZTSFgECpb9Ohuk5yMX5RhUEbfeQcuOp8IF60e+wyzWEF0M5xeSgqsfLtvPEX8BIyOX9saZqzuGPmZ8oWc+5Q==
+  dependencies:
+    comment-parser "1.4.1"
+    esquery "^1.6.0"
+    jsdoc-type-pratt-parser "~4.1.0"
+
+"@esbuild/aix-ppc64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.23.1.tgz#51299374de171dbd80bb7d838e1cfce9af36f353"
+  integrity sha512-6VhYk1diRqrhBAqpJEdjASR/+WVRtfjpqKuNw11cLiaWpAT/Uu+nokB+UJnevzy/P9C/ty6AOe0dwueMrGh/iQ==
+
+"@esbuild/aix-ppc64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.1.tgz#c33cf6bbee34975626b01b80451cbb72b4c6c91d"
+  integrity sha512-kfYGy8IdzTGy+z0vFGvExZtxkFlA4zAxgKEahG9KE1ScBjpQnFsNOX8KTU5ojNru5ed5CVoJYXFtoxaq5nFbjQ==
+
+"@esbuild/android-arm64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.23.1.tgz#58565291a1fe548638adb9c584237449e5e14018"
+  integrity sha512-xw50ipykXcLstLeWH7WRdQuysJqejuAGPd30vd1i5zSyKK3WE+ijzHmLKxdiCMtH1pHz78rOg0BKSYOSB/2Khw==
+
+"@esbuild/android-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.25.1.tgz#ea766015c7d2655164f22100d33d7f0308a28d6d"
+  integrity sha512-50tM0zCJW5kGqgG7fQ7IHvQOcAn9TKiVRuQ/lN0xR+T2lzEFvAi1ZcS8DiksFcEpf1t/GYOeOfCAgDHFpkiSmA==
+
+"@esbuild/android-arm@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.23.1.tgz#5eb8c652d4c82a2421e3395b808e6d9c42c862ee"
+  integrity sha512-uz6/tEy2IFm9RYOyvKl88zdzZfwEfKZmnX9Cj1BHjeSGNuGLuMD1kR8y5bteYmwqKm1tj8m4cb/aKEorr6fHWQ==
+
+"@esbuild/android-arm@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.25.1.tgz#e84d2bf2fe2e6177a0facda3a575b2139fd3cb9c"
+  integrity sha512-dp+MshLYux6j/JjdqVLnMglQlFu+MuVeNrmT5nk6q07wNhCdSnB7QZj+7G8VMUGh1q+vj2Bq8kRsuyA00I/k+Q==
+
+"@esbuild/android-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.23.1.tgz#ae19d665d2f06f0f48a6ac9a224b3f672e65d517"
+  integrity sha512-nlN9B69St9BwUoB+jkyU090bru8L0NA3yFvAd7k8dNsVH8bi9a8cUAUSEcEEgTp2z3dbEDGJGfP6VUnkQnlReg==
+
+"@esbuild/android-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.25.1.tgz#58337bee3bc6d78d10425e5500bd11370cfdfbed"
+  integrity sha512-GCj6WfUtNldqUzYkN/ITtlhwQqGWu9S45vUXs7EIYf+7rCiiqH9bCloatO9VhxsL0Pji+PF4Lz2XXCES+Q8hDw==
+
+"@esbuild/darwin-arm64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.23.1.tgz#05b17f91a87e557b468a9c75e9d85ab10c121b16"
+  integrity sha512-YsS2e3Wtgnw7Wq53XXBLcV6JhRsEq8hkfg91ESVadIrzr9wO6jJDMZnCQbHm1Guc5t/CdDiFSSfWP58FNuvT3Q==
+
+"@esbuild/darwin-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.25.1.tgz#a46805c1c585d451aa83be72500bd6e8495dd591"
+  integrity sha512-5hEZKPf+nQjYoSr/elb62U19/l1mZDdqidGfmFutVUjjUZrOazAtwK+Kr+3y0C/oeJfLlxo9fXb1w7L+P7E4FQ==
+
+"@esbuild/darwin-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.23.1.tgz#c58353b982f4e04f0d022284b8ba2733f5ff0931"
+  integrity sha512-aClqdgTDVPSEGgoCS8QDG37Gu8yc9lTHNAQlsztQ6ENetKEO//b8y31MMu2ZaPbn4kVsIABzVLXYLhCGekGDqw==
+
+"@esbuild/darwin-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.25.1.tgz#0643e003bb238c63fc93ddbee7d26a003be3cd98"
+  integrity sha512-hxVnwL2Dqs3fM1IWq8Iezh0cX7ZGdVhbTfnOy5uURtao5OIVCEyj9xIzemDi7sRvKsuSdtCAhMKarxqtlyVyfA==
+
+"@esbuild/freebsd-arm64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.23.1.tgz#f9220dc65f80f03635e1ef96cfad5da1f446f3bc"
+  integrity sha512-h1k6yS8/pN/NHlMl5+v4XPfikhJulk4G+tKGFIOwURBSFzE8bixw1ebjluLOjfwtLqY0kewfjLSrO6tN2MgIhA==
+
+"@esbuild/freebsd-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.1.tgz#cff18da5469c09986b93e87979de5d6872fe8f8e"
+  integrity sha512-1MrCZs0fZa2g8E+FUo2ipw6jw5qqQiH+tERoS5fAfKnRx6NXH31tXBKI3VpmLijLH6yriMZsxJtaXUyFt/8Y4A==
+
+"@esbuild/freebsd-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.23.1.tgz#69bd8511fa013b59f0226d1609ac43f7ce489730"
+  integrity sha512-lK1eJeyk1ZX8UklqFd/3A60UuZ/6UVfGT2LuGo3Wp4/z7eRTRYY+0xOu2kpClP+vMTi9wKOfXi2vjUpO1Ro76g==
+
+"@esbuild/freebsd-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.25.1.tgz#362fc09c2de14987621c1878af19203c46365dde"
+  integrity sha512-0IZWLiTyz7nm0xuIs0q1Y3QWJC52R8aSXxe40VUxm6BB1RNmkODtW6LHvWRrGiICulcX7ZvyH6h5fqdLu4gkww==
+
+"@esbuild/linux-arm64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.23.1.tgz#8050af6d51ddb388c75653ef9871f5ccd8f12383"
+  integrity sha512-/93bf2yxencYDnItMYV/v116zff6UyTjo4EtEQjUBeGiVpMmffDNUyD9UN2zV+V3LRV3/on4xdZ26NKzn6754g==
+
+"@esbuild/linux-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.25.1.tgz#aa90d5b02efc97a271e124e6d1cea490634f7498"
+  integrity sha512-jaN3dHi0/DDPelk0nLcXRm1q7DNJpjXy7yWaWvbfkPvI+7XNSc/lDOnCLN7gzsyzgu6qSAmgSvP9oXAhP973uQ==
+
+"@esbuild/linux-arm@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.23.1.tgz#ecaabd1c23b701070484990db9a82f382f99e771"
+  integrity sha512-CXXkzgn+dXAPs3WBwE+Kvnrf4WECwBdfjfeYHpMeVxWE0EceB6vhWGShs6wi0IYEqMSIzdOF1XjQ/Mkm5d7ZdQ==
+
+"@esbuild/linux-arm@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.25.1.tgz#dfcefcbac60a20918b19569b4b657844d39db35a"
+  integrity sha512-NdKOhS4u7JhDKw9G3cY6sWqFcnLITn6SqivVArbzIaf3cemShqfLGHYMx8Xlm/lBit3/5d7kXvriTUGa5YViuQ==
+
+"@esbuild/linux-ia32@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.23.1.tgz#3ed2273214178109741c09bd0687098a0243b333"
+  integrity sha512-VTN4EuOHwXEkXzX5nTvVY4s7E/Krz7COC8xkftbbKRYAl96vPiUssGkeMELQMOnLOJ8k3BY1+ZY52tttZnHcXQ==
+
+"@esbuild/linux-ia32@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.25.1.tgz#6f9527077ccb7953ed2af02e013d4bac69f13754"
+  integrity sha512-OJykPaF4v8JidKNGz8c/q1lBO44sQNUQtq1KktJXdBLn1hPod5rE/Hko5ugKKZd+D2+o1a9MFGUEIUwO2YfgkQ==
+
+"@esbuild/linux-loong64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.23.1.tgz#a0fdf440b5485c81b0fbb316b08933d217f5d3ac"
+  integrity sha512-Vx09LzEoBa5zDnieH8LSMRToj7ir/Jeq0Gu6qJ/1GcBq9GkfoEAoXvLiW1U9J1qE/Y/Oyaq33w5p2ZWrNNHNEw==
+
+"@esbuild/linux-loong64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.25.1.tgz#287d2412a5456e5860c2839d42a4b51284d1697c"
+  integrity sha512-nGfornQj4dzcq5Vp835oM/o21UMlXzn79KobKlcs3Wz9smwiifknLy4xDCLUU0BWp7b/houtdrgUz7nOGnfIYg==
+
+"@esbuild/linux-mips64el@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.23.1.tgz#e11a2806346db8375b18f5e104c5a9d4e81807f6"
+  integrity sha512-nrFzzMQ7W4WRLNUOU5dlWAqa6yVeI0P78WKGUo7lg2HShq/yx+UYkeNSE0SSfSure0SqgnsxPvmAUu/vu0E+3Q==
+
+"@esbuild/linux-mips64el@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.25.1.tgz#530574b9e1bc5d20f7a4f44c5f045e26f3783d57"
+  integrity sha512-1osBbPEFYwIE5IVB/0g2X6i1qInZa1aIoj1TdL4AaAb55xIIgbg8Doq6a5BzYWgr+tEcDzYH67XVnTmUzL+nXg==
+
+"@esbuild/linux-ppc64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.23.1.tgz#06a2744c5eaf562b1a90937855b4d6cf7c75ec96"
+  integrity sha512-dKN8fgVqd0vUIjxuJI6P/9SSSe/mB9rvA98CSH2sJnlZ/OCZWO1DJvxj8jvKTfYUdGfcq2dDxoKaC6bHuTlgcw==
+
+"@esbuild/linux-ppc64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.25.1.tgz#5d7e6b283a0b321ea42c6bc0abeb9eb99c1f5589"
+  integrity sha512-/6VBJOwUf3TdTvJZ82qF3tbLuWsscd7/1w+D9LH0W/SqUgM5/JJD0lrJ1fVIfZsqB6RFmLCe0Xz3fmZc3WtyVg==
+
+"@esbuild/linux-riscv64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.23.1.tgz#65b46a2892fc0d1af4ba342af3fe0fa4a8fe08e7"
+  integrity sha512-5AV4Pzp80fhHL83JM6LoA6pTQVWgB1HovMBsLQ9OZWLDqVY8MVobBXNSmAJi//Csh6tcY7e7Lny2Hg1tElMjIA==
+
+"@esbuild/linux-riscv64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.25.1.tgz#14fa0cd073c26b4ee2465d18cd1e18eea7859fa8"
+  integrity sha512-nSut/Mx5gnilhcq2yIMLMe3Wl4FK5wx/o0QuuCLMtmJn+WeWYoEGDN1ipcN72g1WHsnIbxGXd4i/MF0gTcuAjQ==
+
+"@esbuild/linux-s390x@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.23.1.tgz#e71ea18c70c3f604e241d16e4e5ab193a9785d6f"
+  integrity sha512-9ygs73tuFCe6f6m/Tb+9LtYxWR4c9yg7zjt2cYkjDbDpV/xVn+68cQxMXCjUpYwEkze2RcU/rMnfIXNRFmSoDw==
+
+"@esbuild/linux-s390x@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.25.1.tgz#e677b4b9d1b384098752266ccaa0d52a420dc1aa"
+  integrity sha512-cEECeLlJNfT8kZHqLarDBQso9a27o2Zd2AQ8USAEoGtejOrCYHNtKP8XQhMDJMtthdF4GBmjR2au3x1udADQQQ==
+
+"@esbuild/linux-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.23.1.tgz#d47f97391e80690d4dfe811a2e7d6927ad9eed24"
+  integrity sha512-EV6+ovTsEXCPAp58g2dD68LxoP/wK5pRvgy0J/HxPGB009omFPv3Yet0HiaqvrIrgPTBuC6wCH1LTOY91EO5hQ==
+
+"@esbuild/linux-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.25.1.tgz#f1c796b78fff5ce393658313e8c58613198d9954"
+  integrity sha512-xbfUhu/gnvSEg+EGovRc+kjBAkrvtk38RlerAzQxvMzlB4fXpCFCeUAYzJvrnhFtdeyVCDANSjJvOvGYoeKzFA==
+
+"@esbuild/netbsd-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.1.tgz#0d280b7dfe3973f111b02d5fe9f3063b92796d29"
+  integrity sha512-O96poM2XGhLtpTh+s4+nP7YCCAfb4tJNRVZHfIE7dgmax+yMP2WgMd2OecBuaATHKTHsLWHQeuaxMRnCsH8+5g==
+
+"@esbuild/netbsd-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.23.1.tgz#44e743c9778d57a8ace4b72f3c6b839a3b74a653"
+  integrity sha512-aevEkCNu7KlPRpYLjwmdcuNz6bDFiE7Z8XC4CPqExjTvrHugh28QzUXVOZtiYghciKUacNktqxdpymplil1beA==
+
+"@esbuild/netbsd-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.25.1.tgz#be663893931a4bb3f3a009c5cc24fa9681cc71c0"
+  integrity sha512-X53z6uXip6KFXBQ+Krbx25XHV/NCbzryM6ehOAeAil7X7oa4XIq+394PWGnwaSQ2WRA0KI6PUO6hTO5zeF5ijA==
+
+"@esbuild/openbsd-arm64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.23.1.tgz#05c5a1faf67b9881834758c69f3e51b7dee015d7"
+  integrity sha512-3x37szhLexNA4bXhLrCC/LImN/YtWis6WXr1VESlfVtVeoFJBRINPJ3f0a/6LV8zpikqoUg4hyXw0sFBt5Cr+Q==
+
+"@esbuild/openbsd-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.1.tgz#d9021b884233673a05dc1cc26de0bf325d824217"
+  integrity sha512-Na9T3szbXezdzM/Kfs3GcRQNjHzM6GzFBeU1/6IV/npKP5ORtp9zbQjvkDJ47s6BCgaAZnnnu/cY1x342+MvZg==
+
+"@esbuild/openbsd-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.23.1.tgz#2e58ae511bacf67d19f9f2dcd9e8c5a93f00c273"
+  integrity sha512-aY2gMmKmPhxfU+0EdnN+XNtGbjfQgwZj43k8G3fyrDM/UdZww6xrWxmDkuz2eCZchqVeABjV5BpildOrUbBTqA==
+
+"@esbuild/openbsd-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.25.1.tgz#9f1dc1786ed2e2938c404b06bcc48be9a13250de"
+  integrity sha512-T3H78X2h1tszfRSf+txbt5aOp/e7TAz3ptVKu9Oyir3IAOFPGV6O9c2naym5TOriy1l0nNf6a4X5UXRZSGX/dw==
+
+"@esbuild/sunos-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.23.1.tgz#adb022b959d18d3389ac70769cef5a03d3abd403"
+  integrity sha512-RBRT2gqEl0IKQABT4XTj78tpk9v7ehp+mazn2HbUeZl1YMdaGAQqhapjGTCe7uw7y0frDi4gS0uHzhvpFuI1sA==
+
+"@esbuild/sunos-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.25.1.tgz#89aac24a4b4115959b3f790192cf130396696c27"
+  integrity sha512-2H3RUvcmULO7dIE5EWJH8eubZAI4xw54H1ilJnRNZdeo8dTADEZ21w6J22XBkXqGJbe0+wnNJtw3UXRoLJnFEg==
+
+"@esbuild/win32-arm64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.23.1.tgz#84906f50c212b72ec360f48461d43202f4c8b9a2"
+  integrity sha512-4O+gPR5rEBe2FpKOVyiJ7wNDPA8nGzDuJ6gN4okSA1gEOYZ67N8JPk58tkWtdtPeLz7lBnY6I5L3jdsr3S+A6A==
+
+"@esbuild/win32-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.25.1.tgz#354358647a6ea98ea6d243bf48bdd7a434999582"
+  integrity sha512-GE7XvrdOzrb+yVKB9KsRMq+7a2U/K5Cf/8grVFRAGJmfADr/e/ODQ134RK2/eeHqYV5eQRFxb1hY7Nr15fv1NQ==
+
+"@esbuild/win32-ia32@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.23.1.tgz#5e3eacc515820ff729e90d0cb463183128e82fac"
+  integrity sha512-BcaL0Vn6QwCwre3Y717nVHZbAa4UBEigzFm6VdsVdT/MbZ38xoj1X9HPkZhbmaBGUD1W8vxAfffbDe8bA6AKnQ==
+
+"@esbuild/win32-ia32@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.25.1.tgz#8cea7340f2647eba951a041dc95651e3908cd4cb"
+  integrity sha512-uOxSJCIcavSiT6UnBhBzE8wy3n0hOkJsBOzy7HDAuTDE++1DJMRRVCPGisULScHL+a/ZwdXPpXD3IyFKjA7K8A==
+
+"@esbuild/win32-x64@0.23.1":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.23.1.tgz#81fd50d11e2c32b2d6241470e3185b70c7b30699"
+  integrity sha512-BHpFFeslkWrXWyUPnbKm+xYYVYruCinGcftSBaa8zoF9hZO4BcSCFUvHVTtzpIY6YzUnYtuEhZ+C9iEXjxnasg==
+
+"@esbuild/win32-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.25.1.tgz#7d79922cb2d88f9048f06393dbf62d2e4accb584"
+  integrity sha512-Y1EQdcfwMSeQN/ujR5VayLOJ1BHaK+ssyk0AEzPjC+t1lITgsnccPqFjb6V+LsTp/9Iov4ysfjxLaGJ9RPtkVg==
+
+"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0", "@eslint-community/eslint-utils@^4.4.1":
+  version "4.5.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.5.1.tgz#b0fc7e06d0c94f801537fd4237edc2706d3b8e4c"
+  integrity sha512-soEIOALTfTK6EjmKMMoLugwaP0rzkad90iIWd1hMO9ARkSAyjfMfkRRhLvD5qH7vvM0Cg72pieUfR6yh6XxC4w==
+  dependencies:
+    eslint-visitor-keys "^3.4.3"
+
+"@eslint-community/regexpp@^4.10.0", "@eslint-community/regexpp@^4.11.0", "@eslint-community/regexpp@^4.12.1", "@eslint-community/regexpp@^4.5.1", "@eslint-community/regexpp@^4.8.0":
+  version "4.12.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0"
+  integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==
+
+"@eslint/compat@^1.2.5":
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/@eslint/compat/-/compat-1.2.7.tgz#f1a890281631ad27530479420b743dd92626e819"
+  integrity sha512-xvv7hJE32yhegJ8xNAnb62ggiAwTYHBpUCWhRxEj/ksvgDJuSXfoDkBcRYaYNFiJ+jH0IE3K16hd+xXzhBgNbg==
+
+"@eslint/config-array@^0.19.2":
+  version "0.19.2"
+  resolved "https://registry.yarnpkg.com/@eslint/config-array/-/config-array-0.19.2.tgz#3060b809e111abfc97adb0bb1172778b90cb46aa"
+  integrity sha512-GNKqxfHG2ySmJOBSHg7LxeUx4xpuCoFjacmlCoYWEbaPXLwvfIjixRI12xCQZeULksQb23uiA8F40w5TojpV7w==
+  dependencies:
+    "@eslint/object-schema" "^2.1.6"
+    debug "^4.3.1"
+    minimatch "^3.1.2"
+
+"@eslint/config-helpers@^0.1.0":
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/@eslint/config-helpers/-/config-helpers-0.1.0.tgz#62f1b7821e9d9ced1b3f512c7ea731825765d1cc"
+  integrity sha512-kLrdPDJE1ckPo94kmPPf9Hfd0DU0Jw6oKYrhe+pwSC0iTUInmTa+w6fw8sGgcfkFJGNdWOUeOaDM4quW4a7OkA==
+
+"@eslint/config-inspector@^1.0.2":
   version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-hwb-function/-/postcss-hwb-function-1.0.2.tgz#ab54a9fce0ac102c754854769962f2422ae8aa8b"
-  integrity sha512-YHdEru4o3Rsbjmu6vHy4UKOXZD+Rn2zmkAmLRfPet6+Jz4Ojw8cbWxe1n42VaXQhD3CQUXXTooIy8OkVbUcL+w==
+  resolved "https://registry.yarnpkg.com/@eslint/config-inspector/-/config-inspector-1.0.2.tgz#2e2dee499eb66ba61211d793b849319aec64b3e3"
+  integrity sha512-lPo4ijqq/xA2eVXpfc9jdTN4Y1YTFLBXF1TpgxGqwBFymrpSl5IbxEPcEq7v82xv94EuQsGCqzI/QVMZ16cafg==
   dependencies:
-    postcss-value-parser "^4.2.0"
+    "@nodelib/fs.walk" "^3.0.1"
+    ansis "^3.17.0"
+    bundle-require "^5.1.0"
+    cac "^6.7.14"
+    chokidar "^4.0.3"
+    debug "^4.4.0"
+    esbuild "^0.25.0"
+    find-up "^7.0.0"
+    get-port-please "^3.1.2"
+    h3 "^1.15.1"
+    mlly "^1.7.4"
+    mrmime "^2.0.1"
+    open "^10.1.0"
+    tinyglobby "^0.2.12"
+    ws "^8.18.1"
 
-"@csstools/postcss-ic-unit@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-ic-unit/-/postcss-ic-unit-1.0.1.tgz#28237d812a124d1a16a5acc5c3832b040b303e58"
-  integrity sha512-Ot1rcwRAaRHNKC9tAqoqNZhjdYBzKk1POgWfhN4uCOE47ebGcLRqXjKkApVDpjifL6u2/55ekkpnFcp+s/OZUw==
+"@eslint/core@^0.12.0":
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/@eslint/core/-/core-0.12.0.tgz#5f960c3d57728be9f6c65bd84aa6aa613078798e"
+  integrity sha512-cmrR6pytBuSMTaBweKoGMwu3EiHiEC+DoyupPmlZ0HxBJBtIxwe+j/E4XPIKNx+Q74c8lXKPwYawBf5glsTkHg==
   dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
-    postcss-value-parser "^4.2.0"
+    "@types/json-schema" "^7.0.15"
 
-"@csstools/postcss-is-pseudo-class@^2.0.7":
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-2.0.7.tgz#846ae6c0d5a1eaa878fce352c544f9c295509cd1"
-  integrity sha512-7JPeVVZHd+jxYdULl87lvjgvWldYu+Bc62s9vD/ED6/QTGjy0jy0US/f6BG53sVMTBJ1lzKZFpYmofBN9eaRiA==
-  dependencies:
-    "@csstools/selector-specificity" "^2.0.0"
-    postcss-selector-parser "^6.0.10"
-
-"@csstools/postcss-nested-calc@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-nested-calc/-/postcss-nested-calc-1.0.0.tgz#d7e9d1d0d3d15cf5ac891b16028af2a1044d0c26"
-  integrity sha512-JCsQsw1wjYwv1bJmgjKSoZNvf7R6+wuHDAbi5f/7MbFhl2d/+v+TvBTU4BJH3G1X1H87dHl0mh6TfYogbT/dJQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-"@csstools/postcss-normalize-display-values@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-normalize-display-values/-/postcss-normalize-display-values-1.0.1.tgz#15da54a36e867b3ac5163ee12c1d7f82d4d612c3"
-  integrity sha512-jcOanIbv55OFKQ3sYeFD/T0Ti7AMXc9nM1hZWu8m/2722gOTxFg7xYu4RDLJLeZmPUVQlGzo4jhzvTUq3x4ZUw==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-"@csstools/postcss-oklab-function@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-oklab-function/-/postcss-oklab-function-1.1.1.tgz#88cee0fbc8d6df27079ebd2fa016ee261eecf844"
-  integrity sha512-nJpJgsdA3dA9y5pgyb/UfEzE7W5Ka7u0CX0/HIMVBNWzWemdcTH3XwANECU6anWv/ao4vVNLTMxhiPNZsTK6iA==
-  dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
-    postcss-value-parser "^4.2.0"
-
-"@csstools/postcss-progressive-custom-properties@^1.1.0", "@csstools/postcss-progressive-custom-properties@^1.3.0":
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-1.3.0.tgz#542292558384361776b45c85226b9a3a34f276fa"
-  integrity sha512-ASA9W1aIy5ygskZYuWams4BzafD12ULvSypmaLJT2jvQ8G0M3I8PRQhC0h7mG0Z3LI05+agZjqSR9+K9yaQQjA==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-"@csstools/postcss-stepped-value-functions@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-1.0.1.tgz#f8772c3681cc2befed695e2b0b1d68e22f08c4f4"
-  integrity sha512-dz0LNoo3ijpTOQqEJLY8nyaapl6umbmDcgj4AD0lgVQ572b2eqA1iGZYTTWhrcrHztWDDRAX2DGYyw2VBjvCvQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-"@csstools/postcss-text-decoration-shorthand@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-text-decoration-shorthand/-/postcss-text-decoration-shorthand-1.0.0.tgz#ea96cfbc87d921eca914d3ad29340d9bcc4c953f"
-  integrity sha512-c1XwKJ2eMIWrzQenN0XbcfzckOLLJiczqy+YvfGmzoVXd7pT9FfObiSEfzs84bpE/VqfpEuAZ9tCRbZkZxxbdw==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-"@csstools/postcss-trigonometric-functions@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-1.0.2.tgz#94d3e4774c36d35dcdc88ce091336cb770d32756"
-  integrity sha512-woKaLO///4bb+zZC2s80l+7cm07M7268MsyG3M0ActXXEFi6SuhvriQYcb58iiKGbjwwIU7n45iRLEHypB47Og==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-"@csstools/postcss-unset-value@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-unset-value/-/postcss-unset-value-1.0.2.tgz#c99bb70e2cdc7312948d1eb41df2412330b81f77"
-  integrity sha512-c8J4roPBILnelAsdLr4XOAR/GsTm0GJi4XpcfvoWk3U6KiTCqiFYc63KhRMQQX35jYMp4Ao8Ij9+IZRgMfJp1g==
-
-"@csstools/selector-specificity@^2.0.0", "@csstools/selector-specificity@^2.0.2":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz#2cbcf822bf3764c9658c4d2e568bd0c0cb748016"
-  integrity sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==
-
-"@discoveryjs/json-ext@0.5.7":
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70"
-  integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==
-
-"@esbuild/android-arm64@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.17.15.tgz#893ad71f3920ccb919e1757c387756a9bca2ef42"
-  integrity sha512-0kOB6Y7Br3KDVgHeg8PRcvfLkq+AccreK///B4Z6fNZGr/tNHX0z2VywCc7PTeWp+bPvjA5WMvNXltHw5QjAIA==
-
-"@esbuild/android-arm@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.17.15.tgz#143e0d4e4c08c786ea410b9a7739779a9a1315d8"
-  integrity sha512-sRSOVlLawAktpMvDyJIkdLI/c/kdRTOqo8t6ImVxg8yT7LQDUYV5Rp2FKeEosLr6ZCja9UjYAzyRSxGteSJPYg==
-
-"@esbuild/android-x64@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.17.15.tgz#d2d12a7676b2589864281b2274355200916540bc"
-  integrity sha512-MzDqnNajQZ63YkaUWVl9uuhcWyEyh69HGpMIrf+acR4otMkfLJ4sUCxqwbCyPGicE9dVlrysI3lMcDBjGiBBcQ==
-
-"@esbuild/darwin-arm64@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.17.15.tgz#2e88e79f1d327a2a7d9d06397e5232eb0a473d61"
-  integrity sha512-7siLjBc88Z4+6qkMDxPT2juf2e8SJxmsbNVKFY2ifWCDT72v5YJz9arlvBw5oB4W/e61H1+HDB/jnu8nNg0rLA==
-
-"@esbuild/darwin-x64@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.17.15.tgz#9384e64c0be91388c57be6d3a5eaf1c32a99c91d"
-  integrity sha512-NbImBas2rXwYI52BOKTW342Tm3LTeVlaOQ4QPZ7XuWNKiO226DisFk/RyPk3T0CKZkKMuU69yOvlapJEmax7cg==
-
-"@esbuild/freebsd-arm64@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.15.tgz#2ad5a35bc52ebd9ca6b845dbc59ba39647a93c1a"
-  integrity sha512-Xk9xMDjBVG6CfgoqlVczHAdJnCs0/oeFOspFap5NkYAmRCT2qTn1vJWA2f419iMtsHSLm+O8B6SLV/HlY5cYKg==
-
-"@esbuild/freebsd-x64@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.17.15.tgz#b513a48446f96c75fda5bef470e64d342d4379cd"
-  integrity sha512-3TWAnnEOdclvb2pnfsTWtdwthPfOz7qAfcwDLcfZyGJwm1SRZIMOeB5FODVhnM93mFSPsHB9b/PmxNNbSnd0RQ==
-
-"@esbuild/linux-arm64@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.17.15.tgz#9697b168175bfd41fa9cc4a72dd0d48f24715f31"
-  integrity sha512-T0MVnYw9KT6b83/SqyznTs/3Jg2ODWrZfNccg11XjDehIved2oQfrX/wVuev9N936BpMRaTR9I1J0tdGgUgpJA==
-
-"@esbuild/linux-arm@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.17.15.tgz#5b22062c54f48cd92fab9ffd993732a52db70cd3"
-  integrity sha512-MLTgiXWEMAMr8nmS9Gigx43zPRmEfeBfGCwxFQEMgJ5MC53QKajaclW6XDPjwJvhbebv+RzK05TQjvH3/aM4Xw==
-
-"@esbuild/linux-ia32@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.17.15.tgz#eb28a13f9b60b5189fcc9e98e1024f6b657ba54c"
-  integrity sha512-wp02sHs015T23zsQtU4Cj57WiteiuASHlD7rXjKUyAGYzlOKDAjqK6bk5dMi2QEl/KVOcsjwL36kD+WW7vJt8Q==
-
-"@esbuild/linux-loong64@0.14.54":
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.14.54.tgz#de2a4be678bd4d0d1ffbb86e6de779cde5999028"
-  integrity sha512-bZBrLAIX1kpWelV0XemxBZllyRmM6vgFQQG2GdNb+r3Fkp0FOh1NJSvekXDs7jq70k4euu1cryLMfU+mTXlEpw==
-
-"@esbuild/linux-loong64@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.17.15.tgz#32454bdfe144cf74b77895a8ad21a15cb81cfbe5"
-  integrity sha512-k7FsUJjGGSxwnBmMh8d7IbObWu+sF/qbwc+xKZkBe/lTAF16RqxRCnNHA7QTd3oS2AfGBAnHlXL67shV5bBThQ==
-
-"@esbuild/linux-mips64el@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.17.15.tgz#af12bde0d775a318fad90eb13a0455229a63987c"
-  integrity sha512-ZLWk6czDdog+Q9kE/Jfbilu24vEe/iW/Sj2d8EVsmiixQ1rM2RKH2n36qfxK4e8tVcaXkvuV3mU5zTZviE+NVQ==
-
-"@esbuild/linux-ppc64@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.17.15.tgz#34c5ed145b2dfc493d3e652abac8bd3baa3865a5"
-  integrity sha512-mY6dPkIRAiFHRsGfOYZC8Q9rmr8vOBZBme0/j15zFUKM99d4ILY4WpOC7i/LqoY+RE7KaMaSfvY8CqjJtuO4xg==
-
-"@esbuild/linux-riscv64@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.17.15.tgz#87bd515e837f2eb004b45f9e6a94dc5b93f22b92"
-  integrity sha512-EcyUtxffdDtWjjwIH8sKzpDRLcVtqANooMNASO59y+xmqqRYBBM7xVLQhqF7nksIbm2yHABptoioS9RAbVMWVA==
-
-"@esbuild/linux-s390x@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.17.15.tgz#20bf7947197f199ddac2ec412029a414ceae3aa3"
-  integrity sha512-BuS6Jx/ezxFuHxgsfvz7T4g4YlVrmCmg7UAwboeyNNg0OzNzKsIZXpr3Sb/ZREDXWgt48RO4UQRDBxJN3B9Rbg==
-
-"@esbuild/linux-x64@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.17.15.tgz#31b93f9c94c195e852c20cd3d1914a68aa619124"
-  integrity sha512-JsdS0EgEViwuKsw5tiJQo9UdQdUJYuB+Mf6HxtJSPN35vez1hlrNb1KajvKWF5Sa35j17+rW1ECEO9iNrIXbNg==
-
-"@esbuild/netbsd-x64@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.17.15.tgz#8da299b3ac6875836ca8cdc1925826498069ac65"
-  integrity sha512-R6fKjtUysYGym6uXf6qyNephVUQAGtf3n2RCsOST/neIwPqRWcnc3ogcielOd6pT+J0RDR1RGcy0ZY7d3uHVLA==
-
-"@esbuild/openbsd-x64@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.17.15.tgz#04a1ec3d4e919714dba68dcf09eeb1228ad0d20c"
-  integrity sha512-mVD4PGc26b8PI60QaPUltYKeSX0wxuy0AltC+WCTFwvKCq2+OgLP4+fFd+hZXzO2xW1HPKcytZBdjqL6FQFa7w==
-
-"@esbuild/sunos-x64@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.17.15.tgz#6694ebe4e16e5cd7dab6505ff7c28f9c1c695ce5"
-  integrity sha512-U6tYPovOkw3459t2CBwGcFYfFRjivcJJc1WC8Q3funIwX8x4fP+R6xL/QuTPNGOblbq/EUDxj9GU+dWKX0oWlQ==
-
-"@esbuild/win32-arm64@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.17.15.tgz#1f95b2564193c8d1fee8f8129a0609728171d500"
-  integrity sha512-W+Z5F++wgKAleDABemiyXVnzXgvRFs+GVKThSI+mGgleLWluv0D7Diz4oQpgdpNzh4i2nNDzQtWbjJiqutRp6Q==
-
-"@esbuild/win32-ia32@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.17.15.tgz#c362b88b3df21916ed7bcf75c6d09c6bf3ae354a"
-  integrity sha512-Muz/+uGgheShKGqSVS1KsHtCyEzcdOn/W/Xbh6H91Etm+wiIfwZaBn1W58MeGtfI8WA961YMHFYTthBdQs4t+w==
-
-"@esbuild/win32-x64@0.17.15":
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.17.15.tgz#c2e737f3a201ebff8e2ac2b8e9f246b397ad19b8"
-  integrity sha512-DjDa9ywLUUmjhV2Y9wUTIF+1XsmuFGvZoCmOWkli1XcNAh5t25cc7fgsCx4Zi/Uurep3TTLyDiKATgGEg61pkA==
-
-"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.3.0":
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
-  integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
-  dependencies:
-    eslint-visitor-keys "^3.3.0"
-
-"@eslint-community/regexpp@^4.4.0":
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.5.0.tgz#f6f729b02feee2c749f57e334b7a1b5f40a81724"
-  integrity sha512-vITaYzIcNmjn5tF5uxcZ/ft7/RXGrMUIS9HalWckEOF6ESiwXKoMzAQf2UW0aVd6rnOeExTJVd5hmWXucBKGXQ==
-
-"@eslint/eslintrc@^2.0.2":
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.0.2.tgz#01575e38707add677cf73ca1589abba8da899a02"
-  integrity sha512-3W4f5tDUra+pA+FzgugqL2pRimUTDJWKr7BINqOpkZrC0uYI0NIc0/JFgBROCU07HR6GieA5m3/rsPIhDmCXTQ==
+"@eslint/eslintrc@^3.3.0":
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-3.3.0.tgz#96a558f45842989cca7ea1ecd785ad5491193846"
+  integrity sha512-yaVPAiNAalnCZedKLdR21GOGILMLKPyqSLWaAjQFvYA2i/ciDi8ArYVr69Anohb6cH2Ukhqti4aFnYyPm8wdwQ==
   dependencies:
     ajv "^6.12.4"
     debug "^4.3.2"
-    espree "^9.5.1"
-    globals "^13.19.0"
+    espree "^10.0.1"
+    globals "^14.0.0"
     ignore "^5.2.0"
     import-fresh "^3.2.1"
     js-yaml "^4.1.0"
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@8.37.0":
-  version "8.37.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.37.0.tgz#cf1b5fa24217fe007f6487a26d765274925efa7d"
-  integrity sha512-x5vzdtOOGgFVDCUs81QRB2+liax8rFg3+7hqM+QhBG0/G3F1ZsoYl97UrqgHgQ9KKT7G6c4V+aTUCgu/n22v1A==
+"@eslint/js@9.22.0", "@eslint/js@^9.22.0":
+  version "9.22.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.22.0.tgz#4ff53649ded7cbce90b444b494c234137fa1aa3d"
+  integrity sha512-vLFajx9o8d1/oL2ZkpMYbkLv8nDB6yaIwFNt7nI4+I80U/z03SxmfOMsLbvWr3p7C+Wnoh//aOu2pQW8cS0HCQ==
 
-"@gar/promisify@^1.0.1":
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6"
-  integrity sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==
+"@eslint/object-schema@^2.1.6":
+  version "2.1.6"
+  resolved "https://registry.yarnpkg.com/@eslint/object-schema/-/object-schema-2.1.6.tgz#58369ab5b5b3ca117880c0f6c0b0f32f6950f24f"
+  integrity sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==
 
-"@humanwhocodes/config-array@^0.11.8":
-  version "0.11.8"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.8.tgz#03595ac2075a4dc0f191cc2131de14fbd7d410b9"
-  integrity sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==
+"@eslint/plugin-kit@^0.2.7":
+  version "0.2.7"
+  resolved "https://registry.yarnpkg.com/@eslint/plugin-kit/-/plugin-kit-0.2.7.tgz#9901d52c136fb8f375906a73dcc382646c3b6a27"
+  integrity sha512-JubJ5B2pJ4k4yGxaNLdbjrnk9d/iDz6/q8wOilpIowd6PJPgaxCuHBnBszq7Ce2TyMrywm5r4PnKm6V3iiZF+g==
   dependencies:
-    "@humanwhocodes/object-schema" "^1.2.1"
-    debug "^4.1.1"
-    minimatch "^3.0.5"
+    "@eslint/core" "^0.12.0"
+    levn "^0.4.1"
+
+"@fortawesome/fontawesome-common-types@6.7.2":
+  version "6.7.2"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.7.2.tgz#7123d74b0c1e726794aed1184795dbce12186470"
+  integrity sha512-Zs+YeHUC5fkt7Mg1l6XTniei3k4bwG/yo3iFUtZWd/pMx9g3fdvkSK9E0FOC+++phXOka78uJcYb8JaFkW52Xg==
+
+"@fortawesome/free-regular-svg-icons@^6.6.0":
+  version "6.7.2"
+  resolved "https://registry.yarnpkg.com/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.7.2.tgz#f1651e55e6651a15589b0569516208f9c65f96db"
+  integrity sha512-7Z/ur0gvCMW8G93dXIQOkQqHo2M5HLhYrRVC0//fakJXxcF1VmMPsxnG6Ee8qEylA8b8Q3peQXWMNZ62lYF28g==
+  dependencies:
+    "@fortawesome/fontawesome-common-types" "6.7.2"
+
+"@fortawesome/free-solid-svg-icons@^6.6.0":
+  version "6.7.2"
+  resolved "https://registry.yarnpkg.com/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.7.2.tgz#fe25883b5eb8464a82918599950d283c465b57f6"
+  integrity sha512-GsBrnOzU8uj0LECDfD5zomZJIjrPhIlWU82AHwa2s40FKH+kcxQaBvBo3Z4TxyZHIyX8XTDxsyA33/Vx9eFuQA==
+  dependencies:
+    "@fortawesome/fontawesome-common-types" "6.7.2"
+
+"@humanfs/core@^0.19.1":
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/@humanfs/core/-/core-0.19.1.tgz#17c55ca7d426733fe3c561906b8173c336b40a77"
+  integrity sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==
+
+"@humanfs/node@^0.16.6":
+  version "0.16.6"
+  resolved "https://registry.yarnpkg.com/@humanfs/node/-/node-0.16.6.tgz#ee2a10eaabd1131987bf0488fd9b820174cd765e"
+  integrity sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==
+  dependencies:
+    "@humanfs/core" "^0.19.1"
+    "@humanwhocodes/retry" "^0.3.0"
 
 "@humanwhocodes/module-importer@^1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
   integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
 
-"@humanwhocodes/object-schema@^1.2.1":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
-  integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
+"@humanwhocodes/retry@^0.3.0":
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/retry/-/retry-0.3.1.tgz#c72a5c76a9fbaf3488e231b13dc52c0da7bab42a"
+  integrity sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==
 
-"@intlify/shared@^9.0.0":
-  version "9.2.2"
-  resolved "https://registry.yarnpkg.com/@intlify/shared/-/shared-9.2.2.tgz#5011be9ca2b4ab86f8660739286e2707f9abb4a5"
-  integrity sha512-wRwTpsslgZS5HNyM7uDQYZtxnbI12aGiBZURX3BTR9RFIKKRWpllTsgzHWvj3HKm3Y2Sh5LPC1r0PDCKEhVn9Q==
+"@humanwhocodes/retry@^0.4.2":
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/retry/-/retry-0.4.2.tgz#1860473de7dfa1546767448f333db80cb0ff2161"
+  integrity sha512-xeO57FpIu4p1Ri3Jq/EXq4ClRm86dVF2z/+kvFnyqVYRavTZmaFaUBbWCOuuTh0o/g7DSsk6kc2vrS4Vl5oPOQ==
 
-"@intlify/vue-i18n-extensions@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@intlify/vue-i18n-extensions/-/vue-i18n-extensions-1.0.2.tgz#ab7f8507f7d423c368e44fa21d6dece700261fca"
-  integrity sha512-rnfA0ScyBXyp9xsSD4EAMGeOh1yv/AE7fhqdAdSOr5X8N39azz257umfRtzNT9sHXAKSSzpCVhIbMAkp5c/gjQ==
+"@intlify/bundle-utils@^10.0.1":
+  version "10.0.1"
+  resolved "https://registry.yarnpkg.com/@intlify/bundle-utils/-/bundle-utils-10.0.1.tgz#6416e1c327bcc3b3579d803dc9bbe0d30ec0b012"
+  integrity sha512-WkaXfSevtpgtUR4t8K2M6lbR7g03mtOxFeh+vXp5KExvPqS12ppaRj1QxzwRuRI5VUto54A22BjKoBMLyHILWQ==
   dependencies:
-    "@babel/parser" "^7.9.6"
+    "@intlify/message-compiler" "^11.1.2"
+    "@intlify/shared" "^11.1.2"
+    acorn "^8.8.2"
+    escodegen "^2.1.0"
+    estree-walker "^2.0.2"
+    jsonc-eslint-parser "^2.3.0"
+    mlly "^1.2.0"
+    source-map-js "^1.0.1"
+    yaml-eslint-parser "^1.2.2"
 
-"@intlify/vue-i18n-loader@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@intlify/vue-i18n-loader/-/vue-i18n-loader-1.1.0.tgz#eecc6460823676f533784b3641665c5a609eccf0"
-  integrity sha512-9LXiztMtYKTE8t/hRwwGUp+ofrwU0sxLQLzFEOZ38zvn0DonUIQmZUj1cfz5p1Lu8BllxKbCrn6HnsRJ+LYA6g==
+"@intlify/core-base@10.0.6":
+  version "10.0.6"
+  resolved "https://registry.yarnpkg.com/@intlify/core-base/-/core-base-10.0.6.tgz#4b98b5f3fe5f4614e92f1857749d6e4e3d4d8190"
+  integrity sha512-/NINGvy7t8qSCyyuqMIPmHS6CBQjqPIPVOps0Rb7xWrwwkwHJKtahiFnW1HC4iQVhzoYwEW6Js0923zTScLDiA==
   dependencies:
-    "@intlify/shared" "^9.0.0"
-    js-yaml "^3.13.1"
-    json5 "^2.1.1"
+    "@intlify/message-compiler" "10.0.6"
+    "@intlify/shared" "10.0.6"
 
-"@jest/schemas@^29.4.3":
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.4.3.tgz#39cf1b8469afc40b6f5a2baaa146e332c4151788"
-  integrity sha512-VLYKXQmtmuEz6IxJsrZwzG9NvtkQsWNnWMsKxqWNu3+CnfzJQhp0WDDKWLVV9hLKr0l3SLLFRqcYHjhtyuDVxg==
+"@intlify/core@^10.0.3":
+  version "10.0.6"
+  resolved "https://registry.yarnpkg.com/@intlify/core/-/core-10.0.6.tgz#81d9e4f5da6dbfe7998100192ecb1804da488036"
+  integrity sha512-C325rIyg5+wM6FUPbTMTaDPQ3Yu9lwC9JRIaWZKVy+My3kXi0j0u76ifQ351CjqFoJDg7GLR/UpUPQlF25qhKQ==
   dependencies:
-    "@sinclair/typebox" "^0.25.16"
+    "@intlify/core-base" "10.0.6"
+    "@intlify/shared" "10.0.6"
 
-"@jest/types@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.5.0.tgz#f59ef9b031ced83047c67032700d8c807d6e1593"
-  integrity sha512-qbu7kN6czmVRc3xWFQcAN03RAUamgppVUdXrvl1Wr3jlNF93o9mJbGcDWrwGB6ht44u7efB1qCFgVQmca24Uog==
+"@intlify/h3@^0.6.1":
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/@intlify/h3/-/h3-0.6.1.tgz#ded9e5f71864f63e4ee50923dff53389dea7ff41"
+  integrity sha512-hFMcqWXCoFNZkraa+JF7wzByGdE0vGi8rUs7CTFrE4hE3X2u9QcelH8VRO8mPgJDH+TgatzvrVp6iZsWVluk2A==
   dependencies:
-    "@jest/schemas" "^29.4.3"
+    "@intlify/core" "^10.0.3"
+    "@intlify/utils" "^0.13.0"
+
+"@intlify/message-compiler@10.0.6":
+  version "10.0.6"
+  resolved "https://registry.yarnpkg.com/@intlify/message-compiler/-/message-compiler-10.0.6.tgz#899e6aacf95138fa675cfabc5b2d1c8864930b4d"
+  integrity sha512-QcUYprK+e4X2lU6eJDxLuf/mUtCuVPj2RFBoFRlJJxK3wskBejzlRvh1Q0lQCi9tDOnD4iUK1ftcGylE3X3idA==
+  dependencies:
+    "@intlify/shared" "10.0.6"
+    source-map-js "^1.0.2"
+
+"@intlify/message-compiler@^11.1.2":
+  version "11.1.2"
+  resolved "https://registry.yarnpkg.com/@intlify/message-compiler/-/message-compiler-11.1.2.tgz#711af9421fa8c0339501eb67fa90ebe00cbd3725"
+  integrity sha512-T/xbNDzi+Yv0Qn2Dfz2CWCAJiwNgU5d95EhhAEf4YmOgjCKktpfpiUSmLcBvK1CtLpPQ85AMMQk/2NCcXnNj1g==
+  dependencies:
+    "@intlify/shared" "11.1.2"
+    source-map-js "^1.0.2"
+
+"@intlify/shared@10.0.6", "@intlify/shared@^10.0.0", "@intlify/shared@^10.0.5":
+  version "10.0.6"
+  resolved "https://registry.yarnpkg.com/@intlify/shared/-/shared-10.0.6.tgz#70dd93911b15b08194ba1e505fbc85545ff975e7"
+  integrity sha512-2xqwm05YPpo7TM//+v0bzS0FWiTzsjpSMnWdt7ZXs5/ZfQIedSuBXIrskd8HZ7c/cZzo1G9ALHTksnv/74vk/Q==
+
+"@intlify/shared@11.1.2", "@intlify/shared@^11.1.2":
+  version "11.1.2"
+  resolved "https://registry.yarnpkg.com/@intlify/shared/-/shared-11.1.2.tgz#d780bc8eb4e3c3ef8a3e45c421f0f5ecf59651f2"
+  integrity sha512-dF2iMMy8P9uKVHV/20LA1ulFLL+MKSbfMiixSmn6fpwqzvix38OIc7ebgnFbBqElvghZCW9ACtzKTGKsTGTWGA==
+
+"@intlify/unplugin-vue-i18n@^6.0.3":
+  version "6.0.5"
+  resolved "https://registry.yarnpkg.com/@intlify/unplugin-vue-i18n/-/unplugin-vue-i18n-6.0.5.tgz#d09aa6f969726c51879572af53a9f1b135da29c5"
+  integrity sha512-0MKaYhLvM46Mtm+OArkK75ztmqaFfhIvnm5mg8XKqCPAKVAK98o+8tB6gUQFkKrF5PMYsNXvyMJCi40cRCDJbA==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.4.0"
+    "@intlify/bundle-utils" "^10.0.1"
+    "@intlify/shared" "^11.1.2"
+    "@intlify/vue-i18n-extensions" "^8.0.0"
+    "@rollup/pluginutils" "^5.1.0"
+    "@typescript-eslint/scope-manager" "^8.13.0"
+    "@typescript-eslint/typescript-estree" "^8.13.0"
+    debug "^4.3.3"
+    fast-glob "^3.2.12"
+    js-yaml "^4.1.0"
+    json5 "^2.2.3"
+    pathe "^1.0.0"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+    unplugin "^1.1.0"
+    vue "^3.4"
+
+"@intlify/utils@^0.13.0":
+  version "0.13.0"
+  resolved "https://registry.yarnpkg.com/@intlify/utils/-/utils-0.13.0.tgz#bea7014796b633a9f4d312833642d33b38755cba"
+  integrity sha512-8i3uRdAxCGzuHwfmHcVjeLQBtysQB2aXl/ojoagDut5/gY5lvWCQ2+cnl2TiqE/fXj/D8EhWG/SLKA7qz4a3QA==
+
+"@intlify/vue-i18n-extensions@^8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@intlify/vue-i18n-extensions/-/vue-i18n-extensions-8.0.0.tgz#84adc3f40829ee144f056b774a77d838ce3f5034"
+  integrity sha512-w0+70CvTmuqbskWfzeYhn0IXxllr6mU+IeM2MU0M+j9OW64jkrvqY+pYFWrUnIIC9bEdij3NICruicwd5EgUuQ==
+  dependencies:
+    "@babel/parser" "^7.24.6"
+    "@intlify/shared" "^10.0.0"
+    "@vue/compiler-dom" "^3.2.45"
+    vue-i18n "^10.0.0"
+
+"@ioredis/commands@^1.1.1":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@ioredis/commands/-/commands-1.2.0.tgz#6d61b3097470af1fdbbe622795b8921d42018e11"
+  integrity sha512-Sx1pU8EM64o2BrqNpEO1CNLtKQwyhuXuqyfH7oGKCk+1a33d2r5saW8zNwm3j6BTExtjrv2BxTgzzkMwts6vGg==
+
+"@isaacs/cliui@^8.0.2":
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/@isaacs/cliui/-/cliui-8.0.2.tgz#b37667b7bc181c168782259bab42474fbf52b550"
+  integrity sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==
+  dependencies:
+    string-width "^5.1.2"
+    string-width-cjs "npm:string-width@^4.2.0"
+    strip-ansi "^7.0.1"
+    strip-ansi-cjs "npm:strip-ansi@^6.0.1"
+    wrap-ansi "^8.1.0"
+    wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
+
+"@isaacs/fs-minipass@^4.0.0":
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz#2d59ae3ab4b38fb4270bfa23d30f8e2e86c7fe32"
+  integrity sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==
+  dependencies:
+    minipass "^7.0.4"
+
+"@jest/schemas@^29.6.3":
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.6.3.tgz#430b5ce8a4e0044a7e3819663305a7b3091c8e03"
+  integrity sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==
+  dependencies:
+    "@sinclair/typebox" "^0.27.8"
+
+"@jest/types@^29.6.3":
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.6.3.tgz#1131f8cf634e7e84c5e77bab12f052af585fba59"
+  integrity sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==
+  dependencies:
+    "@jest/schemas" "^29.6.3"
     "@types/istanbul-lib-coverage" "^2.0.0"
     "@types/istanbul-reports" "^3.0.0"
     "@types/node" "*"
     "@types/yargs" "^17.0.8"
     chalk "^4.0.0"
 
-"@jridgewell/gen-mapping@^0.1.0":
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz#e5d2e450306a9491e3bd77e323e38d7aff315996"
-  integrity sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==
+"@jridgewell/gen-mapping@^0.3.5":
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz#4f0e06362e01362f823d348f1872b08f666d8142"
+  integrity sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==
   dependencies:
-    "@jridgewell/set-array" "^1.0.0"
+    "@jridgewell/set-array" "^1.2.1"
     "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.24"
 
-"@jridgewell/gen-mapping@^0.3.0", "@jridgewell/gen-mapping@^0.3.2":
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz#c1aedc61e853f2bb9f5dfe6d4442d3b565b253b9"
-  integrity sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==
+"@jridgewell/resolve-uri@^3.1.0":
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6"
+  integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==
+
+"@jridgewell/set-array@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.2.1.tgz#558fb6472ed16a4c850b889530e6b36438c49280"
+  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
+
+"@jridgewell/source-map@^0.3.3":
+  version "0.3.6"
+  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.6.tgz#9d71ca886e32502eb9362c9a74a46787c36df81a"
+  integrity sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==
   dependencies:
-    "@jridgewell/set-array" "^1.0.1"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
-    "@jridgewell/trace-mapping" "^0.3.9"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
 
-"@jridgewell/resolve-uri@3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz#2203b118c157721addfe69d47b70465463066d78"
-  integrity sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==
+"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.4.15", "@jridgewell/sourcemap-codec@^1.5.0":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz#3188bcb273a414b0d215fd22a58540b989b9409a"
+  integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==
 
-"@jridgewell/set-array@^1.0.0", "@jridgewell/set-array@^1.0.1":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
-  integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
-
-"@jridgewell/source-map@^0.3.2":
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.2.tgz#f45351aaed4527a298512ec72f81040c998580fb"
-  integrity sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==
+"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
+  version "0.3.25"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
+  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
   dependencies:
-    "@jridgewell/gen-mapping" "^0.3.0"
-    "@jridgewell/trace-mapping" "^0.3.9"
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
 
-"@jridgewell/sourcemap-codec@1.4.14", "@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.13":
-  version "1.4.14"
-  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
-  integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
+"@jsdevtools/ono@^7.1.3":
+  version "7.1.3"
+  resolved "https://registry.yarnpkg.com/@jsdevtools/ono/-/ono-7.1.3.tgz#9df03bbd7c696a5c58885c34aa06da41c8543796"
+  integrity sha512-4JQNk+3mVzK3xh2rqd6RB4J46qUR19azEHBneZyTZM+c456qOrbbM/5xcR8huNCCcbVt7+UmizG6GuUvPvKUYg==
 
-"@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.9":
-  version "0.3.17"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz#793041277af9073b0951a7fe0f0d8c4c98c36985"
-  integrity sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==
+"@jsep-plugin/assignment@^1.3.0":
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/@jsep-plugin/assignment/-/assignment-1.3.0.tgz#fcfc5417a04933f7ceee786e8ab498aa3ce2b242"
+  integrity sha512-VVgV+CXrhbMI3aSusQyclHkenWSAm95WaiKrMxRFam3JSUiIaQjoMIw2sEs/OX4XifnqeQUN4DYbJjlA8EfktQ==
+
+"@jsep-plugin/regex@^1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@jsep-plugin/regex/-/regex-1.0.4.tgz#cb2fc423220fa71c609323b9ba7f7d344a755fcc"
+  integrity sha512-q7qL4Mgjs1vByCaTnDFcBnV9HS7GVPJX5vyVoCgZHNSC9rjwIlmbXG5sUuorR5ndfHAIlJ8pVStxvjXHbNvtUg==
+
+"@jsonquerylang/jsonquery@^3.1.1 || ^4.0.0 || ^5.0.0":
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/@jsonquerylang/jsonquery/-/jsonquery-5.0.3.tgz#eba46856031e711085fda511dcdeaa06a9e7f12d"
+  integrity sha512-aH9paBzg4E2Kel/1e04GoqexIcH5tUMp0gdBhrA7aOFL4oJOIzcRv5Bdr31IJlzt+yP7BMJ3/tViSolFL3w8pw==
+
+"@kwsites/file-exists@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@kwsites/file-exists/-/file-exists-1.1.1.tgz#ad1efcac13e1987d8dbaf235ef3be5b0d96faa99"
+  integrity sha512-m9/5YGR18lIwxSFDwfE3oA7bWuq9kdau6ugN4H2rJeyhFQZcG9AgSHkQtSD15a8WvTgfz9aikZMrKPHvbpqFiw==
   dependencies:
-    "@jridgewell/resolve-uri" "3.1.0"
-    "@jridgewell/sourcemap-codec" "1.4.14"
+    debug "^4.1.1"
 
-"@mdi/js@^7.1.96":
-  version "7.2.96"
-  resolved "https://registry.yarnpkg.com/@mdi/js/-/js-7.2.96.tgz#a2a20be740a75e65c8b8b9e12a2b699c06a9208f"
-  integrity sha512-paR9M9ZT7rKbh2boksNUynuSZMHhqRYnEZOm/KrZTjQ4/FzyhjLHuvw/8XYzP+E7fS4+/Ms/82EN1pl/OFsiIA==
+"@kwsites/promise-deferred@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@kwsites/promise-deferred/-/promise-deferred-1.1.1.tgz#8ace5259254426ccef57f3175bc64ed7095ed919"
+  integrity sha512-GaHYm+c0O9MjZRu0ongGBRbinu8gVAMd2UZjji6jVmqKtZluZnptXGWhz1E8j8D2HJ3f/yMxKAUC0b+57wncIw==
+
+"@lezer/common@^1.0.0", "@lezer/common@^1.1.0", "@lezer/common@^1.2.0":
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/@lezer/common/-/common-1.2.3.tgz#138fcddab157d83da557554851017c6c1e5667fd"
+  integrity sha512-w7ojc8ejBqr2REPsWxJjrMFsA/ysDCFICn8zEOR9mrqzOu2amhITYuLD8ag6XZf0CFXDrhKqw7+tW8cX66NaDA==
+
+"@lezer/highlight@^1.0.0", "@lezer/highlight@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@lezer/highlight/-/highlight-1.2.1.tgz#596fa8f9aeb58a608be0a563e960c373cbf23f8b"
+  integrity sha512-Z5duk4RN/3zuVO7Jq0pGLJ3qynpxUVsh7IbUbGj88+uV2ApSAn6kWg2au3iJb+0Zi7kKtqffIESgNcRXWZWmSA==
+  dependencies:
+    "@lezer/common" "^1.0.0"
+
+"@lezer/json@^1.0.0":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@lezer/json/-/json-1.0.3.tgz#e773a012ad0088fbf07ce49cfba875cc9e5bc05f"
+  integrity sha512-BP9KzdF9Y35PDpv04r0VeSTKDeox5vVr3efE7eBbx3r4s3oNLfunchejZhjArmeieBH+nVOpgIiBJpEAv8ilqQ==
+  dependencies:
+    "@lezer/common" "^1.2.0"
+    "@lezer/highlight" "^1.0.0"
+    "@lezer/lr" "^1.0.0"
+
+"@lezer/lr@^1.0.0":
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/@lezer/lr/-/lr-1.4.2.tgz#931ea3dea8e9de84e90781001dae30dea9ff1727"
+  integrity sha512-pu0K1jCIdnQ12aWNaAVU5bzi7Bd1w54J3ECgANPmYLtQKP0HBj2cE/5coBD66MT10xbtIuUr7tg0Shbsvk0mDA==
+  dependencies:
+    "@lezer/common" "^1.0.0"
+
+"@mapbox/node-pre-gyp@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@mapbox/node-pre-gyp/-/node-pre-gyp-2.0.0.tgz#16d1d9049c0218820da81a12ae084e7fe67790d1"
+  integrity sha512-llMXd39jtP0HpQLVI37Bf1m2ADlEb35GYSh1SDSLsBhR+5iCxiNGlT31yqbNtVHygHAtMy6dWFERpU2JgufhPg==
+  dependencies:
+    consola "^3.2.3"
+    detect-libc "^2.0.0"
+    https-proxy-agent "^7.0.5"
+    node-fetch "^2.6.7"
+    nopt "^8.0.0"
+    semver "^7.5.3"
+    tar "^7.4.0"
+
+"@marijn/find-cluster-break@^1.0.0":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@marijn/find-cluster-break/-/find-cluster-break-1.0.2.tgz#775374306116d51c0c500b8c4face0f9a04752d8"
+  integrity sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==
+
+"@mdi/js@^7.4.47":
+  version "7.4.47"
+  resolved "https://registry.yarnpkg.com/@mdi/js/-/js-7.4.47.tgz#7d8a4edc9631bffeed80d1ec784f9beae559a76a"
+  integrity sha512-KPnNOtm5i2pMabqZxpUz7iQf+mfrYZyKCZ8QNz85czgEt7cuHcGorWfdzUMWYA0SD+a6Hn4FmJ+YhzzzjkTZrQ==
+
+"@miyaneee/rollup-plugin-json5@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@miyaneee/rollup-plugin-json5/-/rollup-plugin-json5-1.2.0.tgz#a0995e55bfcf055aea0c9c73e0b2dcac120e036e"
+  integrity sha512-JjTIaXZp9WzhUHpElrqPnl1AzBi/rvRs065F71+aTmlqvTMVkdbjZ8vfFl4nRlgJy+TPBw69ZK4pwFdmOAt4aA==
+  dependencies:
+    "@rollup/pluginutils" "^5.1.0"
+    json5 "^2.2.3"
+
+"@napi-rs/wasm-runtime@^0.2.7":
+  version "0.2.7"
+  resolved "https://registry.yarnpkg.com/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.7.tgz#288f03812a408bc53c2c3686c65f38fe90f295eb"
+  integrity sha512-5yximcFK5FNompXfJFoWanu5l8v1hNGqNHh9du1xETp9HWk/B/PzvchX55WYOPaIeNglG8++68AAiauBAtbnzw==
+  dependencies:
+    "@emnapi/core" "^1.3.1"
+    "@emnapi/runtime" "^1.3.1"
+    "@tybys/wasm-util" "^0.9.0"
+
+"@netlify/functions@^3.0.2":
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/@netlify/functions/-/functions-3.0.2.tgz#9700e423c42a461a3d076323976dfac86afe6fbc"
+  integrity sha512-9bngT722zbsdW7ri7j9ItrgOO33M1141cIBP7l+VE79EEP78JubM5fV4a58I+ZVQU4KRK0PJIbpUAlojXExl5Q==
+  dependencies:
+    "@netlify/serverless-functions-api" "1.35.0"
+
+"@netlify/serverless-functions-api@1.35.0":
+  version "1.35.0"
+  resolved "https://registry.yarnpkg.com/@netlify/serverless-functions-api/-/serverless-functions-api-1.35.0.tgz#ea43830f5a8508740967bfd130d5b5698ad94d0d"
+  integrity sha512-BH9eF3s7bUbqkcEUMR7dne/iCXSpZD10KVkGcs53eDrON5pKxsMdXvrdAx/q0HD24vJgHXGXObGSr5sjPllGEA==
 
 "@nicolo-ribaudo/eslint-scope-5-internals@5.1.1-v1":
   version "5.1.1-v1"
@@ -1730,12 +1733,25 @@
     "@nodelib/fs.stat" "2.0.5"
     run-parallel "^1.1.9"
 
+"@nodelib/fs.scandir@4.0.1":
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-4.0.1.tgz#4b981a1d6e34e2baff9a33c84b57709e30e8ce30"
+  integrity sha512-vAkI715yhnmiPupY+dq+xenu5Tdf2TBQ66jLvBIcCddtz+5Q8LbMKaf9CIJJreez8fQ8fgaY+RaywQx8RJIWpw==
+  dependencies:
+    "@nodelib/fs.stat" "4.0.0"
+    run-parallel "^1.2.0"
+
 "@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
   integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
 
-"@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
+"@nodelib/fs.stat@4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-4.0.0.tgz#d609b10d9c17dac012c4d7be93602ed939861e58"
+  integrity sha512-ctr6bByzksKRCV0bavi8WoQevU6plSp2IkllIsEqaiKe2mwNNnaluhnRhcsgGZHrrHk57B3lf95MkLMO3STYcg==
+
+"@nodelib/fs.walk@^1.2.3":
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
   integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
@@ -1743,462 +1759,340 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
-"@npmcli/fs@^1.0.0":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@npmcli/fs/-/fs-1.1.1.tgz#72f719fe935e687c56a4faecf3c03d06ba593257"
-  integrity sha512-8KG5RD0GVP4ydEzRn/I4BNDuxDtqVbOdm8675T49OIG/NGhaK0pjPX7ZcDlvKYbA+ulvVK3ztfcF4uBdOxuJbQ==
+"@nodelib/fs.walk@^3.0.1":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-3.0.1.tgz#717a03eb1d07c09db32f884a5d0c06ccd9b657f4"
+  integrity sha512-nIh/M6Kh3ZtOmlY00DaUYB4xeeV6F3/ts1l29iwl3/cfyY/OuCfUx+v08zgx8TKPTifXRcjjqVQ4KB2zOYSbyw==
   dependencies:
-    "@gar/promisify" "^1.0.1"
-    semver "^7.3.5"
+    "@nodelib/fs.scandir" "4.0.1"
+    fastq "^1.15.0"
 
-"@npmcli/move-file@^1.0.1":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@npmcli/move-file/-/move-file-1.1.2.tgz#1a82c3e372f7cae9253eb66d72543d6b8685c674"
-  integrity sha512-1SUf/Cg2GzGDyaf15aR9St9TWlb+XvbZXWpDx8YKs7MLzMH/BCeopv+y9vzrzgkfykCGuWOlSu3mZhj2+FQcrg==
-  dependencies:
-    mkdirp "^1.0.4"
-    rimraf "^3.0.2"
+"@nolyfill/is-core-module@1.0.39":
+  version "1.0.39"
+  resolved "https://registry.yarnpkg.com/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz#3dc35ba0f1e66b403c00b39344f870298ebb1c8e"
+  integrity sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==
 
-"@nuxt/babel-preset-app@2.17.3":
-  version "2.17.3"
-  resolved "https://registry.yarnpkg.com/@nuxt/babel-preset-app/-/babel-preset-app-2.17.3.tgz#1e21fb5118d5bacbf9fe829e755b38b1ec078804"
-  integrity sha512-KkmGEKZN2Yvo9XWC2TAJ3e3WMFQTmGGdhJy9Lv/3gW0PCUVvI5e+M+P3VF494BLKWmc4xYXaVu7cGtAUE13vMQ==
+"@nuxt/cli@^3.22.5":
+  version "3.23.1"
+  resolved "https://registry.yarnpkg.com/@nuxt/cli/-/cli-3.23.1.tgz#05dfbec0c3a47af5e9c7318b3ef4841eeb81488a"
+  integrity sha512-vwHicydSXkpQlrjSOHOMLx4rULMNke1tqT+B2rGkVX9RMWJu9jdvp6GqRWJfqeeLoFG0gYNr02pSp6ulxuwOMQ==
   dependencies:
-    "@babel/compat-data" "^7.23.5"
-    "@babel/core" "^7.23.7"
-    "@babel/helper-compilation-targets" "^7.23.6"
-    "@babel/helper-module-imports" "^7.22.15"
-    "@babel/plugin-proposal-class-properties" "^7.18.6"
-    "@babel/plugin-proposal-decorators" "^7.23.7"
-    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.18.6"
-    "@babel/plugin-proposal-optional-chaining" "^7.21.0"
-    "@babel/plugin-proposal-private-methods" "^7.18.6"
-    "@babel/plugin-proposal-private-property-in-object" "^7.21.11"
-    "@babel/plugin-transform-runtime" "^7.23.7"
-    "@babel/preset-env" "^7.23.8"
-    "@babel/runtime" "^7.23.8"
-    "@vue/babel-preset-jsx" "^1.4.0"
-    core-js "^3.35.0"
-    core-js-compat "^3.35.0"
-    regenerator-runtime "^0.14.1"
-
-"@nuxt/builder@2.17.3":
-  version "2.17.3"
-  resolved "https://registry.yarnpkg.com/@nuxt/builder/-/builder-2.17.3.tgz#44be201f35bd3d0c976607c95462f279750b5347"
-  integrity sha512-qcByuB5+Sy9xHtHT6yxsX01fT4ZMIP1bqVYqtkuwuSnbtFLc6GW2qNpzWkcxSBCzhIp2hTuulOEV6p5FpQVPLg==
-  dependencies:
-    "@nuxt/devalue" "^2.0.2"
-    "@nuxt/utils" "2.17.3"
-    "@nuxt/vue-app" "2.17.3"
-    "@nuxt/webpack" "2.17.3"
-    chalk "^4.1.2"
-    chokidar "^3.5.3"
-    consola "^3.2.3"
-    fs-extra "^10.1.0"
-    glob "^8.1.0"
-    hash-sum "^2.0.0"
-    ignore "^5.3.0"
-    lodash "^4.17.21"
-    pify "^5.0.0"
-    serialize-javascript "^6.0.2"
-    upath "^2.0.1"
-
-"@nuxt/cli@2.17.3":
-  version "2.17.3"
-  resolved "https://registry.yarnpkg.com/@nuxt/cli/-/cli-2.17.3.tgz#6f4f438bb9bf6f77e1949e0a33f82e10edcc388d"
-  integrity sha512-UwQbb/B/b7/N1vlorBgiW2T41Hc26+04oyze2cx1dErkDNLgjZpjcTu8cWnfSyAeRUeG2r6p8K0SPimCITNZJg==
-  dependencies:
-    "@nuxt/config" "2.17.3"
-    "@nuxt/utils" "2.17.3"
-    boxen "^5.1.2"
-    chalk "^4.1.2"
-    compression "^1.7.4"
-    connect "^3.7.0"
-    consola "^3.2.3"
-    crc "^4.3.2"
+    c12 "^3.0.2"
+    chokidar "^4.0.3"
+    citty "^0.1.6"
+    clipboardy "^4.0.0"
+    consola "^3.4.2"
     defu "^6.1.4"
-    destr "^2.0.2"
-    execa "^5.1.1"
-    exit "^0.1.2"
-    fs-extra "^10.1.0"
-    globby "^11.0.4"
-    hookable "^4.4.1"
-    lodash "^4.17.21"
-    minimist "^1.2.8"
-    opener "1.5.2"
-    pretty-bytes "^5.6.0"
-    semver "^7.5.4"
-    serve-static "^1.15.0"
-    std-env "^3.7.0"
-    upath "^2.0.1"
-    wrap-ansi "^7.0.0"
-
-"@nuxt/components@^2.2.1":
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/@nuxt/components/-/components-2.2.1.tgz#49c4442ac5a0ef49f49ef7d9960f4376fc3e7c78"
-  integrity sha512-r1LHUzifvheTnJtYrMuA+apgsrEJbxcgFKIimeXKb+jl8TnPWdV3egmrxBCaDJchrtY/wmHyP47tunsft7AWwg==
-  dependencies:
-    chalk "^4.1.2"
-    chokidar "^3.5.2"
-    glob "^7.1.7"
-    globby "^11.0.4"
-    scule "^0.2.1"
-    semver "^7.3.5"
-    upath "^2.0.1"
-    vue-template-compiler "^2.6.14"
-
-"@nuxt/config@2.17.3":
-  version "2.17.3"
-  resolved "https://registry.yarnpkg.com/@nuxt/config/-/config-2.17.3.tgz#71725ade4b78a82a4e337aea5b498614aa638606"
-  integrity sha512-msHFykkeG2wPB8oP369Gha5n1O2RI57vLxSJcAnCrg6vrETfc6DadCsRA1o7v8Z9TjfVyU3leYy9c4F+elwFYg==
-  dependencies:
-    "@nuxt/utils" "2.17.3"
-    consola "^3.2.3"
-    defu "^6.1.4"
-    destr "^2.0.2"
-    dotenv "^16.3.1"
-    lodash "^4.17.21"
-    rc9 "^2.1.1"
-    std-env "^3.7.0"
-    ufo "^1.3.2"
-
-"@nuxt/core@2.17.3":
-  version "2.17.3"
-  resolved "https://registry.yarnpkg.com/@nuxt/core/-/core-2.17.3.tgz#ee52b6c7b15353163a921decc91926d941cdf494"
-  integrity sha512-DAyxn49UUjmEyMImaPTjGpV7EccbbqZX14j46fWC7hNR5NkLPBMHFgYj+tsetYK5LMPcKUz1zztRoFX68SMxyw==
-  dependencies:
-    "@nuxt/config" "2.17.3"
-    "@nuxt/server" "2.17.3"
-    "@nuxt/utils" "2.17.3"
-    consola "^3.2.3"
-    fs-extra "^10.1.0"
-    hash-sum "^2.0.0"
-    hookable "^4.4.1"
-    lodash "^4.17.21"
+    fuse.js "^7.1.0"
+    giget "^2.0.0"
+    h3 "^1.15.1"
+    httpxy "^0.1.7"
+    jiti "^2.4.2"
+    listhen "^1.9.0"
+    nypm "^0.6.0"
+    ofetch "^1.4.1"
+    ohash "^2.0.11"
+    pathe "^2.0.3"
+    perfect-debounce "^1.0.0"
+    pkg-types "^2.1.0"
+    scule "^1.3.0"
+    semver "^7.7.1"
+    std-env "^3.8.1"
+    tinyexec "^0.3.2"
+    ufo "^1.5.4"
 
 "@nuxt/devalue@^2.0.2":
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/@nuxt/devalue/-/devalue-2.0.2.tgz#5749f04df13bda4c863338d8dabaf370f45ef7c7"
   integrity sha512-GBzP8zOc7CGWyFQS6dv1lQz8VVpz5C2yRszbXufwG/9zhStTIH50EtD87NmWbTMwXDvZLNg8GIpb1UFdH93JCA==
 
-"@nuxt/friendly-errors-webpack-plugin@^2.6.0":
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/@nuxt/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-2.6.0.tgz#bd0cf6cd73b6e1d3e7c7f1c0de43333e69cc660c"
-  integrity sha512-3IZj6MXbzlvUxDncAxgBMLQwGPY/JlNhy2i+AGyOHCAReR5HcBxYjVRBvyaKM9R3s5k4OODYKeHAbrToZH/47w==
+"@nuxt/devtools-kit@2.3.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@nuxt/devtools-kit/-/devtools-kit-2.3.0.tgz#4a71b013c9f3d611d7bf49677a5a498647c41a6b"
+  integrity sha512-XKf5czeVLVDi1v602+NliVg80Ma9FyxXc9UmRz2mll/WsXTHZrPzCg94HXJPECv3S5vexTHmmBTyIrMIsqKFmw==
   dependencies:
-    chalk "^2.4.2"
-    consola "^3.2.3"
-    error-stack-parser "^2.1.4"
-    string-width "^4.2.3"
+    "@nuxt/kit" "^3.16.0"
+    "@nuxt/schema" "^3.16.0"
+    execa "^9.5.2"
 
-"@nuxt/generator@2.17.3":
-  version "2.17.3"
-  resolved "https://registry.yarnpkg.com/@nuxt/generator/-/generator-2.17.3.tgz#c26a9d11df8836cd0b2ba35a04eb238ba4729fec"
-  integrity sha512-m/fnzH+1RvdpDdQODUxjXlMkJzLVuOwk9AOGYZz2YaAP34nxwjxClvgIAT6IQqvq6uBZHex0Zr07N3mwEE06NA==
+"@nuxt/devtools-kit@^2.2.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@nuxt/devtools-kit/-/devtools-kit-2.3.1.tgz#63ed72768d3a4eca485a0bc6fb4c9dc575449bd6"
+  integrity sha512-sggap7UTV0823cZk1buCEdd3KG+dMo73DpBuN+zHFC8UG3PfSKDlbVmQGb0TegxWTXG6BwItNQo8gd+pZzf/MA==
   dependencies:
-    "@nuxt/utils" "2.17.3"
-    chalk "^4.1.2"
-    consola "^3.2.3"
+    "@nuxt/kit" "^3.16.1"
+    "@nuxt/schema" "^3.16.1"
+    execa "^8.0.1"
+
+"@nuxt/devtools-wizard@2.3.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@nuxt/devtools-wizard/-/devtools-wizard-2.3.0.tgz#922e6714c15d213c107125be1bfc84ec48dcdb59"
+  integrity sha512-DAZG5Fk3Jey8Sn9ADjwf2m5FBC9Ga2x4vCOc47Q1aD2X8TvMnvufpixk6saE4Ns8tEITNbIA7NnWdNc07uQ2iw==
+  dependencies:
+    consola "^3.4.0"
+    diff "^7.0.0"
+    execa "^9.5.2"
+    magicast "^0.3.5"
+    pathe "^2.0.3"
+    pkg-types "^2.1.0"
+    prompts "^2.4.2"
+    semver "^7.7.1"
+
+"@nuxt/devtools@^2.2.1":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@nuxt/devtools/-/devtools-2.3.0.tgz#c7fb80fe0eb75646e9f13554f9f537543d20bdc5"
+  integrity sha512-LOFpzKjev5CQAR5TQ0eOSO2oFhp0Zczxn9XhxPgyDFCev3es+r0ytMtTgHalWw0viePAX9DY/Hs8f23efna2JQ==
+  dependencies:
+    "@nuxt/devtools-kit" "2.3.0"
+    "@nuxt/devtools-wizard" "2.3.0"
+    "@nuxt/kit" "^3.16.0"
+    "@vue/devtools-core" "^7.7.2"
+    "@vue/devtools-kit" "^7.7.2"
+    birpc "^2.2.0"
+    consola "^3.4.0"
+    destr "^2.0.3"
+    error-stack-parser-es "^1.0.5"
+    execa "^9.5.2"
+    fast-npm-meta "^0.3.1"
+    get-port-please "^3.1.2"
+    hookable "^5.5.3"
+    image-meta "^0.2.1"
+    is-installed-globally "^1.0.0"
+    launch-editor "^2.10.0"
+    local-pkg "^1.1.1"
+    magicast "^0.3.5"
+    nypm "^0.6.0"
+    ohash "^2.0.11"
+    pathe "^2.0.3"
+    perfect-debounce "^1.0.0"
+    pkg-types "^2.1.0"
+    semver "^7.7.1"
+    simple-git "^3.27.0"
+    sirv "^3.0.1"
+    structured-clone-es "^1.0.0"
+    tinyglobby "^0.2.12"
+    vite-plugin-inspect "^11.0.0"
+    vite-plugin-vue-tracer "^0.1.1"
+    which "^5.0.0"
+    ws "^8.18.1"
+
+"@nuxt/eslint-config@1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@nuxt/eslint-config/-/eslint-config-1.2.0.tgz#63a9c37d68e07d65cae013ca8c8086a782562e38"
+  integrity sha512-ZoxtPjRUy7/m5w9ibjg7y3/v3ycC00xcs+MKr6xttRo0/MNwdtj4qQQyiyOcJQIDXinJMp4qOxQpBJLI0VzIMQ==
+  dependencies:
+    "@antfu/install-pkg" "^1.0.0"
+    "@clack/prompts" "^0.10.0"
+    "@eslint/js" "^9.22.0"
+    "@nuxt/eslint-plugin" "1.2.0"
+    "@stylistic/eslint-plugin" "^4.2.0"
+    "@typescript-eslint/eslint-plugin" "^8.26.0"
+    "@typescript-eslint/parser" "^8.26.0"
+    eslint-config-flat-gitignore "^2.1.0"
+    eslint-flat-config-utils "^2.0.1"
+    eslint-merge-processors "^2.0.0"
+    eslint-plugin-import-x "^4.6.1"
+    eslint-plugin-jsdoc "^50.6.3"
+    eslint-plugin-regexp "^2.7.0"
+    eslint-plugin-unicorn "^57.0.0"
+    eslint-plugin-vue "^10.0.0"
+    eslint-processor-vue-blocks "^2.0.0"
+    globals "^16.0.0"
+    local-pkg "^1.1.1"
+    pathe "^2.0.3"
+    vue-eslint-parser "^10.1.1"
+
+"@nuxt/eslint-plugin@1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@nuxt/eslint-plugin/-/eslint-plugin-1.2.0.tgz#135480e88d2e75bc16af9c0555083871be2875ec"
+  integrity sha512-Rd0ATAW1cvCPHHGQvHoRR5TItZo7s9WygPOq/BYisSCcn83l+PCKo8SlCSXWpa7f4g4rIzLjL0svt8XPBj7dTw==
+  dependencies:
+    "@typescript-eslint/types" "^8.26.0"
+    "@typescript-eslint/utils" "^8.26.0"
+
+"@nuxt/eslint@1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@nuxt/eslint/-/eslint-1.2.0.tgz#49202d814652b08d9c2e473dca21b1b232257798"
+  integrity sha512-5hvlB0ZQMnIaXtgWH9V1xzub2YurFFJ66yMtQcy42sxwaEGUxJ+fYLDjfHbZKxTX0VE/CuNG7A57kEtrM9diPg==
+  dependencies:
+    "@eslint/config-inspector" "^1.0.2"
+    "@nuxt/devtools-kit" "^2.2.1"
+    "@nuxt/eslint-config" "1.2.0"
+    "@nuxt/eslint-plugin" "1.2.0"
+    "@nuxt/kit" "^3.16.0"
+    chokidar "^4.0.3"
+    eslint-flat-config-utils "^2.0.1"
+    eslint-typegen "^2.0.0"
+    find-up "^7.0.0"
+    get-port-please "^3.1.2"
+    mlly "^1.7.4"
+    pathe "^2.0.3"
+    unimport "^4.1.2"
+
+"@nuxt/kit@3.16.0", "@nuxt/kit@^3.10.3", "@nuxt/kit@^3.12.4", "@nuxt/kit@^3.14.1592", "@nuxt/kit@^3.15.4", "@nuxt/kit@^3.16.0", "@nuxt/kit@^3.5.0", "@nuxt/kit@^3.9.0":
+  version "3.16.0"
+  resolved "https://registry.yarnpkg.com/@nuxt/kit/-/kit-3.16.0.tgz#ce78cfd7aac9d43596d36a078e52b4ba610a7c0a"
+  integrity sha512-yPfhk58BG6wJhELkGOTCOlkMDbZkizk3IaINcyTKm+hBKiK3SheLt7S9HStNL+qZSfH2Cf7A8sYp6M72lOIEtA==
+  dependencies:
+    c12 "^3.0.2"
+    consola "^3.4.0"
     defu "^6.1.4"
-    devalue "^2.0.1"
-    fs-extra "^10.1.0"
-    html-minifier "^4.0.0"
-    node-html-parser "^6.1.12"
-    ufo "^1.3.2"
+    destr "^2.0.3"
+    errx "^0.1.0"
+    exsolve "^1.0.2"
+    globby "^14.1.0"
+    ignore "^7.0.3"
+    jiti "^2.4.2"
+    klona "^2.0.6"
+    knitwork "^1.2.0"
+    mlly "^1.7.4"
+    ohash "^2.0.11"
+    pathe "^2.0.3"
+    pkg-types "^2.1.0"
+    scule "^1.3.0"
+    semver "^7.7.1"
+    std-env "^3.8.1"
+    ufo "^1.5.4"
+    unctx "^2.4.1"
+    unimport "^4.1.2"
+    untyped "^2.0.0"
 
-"@nuxt/kit@^3.2.3":
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/@nuxt/kit/-/kit-3.3.1.tgz#93e02a41d9adc7369d704deb88ae143c29554a4e"
-  integrity sha512-zb7/2FUIB1g7nl6K6qozUzfG5uu4yrs9TQjZvpASnPBZ/x1EuJX5k3AA71hMMIVBEX9Adxvh9AuhDEHE5W26Zg==
+"@nuxt/kit@^3.16.1":
+  version "3.16.1"
+  resolved "https://registry.yarnpkg.com/@nuxt/kit/-/kit-3.16.1.tgz#7acc5457b83fc2c7ecb25d728d83899eef4464d4"
+  integrity sha512-Perby8hJGUeCWad5oTVXb/Ibvp18ZCUC5PxHHu+acMDmVfnxSo48yqk7qNd09VkTF3LEzoEjNZpmW2ZWN0ry7A==
   dependencies:
-    "@nuxt/schema" "3.3.1"
-    c12 "^1.2.0"
-    consola "^2.15.3"
-    defu "^6.1.2"
-    globby "^13.1.3"
-    hash-sum "^2.0.0"
-    ignore "^5.2.4"
-    jiti "^1.17.2"
-    knitwork "^1.0.0"
-    lodash.template "^4.5.0"
-    mlly "^1.2.0"
-    pathe "^1.1.0"
-    pkg-types "^1.0.2"
-    scule "^1.0.0"
-    semver "^7.3.8"
-    unctx "^2.1.2"
-    unimport "^3.0.2"
-    untyped "^1.2.2"
+    c12 "^3.0.2"
+    consola "^3.4.2"
+    defu "^6.1.4"
+    destr "^2.0.3"
+    errx "^0.1.0"
+    exsolve "^1.0.4"
+    globby "^14.1.0"
+    ignore "^7.0.3"
+    jiti "^2.4.2"
+    klona "^2.0.6"
+    knitwork "^1.2.0"
+    mlly "^1.7.4"
+    ohash "^2.0.11"
+    pathe "^2.0.3"
+    pkg-types "^2.1.0"
+    scule "^1.3.0"
+    semver "^7.7.1"
+    std-env "^3.8.1"
+    ufo "^1.5.4"
+    unctx "^2.4.1"
+    unimport "^4.1.2"
+    untyped "^2.0.0"
 
-"@nuxt/loading-screen@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@nuxt/loading-screen/-/loading-screen-2.0.4.tgz#756abd861f77c57001be4d21d47534723afb4f3a"
-  integrity sha512-xpEDAoRu75tLUYCkUJCIvJkWJSuwr8pqomvQ+fkXpSrkxZ/9OzlBFjAbVdOAWTMj4aV/LVQso4vcEdircKeFIQ==
+"@nuxt/schema@3.16.0", "@nuxt/schema@^3.16.0":
+  version "3.16.0"
+  resolved "https://registry.yarnpkg.com/@nuxt/schema/-/schema-3.16.0.tgz#bec2f4c61977ba8d7e5ca26f938be3043af7097c"
+  integrity sha512-uCpcqWO6C4P5c4vi1/sq5GyajO0EOp+ZWFtPrnKaJ1pXAhA+W1aMVxAjfi2f18QMJHuRXBz1TouFg1RmWA6FuA==
   dependencies:
-    connect "^3.7.0"
-    defu "^5.0.0"
-    get-port-please "^2.2.0"
-    node-res "^5.0.1"
-    serve-static "^1.14.1"
+    consola "^3.4.0"
+    defu "^6.1.4"
+    pathe "^2.0.3"
+    std-env "^3.8.1"
 
-"@nuxt/opencollective@^0.4.0":
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/@nuxt/opencollective/-/opencollective-0.4.0.tgz#e8a19f70ae3ce74550a833b24b5364569f181646"
-  integrity sha512-uUsxOcO2lFeotV+BGOwNLeau+U17mhpaCRhE7v8nJLdWJ2iErQXadl28HaHe6btuT8RD0LDSpvwCiKrHznDxUA==
+"@nuxt/schema@^3.16.1":
+  version "3.16.1"
+  resolved "https://registry.yarnpkg.com/@nuxt/schema/-/schema-3.16.1.tgz#685ef851d127d0d5401bd5121b3adf1c3d2723e2"
+  integrity sha512-Ri8bmT6MljpVR4DlXf9+acfgGaI4OTEdAzJU5aF2rJS78abtpnBxjXBG65kuhoL1LUlfKppDl8fTkUw5LM2JXQ==
   dependencies:
-    chalk "^4.1.2"
-    consola "^3.2.3"
-    node-fetch-native "^1.4.1"
+    consola "^3.4.2"
+    defu "^6.1.4"
+    pathe "^2.0.3"
+    std-env "^3.8.1"
 
-"@nuxt/schema@3.3.1":
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/@nuxt/schema/-/schema-3.3.1.tgz#305d0db9c535f64fad3aa1a7c985410e733f9ff0"
-  integrity sha512-E8HWzU43rXzqwDTmWduTLHY4xIwRSAUt1LbpuE9IjZ4uJZq5Mbaj4nfhANNsTQGw2c+O+rL81yzAP3i61LEJDw==
+"@nuxt/telemetry@^2.6.5":
+  version "2.6.6"
+  resolved "https://registry.yarnpkg.com/@nuxt/telemetry/-/telemetry-2.6.6.tgz#5e663041eccbc900a743cbe82bac5b91f9a8263a"
+  integrity sha512-Zh4HJLjzvm3Cq9w6sfzIFyH9ozK5ePYVfCUzzUQNiZojFsI2k1QkSBrVI9BGc6ArKXj/O6rkI6w7qQ+ouL8Cag==
   dependencies:
-    c12 "^1.2.0"
-    create-require "^1.1.1"
-    defu "^6.1.2"
-    hookable "^5.5.0"
-    jiti "^1.17.2"
-    pathe "^1.1.0"
-    pkg-types "^1.0.2"
-    postcss-import-resolver "^2.0.0"
-    scule "^1.0.0"
-    std-env "^3.3.2"
-    ufo "^1.1.1"
-    unimport "^3.0.2"
-    untyped "^1.2.2"
+    "@nuxt/kit" "^3.15.4"
+    citty "^0.1.6"
+    consola "^3.4.2"
+    destr "^2.0.3"
+    dotenv "^16.4.7"
+    git-url-parse "^16.0.1"
+    is-docker "^3.0.0"
+    ofetch "^1.4.1"
+    package-manager-detector "^1.1.0"
+    pathe "^2.0.3"
+    rc9 "^2.1.2"
+    std-env "^3.8.1"
 
-"@nuxt/server@2.17.3":
-  version "2.17.3"
-  resolved "https://registry.yarnpkg.com/@nuxt/server/-/server-2.17.3.tgz#19b25d2bc86d5d3ce0aad7ac717686a31b5d395e"
-  integrity sha512-+HxDxni7nAHZdtBl1ptug6lHVio/aJn3o8ZkoHJjYuQ52dtJgEFsQs8EpDbKJDFYyL/u0TXEUPACrXbkOh9J8Q==
+"@nuxt/types@^2.18.1":
+  version "2.18.1"
+  resolved "https://registry.yarnpkg.com/@nuxt/types/-/types-2.18.1.tgz#f577223d9c2882a8f8adb6f85aacb8c17e8c3c7e"
+  integrity sha512-PpReoV9oHCnSpB9WqemTUWmlH1kqFHC3Xe5LH904VvCl/3xLO2nGYcrHeZCMV5hXNWsDUyqDnd/2cQHmeqj5lA==
   dependencies:
-    "@nuxt/utils" "2.17.3"
-    "@nuxt/vue-renderer" "2.17.3"
-    "@nuxtjs/youch" "^4.2.3"
-    compression "^1.7.4"
-    connect "^3.7.0"
-    consola "^3.2.3"
-    etag "^1.8.1"
-    fresh "^0.5.2"
-    fs-extra "^10.1.0"
-    ip "^1.1.8"
-    launch-editor-middleware "^2.6.1"
-    on-headers "^1.0.2"
-    pify "^5.0.0"
-    serve-placeholder "^2.0.1"
-    serve-static "^1.15.0"
-    server-destroy "^1.0.1"
-    ufo "^1.3.2"
-
-"@nuxt/telemetry@^1.5.0":
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/@nuxt/telemetry/-/telemetry-1.5.0.tgz#9b43290b1f80ff749c82a8376d404489fecdf01b"
-  integrity sha512-MhxiiYCFe0MayN2TvmpcsCV66zBePtrSVkFLJHwTFuneQ5Qma5x0NmCwdov7O4NSuTfgSZels9qPJh0zy0Kc4g==
-  dependencies:
-    arg "^5.0.2"
-    chalk "^4.1.1"
-    ci-info "^3.7.1"
-    consola "^3.2.3"
-    create-require "^1.1.1"
-    defu "^6.1.3"
-    destr "^2.0.2"
-    dotenv "^9.0.2"
-    fs-extra "^8.1.0"
-    git-url-parse "^13.1.1"
-    inquirer "^7.3.3"
-    jiti "^1.21.0"
-    nanoid "^3.1.23"
-    node-fetch "^2.6.1"
-    parse-git-config "^3.0.0"
-    rc9 "^2.1.1"
-    std-env "^3.5.0"
-
-"@nuxt/types@^2.16.0":
-  version "2.16.3"
-  resolved "https://registry.yarnpkg.com/@nuxt/types/-/types-2.16.3.tgz#0b5b51109dc8e8513ec30a2c057d6ce94e9127eb"
-  integrity sha512-55c5zU4JaAvyOqFxKGRNhPhBXfxptTLH0ypBXiALUojN15ZAhSjo3AqhtunZUqufBSuCEJtKD+fsBM/Fwvz+0A==
-  dependencies:
-    "@types/babel__core" "7.20.0"
-    "@types/compression" "1.7.2"
-    "@types/connect" "3.4.35"
-    "@types/etag" "1.8.1"
-    "@types/file-loader" "5.0.1"
-    "@types/html-minifier" "4.0.2"
-    "@types/less" "3.0.3"
+    "@types/babel__core" "7.20.5"
+    "@types/compression" "1.7.5"
+    "@types/connect" "3.4.38"
+    "@types/etag" "1.8.3"
+    "@types/file-loader" "5.0.4"
+    "@types/html-minifier-terser" "7.0.2"
+    "@types/less" "3.0.6"
     "@types/node" "^16"
-    "@types/optimize-css-assets-webpack-plugin" "5.0.5"
-    "@types/pug" "2.0.6"
-    "@types/serve-static" "1.15.1"
+    "@types/optimize-css-assets-webpack-plugin" "5.0.8"
+    "@types/pug" "2.0.10"
+    "@types/serve-static" "1.15.7"
     "@types/terser-webpack-plugin" "4.2.1"
-    "@types/webpack" "4.41.33"
+    "@types/webpack" "^4.41.38"
     "@types/webpack-bundle-analyzer" "3.9.5"
     "@types/webpack-hot-middleware" "2.25.5"
 
-"@nuxt/typescript-build@^2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@nuxt/typescript-build/-/typescript-build-2.1.0.tgz#191fe60e942ce84a01468ba6e255744e01c7c538"
-  integrity sha512-7TLMpfzgOckf3cBkzoPFns6Xl8FzY6MoFfm/5HUE47QeTWAdOG9ZFxMrVhHWieZHYUuV+k6byRtaRv4S/3R8zA==
+"@nuxt/vite-builder@3.16.0":
+  version "3.16.0"
+  resolved "https://registry.yarnpkg.com/@nuxt/vite-builder/-/vite-builder-3.16.0.tgz#2c8be276e114740052bfc3c8dd55bc049b002032"
+  integrity sha512-H/mRrDmpWWLIiF1J9jguCKITF0ydFxmgcBcbveQac6vVhaOZunBAv9SsKHZgnH8CDM1v5BnuRNyIQ9y4Y9wW8g==
   dependencies:
-    consola "^2.15.3"
-    fork-ts-checker-webpack-plugin "^6.1.1"
-    ts-loader "^8.0.17"
-    typescript "~4.2"
-
-"@nuxt/utils@2.17.3":
-  version "2.17.3"
-  resolved "https://registry.yarnpkg.com/@nuxt/utils/-/utils-2.17.3.tgz#5d275da3b2a3b42afc4f46ff731d8e859c50f441"
-  integrity sha512-/ZdjQY+U3I6X+IiRaHX2zA9l/cgN9GD8YIYuvf2obo5u1cLHin0MNj2dwb4P2iYvygAppb8nmcEsVzG4bppoEA==
-  dependencies:
-    consola "^3.2.3"
-    create-require "^1.1.1"
-    fs-extra "^10.1.0"
-    hash-sum "^2.0.0"
-    jiti "^1.21.0"
-    lodash "^4.17.21"
-    proper-lockfile "^4.1.2"
-    semver "^7.5.4"
-    serialize-javascript "^6.0.2"
-    signal-exit "^4.1.0"
-    ua-parser-js "^1.0.37"
-    ufo "^1.3.2"
-
-"@nuxt/vue-app@2.17.3":
-  version "2.17.3"
-  resolved "https://registry.yarnpkg.com/@nuxt/vue-app/-/vue-app-2.17.3.tgz#5dd9526521d0f84d4f34a4401eef4eee04c29c0d"
-  integrity sha512-MgB5TKTrZwgVaccMS9YKjNerlXsjnouEfe9Eo4ChVyDybMTy6apjN6QTg+YC/J/kzrsIxrFTbYnh30dAzuZdMw==
-  dependencies:
-    node-fetch-native "^1.6.1"
-    ufo "^1.3.2"
-    unfetch "^5.0.0"
-    vue "^2.7.16"
-    vue-client-only "^2.1.0"
-    vue-meta "^2.4.0"
-    vue-no-ssr "^1.1.1"
-    vue-router "^3.6.5"
-    vue-template-compiler "^2.7.16"
-    vuex "^3.6.2"
-
-"@nuxt/vue-renderer@2.17.3":
-  version "2.17.3"
-  resolved "https://registry.yarnpkg.com/@nuxt/vue-renderer/-/vue-renderer-2.17.3.tgz#9244b885bd5ecc3f65d040afb73232d0dfec1dbb"
-  integrity sha512-rSSOdta3vh47FEP8W4d+tdvJMAqejGzgQojJcruuoe+vkbo2zovFFWyISZKMFw7SCVnm0wANAwETJHpb6a3Y6Q==
-  dependencies:
-    "@nuxt/devalue" "^2.0.2"
-    "@nuxt/utils" "2.17.3"
-    consola "^3.2.3"
+    "@nuxt/kit" "3.16.0"
+    "@rollup/plugin-replace" "^6.0.2"
+    "@vitejs/plugin-vue" "^5.2.1"
+    "@vitejs/plugin-vue-jsx" "^4.1.1"
+    autoprefixer "^10.4.20"
+    consola "^3.4.0"
+    cssnano "^7.0.6"
     defu "^6.1.4"
-    fs-extra "^10.1.0"
-    lodash "^4.17.21"
-    lru-cache "^5.1.1"
-    ufo "^1.3.2"
-    vue "^2.7.16"
-    vue-meta "^2.4.0"
-    vue-server-renderer "^2.7.16"
+    esbuild "^0.25.0"
+    escape-string-regexp "^5.0.0"
+    exsolve "^1.0.2"
+    externality "^1.0.2"
+    get-port-please "^3.1.2"
+    h3 "^1.15.1"
+    jiti "^2.4.2"
+    knitwork "^1.2.0"
+    magic-string "^0.30.17"
+    mlly "^1.7.4"
+    ohash "^2.0.11"
+    pathe "^2.0.3"
+    perfect-debounce "^1.0.0"
+    pkg-types "^2.1.0"
+    postcss "^8.5.3"
+    rollup-plugin-visualizer "^5.14.0"
+    std-env "^3.8.1"
+    ufo "^1.5.4"
+    unenv "^2.0.0-rc.12"
+    unplugin "^2.2.0"
+    vite "^6.2.1"
+    vite-node "^3.0.8"
+    vite-plugin-checker "^0.9.0"
+    vue-bundle-renderer "^2.1.1"
 
-"@nuxt/webpack@2.17.3":
-  version "2.17.3"
-  resolved "https://registry.yarnpkg.com/@nuxt/webpack/-/webpack-2.17.3.tgz#d83c5bb3ad3085ad93b1628e8cc065e07001ac6e"
-  integrity sha512-09vP3oShjp4ogsJL3XTi2kk1gh5itG5OwerLxF1NiJNNeuIAc/kei0L3MVhyfMxUVx22SF9sb23cZLIJxoK8cQ==
-  dependencies:
-    "@babel/core" "^7.23.7"
-    "@nuxt/babel-preset-app" "2.17.3"
-    "@nuxt/friendly-errors-webpack-plugin" "^2.6.0"
-    "@nuxt/utils" "2.17.3"
-    babel-loader "^8.3.0"
-    cache-loader "^4.1.0"
-    caniuse-lite "^1.0.30001576"
-    consola "^3.2.3"
-    css-loader "^5.2.7"
-    cssnano "^6.0.3"
-    eventsource-polyfill "^0.9.6"
-    extract-css-chunks-webpack-plugin "^4.10.0"
-    file-loader "^6.2.0"
-    glob "^8.1.0"
-    hard-source-webpack-plugin "^0.13.1"
-    hash-sum "^2.0.0"
-    html-webpack-plugin "^4.5.1"
-    lodash "^4.17.21"
-    memory-fs "^0.5.0"
-    optimize-css-assets-webpack-plugin "^6.0.1"
-    pify "^5.0.0"
-    pnp-webpack-plugin "^1.7.0"
-    postcss "^8.4.33"
-    postcss-import "^15.1.0"
-    postcss-import-resolver "^2.0.0"
-    postcss-loader "^4.3.0"
-    postcss-preset-env "^9.3.0"
-    postcss-url "^10.1.3"
-    semver "^7.5.4"
-    std-env "^3.7.0"
-    style-resources-loader "^1.5.0"
-    terser-webpack-plugin "^4.2.3"
-    thread-loader "^3.0.4"
-    time-fix-plugin "^2.0.7"
-    ufo "^1.3.2"
-    upath "^2.0.1"
-    url-loader "^4.1.1"
-    vue-loader "^15.11.1"
-    vue-style-loader "^4.1.3"
-    vue-template-compiler "^2.7.16"
-    watchpack "^2.4.0"
-    webpack "^4.47.0"
-    webpack-bundle-analyzer "^4.10.1"
-    webpack-dev-middleware "^5.0.0"
-    webpack-hot-middleware "^2.26.0"
-    webpack-node-externals "^3.0.0"
-    webpackbar "^6.0.0"
-
-"@nuxtjs/auth-next@5.0.0-1667386184.dfbbb54":
-  version "5.0.0-1667386184.dfbbb54"
-  resolved "https://registry.yarnpkg.com/@nuxtjs/auth-next/-/auth-next-5.0.0-1667386184.dfbbb54.tgz#54404436adda39bf2fe751e799551b2cf626b7c1"
-  integrity sha512-ODUw/y7oTRGvzOQbtoJg7yqOiJ1XuPecmtdSnZukx1x942HL5dRNIarfjdsANP8B3zsyjZ3qyzmo/dzhsJYD6g==
-  dependencies:
-    "@nuxtjs/axios" "^5.13.6"
-    axios "^0.26.1"
-    body-parser "^1.19.2"
-    consola "^2.15.3"
-    cookie "^0.4.2"
-    defu "^5.0.1"
-    hasha "^5.2.2"
-    jwt-decode "^3.1.2"
-    requrl "^3.0.2"
-
-"@nuxtjs/axios@^5.13.6":
-  version "5.13.6"
-  resolved "https://registry.yarnpkg.com/@nuxtjs/axios/-/axios-5.13.6.tgz#6f4bbd98a3a7799a5d2c0726c6ad2a98aa111881"
-  integrity sha512-XS+pOE0xsDODs1zAIbo95A0LKlilvJi8YW0NoXYuq3/jjxGgWDxizZ6Yx0AIIjZOoGsXJOPc0/BcnSEUQ2mFBA==
-  dependencies:
-    "@nuxtjs/proxy" "^2.1.0"
-    axios "^0.21.1"
-    axios-retry "^3.1.9"
-    consola "^2.15.3"
-    defu "^5.0.0"
-
-"@nuxtjs/composition-api@^0.33.1":
-  version "0.33.1"
-  resolved "https://registry.yarnpkg.com/@nuxtjs/composition-api/-/composition-api-0.33.1.tgz#509ace1ac1e5d3e73ab3a949efacf14f35a46da3"
-  integrity sha512-dI0c5atKDsEIVycrsKw9T+aaos2VggscSJBPZpC1BXKzHR7+9Ilor+SHvnAEb5j2E2v+8x407Uo339oJzhlD1A==
-  dependencies:
-    defu "^6.0.0"
-    estree-walker "^2.0.2"
-    fs-extra "^9.1.0"
-    magic-string "^0.26.2"
-    pathe "^0.3.3"
-    ufo "^0.8.5"
-
-"@nuxtjs/eslint-config-typescript@^12.0.0":
-  version "12.0.0"
-  resolved "https://registry.yarnpkg.com/@nuxtjs/eslint-config-typescript/-/eslint-config-typescript-12.0.0.tgz#eaa36d8a8eb1c35a918f606e32613e0726b98c0b"
-  integrity sha512-HJR0ho5MYuOCFjkL+eMX/VXbUwy36J12DUMVy+dj3Qz1GYHwX92Saxap3urFzr8oPkzzFiuOknDivfCeRBWakg==
+"@nuxtjs/eslint-config-typescript@^12.1.0":
+  version "12.1.0"
+  resolved "https://registry.yarnpkg.com/@nuxtjs/eslint-config-typescript/-/eslint-config-typescript-12.1.0.tgz#46b19c51339e02d6336c090c3f988e2dc5aad9bc"
+  integrity sha512-l2fLouDYwdAvCZEEw7wGxOBj+i8TQcHFu3zMPTLqKuv1qu6WcZIr0uztkbaa8ND1uKZ9YPqKx6UlSOjM4Le69Q==
   dependencies:
     "@nuxtjs/eslint-config" "^12.0.0"
-    "@typescript-eslint/eslint-plugin" "^5.42.1"
-    "@typescript-eslint/parser" "^5.42.1"
-    eslint-import-resolver-typescript "^3.5.2"
-    eslint-plugin-import "^2.26.0"
-    eslint-plugin-vue "^9.7.0"
+    "@typescript-eslint/eslint-plugin" "^6.5.0"
+    "@typescript-eslint/parser" "^6.5.0"
+    eslint-import-resolver-typescript "^3.6.0"
+    eslint-plugin-import "^2.28.1"
+    eslint-plugin-vue "^9.17.0"
 
 "@nuxtjs/eslint-config@^12.0.0":
   version "12.0.0"
@@ -2214,41 +2108,101 @@
     eslint-plugin-vue "^9.7.0"
     local-pkg "^0.4.2"
 
-"@nuxtjs/eslint-module@4.0.2":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@nuxtjs/eslint-module/-/eslint-module-4.0.2.tgz#5d4d83d39e8d34a0b3adfef175e0adddaed35c7b"
-  integrity sha512-Lss37KjO9EZwlrxHcvXWiLZnd/kvw40htqhwKJiA8/IwuVWAFJ6Tu5Hl8iz2V0BN4RU1DIaS1ULQOQycndu3dw==
+"@nuxtjs/eslint-module@^4.1.0":
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/@nuxtjs/eslint-module/-/eslint-module-4.1.0.tgz#646b7ac6c7950e9aa778b5ba6b0a88f9dea2f1e6"
+  integrity sha512-lW9ozEjOrnU8Uot3GOAZ/0ThNAds0d6UAp9n46TNxcTvH/MOcAggGbMNs16c0HYT2HlyPQvXORCHQ5+9p87mmw==
   dependencies:
-    "@nuxt/kit" "^3.2.3"
-    eslint-webpack-plugin "^4.0.0"
+    "@nuxt/kit" "^3.5.0"
+    chokidar "^3.5.3"
+    eslint-webpack-plugin "^4.0.1"
+    pathe "^1.1.0"
     vite-plugin-eslint "^1.8.1"
 
-"@nuxtjs/google-fonts@2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@nuxtjs/google-fonts/-/google-fonts-2.0.0.tgz#a0a97b3f0d2f86b4ec2ec08077e11105c07b71e8"
-  integrity sha512-ddcv0/+e5YKK2/ivE1v6I7aGXoNfcuGjNydbJz3q+zXkucftbQDBtph8AoYcqRbTIwUpCsr4aHov8P2HXyZSbg==
+"@nuxtjs/google-fonts@^3.2.0":
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/@nuxtjs/google-fonts/-/google-fonts-3.2.0.tgz#03e3284dc980e6bcaa0c67c3080aecda76574b1c"
+  integrity sha512-cGAjDJoeQ2jm6VJCo4AtSmKO6KjsbO9RSLj8q261fD0lMVNMZCxkCxBkg8L0/2Vfgp+5QBHWVXL71p1tiybJFw==
   dependencies:
-    consola "^2.15.3"
-    defu "^6.0.0"
-    google-fonts-helper "^2.0.1"
+    "@nuxt/kit" "^3.10.3"
+    google-fonts-helper "^3.5.0"
+    pathe "^1.1.2"
 
-"@nuxtjs/i18n@7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@nuxtjs/i18n/-/i18n-7.2.0.tgz#f44fd61e3ec3c63663c392159e2d5f14d4f1091e"
-  integrity sha512-fO/QRMxZ0t6LpYJ7ti6mHc0lsog4SMr7Xll3d45zdVSI7+5eBE1YcoG8yXv1sndGQZoq8k0iD1dXuAJA6UL5ww==
+"@nuxtjs/i18n@^9.2.1":
+  version "9.3.1"
+  resolved "https://registry.yarnpkg.com/@nuxtjs/i18n/-/i18n-9.3.1.tgz#5ffa9c750847058ef029bf2ea6b6b18ae5068b8b"
+  integrity sha512-AfBYdTDhAmzlPz1CsjV55wASHvrFj8CTRkAOjCo4fc3yUSC1V2ENPBHSix/sPJbdg8cI0HOweM2rX9nAEPgyRw==
   dependencies:
-    "@babel/parser" "^7.16.2"
-    "@babel/traverse" "^7.16.0"
-    "@intlify/vue-i18n-extensions" "^1.0.2"
-    "@intlify/vue-i18n-loader" "^1.1.0"
-    cookie "^0.4.1"
-    devalue "^2.0.1"
+    "@intlify/h3" "^0.6.1"
+    "@intlify/shared" "^10.0.5"
+    "@intlify/unplugin-vue-i18n" "^6.0.3"
+    "@intlify/utils" "^0.13.0"
+    "@miyaneee/rollup-plugin-json5" "^1.2.0"
+    "@nuxt/kit" "^3.16.0"
+    "@oxc-parser/wasm" "^0.53.0"
+    "@rollup/plugin-yaml" "^4.1.2"
+    "@vue/compiler-sfc" "^3.5.13"
+    debug "^4.3.5"
+    defu "^6.1.2"
+    estree-walker "^3.0.3"
     is-https "^4.0.0"
-    js-cookie "^3.0.1"
-    klona "^2.0.5"
-    lodash.merge "^4.6.2"
-    ufo "^0.7.9"
-    vue-i18n "^8.26.7"
+    knitwork "^1.1.0"
+    magic-string "^0.30.10"
+    mlly "^1.7.1"
+    oxc-parser "^0.53.0"
+    pathe "^1.1.1"
+    ufo "^1.3.1"
+    unplugin "^2.2.0"
+    unplugin-vue-router "^0.10.8"
+    vue-i18n "^10.0.5"
+    vue-router "^4.5.0"
+
+"@nuxtjs/mdc@0.14.0":
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/@nuxtjs/mdc/-/mdc-0.14.0.tgz#dc6e5d6fcb0e654a052338c5651fa94686170113"
+  integrity sha512-EoPsKDKMWzMr9XSOhWcIdJq/O+apZV88vCHXhqPYa/zLXqEchyvDVdAJbNSaOZ9b8UN2C3KA7k2UvmOydnOxzA==
+  dependencies:
+    "@nuxt/kit" "^3.15.4"
+    "@shikijs/transformers" "^3.0.0"
+    "@types/hast" "^3.0.4"
+    "@types/mdast" "^4.0.4"
+    "@vue/compiler-core" "^3.5.13"
+    consola "^3.4.0"
+    debug "4.4.0"
+    defu "^6.1.4"
+    destr "^2.0.3"
+    detab "^3.0.2"
+    github-slugger "^2.0.0"
+    hast-util-format "^1.1.0"
+    hast-util-to-mdast "^10.1.2"
+    hast-util-to-string "^3.0.1"
+    mdast-util-to-hast "^13.2.0"
+    micromark-util-sanitize-uri "^2.0.1"
+    ohash "^1.1.4"
+    parse5 "^7.2.1"
+    pathe "^2.0.3"
+    property-information "^6.5.0"
+    rehype-external-links "^3.0.0"
+    rehype-minify-whitespace "^6.0.2"
+    rehype-raw "^7.0.0"
+    rehype-remark "^10.0.0"
+    rehype-slug "^6.0.0"
+    rehype-sort-attribute-values "^5.0.1"
+    rehype-sort-attributes "^5.0.1"
+    remark-emoji "^5.0.1"
+    remark-gfm "^4.0.1"
+    remark-mdc "^3.5.3"
+    remark-parse "^11.0.0"
+    remark-rehype "^11.1.1"
+    remark-stringify "^11.0.0"
+    scule "^1.3.0"
+    shiki "^3.0.0"
+    ufo "^1.5.4"
+    unified "^11.0.5"
+    unist-builder "^4.0.0"
+    unist-util-visit "^5.0.0"
+    unwasm "^0.3.9"
+    vfile "^6.0.3"
 
 "@nuxtjs/proxy@^2.1.0":
   version "2.1.0"
@@ -2257,57 +2211,404 @@
   dependencies:
     http-proxy-middleware "^1.0.6"
 
-"@nuxtjs/pwa@3.2.0":
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/@nuxtjs/pwa/-/pwa-3.2.0.tgz#23b72a3a940b941febd87dbbd98ec48f292b6b0e"
-  integrity sha512-IpzVC5WrP6kQU+gwe2vBjB9xRZlQprhlB1a2nh6SrD0N1IbvCq+AyiEJBDxhr/Z4887zLsRdHVSHS+o08F2oTA==
-  dependencies:
-    defu "^3.1.0"
-    execa "^4.0.3"
-    fs-extra "^9.0.1"
-    hasha "^5.2.2"
-    jimp-compact "^0.16.1"
-    lodash.template "^4.5.0"
-    workbox-cdn "^5.1.3"
+"@oxc-parser/binding-darwin-arm64@0.53.0":
+  version "0.53.0"
+  resolved "https://registry.yarnpkg.com/@oxc-parser/binding-darwin-arm64/-/binding-darwin-arm64-0.53.0.tgz#5f0e1672c1e95a7b40eed6808731690fba6c0c77"
+  integrity sha512-wamfZjKPBIbORIL9XeGPvvLVvYvfl/1sOZqKWGFFp+LKBoOqx3X7la8+76SDjgIGkAUyl/FTO2lclFe2h87JWg==
 
-"@nuxtjs/vuetify@^1.12.1":
-  version "1.12.3"
-  resolved "https://registry.yarnpkg.com/@nuxtjs/vuetify/-/vuetify-1.12.3.tgz#d4adf84e18fd474044bf971e7cc978e25eb16ba1"
-  integrity sha512-6uVL3cfESMB00eVjJTNkyU4jvuPTGPn1yteo7lQTH6v+fxHcPaOgvzVYHIKSHIz1DecuOiB5c9b+YjsRP5+C8A==
-  dependencies:
-    deepmerge "^4.2.2"
-    sass "~1.32.13"
-    sass-loader "^10.2.0"
-    vuetify "^2.6"
-    vuetify-loader "^1.7.3"
+"@oxc-parser/binding-darwin-arm64@0.56.5":
+  version "0.56.5"
+  resolved "https://registry.yarnpkg.com/@oxc-parser/binding-darwin-arm64/-/binding-darwin-arm64-0.56.5.tgz#deac354d144b85dac8db4db3379d0bad63b2ac75"
+  integrity sha512-rj4WZqQVJQgLnGnDu2ciIOC5SqcBPc4x11RN0NwuedSGzny5mtBdNVLwt0+8iB15lIjrOKg5pjYJ8GQVPca5HA==
 
-"@nuxtjs/youch@^4.2.3":
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/@nuxtjs/youch/-/youch-4.2.3.tgz#36f8b22df5a0efaa81373109851e1d857aca6bed"
-  integrity sha512-XiTWdadTwtmL/IGkNqbVe+dOlT+IMvcBu7TvKI7plWhVQeBCQ9iKhk3jgvVWFyiwL2yHJDlEwOM5v9oVES5Xmw==
-  dependencies:
-    cookie "^0.3.1"
-    mustache "^2.3.0"
-    stack-trace "0.0.10"
+"@oxc-parser/binding-darwin-x64@0.53.0":
+  version "0.53.0"
+  resolved "https://registry.yarnpkg.com/@oxc-parser/binding-darwin-x64/-/binding-darwin-x64-0.53.0.tgz#86223c9760389d6d83a730e8017b0f93f9d9db3a"
+  integrity sha512-geeBJOf1FtTQgmgKEUdOEnHP9pTIXSo7HDIJ1tiIO6j6u3j9zss8wFX2khH2XqAxLekSC87x8Bu6iB22ZDqajQ==
 
-"@pkgr/utils@^2.3.1":
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/@pkgr/utils/-/utils-2.3.1.tgz#0a9b06ffddee364d6642b3cd562ca76f55b34a03"
-  integrity sha512-wfzX8kc1PMyUILA+1Z/EqoE4UCXGy0iRGMhPwdfae1+f0OXlLqCk+By+aMzgJBzR9AzS4CDizioG6Ss1gvAFJw==
+"@oxc-parser/binding-darwin-x64@0.56.5":
+  version "0.56.5"
+  resolved "https://registry.yarnpkg.com/@oxc-parser/binding-darwin-x64/-/binding-darwin-x64-0.56.5.tgz#9cfabdc1dc69642926a9165310e85a1fff50b9d8"
+  integrity sha512-Rr7aMkqcxGIM6fgkpaj9SJj0u1O1g+AT7mJwmdi5PLSQRPR4CkDKfztEnAj5k+d2blWvh9nPZH8G0OCwxIHk1Q==
+
+"@oxc-parser/binding-linux-arm-gnueabihf@0.56.5":
+  version "0.56.5"
+  resolved "https://registry.yarnpkg.com/@oxc-parser/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-0.56.5.tgz#61220508c18571ec6db98f15f3f2221e3c26e742"
+  integrity sha512-jcFCThrWUt5k1GM43tdmI1m2dEnWUPPHHTWKBJbZBXzXLrJJzkqv5OU87Spf1004rYj9swwpa13kIldFwMzglA==
+
+"@oxc-parser/binding-linux-arm64-gnu@0.53.0":
+  version "0.53.0"
+  resolved "https://registry.yarnpkg.com/@oxc-parser/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-0.53.0.tgz#2269334c93ce4c3716563781d062e3bc2112ec8c"
+  integrity sha512-1f5ErSzs5vGSzfMAm+puhKr5J3zqmwtRqoAiW8oZe1TXBk8PSQGaHl43mY8fhfX+ErGwmTdj3z0Q/Y341rkf8Q==
+
+"@oxc-parser/binding-linux-arm64-gnu@0.56.5":
+  version "0.56.5"
+  resolved "https://registry.yarnpkg.com/@oxc-parser/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-0.56.5.tgz#a8fdb2287458c56889aeeed2b352a342a51bf539"
+  integrity sha512-zo/9RDgWvugKxCpHHcAC5EW0AqoEvODJ4Iv4aT1Xonv6kcydbyPSXJBQhhZUvTXTAFIlQKl6INHl+Xki9Qs3fw==
+
+"@oxc-parser/binding-linux-arm64-musl@0.53.0":
+  version "0.53.0"
+  resolved "https://registry.yarnpkg.com/@oxc-parser/binding-linux-arm64-musl/-/binding-linux-arm64-musl-0.53.0.tgz#f149a35454e28e0d4161dd47cec97608574d984d"
+  integrity sha512-wZ8rNwybcSzzoJzmR1xLUOrum3rYcW2/h4sJSzykI59rzo3Hw21F45EEgCddn3svcgMPK2qW/hcX9SKQ5Ru71Q==
+
+"@oxc-parser/binding-linux-arm64-musl@0.56.5":
+  version "0.56.5"
+  resolved "https://registry.yarnpkg.com/@oxc-parser/binding-linux-arm64-musl/-/binding-linux-arm64-musl-0.56.5.tgz#9f5876f7f7e8541996a228408997a3c5b88948b4"
+  integrity sha512-SCIqrL5apVbrtMoqOpKX/Ez+c46WmW0Tyhtu+Xby281biH+wYu70m+fux9ZsGmbHc2ojd4FxUcaUdCZtb5uTOQ==
+
+"@oxc-parser/binding-linux-x64-gnu@0.53.0":
+  version "0.53.0"
+  resolved "https://registry.yarnpkg.com/@oxc-parser/binding-linux-x64-gnu/-/binding-linux-x64-gnu-0.53.0.tgz#9a5ea45fdbdd42dba3f564255abc74417e52af85"
+  integrity sha512-R1Y2hamxRtD1j9sEbyiPTl9rQoyub3tOVaPRG8hSJosymrrfKotrK/S3RNkUWfY5UjKTRFc1c+he3FDMZCRamQ==
+
+"@oxc-parser/binding-linux-x64-gnu@0.56.5":
+  version "0.56.5"
+  resolved "https://registry.yarnpkg.com/@oxc-parser/binding-linux-x64-gnu/-/binding-linux-x64-gnu-0.56.5.tgz#07b6b201e50368611b3e258cebea380a2020c8e4"
+  integrity sha512-I2mpX35NWo83hay4wrnzFLk3VuGK1BBwHaqvEdqsCode8iG8slYJRJPICVbCEWlkR3rotlTQ+608JcRU0VqZ5Q==
+
+"@oxc-parser/binding-linux-x64-musl@0.53.0":
+  version "0.53.0"
+  resolved "https://registry.yarnpkg.com/@oxc-parser/binding-linux-x64-musl/-/binding-linux-x64-musl-0.53.0.tgz#50ef198be48da76d5b6dd80c0ba45668342f4885"
+  integrity sha512-3BlzMhRvfUmF1DNzIcN/TjEqrm9vKHEfPipgZJHG9uh1cr+o5e+whBYhQ2JJ0cd07i7FcNq+gKIjCwv31JNonw==
+
+"@oxc-parser/binding-linux-x64-musl@0.56.5":
+  version "0.56.5"
+  resolved "https://registry.yarnpkg.com/@oxc-parser/binding-linux-x64-musl/-/binding-linux-x64-musl-0.56.5.tgz#5462efaa752ce93055d905078ad02d317a8867a1"
+  integrity sha512-xfzUHGYOh3PGWZdBuY5r1czvE8EGWPAmhTWHqkw3/uAfUVWN/qrrLjMojiaiWyUgl/9XIFg05m5CJH9dnngh5Q==
+
+"@oxc-parser/binding-wasm32-wasi@0.56.5":
+  version "0.56.5"
+  resolved "https://registry.yarnpkg.com/@oxc-parser/binding-wasm32-wasi/-/binding-wasm32-wasi-0.56.5.tgz#c446240cb34fe19324c528a18b9ad635983026c1"
+  integrity sha512-+z3Ofmc1v5kcu8fXgG5vn7T1f52P47ceTTmTXsm5HPY7rq5EMYRUaBnxH6cesXwY1OVVCwYlIZbCiy8Pm1w8zQ==
+  dependencies:
+    "@napi-rs/wasm-runtime" "^0.2.7"
+
+"@oxc-parser/binding-win32-arm64-msvc@0.53.0":
+  version "0.53.0"
+  resolved "https://registry.yarnpkg.com/@oxc-parser/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-0.53.0.tgz#c0d41c1095eacaaa49745051024b8a0796024ec5"
+  integrity sha512-m7LYYdg8l1h4ozYSHPvuoC4oBEBKBEYniHwHrwRxYoNDlqzkQtnvE/lBwMZnXDbd+STwx1ba7ukxV2XNpv58Wg==
+
+"@oxc-parser/binding-win32-arm64-msvc@0.56.5":
+  version "0.56.5"
+  resolved "https://registry.yarnpkg.com/@oxc-parser/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-0.56.5.tgz#9d6f3131344e78fd0367aa6c4c9ab07f2e1d7a69"
+  integrity sha512-pRg8QrbMh8PgnXBreiONoJBR306u+JN19BXQC7oKIaG4Zxt9Mn8XIyuhUv3ytqjLudSiG2ERWQUoCGLs+yfW0A==
+
+"@oxc-parser/binding-win32-x64-msvc@0.53.0":
+  version "0.53.0"
+  resolved "https://registry.yarnpkg.com/@oxc-parser/binding-win32-x64-msvc/-/binding-win32-x64-msvc-0.53.0.tgz#4415e310e50c2b240c83df262b6a7387ead2f8eb"
+  integrity sha512-7EhG3JJRttLxfyPriaO7J+2mNQ3tKG25/VkkPW30aH5YL6TKQFUijM/Lh7UW7nRXdvr5Oqn4yVjnDTi8PapFmw==
+
+"@oxc-parser/binding-win32-x64-msvc@0.56.5":
+  version "0.56.5"
+  resolved "https://registry.yarnpkg.com/@oxc-parser/binding-win32-x64-msvc/-/binding-win32-x64-msvc-0.56.5.tgz#97abddb929e894f07e2eaba3f64959f89749aa47"
+  integrity sha512-VALZNcuyw/6rwsxOACQ2YS6rey2d/ym4cNfXqJrHB/MZduAPj4xvij72gHGu3Ywm31KVGLVWk/mrMRiM9CINcA==
+
+"@oxc-parser/wasm@^0.53.0":
+  version "0.53.0"
+  resolved "https://registry.yarnpkg.com/@oxc-parser/wasm/-/wasm-0.53.0.tgz#5172ca987e50485ae115bb3cea9b99fde56a3a08"
+  integrity sha512-RqWt/Z8SH9RkE5PBTCre/GczXpM/D8pajshzMiHqTVKyrBtUd7ulL2idYBrceBsK+FQT2XdRTx4cUs7TCRfEGw==
+  dependencies:
+    "@oxc-project/types" "^0.53.0"
+
+"@oxc-parser/wasm@^0.56.4":
+  version "0.56.5"
+  resolved "https://registry.yarnpkg.com/@oxc-parser/wasm/-/wasm-0.56.5.tgz#9c68f474c0de2a32e1f354d65c1c9a96364b6bd1"
+  integrity sha512-9vtn56ok7PHS0elihFP+Q+alveQuGR0vnF6OeZesxkKWLJr8mCk0kZJx5ZxLjibaPA/sxWTmOyn31UMM9jg9fg==
+  dependencies:
+    "@oxc-project/types" "^0.56.5"
+
+"@oxc-project/types@^0.53.0":
+  version "0.53.0"
+  resolved "https://registry.yarnpkg.com/@oxc-project/types/-/types-0.53.0.tgz#26ae8fe48e029cd5a94c92d289e3917e088eb0cd"
+  integrity sha512-8JXXVoHnRLcl6kDBboSfAmAkKeb6PSvSc5qSJxiOFzFx0ZCLAbUDmuwR2hkBnY7kQS3LmNXaONq1BFAmwTyeZw==
+
+"@oxc-project/types@^0.56.5":
+  version "0.56.5"
+  resolved "https://registry.yarnpkg.com/@oxc-project/types/-/types-0.56.5.tgz#ff3f2a2b09e493e3eab6c8e403de2eb02c3efe67"
+  integrity sha512-skY3kOJwp22W4RkaadH1hZ3hqFHjkRrIIE0uQ4VUg+/Chvbl+2pF+B55IrIk2dgsKXS57YEUsJuN6I6s4rgFjA==
+
+"@panva/hkdf@^1.0.2":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@panva/hkdf/-/hkdf-1.2.1.tgz#cb0d111ef700136f4580349ff0226bf25c853f23"
+  integrity sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==
+
+"@parcel/watcher-android-arm64@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz#507f836d7e2042f798c7d07ad19c3546f9848ac1"
+  integrity sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==
+
+"@parcel/watcher-darwin-arm64@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz#3d26dce38de6590ef79c47ec2c55793c06ad4f67"
+  integrity sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==
+
+"@parcel/watcher-darwin-x64@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz#99f3af3869069ccf774e4ddfccf7e64fd2311ef8"
+  integrity sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==
+
+"@parcel/watcher-freebsd-x64@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz#14d6857741a9f51dfe51d5b08b7c8afdbc73ad9b"
+  integrity sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==
+
+"@parcel/watcher-linux-arm-glibc@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz#43c3246d6892381db473bb4f663229ad20b609a1"
+  integrity sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==
+
+"@parcel/watcher-linux-arm-musl@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz#663750f7090bb6278d2210de643eb8a3f780d08e"
+  integrity sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==
+
+"@parcel/watcher-linux-arm64-glibc@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz#ba60e1f56977f7e47cd7e31ad65d15fdcbd07e30"
+  integrity sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==
+
+"@parcel/watcher-linux-arm64-musl@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz#f7fbcdff2f04c526f96eac01f97419a6a99855d2"
+  integrity sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==
+
+"@parcel/watcher-linux-x64-glibc@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz#4d2ea0f633eb1917d83d483392ce6181b6a92e4e"
+  integrity sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==
+
+"@parcel/watcher-linux-x64-musl@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz#277b346b05db54f55657301dd77bdf99d63606ee"
+  integrity sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==
+
+"@parcel/watcher-wasm@^2.4.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-wasm/-/watcher-wasm-2.5.1.tgz#78b0395319dcc412b214f027593351f932c094a5"
+  integrity sha512-RJxlQQLkaMMIuWRozy+z2vEqbaQlCuaCgVZIUCzQLYggY22LZbP5Y1+ia+FD724Ids9e+XIyOLXLrLgQSHIthw==
   dependencies:
-    cross-spawn "^7.0.3"
     is-glob "^4.0.3"
-    open "^8.4.0"
-    picocolors "^1.0.0"
-    tiny-glob "^0.2.9"
-    tslib "^2.4.0"
+    micromatch "^4.0.5"
+    napi-wasm "^1.1.0"
+
+"@parcel/watcher-win32-arm64@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz#7e9e02a26784d47503de1d10e8eab6cceb524243"
+  integrity sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==
+
+"@parcel/watcher-win32-ia32@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz#2d0f94fa59a873cdc584bf7f6b1dc628ddf976e6"
+  integrity sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==
+
+"@parcel/watcher-win32-x64@2.5.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz#ae52693259664ba6f2228fa61d7ee44b64ea0947"
+  integrity sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==
+
+"@parcel/watcher@^2.4.1":
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/@parcel/watcher/-/watcher-2.5.1.tgz#342507a9cfaaf172479a882309def1e991fb1200"
+  integrity sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==
+  dependencies:
+    detect-libc "^1.0.3"
+    is-glob "^4.0.3"
+    micromatch "^4.0.5"
+    node-addon-api "^7.0.0"
+  optionalDependencies:
+    "@parcel/watcher-android-arm64" "2.5.1"
+    "@parcel/watcher-darwin-arm64" "2.5.1"
+    "@parcel/watcher-darwin-x64" "2.5.1"
+    "@parcel/watcher-freebsd-x64" "2.5.1"
+    "@parcel/watcher-linux-arm-glibc" "2.5.1"
+    "@parcel/watcher-linux-arm-musl" "2.5.1"
+    "@parcel/watcher-linux-arm64-glibc" "2.5.1"
+    "@parcel/watcher-linux-arm64-musl" "2.5.1"
+    "@parcel/watcher-linux-x64-glibc" "2.5.1"
+    "@parcel/watcher-linux-x64-musl" "2.5.1"
+    "@parcel/watcher-win32-arm64" "2.5.1"
+    "@parcel/watcher-win32-ia32" "2.5.1"
+    "@parcel/watcher-win32-x64" "2.5.1"
+
+"@pkgjs/parseargs@^0.11.0":
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
+  integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
+
+"@pkgr/core@^0.1.0":
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/@pkgr/core/-/core-0.1.1.tgz#1ec17e2edbec25c8306d424ecfbf13c7de1aaa31"
+  integrity sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==
 
 "@polka/url@^1.0.0-next.24":
-  version "1.0.0-next.24"
-  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.24.tgz#58601079e11784d20f82d0585865bb42305c4df3"
-  integrity sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ==
+  version "1.0.0-next.28"
+  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.28.tgz#d45e01c4a56f143ee69c54dd6b12eade9e270a73"
+  integrity sha512-8LduaNlMZGwdZ6qWrKlfa+2M4gahzFkprZiAt2TF8uS0qQgBizKXpXURqvTJ4WtmupWxaLqjRb2UCTe72mu+Aw==
 
-"@rollup/pluginutils@^4.1.1", "@rollup/pluginutils@^4.2.1":
+"@poppinss/colors@^4.1.4":
+  version "4.1.4"
+  resolved "https://registry.yarnpkg.com/@poppinss/colors/-/colors-4.1.4.tgz#ba0188a0ad3d249175f7291f9a051eba74ed180e"
+  integrity sha512-FA+nTU8p6OcSH4tLDY5JilGYr1bVWHpNmcLr7xmMEdbWmKHa+3QZ+DqefrXKmdjO/brHTnQZo20lLSjaO7ydog==
+  dependencies:
+    kleur "^4.1.5"
+
+"@poppinss/dumper@^0.6.3":
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/@poppinss/dumper/-/dumper-0.6.3.tgz#0639be63ed59aaf3e11bfe0b17de71a26fc1bac3"
+  integrity sha512-iombbn8ckOixMtuV1p3f8jN6vqhXefNjJttoPaJDMeIk/yIGhkkL3OrHkEjE9SRsgoAx1vBUU2GtgggjvA5hCA==
+  dependencies:
+    "@poppinss/colors" "^4.1.4"
+    "@sindresorhus/is" "^7.0.1"
+    supports-color "^10.0.0"
+
+"@poppinss/exception@^1.2.0":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@poppinss/exception/-/exception-1.2.1.tgz#8a5f2120fabb64a99772166d537d8a97490209ff"
+  integrity sha512-aQypoot0HPSJa6gDPEPTntc1GT6QINrSbgRlRhadGW2WaYqUK3tK4Bw9SBMZXhmxd3GeAlZjVcODHgiu+THY7A==
+
+"@redocly/ajv@^8.11.2":
+  version "8.11.2"
+  resolved "https://registry.yarnpkg.com/@redocly/ajv/-/ajv-8.11.2.tgz#46e1bf321ec0ac1e0fd31dea41a3d1fcbdcda0b5"
+  integrity sha512-io1JpnwtIcvojV7QKDUSIuMN/ikdOUd1ReEnUnMKGfDVridQZ31J0MmIuqwuRjWDZfmvr+Q0MqCcfHM2gTivOg==
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    json-schema-traverse "^1.0.0"
+    require-from-string "^2.0.2"
+    uri-js-replace "^1.0.1"
+
+"@redocly/config@^0.22.0":
+  version "0.22.1"
+  resolved "https://registry.yarnpkg.com/@redocly/config/-/config-0.22.1.tgz#e14461c009ac53b74f82c9788f9c43fc2c718f24"
+  integrity sha512-1CqQfiG456v9ZgYBG9xRQHnpXjt8WoSnDwdkX6gxktuK69v2037hTAR1eh0DGIqpZ1p4k82cGH8yTNwt7/pI9g==
+
+"@redocly/openapi-core@^1.28.0":
+  version "1.33.1"
+  resolved "https://registry.yarnpkg.com/@redocly/openapi-core/-/openapi-core-1.33.1.tgz#2a5604e3f16cb0aa00f632ca13e1f17ce1e17d94"
+  integrity sha512-tL3v8FVwdcCAcruOZV77uxH2ZFtnY3DRPG+rgmlm9hsu5uoatofVSJIJHUroz54KJ8ryeo28wQHhOr8iReGGEQ==
+  dependencies:
+    "@redocly/ajv" "^8.11.2"
+    "@redocly/config" "^0.22.0"
+    colorette "^1.2.0"
+    https-proxy-agent "^7.0.5"
+    js-levenshtein "^1.1.6"
+    js-yaml "^4.1.0"
+    minimatch "^5.0.1"
+    pluralize "^8.0.0"
+    yaml-ast-parser "0.0.43"
+
+"@replit/codemirror-indentation-markers@^6.5.3":
+  version "6.5.3"
+  resolved "https://registry.yarnpkg.com/@replit/codemirror-indentation-markers/-/codemirror-indentation-markers-6.5.3.tgz#1cfe5c557c45dd7f2988cbee278f17607010591b"
+  integrity sha512-hL5Sfvw3C1vgg7GolLe/uxX5T3tmgOA3ZzqlMv47zjU1ON51pzNWiVbS22oh6crYhtVhv8b3gdXwoYp++2ilHw==
+
+"@rollup/plugin-alias@^5.1.1":
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-alias/-/plugin-alias-5.1.1.tgz#53601d88cda8b1577aa130b4a6e452283605bf26"
+  integrity sha512-PR9zDb+rOzkRb2VD+EuKB7UC41vU5DIwZ5qqCpk0KJudcWAyi8rvYOhS7+L5aZCspw1stTViLgN5v6FF1p5cgQ==
+
+"@rollup/plugin-babel@^5.2.0":
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz#04bc0608f4aa4b2e4b1aebf284344d0f68fda283"
+  integrity sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==
+  dependencies:
+    "@babel/helper-module-imports" "^7.10.4"
+    "@rollup/pluginutils" "^3.1.0"
+
+"@rollup/plugin-commonjs@^28.0.3":
+  version "28.0.3"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-28.0.3.tgz#44c2cc7c955c6113b96696b55e6bc2446bd67913"
+  integrity sha512-pyltgilam1QPdn+Zd9gaCfOLcnjMEJ9gV+bTw6/r73INdvzf1ah9zLIJBm+kW7R6IUFIQ1YO+VqZtYxZNWFPEQ==
+  dependencies:
+    "@rollup/pluginutils" "^5.0.1"
+    commondir "^1.0.1"
+    estree-walker "^2.0.2"
+    fdir "^6.2.0"
+    is-reference "1.2.1"
+    magic-string "^0.30.3"
+    picomatch "^4.0.2"
+
+"@rollup/plugin-inject@^5.0.5":
+  version "5.0.5"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-inject/-/plugin-inject-5.0.5.tgz#616f3a73fe075765f91c5bec90176608bed277a3"
+  integrity sha512-2+DEJbNBoPROPkgTDNe8/1YXWcqxbN5DTjASVIOx8HS+pITXushyNiBV56RB08zuptzz8gT3YfkqriTBVycepg==
+  dependencies:
+    "@rollup/pluginutils" "^5.0.1"
+    estree-walker "^2.0.2"
+    magic-string "^0.30.3"
+
+"@rollup/plugin-json@^6.1.0":
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-json/-/plugin-json-6.1.0.tgz#fbe784e29682e9bb6dee28ea75a1a83702e7b805"
+  integrity sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==
+  dependencies:
+    "@rollup/pluginutils" "^5.1.0"
+
+"@rollup/plugin-node-resolve@^15.2.3":
+  version "15.3.1"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.3.1.tgz#66008953c2524be786aa319d49e32f2128296a78"
+  integrity sha512-tgg6b91pAybXHJQMAAwW9VuWBO6Thi+q7BCNARLwSqlmsHz0XYURtGvh/AuwSADXSI4h/2uHbs7s4FzlZDGSGA==
+  dependencies:
+    "@rollup/pluginutils" "^5.0.1"
+    "@types/resolve" "1.20.2"
+    deepmerge "^4.2.2"
+    is-module "^1.0.0"
+    resolve "^1.22.1"
+
+"@rollup/plugin-node-resolve@^16.0.1":
+  version "16.0.1"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-16.0.1.tgz#2fc6b54ca3d77e12f3fb45b2a55b50720de4c95d"
+  integrity sha512-tk5YCxJWIG81umIvNkSod2qK5KyQW19qcBF/B78n1bjtOON6gzKoVeSzAE8yHCZEDmqkHKkxplExA8KzdJLJpA==
+  dependencies:
+    "@rollup/pluginutils" "^5.0.1"
+    "@types/resolve" "1.20.2"
+    deepmerge "^4.2.2"
+    is-module "^1.0.0"
+    resolve "^1.22.1"
+
+"@rollup/plugin-replace@^2.4.1":
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-replace/-/plugin-replace-2.4.2.tgz#a2d539314fbc77c244858faa523012825068510a"
+  integrity sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==
+  dependencies:
+    "@rollup/pluginutils" "^3.1.0"
+    magic-string "^0.25.7"
+
+"@rollup/plugin-replace@^6.0.2":
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-replace/-/plugin-replace-6.0.2.tgz#2f565d312d681e4570ff376c55c5c08eb6f1908d"
+  integrity sha512-7QaYCf8bqF04dOy7w/eHmJeNExxTYwvKAmlSAH/EaWWUzbT0h5sbF6bktFoX/0F/0qwng5/dWFMyf3gzaM8DsQ==
+  dependencies:
+    "@rollup/pluginutils" "^5.0.1"
+    magic-string "^0.30.3"
+
+"@rollup/plugin-terser@^0.4.3", "@rollup/plugin-terser@^0.4.4":
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-terser/-/plugin-terser-0.4.4.tgz#15dffdb3f73f121aa4fbb37e7ca6be9aeea91962"
+  integrity sha512-XHeJC5Bgvs8LfukDwWZp7yeqin6ns8RTl2B9avbejt6tZqsqvVoWI7ZTQrcNsfKEDWBTnTxM8nMDkO2IFFbd0A==
+  dependencies:
+    serialize-javascript "^6.0.1"
+    smob "^1.0.0"
+    terser "^5.17.4"
+
+"@rollup/plugin-yaml@^4.1.2":
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-yaml/-/plugin-yaml-4.1.2.tgz#a3b4cd5793dfd374b815c60183f5adf21bf1ff66"
+  integrity sha512-RpupciIeZMUqhgFE97ba0s98mOFS7CWzN3EJNhJkqSv9XLlWYtwVdtE6cDw6ASOF/sZVFS7kRJXftaqM2Vakdw==
+  dependencies:
+    "@rollup/pluginutils" "^5.0.1"
+    js-yaml "^4.1.0"
+    tosource "^2.0.0-alpha.3"
+
+"@rollup/pluginutils@^3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-3.1.0.tgz#706b4524ee6dc8b103b3c995533e5ad680c02b9b"
+  integrity sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==
+  dependencies:
+    "@types/estree" "0.0.39"
+    estree-walker "^1.0.1"
+    picomatch "^2.2.2"
+
+"@rollup/pluginutils@^4.2.1":
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-4.2.1.tgz#e6c6c3aba0744edce3fb2074922d3776c0af2a6d"
   integrity sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==
@@ -2315,51 +2616,281 @@
     estree-walker "^2.0.1"
     picomatch "^2.2.2"
 
-"@rollup/pluginutils@^5.0.2":
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.0.2.tgz#012b8f53c71e4f6f9cb317e311df1404f56e7a33"
-  integrity sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==
+"@rollup/pluginutils@^5.0.1", "@rollup/pluginutils@^5.1.0", "@rollup/pluginutils@^5.1.3", "@rollup/pluginutils@^5.1.4":
+  version "5.1.4"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.1.4.tgz#bb94f1f9eaaac944da237767cdfee6c5b2262d4a"
+  integrity sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==
   dependencies:
     "@types/estree" "^1.0.0"
     estree-walker "^2.0.2"
-    picomatch "^2.3.1"
+    picomatch "^4.0.2"
 
-"@sinclair/typebox@^0.25.16":
-  version "0.25.24"
-  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.25.24.tgz#8c7688559979f7079aacaf31aa881c3aa410b718"
-  integrity sha512-XJfwUVUKDHF5ugKwIcxEgc9k8b7HbznCp6eUfWgu710hMPNIO4aw4/zB5RogDQz8nd6gyCDpU9O/m6qYEWY6yQ==
+"@rollup/rollup-android-arm-eabi@4.36.0":
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.36.0.tgz#6229c36cddc172c468f53107f2b7aebe2585609b"
+  integrity sha512-jgrXjjcEwN6XpZXL0HUeOVGfjXhPyxAbbhD0BlXUB+abTOpbPiN5Wb3kOT7yb+uEtATNYF5x5gIfwutmuBA26w==
 
-"@sindresorhus/is@^4.0.0":
+"@rollup/rollup-android-arm64@4.36.0":
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.36.0.tgz#d38163692d0729bd64a026c13749ecac06f847e8"
+  integrity sha512-NyfuLvdPdNUfUNeYKUwPwKsE5SXa2J6bCt2LdB/N+AxShnkpiczi3tcLJrm5mA+eqpy0HmaIY9F6XCa32N5yzg==
+
+"@rollup/rollup-darwin-arm64@4.36.0":
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.36.0.tgz#82601b8ff81f3dbaef28017aa3d0e9709edc99c0"
+  integrity sha512-JQ1Jk5G4bGrD4pWJQzWsD8I1n1mgPXq33+/vP4sk8j/z/C2siRuxZtaUA7yMTf71TCZTZl/4e1bfzwUmFb3+rw==
+
+"@rollup/rollup-darwin-x64@4.36.0":
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.36.0.tgz#0e961354fb2bf26d691810ca61dc861d9a1e94b2"
+  integrity sha512-6c6wMZa1lrtiRsbDziCmjE53YbTkxMYhhnWnSW8R/yqsM7a6mSJ3uAVT0t8Y/DGt7gxUWYuFM4bwWk9XCJrFKA==
+
+"@rollup/rollup-freebsd-arm64@4.36.0":
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.36.0.tgz#6aee296cd6b8c39158d377c89b7e0cd0851dd7c7"
+  integrity sha512-KXVsijKeJXOl8QzXTsA+sHVDsFOmMCdBRgFmBb+mfEb/7geR7+C8ypAml4fquUt14ZyVXaw2o1FWhqAfOvA4sg==
+
+"@rollup/rollup-freebsd-x64@4.36.0":
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.36.0.tgz#432e49d93942225ac1b4d98254a6fb6ca0afcd17"
+  integrity sha512-dVeWq1ebbvByI+ndz4IJcD4a09RJgRYmLccwlQ8bPd4olz3Y213uf1iwvc7ZaxNn2ab7bjc08PrtBgMu6nb4pQ==
+
+"@rollup/rollup-linux-arm-gnueabihf@4.36.0":
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.36.0.tgz#a66910c6c63b46d45f239528ad5509097f8df885"
+  integrity sha512-bvXVU42mOVcF4le6XSjscdXjqx8okv4n5vmwgzcmtvFdifQ5U4dXFYaCB87namDRKlUL9ybVtLQ9ztnawaSzvg==
+
+"@rollup/rollup-linux-arm-musleabihf@4.36.0":
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.36.0.tgz#1cfadc70d44501b0a58615a460cf1b6ec8cfddf3"
+  integrity sha512-JFIQrDJYrxOnyDQGYkqnNBtjDwTgbasdbUiQvcU8JmGDfValfH1lNpng+4FWlhaVIR4KPkeddYjsVVbmJYvDcg==
+
+"@rollup/rollup-linux-arm64-gnu@4.36.0":
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.36.0.tgz#d32e42b25216472dfdc5cb7df6a37667766d3855"
+  integrity sha512-KqjYVh3oM1bj//5X7k79PSCZ6CvaVzb7Qs7VMWS+SlWB5M8p3FqufLP9VNp4CazJ0CsPDLwVD9r3vX7Ci4J56A==
+
+"@rollup/rollup-linux-arm64-musl@4.36.0":
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.36.0.tgz#d742917d61880941be26ff8d3352d935139188b9"
+  integrity sha512-QiGnhScND+mAAtfHqeT+cB1S9yFnNQ/EwCg5yE3MzoaZZnIV0RV9O5alJAoJKX/sBONVKeZdMfO8QSaWEygMhw==
+
+"@rollup/rollup-linux-loongarch64-gnu@4.36.0":
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.36.0.tgz#9ad12d1a5d3abf4ecb90fbe1a49249608cee8cbb"
+  integrity sha512-1ZPyEDWF8phd4FQtTzMh8FQwqzvIjLsl6/84gzUxnMNFBtExBtpL51H67mV9xipuxl1AEAerRBgBwFNpkw8+Lg==
+
+"@rollup/rollup-linux-powerpc64le-gnu@4.36.0":
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.36.0.tgz#c3ca6f5ce4a8b785dd450113660d9529a75fdf2a"
+  integrity sha512-VMPMEIUpPFKpPI9GZMhJrtu8rxnp6mJR3ZzQPykq4xc2GmdHj3Q4cA+7avMyegXy4n1v+Qynr9fR88BmyO74tg==
+
+"@rollup/rollup-linux-riscv64-gnu@4.36.0":
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.36.0.tgz#05eb5e71db5b5b1d1a3428265a63c5f6f8a1e4b8"
+  integrity sha512-ttE6ayb/kHwNRJGYLpuAvB7SMtOeQnVXEIpMtAvx3kepFQeowVED0n1K9nAdraHUPJ5hydEMxBpIR7o4nrm8uA==
+
+"@rollup/rollup-linux-s390x-gnu@4.36.0":
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.36.0.tgz#6fa895f181fa6804bc6ca27c0e9a6823355436dd"
+  integrity sha512-4a5gf2jpS0AIe7uBjxDeUMNcFmaRTbNv7NxI5xOCs4lhzsVyGR/0qBXduPnoWf6dGC365saTiwag8hP1imTgag==
+
+"@rollup/rollup-linux-x64-gnu@4.36.0":
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.36.0.tgz#d2e69f7598c71f03287b763fdbefce4163f07419"
+  integrity sha512-5KtoW8UWmwFKQ96aQL3LlRXX16IMwyzMq/jSSVIIyAANiE1doaQsx/KRyhAvpHlPjPiSU/AYX/8m+lQ9VToxFQ==
+
+"@rollup/rollup-linux-x64-musl@4.36.0":
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.36.0.tgz#9eb0075deaabf5d88a9dc8b61bd7bd122ac64ef9"
+  integrity sha512-sycrYZPrv2ag4OCvaN5js+f01eoZ2U+RmT5as8vhxiFz+kxwlHrsxOwKPSA8WyS+Wc6Epid9QeI/IkQ9NkgYyQ==
+
+"@rollup/rollup-win32-arm64-msvc@4.36.0":
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.36.0.tgz#bfda7178ed8cb8fa8786474a02eae9fc8649a74d"
+  integrity sha512-qbqt4N7tokFwwSVlWDsjfoHgviS3n/vZ8LK0h1uLG9TYIRuUTJC88E1xb3LM2iqZ/WTqNQjYrtmtGmrmmawB6A==
+
+"@rollup/rollup-win32-ia32-msvc@4.36.0":
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.36.0.tgz#8e12739b9c43de8f0690b280c676af3de571cee0"
+  integrity sha512-t+RY0JuRamIocMuQcfwYSOkmdX9dtkr1PbhKW42AMvaDQa+jOdpUYysroTF/nuPpAaQMWp7ye+ndlmmthieJrQ==
+
+"@rollup/rollup-win32-x64-msvc@4.36.0":
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.36.0.tgz#88b23fe29d28fa647030b36e912c1b5b50831b1d"
+  integrity sha512-aRXd7tRZkWLqGbChgcMMDEHjOKudo1kChb1Jt1IfR8cY/KIpgNviLeJy5FUb9IpSuQj8dU2fAYNMPW/hLKOSTw==
+
+"@rtsao/scc@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@rtsao/scc/-/scc-1.1.0.tgz#927dd2fae9bc3361403ac2c7a00c32ddce9ad7e8"
+  integrity sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==
+
+"@sec-ant/readable-stream@^0.4.1":
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/@sec-ant/readable-stream/-/readable-stream-0.4.1.tgz#60de891bb126abfdc5410fdc6166aca065f10a0c"
+  integrity sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==
+
+"@shikijs/core@3.2.1":
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/@shikijs/core/-/core-3.2.1.tgz#87b9255c469a5097fcec23ecba5a99ce073e8601"
+  integrity sha512-FhsdxMWYu/C11sFisEp7FMGBtX/OSSbnXZDMBhGuUDBNTdsoZlMSgQv5f90rwvzWAdWIW6VobD+G3IrazxA6dQ==
+  dependencies:
+    "@shikijs/types" "3.2.1"
+    "@shikijs/vscode-textmate" "^10.0.2"
+    "@types/hast" "^3.0.4"
+    hast-util-to-html "^9.0.5"
+
+"@shikijs/engine-javascript@3.2.1":
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/@shikijs/engine-javascript/-/engine-javascript-3.2.1.tgz#97220fba7cde24eb700ab41f2090061cfc95454e"
+  integrity sha512-eMdcUzN3FMQYxOmRf2rmU8frikzoSHbQDFH2hIuXsrMO+IBOCI9BeeRkCiBkcLDHeRKbOCtYMJK3D6U32ooU9Q==
+  dependencies:
+    "@shikijs/types" "3.2.1"
+    "@shikijs/vscode-textmate" "^10.0.2"
+    oniguruma-to-es "^4.1.0"
+
+"@shikijs/engine-oniguruma@3.2.1":
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/@shikijs/engine-oniguruma/-/engine-oniguruma-3.2.1.tgz#be07d9f09a4b5e35af1896ff232001b9d4f5466e"
+  integrity sha512-wZZAkayEn6qu2+YjenEoFqj0OyQI64EWsNR6/71d1EkG4sxEOFooowKivsWPpaWNBu3sxAG+zPz5kzBL/SsreQ==
+  dependencies:
+    "@shikijs/types" "3.2.1"
+    "@shikijs/vscode-textmate" "^10.0.2"
+
+"@shikijs/langs@3.2.1":
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/@shikijs/langs/-/langs-3.2.1.tgz#662390328675e0244f18559bade4aac0e60e5b64"
+  integrity sha512-If0iDHYRSGbihiA8+7uRsgb1er1Yj11pwpX1c6HLYnizDsKAw5iaT3JXj5ZpaimXSWky/IhxTm7C6nkiYVym+A==
+  dependencies:
+    "@shikijs/types" "3.2.1"
+
+"@shikijs/themes@3.2.1":
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/@shikijs/themes/-/themes-3.2.1.tgz#93d9c5fcc16649ec1e017217c0a88209cc619731"
+  integrity sha512-k5DKJUT8IldBvAm8WcrDT5+7GA7se6lLksR+2E3SvyqGTyFMzU2F9Gb7rmD+t+Pga1MKrYFxDIeyWjMZWM6uBQ==
+  dependencies:
+    "@shikijs/types" "3.2.1"
+
+"@shikijs/transformers@^3.0.0":
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/@shikijs/transformers/-/transformers-3.2.1.tgz#062e8eac6260fb85728e52f085d839517132d9fd"
+  integrity sha512-oIT40p8LOPV/6XLnUrVPeRtJtbu0Mpl+BjGFuMXw870eX9zTSQlidg7CsksFDVyUiSAOC/CH1RQm+ldZp0/6eQ==
+  dependencies:
+    "@shikijs/core" "3.2.1"
+    "@shikijs/types" "3.2.1"
+
+"@shikijs/types@3.2.1":
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/@shikijs/types/-/types-3.2.1.tgz#8d289ad95d62833d7f9af536c073312d7afe8182"
+  integrity sha512-/NTWAk4KE2M8uac0RhOsIhYQf4pdU0OywQuYDGIGAJ6Mjunxl2cGiuLkvu4HLCMn+OTTLRWkjZITp+aYJv60yA==
+  dependencies:
+    "@shikijs/vscode-textmate" "^10.0.2"
+    "@types/hast" "^3.0.4"
+
+"@shikijs/vscode-textmate@^10.0.2":
+  version "10.0.2"
+  resolved "https://registry.yarnpkg.com/@shikijs/vscode-textmate/-/vscode-textmate-10.0.2.tgz#a90ab31d0cc1dfb54c66a69e515bf624fa7b2224"
+  integrity sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==
+
+"@sidebase/nuxt-auth@0.10.0":
+  version "0.10.0"
+  resolved "https://registry.yarnpkg.com/@sidebase/nuxt-auth/-/nuxt-auth-0.10.0.tgz#1d26b8dc2386168439f221ba7d7ec8a245dcb73c"
+  integrity sha512-epAodLKJS7LNclKJ4l6Zs9qkxdhgASll8TourjTInOySCtC29S8nolJ00JxULy7ffBj8HSVoIzFQjPC9LnxxJg==
+  dependencies:
+    "@nuxt/kit" "^3.14.1592"
+    defu "^6.1.4"
+    h3 "^1.13.0"
+    knitwork "^1.1.0"
+    nitropack "^2.10.4"
+    requrl "^3.0.2"
+    scule "^1.3.0"
+    ufo "^1.5.4"
+
+"@sinclair/typebox@^0.27.8":
+  version "0.27.8"
+  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.27.8.tgz#6667fac16c436b5434a387a34dedb013198f6e6e"
+  integrity sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==
+
+"@sindresorhus/is@^4.6.0":
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-4.6.0.tgz#3c7c9c46e678feefe7a2e5bb609d3dbd665ffb3f"
   integrity sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==
 
+"@sindresorhus/is@^7.0.1":
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-7.0.1.tgz#693cd0bfa7fdc71a3386b72088b660fb70851927"
+  integrity sha512-QWLl2P+rsCJeofkDNIT3WFmb6NrRud1SUYW8dIhXK/46XFV8Q/g7Bsvib0Askb0reRLe+WYPeeE+l5cH7SlkuQ==
+
+"@sindresorhus/merge-streams@^2.1.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@sindresorhus/merge-streams/-/merge-streams-2.3.0.tgz#719df7fb41766bc143369eaa0dd56d8dc87c9958"
+  integrity sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==
+
+"@sindresorhus/merge-streams@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@sindresorhus/merge-streams/-/merge-streams-4.0.0.tgz#abb11d99aeb6d27f1b563c38147a72d50058e339"
+  integrity sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==
+
+"@speed-highlight/core@^1.2.7":
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/@speed-highlight/core/-/core-1.2.7.tgz#eeaa7c1e7198559abbb98e4acbc93d108d35f2d3"
+  integrity sha512-0dxmVj4gxg3Jg879kvFS/msl4s9F3T9UXC1InxgOf7t5NvcPD97u/WTA5vL/IxWHMn7qSxBozqrnnE2wvl1m8g==
+
 "@sphinxxxx/color-conversion@^2.2.2":
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/@sphinxxxx/color-conversion/-/color-conversion-2.2.2.tgz#03ecc29279e3c0c832f6185a5bfa3497858ac8ca"
   integrity sha512-XExJS3cLqgrmNBIP3bBw6+1oQ1ksGjFh0+oClDKFYpCCqx/hlqwWO5KO/S63fzUo67SxI9dMrF0y5T/Ey7h8Zw==
 
-"@szmarczak/http-timer@^4.0.5":
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/@szmarczak/http-timer/-/http-timer-4.0.6.tgz#b4a914bb62e7c272d4e5989fe4440f812ab1d807"
-  integrity sha512-4BAffykYOgO+5nzBWYwE3W90sBgLJoUPRWWcL8wlyiM8IB8ipJz3UMJ9KXQd1RKQXpKp8Tutn80HZtWsu2u76w==
+"@stylistic/eslint-plugin-js@^4.2.0":
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/@stylistic/eslint-plugin-js/-/eslint-plugin-js-4.2.0.tgz#30536fd35dd6aba08c1e234fe37bf66831c6e989"
+  integrity sha512-MiJr6wvyzMYl/wElmj8Jns8zH7Q1w8XoVtm+WM6yDaTrfxryMyb8n0CMxt82fo42RoLIfxAEtM6tmQVxqhk0/A==
   dependencies:
-    defer-to-connect "^2.0.0"
+    eslint-visitor-keys "^4.2.0"
+    espree "^10.3.0"
 
-"@tootallnate/once@2":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf"
-  integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==
+"@stylistic/eslint-plugin@^4.2.0":
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/@stylistic/eslint-plugin/-/eslint-plugin-4.2.0.tgz#7860ea84aa7ee3b21757907b863eb62f4f8b0455"
+  integrity sha512-8hXezgz7jexGHdo5WN6JBEIPHCSFyyU4vgbxevu4YLVS5vl+sxqAAGyXSzfNDyR6xMNSH5H1x67nsXcYMOHtZA==
+  dependencies:
+    "@typescript-eslint/utils" "^8.23.0"
+    eslint-visitor-keys "^4.2.0"
+    espree "^10.3.0"
+    estraverse "^5.3.0"
+    picomatch "^4.0.2"
+
+"@surma/rollup-plugin-off-main-thread@^2.2.3":
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/@surma/rollup-plugin-off-main-thread/-/rollup-plugin-off-main-thread-2.2.3.tgz#ee34985952ca21558ab0d952f00298ad2190c053"
+  integrity sha512-lR8q/9W7hZpMWweNiAKU7NQerBnzQQLvi8qnTDU/fxItPhtZVMbPV3lbCwjhIlNBe9Bbr5V+KHshvWmVSG9cxQ==
+  dependencies:
+    ejs "^3.1.6"
+    json5 "^2.2.0"
+    magic-string "^0.25.0"
+    string.prototype.matchall "^4.0.6"
+
+"@sveltejs/acorn-typescript@^1.0.5":
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/@sveltejs/acorn-typescript/-/acorn-typescript-1.0.5.tgz#f518101d1b2e12ce80854f1cd850d3b9fb91d710"
+  integrity sha512-IwQk4yfwLdibDlrXVE04jTZYlLnwsTT2PIOQQGNLWfjavGifnk1JD1LcZjZaBTRcxZu2FfPfNLOE04DSu9lqtQ==
 
 "@trysound/sax@0.2.0":
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
   integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==
 
-"@types/babel__core@7.20.0":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.0.tgz#61bc5a4cae505ce98e1e36c5445e4bee060d8891"
-  integrity sha512-+n8dL/9GWblDO0iU6eZAwEIJVr5DWigtle+Q6HLOrh/pdbXOhOtqzq8VPPE2zvNJzSKY4vH/z3iT3tn0A3ypiQ==
+"@tybys/wasm-util@^0.9.0":
+  version "0.9.0"
+  resolved "https://registry.yarnpkg.com/@tybys/wasm-util/-/wasm-util-0.9.0.tgz#3e75eb00604c8d6db470bf18c37b7d984a0e3355"
+  integrity sha512-6+7nlbMVX/PVDCwaIQ8nTOPveOcFLSt8GcXdx8hD0bt39uWxYT88uXzqTd4fTvqta7oeUJqudepapKNt2DYJFw==
+  dependencies:
+    tslib "^2.4.0"
+
+"@types/babel__core@7.20.5":
+  version "7.20.5"
+  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.5.tgz#3df15f27ba85319caa07ba08d0721889bb39c017"
+  integrity sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==
   dependencies:
     "@babel/parser" "^7.20.7"
     "@babel/types" "^7.20.7"
@@ -2368,285 +2899,278 @@
     "@types/babel__traverse" "*"
 
 "@types/babel__generator@*":
-  version "7.6.4"
-  resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.4.tgz#1f20ce4c5b1990b37900b63f050182d28c2439b7"
-  integrity sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==
+  version "7.6.8"
+  resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.8.tgz#f836c61f48b1346e7d2b0d93c6dacc5b9535d3ab"
+  integrity sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==
   dependencies:
     "@babel/types" "^7.0.0"
 
 "@types/babel__template@*":
-  version "7.4.1"
-  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.1.tgz#3d1a48fd9d6c0edfd56f2ff578daed48f36c8969"
-  integrity sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g==
+  version "7.4.4"
+  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.4.4.tgz#5672513701c1b2199bc6dad636a9d7491586766f"
+  integrity sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==
   dependencies:
     "@babel/parser" "^7.1.0"
     "@babel/types" "^7.0.0"
 
 "@types/babel__traverse@*":
-  version "7.18.3"
-  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.18.3.tgz#dfc508a85781e5698d5b33443416b6268c4b3e8d"
-  integrity sha512-1kbcJ40lLB7MHsj39U4Sh1uTd2E7rLEa79kmDpI6cy+XiXsteB3POdQomoq4FxszMrO3ZYchkhYJw7A2862b3w==
+  version "7.20.6"
+  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.20.6.tgz#8dc9f0ae0f202c08d8d4dab648912c8d6038e3f7"
+  integrity sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==
   dependencies:
-    "@babel/types" "^7.3.0"
+    "@babel/types" "^7.20.7"
 
 "@types/body-parser@*":
-  version "1.19.2"
-  resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.2.tgz#aea2059e28b7658639081347ac4fab3de166e6f0"
-  integrity sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==
+  version "1.19.5"
+  resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.5.tgz#04ce9a3b677dc8bd681a17da1ab9835dc9d3ede4"
+  integrity sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==
   dependencies:
     "@types/connect" "*"
     "@types/node" "*"
 
-"@types/cacheable-request@^6.0.1":
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/@types/cacheable-request/-/cacheable-request-6.0.3.tgz#a430b3260466ca7b5ca5bfd735693b36e7a9d183"
-  integrity sha512-IQ3EbTzGxIigb1I3qPZc1rWJnH0BmSKv5QYTalEwweFvyBDLSAe24zP0le/hyi7ecGfZVlIVAg4BZqb8WBwKqw==
-  dependencies:
-    "@types/http-cache-semantics" "*"
-    "@types/keyv" "^3.1.4"
-    "@types/node" "*"
-    "@types/responselike" "^1.0.0"
-
-"@types/chai-subset@^1.3.3":
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/@types/chai-subset/-/chai-subset-1.3.3.tgz#97893814e92abd2c534de422cb377e0e0bdaac94"
-  integrity sha512-frBecisrNGz+F4T6bcc+NLeolfiojh5FxW2klu669+8BARtyQv2C/GkNW6FUodVe4BroGMP/wER/YDGc7rEllw==
-  dependencies:
-    "@types/chai" "*"
-
-"@types/chai@*", "@types/chai@^4.3.4":
-  version "4.3.4"
-  resolved "https://registry.yarnpkg.com/@types/chai/-/chai-4.3.4.tgz#e913e8175db8307d78b4e8fa690408ba6b65dee4"
-  integrity sha512-KnRanxnpfpjUTqTCXslZSEdLfXExwgNxYPdiO2WGUj8+HDjFi8R3k5RVKPeSCzLjCcshCAtVO2QBbVuAV4kTnw==
-
-"@types/clean-css@*":
-  version "4.2.6"
-  resolved "https://registry.yarnpkg.com/@types/clean-css/-/clean-css-4.2.6.tgz#48b427285b2b654751a9bbc6f7d35e6173dec8d2"
-  integrity sha512-Ze1tf+LnGPmG6hBFMi0B4TEB0mhF7EiMM5oyjLDNPE9hxrPU0W+5+bHvO+eFPA+bt0iC1zkQMoU/iGdRVjcRbw==
-  dependencies:
-    "@types/node" "*"
-    source-map "^0.6.0"
-
-"@types/compression@1.7.2":
-  version "1.7.2"
-  resolved "https://registry.yarnpkg.com/@types/compression/-/compression-1.7.2.tgz#7cc1cdb01b4730eea284615a68fc70a2cdfd5e71"
-  integrity sha512-lwEL4M/uAGWngWFLSG87ZDr2kLrbuR8p7X+QZB1OQlT+qkHsCPDVFnHPyXf4Vyl4yDDorNY+mAhosxkCvppatg==
+"@types/compression@1.7.5":
+  version "1.7.5"
+  resolved "https://registry.yarnpkg.com/@types/compression/-/compression-1.7.5.tgz#0f80efef6eb031be57b12221c4ba6bc3577808f7"
+  integrity sha512-AAQvK5pxMpaT+nDvhHrsBhLSYG5yQdtkaJE1WYieSNY2mVFKAgmU4ks65rkZD5oqnGCFLyQpUr1CqI4DmUMyDg==
   dependencies:
     "@types/express" "*"
 
-"@types/connect@*", "@types/connect@3.4.35":
-  version "3.4.35"
-  resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.35.tgz#5fcf6ae445e4021d1fc2219a4873cc73a3bb2ad1"
-  integrity sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ==
+"@types/connect@*", "@types/connect@3.4.38":
+  version "3.4.38"
+  resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.38.tgz#5ba7f3bc4fbbdeaff8dded952e5ff2cc53f8d858"
+  integrity sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==
   dependencies:
     "@types/node" "*"
 
-"@types/dompurify@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@types/dompurify/-/dompurify-3.0.0.tgz#28388a1aff0ced6e635b5b912c5f5935711d45b9"
-  integrity sha512-EcSqmgm/xJwH8CcJPy9AHNypp/j58CYga3nWdl93/wLxX6OH+rSD3aAj75NQazcZd1YKHJ/pjNZ9qmgVajggwQ==
+"@types/debug@^4.0.0":
+  version "4.1.12"
+  resolved "https://registry.yarnpkg.com/@types/debug/-/debug-4.1.12.tgz#a155f21690871953410df4b6b6f53187f0500917"
+  integrity sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==
   dependencies:
-    "@types/trusted-types" "*"
+    "@types/ms" "*"
 
-"@types/eslint@^8.4.10", "@types/eslint@^8.4.5":
-  version "8.21.3"
-  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.21.3.tgz#5794b3911f0f19e34e3a272c49cbdf48d6f543f2"
-  integrity sha512-fa7GkppZVEByMWGbTtE5MbmXWJTVbrjjaS8K6uQj+XtuuUv1fsuPAxhygfqLmsb/Ufb3CV8deFCpiMfAgi00Sw==
+"@types/doctrine@^0.0.9":
+  version "0.0.9"
+  resolved "https://registry.yarnpkg.com/@types/doctrine/-/doctrine-0.0.9.tgz#d86a5f452a15e3e3113b99e39616a9baa0f9863f"
+  integrity sha512-eOIHzCUSH7SMfonMG1LsC2f8vxBFtho6NGBznK41R84YzPuvSBzrhEps33IsQiOW9+VL6NQ9DbjQJznk/S4uRA==
+
+"@types/eslint@^8.4.5", "@types/eslint@^8.56.10":
+  version "8.56.12"
+  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.56.12.tgz#1657c814ffeba4d2f84c0d4ba0f44ca7ea1ca53a"
+  integrity sha512-03ruubjWyOHlmljCVoxSuNDdmfZDzsrrz0P2LeJsOXr+ZwFQ+0yQIwNCwt/GYhV7Z31fgtXJTAEs+FYlEL851g==
   dependencies:
     "@types/estree" "*"
     "@types/json-schema" "*"
 
-"@types/estree@*", "@types/estree@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.0.tgz#5fb2e536c1ae9bf35366eed879e827fa59ca41c2"
-  integrity sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==
+"@types/estree@*", "@types/estree@1.0.6", "@types/estree@^1.0.0", "@types/estree@^1.0.6":
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.6.tgz#628effeeae2064a1b4e79f78e81d87b7e5fc7b50"
+  integrity sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==
 
-"@types/etag@1.8.1":
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/@types/etag/-/etag-1.8.1.tgz#593ca8ddb43acb3db049bd0955fd64d281ab58b9"
-  integrity sha512-bsKkeSqN7HYyYntFRAmzcwx/dKW4Wa+KVMTInANlI72PWLQmOpZu96j0OqHZGArW4VQwCmJPteQlXaUDeOB0WQ==
+"@types/estree@0.0.39":
+  version "0.0.39"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f"
+  integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==
+
+"@types/estree@^1.0.5":
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.8.tgz#958b91c991b1867ced318bedea0e215ee050726e"
+  integrity sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==
+
+"@types/etag@1.8.3":
+  version "1.8.3"
+  resolved "https://registry.yarnpkg.com/@types/etag/-/etag-1.8.3.tgz#0321c878a1ac1069131e4d90deab06db5ea2a0db"
+  integrity sha512-QYHv9Yeh1ZYSMPQOoxY4XC4F1r+xRUiAriB303F4G6uBsT3KKX60DjiogvVv+2VISVDuJhcIzMdbjT+Bm938QQ==
   dependencies:
     "@types/node" "*"
 
-"@types/express-serve-static-core@^4.17.33":
-  version "4.17.33"
-  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.33.tgz#de35d30a9d637dc1450ad18dd583d75d5733d543"
-  integrity sha512-TPBqmR/HRYI3eC2E5hmiivIzv+bidAfXofM+sbonAGvyDhySGw9/PQZFt2BLOrjUUR++4eJVpx6KnLQK1Fk9tA==
+"@types/express-serve-static-core@^5.0.0":
+  version "5.0.6"
+  resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-5.0.6.tgz#41fec4ea20e9c7b22f024ab88a95c6bb288f51b8"
+  integrity sha512-3xhRnjJPkULekpSzgtoNYYcTWgEZkp4myc+Saevii5JPnHNvHMRlBSHDbs7Bh1iPPoVTERHEZXyhyLbMEsExsA==
   dependencies:
     "@types/node" "*"
     "@types/qs" "*"
     "@types/range-parser" "*"
+    "@types/send" "*"
 
 "@types/express@*":
-  version "4.17.17"
-  resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.17.tgz#01d5437f6ef9cfa8668e616e13c2f2ac9a491ae4"
-  integrity sha512-Q4FmmuLGBG58btUnfS1c1r/NQdlp3DMfGDGig8WhfpA2YRUtEkxAjkZb0yvplJGYdF1fsQ81iMDcH24sSCNC/Q==
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@types/express/-/express-5.0.0.tgz#13a7d1f75295e90d19ed6e74cab3678488eaa96c"
+  integrity sha512-DvZriSMehGHL1ZNLzi6MidnsDhUZM/x2pRdDIKdwbUNqqwHxMlRdkxtn6/EPKyqKpHqTl/4nRZsRNLpZxZRpPQ==
   dependencies:
     "@types/body-parser" "*"
-    "@types/express-serve-static-core" "^4.17.33"
+    "@types/express-serve-static-core" "^5.0.0"
     "@types/qs" "*"
     "@types/serve-static" "*"
 
-"@types/file-loader@5.0.1":
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/@types/file-loader/-/file-loader-5.0.1.tgz#300b7c729e4f0c523783b865b287e3459135bf22"
-  integrity sha512-FHPPuRb/Ts/25qvNU/mQGwRZUp793nBxYqXd/KwApykxATagqrO4+2EEcGDm/DuXyV/EkOa04umS1DQ8tQSomg==
+"@types/file-loader@5.0.4":
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/@types/file-loader/-/file-loader-5.0.4.tgz#38c5152b42b58f9cd2f32a314497c45c6b239370"
+  integrity sha512-aB4X92oi5D2nIGI8/kolnJ47btRM2MQjQS4eJgA/VnCD12x0+kP5v7b5beVQWKHLOcquwUXvv6aMt8PmMy9uug==
   dependencies:
     "@types/webpack" "^4"
 
-"@types/html-minifier-terser@^5.0.0":
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-5.1.2.tgz#693b316ad323ea97eed6b38ed1a3cc02b1672b57"
-  integrity sha512-h4lTMgMJctJybDp8CQrxTUiiYmedihHWkjnF/8Pxseu2S6Nlfcy8kwboQ8yejh456rP2yWoEVm1sS/FVsfM48w==
-
-"@types/html-minifier@4.0.2":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@types/html-minifier/-/html-minifier-4.0.2.tgz#ea0b927ad0019821a2e9d14ba9c57d105b63cecc"
-  integrity sha512-4IkmkXJP/25R2fZsCHDX2abztXuQRzUAZq39PfCMz2loLFj8vS9y7aF6vDl58koXSTpsF+eL4Lc5Y4Aww/GCTQ==
+"@types/hast@^3.0.0", "@types/hast@^3.0.4":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@types/hast/-/hast-3.0.4.tgz#1d6b39993b82cea6ad783945b0508c25903e15aa"
+  integrity sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==
   dependencies:
-    "@types/clean-css" "*"
-    "@types/relateurl" "*"
-    "@types/uglify-js" "*"
+    "@types/unist" "*"
 
-"@types/http-cache-semantics@*":
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/@types/http-cache-semantics/-/http-cache-semantics-4.0.1.tgz#0ea7b61496902b95890dc4c3a116b60cb8dae812"
-  integrity sha512-SZs7ekbP8CN0txVG2xVRH6EgKmEm31BOxA07vkFaETzZz1xh+cbt8BcI0slpymvwhx5dlFnQG2rTlPVQn+iRPQ==
+"@types/html-minifier-terser@7.0.2":
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-7.0.2.tgz#2290fa13e6e49b6cc0ab0afa2d6cf6a66feedb48"
+  integrity sha512-mm2HqV22l8lFQh4r2oSsOEVea+m0qqxEmwpc9kC1p/XzmjLWrReR9D/GRs8Pex2NX/imyEH9c5IU/7tMBQCHOA==
+
+"@types/http-errors@*":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@types/http-errors/-/http-errors-2.0.4.tgz#7eb47726c391b7345a6ec35ad7f4de469cf5ba4f"
+  integrity sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==
 
 "@types/http-proxy@^1.17.5":
-  version "1.17.10"
-  resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.10.tgz#e576c8e4a0cc5c6a138819025a88e167ebb38d6c"
-  integrity sha512-Qs5aULi+zV1bwKAg5z1PWnDXWmsn+LxIvUGv6E2+OOMYhclZMO+OXd9pYVf2gLykf2I7IV2u7oTHwChPNsvJ7g==
+  version "1.17.16"
+  resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.16.tgz#dee360707b35b3cc85afcde89ffeebff7d7f9240"
+  integrity sha512-sdWoUajOB1cd0A8cRRQ1cfyWNbmFKLAqBB89Y8x5iYyG/mkJHc0YUH8pdWBy2omi9qtCpiIgGjuwO0dQST2l5w==
   dependencies:
     "@types/node" "*"
 
 "@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz#8467d4b3c087805d63580480890791277ce35c44"
-  integrity sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz#7739c232a1fee9b4d3ce8985f314c0c6d33549d7"
+  integrity sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==
 
 "@types/istanbul-lib-report@*":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz#c14c24f18ea8190c118ee7562b7ff99a36552686"
-  integrity sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz#53047614ae72e19fc0401d872de3ae2b4ce350bf"
+  integrity sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==
   dependencies:
     "@types/istanbul-lib-coverage" "*"
 
 "@types/istanbul-reports@^3.0.0":
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-3.0.1.tgz#9153fe98bba2bd565a63add9436d6f0d7f8468ff"
-  integrity sha512-c3mAZEuK0lvBp8tmuL74XRKn1+y2dcwOUpH7x4WrF6gk1GIgiluDRgMYQtw2OFcBvAJWlt6ASU3tSqxp0Uu0Aw==
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz#0f03e3d2f670fbdac586e34b433783070cc16f54"
+  integrity sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==
   dependencies:
     "@types/istanbul-lib-report" "*"
 
-"@types/json-schema@*", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
-  version "7.0.11"
-  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.11.tgz#d421b6c527a3037f7c84433fd2c4229e016863d3"
-  integrity sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==
+"@types/json-schema@*", "@types/json-schema@^7.0.12", "@types/json-schema@^7.0.15", "@types/json-schema@^7.0.9":
+  version "7.0.15"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
+  integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
 
 "@types/json5@^0.0.29":
   version "0.0.29"
   resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
   integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
 
-"@types/keyv@^3.1.4":
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/@types/keyv/-/keyv-3.1.4.tgz#3ccdb1c6751b0c7e52300bcdacd5bcbf8faa75b6"
-  integrity sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==
+"@types/less@3.0.6":
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/@types/less/-/less-3.0.6.tgz#279b51245ba787c810a0d286226c5900cd5e6765"
+  integrity sha512-PecSzorDGdabF57OBeQO/xFbAkYWo88g4Xvnsx7LRwqLC17I7OoKtA3bQB9uXkY6UkMWCOsA8HSVpaoitscdXw==
+
+"@types/mdast@^4.0.0", "@types/mdast@^4.0.4":
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/@types/mdast/-/mdast-4.0.4.tgz#7ccf72edd2f1aa7dd3437e180c64373585804dd6"
+  integrity sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==
   dependencies:
-    "@types/node" "*"
+    "@types/unist" "*"
 
-"@types/less@3.0.3":
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/@types/less/-/less-3.0.3.tgz#f9451dbb9548d25391107d65d6401a0cfb15db92"
-  integrity sha512-1YXyYH83h6We1djyoUEqTlVyQtCfJAFXELSKW2ZRtjHD4hQ82CC4lvrv5D0l0FLcKBaiPbXyi3MpMsI9ZRgKsw==
+"@types/mime@^1":
+  version "1.3.5"
+  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-1.3.5.tgz#1ef302e01cf7d2b5a0fa526790c9123bf1d06690"
+  integrity sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==
 
-"@types/mime@*":
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@types/mime/-/mime-3.0.1.tgz#5f8f2bca0a5863cb69bc0b0acd88c96cb1d4ae10"
-  integrity sha512-Y4XFY5VJAuw0FgAqPNd6NNoV44jbq9Bz2L7Rh/J6jLTiHBSBJa9fxqQIvkIld4GsoDOcCbvzOUAbLPsSKKg+uA==
+"@types/ms@*":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@types/ms/-/ms-2.1.0.tgz#052aa67a48eccc4309d7f0191b7e41434b90bb78"
+  integrity sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==
 
 "@types/node@*":
-  version "18.15.11"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.15.11.tgz#b3b790f09cb1696cffcec605de025b088fa4225f"
-  integrity sha512-E5Kwq2n4SbMzQOn6wnmBjuK9ouqlURrcZDVfbo9ftDDTFt3nk7ZKK4GMOzoYgnpQJKcxwQw+lGaBvvlMo0qN/Q==
+  version "22.13.10"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-22.13.10.tgz#df9ea358c5ed991266becc3109dc2dc9125d77e4"
+  integrity sha512-I6LPUvlRH+O6VRUqYOcMudhaIdUVWfsjnZavnsraHvpBwaEyMN29ry+0UVJhImYL16xsscu0aske3yA+uPOWfw==
+  dependencies:
+    undici-types "~6.20.0"
 
 "@types/node@^16":
-  version "16.18.19"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.18.19.tgz#5a2c0c2fdcfcf1ff96b8f43447c81b40aa65ba2f"
-  integrity sha512-Qd2EhjbjOKZuHMn+IJc2EUYwdkJw9kgsZ3k2zdyi2uIBH0hU00Yd9T5rpMq6KRiFvpscpXUQRjJSaJHH29ei8A==
+  version "16.18.126"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.18.126.tgz#27875faa2926c0f475b39a8bb1e546c0176f8d4b"
+  integrity sha512-OTcgaiwfGFBKacvfwuHzzn1KLxH/er8mluiy8/uM3sGXHaRe73RrSIj01jow9t4kJEW633Ov+cOexXeiApTyAw==
 
-"@types/normalize-package-data@^2.4.0":
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz#d3357479a0fdfdd5907fe67e17e0a85c906e1301"
-  integrity sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==
+"@types/normalize-package-data@^2.4.0", "@types/normalize-package-data@^2.4.3":
+  version "2.4.4"
+  resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz#56e2cc26c397c038fab0e3a917a12d5c5909e901"
+  integrity sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==
 
-"@types/optimize-css-assets-webpack-plugin@5.0.5":
-  version "5.0.5"
-  resolved "https://registry.yarnpkg.com/@types/optimize-css-assets-webpack-plugin/-/optimize-css-assets-webpack-plugin-5.0.5.tgz#9990462ca59ad06f52874585a22e1082494dd743"
-  integrity sha512-txpFQcyPPVaXFgTL7aTy43CqbQkvtzWXpzS/n663Lz8QB7qYDbQau/O+URRsvt96/u4QsjZLsZ/4KW7UnPfiYw==
+"@types/optimize-css-assets-webpack-plugin@5.0.8":
+  version "5.0.8"
+  resolved "https://registry.yarnpkg.com/@types/optimize-css-assets-webpack-plugin/-/optimize-css-assets-webpack-plugin-5.0.8.tgz#434841c525d3b8fec0130159eacdb6a95b400019"
+  integrity sha512-n134DdmRVXTy0KKbgg3A/G02r2XJKJicYzbJYhdIO8rdYdzoMv6GNHjog2Oq1ttaCOhsYcPIA6Sn7eFxEGCM1A==
   dependencies:
     "@types/webpack" "^4"
 
-"@types/parse-json@^4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
-  integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
+"@types/parse-path@^7.0.0":
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/@types/parse-path/-/parse-path-7.0.3.tgz#cec2da2834ab58eb2eb579122d9a1fc13bd7ef36"
+  integrity sha512-LriObC2+KYZD3FzCrgWGv/qufdUy4eXrxcLgQMfYXgPbLIecKIsVBaQgUPmxSSLcjmYbDTQbMgr6qr6l/eb7Bg==
 
-"@types/pug@2.0.6":
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/@types/pug/-/pug-2.0.6.tgz#f830323c88172e66826d0bde413498b61054b5a6"
-  integrity sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==
+"@types/pug@2.0.10":
+  version "2.0.10"
+  resolved "https://registry.yarnpkg.com/@types/pug/-/pug-2.0.10.tgz#52f8dbd6113517aef901db20b4f3fca543b88c1f"
+  integrity sha512-Sk/uYFOBAB7mb74XcpizmH0KOR2Pv3D2Hmrh1Dmy5BmK3MpdSa5kqZcg6EKBdklU0bFXX9gCfzvpnyUehrPIuA==
 
 "@types/qs@*":
-  version "6.9.7"
-  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.7.tgz#63bb7d067db107cc1e457c303bc25d511febf6cb"
-  integrity sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==
+  version "6.9.18"
+  resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.18.tgz#877292caa91f7c1b213032b34626505b746624c2"
+  integrity sha512-kK7dgTYDyGqS+e2Q4aK9X3D7q234CIZ1Bv0q/7Z5IwRDoADNU81xXJK/YVyLbLTZCoIwUoDoffFeF+p/eIklAA==
 
 "@types/range-parser@*":
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.4.tgz#cd667bcfdd025213aafb7ca5915a932590acdcdc"
-  integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.7.tgz#50ae4353eaaddc04044279812f52c8c65857dbcb"
+  integrity sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==
 
-"@types/relateurl@*":
-  version "0.2.29"
-  resolved "https://registry.yarnpkg.com/@types/relateurl/-/relateurl-0.2.29.tgz#68ccecec3d4ffdafb9c577fe764f912afc050fe6"
-  integrity sha512-QSvevZ+IRww2ldtfv1QskYsqVVVwCKQf1XbwtcyyoRvLIQzfyPhj/C+3+PKzSDRdiyejaiLgnq//XTkleorpLg==
+"@types/resolve@1.20.2":
+  version "1.20.2"
+  resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.20.2.tgz#97d26e00cd4a0423b4af620abecf3e6f442b7975"
+  integrity sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==
 
-"@types/responselike@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@types/responselike/-/responselike-1.0.0.tgz#251f4fe7d154d2bad125abe1b429b23afd262e29"
-  integrity sha512-85Y2BjiufFzaMIlvJDvTTB8Fxl2xfLo4HgmHzVBz08w4wDePCTjYw66PdrolO0kzli3yam/YCgRufyo1DdQVTA==
+"@types/semver@^7.5.0":
+  version "7.5.8"
+  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.8.tgz#8268a8c57a3e4abd25c165ecd36237db7948a55e"
+  integrity sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==
+
+"@types/send@*":
+  version "0.17.4"
+  resolved "https://registry.yarnpkg.com/@types/send/-/send-0.17.4.tgz#6619cd24e7270793702e4e6a4b958a9010cfc57a"
+  integrity sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==
   dependencies:
+    "@types/mime" "^1"
     "@types/node" "*"
 
-"@types/semver@^7.3.12":
-  version "7.3.13"
-  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.3.13.tgz#da4bfd73f49bd541d28920ab0e2bf0ee80f71c91"
-  integrity sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==
-
-"@types/serve-static@*", "@types/serve-static@1.15.1":
-  version "1.15.1"
-  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.1.tgz#86b1753f0be4f9a1bee68d459fcda5be4ea52b5d"
-  integrity sha512-NUo5XNiAdULrJENtJXZZ3fHtfMolzZwczzBbnAeBbqBwG+LaG6YaJtuwzwGSQZ2wsCrxjEhNNjAkKigy3n8teQ==
+"@types/serve-static@*", "@types/serve-static@1.15.7":
+  version "1.15.7"
+  resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.7.tgz#22174bbd74fb97fe303109738e9b5c2f3064f714"
+  integrity sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw==
   dependencies:
-    "@types/mime" "*"
+    "@types/http-errors" "*"
     "@types/node" "*"
+    "@types/send" "*"
 
-"@types/sortablejs@^1.15.0":
-  version "1.15.1"
-  resolved "https://registry.yarnpkg.com/@types/sortablejs/-/sortablejs-1.15.1.tgz#123abafbe936f754fee5eb5b49009ce1f1075aa5"
-  integrity sha512-g/JwBNToh6oCTAwNS8UGVmjO7NLDKsejVhvE4x1eWiPTC3uCuNsa/TD4ssvX3du+MLiM+SHPNDuijp8y76JzLQ==
+"@types/sortablejs@^1.15.8":
+  version "1.15.8"
+  resolved "https://registry.yarnpkg.com/@types/sortablejs/-/sortablejs-1.15.8.tgz#11ed555076046e00869a5ef85d1e7651e7a66ef6"
+  integrity sha512-b79830lW+RZfwaztgs1aVPgbasJ8e7AXtZYHTELNXZPsERt4ymJdjV4OccDbHQAvHrCcFpbF78jkm0R6h/pZVg==
 
 "@types/source-list-map@*":
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/@types/source-list-map/-/source-list-map-0.1.2.tgz#0078836063ffaf17412349bba364087e0ac02ec9"
-  integrity sha512-K5K+yml8LTo9bWJI/rECfIPrGgxdpeNbj+d53lwN4QjW1MCwlkhUms+gtdzigTeUyBr09+u8BwOIY3MXvHdcsA==
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/@types/source-list-map/-/source-list-map-0.1.6.tgz#164e169dd061795b50b83c19e4d3be09f8d3a454"
+  integrity sha512-5JcVt1u5HDmlXkwOD2nslZVllBBc7HDuOICfiZah2Z0is8M8g+ddAEawbmd3VjedfDHBzxCaXLs07QEmb7y54g==
 
-"@types/tapable@^1", "@types/tapable@^1.0.5":
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.8.tgz#b94a4391c85666c7b73299fd3ad79d4faa435310"
-  integrity sha512-ipixuVrh2OdNmauvtT51o3d8z12p6LtFW9in7U79der/kwejjdNchQC5UMn5u/KxNoM7VHHOs/l8KS8uHxhODQ==
+"@types/tapable@^1":
+  version "1.0.12"
+  resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.12.tgz#bc2cab12e87978eee89fb21576b670350d6d86ab"
+  integrity sha512-bTHG8fcxEqv1M9+TD14P8ok8hjxoOCkfKc8XXLaaD05kI7ohpeI956jtDOD3XHKBQrlyPughUtzm1jtVhHpA5Q==
 
 "@types/terser-webpack-plugin@4.2.1":
   version "4.2.1"
@@ -2656,22 +3180,32 @@
     "@types/webpack" "^4"
     terser "^4.6.13"
 
-"@types/trusted-types@*":
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.3.tgz#a136f83b0758698df454e328759dbd3d44555311"
-  integrity sha512-NfQ4gyz38SL8sDNrSixxU2Os1a5xcdFxipAFxYEuLUlvU2uDwS4NUpsImcf1//SlWItCVMMLiylsxbmNMToV/g==
+"@types/trusted-types@^2.0.2", "@types/trusted-types@^2.0.7":
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.7.tgz#baccb07a970b91707df3a3e8ba6896c57ead2d11"
+  integrity sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==
 
 "@types/uglify-js@*":
-  version "3.17.1"
-  resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.17.1.tgz#e0ffcef756476410e5bce2cb01384ed878a195b5"
-  integrity sha512-GkewRA4i5oXacU/n4MA9+bLgt5/L3F1mKrYvFGm7r2ouLXhRKjuWwo9XHNnbx6WF3vlGW21S3fCvgqxvxXXc5g==
+  version "3.17.5"
+  resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.17.5.tgz#905ce03a3cbbf2e31cbefcbc68d15497ee2e17df"
+  integrity sha512-TU+fZFBTBcXj/GpDpDaBmgWk/gn96kMZ+uocaFUlV2f8a6WdMzzI44QBCmGcCiYR0Y6ZlNRiyUyKKt5nl/lbzQ==
   dependencies:
     source-map "^0.6.1"
 
-"@types/web-bluetooth@^0.0.16":
-  version "0.0.16"
-  resolved "https://registry.yarnpkg.com/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz#1d12873a8e49567371f2a75fe3e7f7edca6662d8"
-  integrity sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==
+"@types/unist@*", "@types/unist@^3.0.0", "@types/unist@^3.0.3":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@types/unist/-/unist-3.0.3.tgz#acaab0f919ce69cce629c2d4ed2eb4adc1b6c20c"
+  integrity sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==
+
+"@types/unist@^2.0.0":
+  version "2.0.11"
+  resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.11.tgz#11af57b127e32487774841f7a4e54eab166d03c4"
+  integrity sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==
+
+"@types/web-bluetooth@^0.0.21":
+  version "0.0.21"
+  resolved "https://registry.yarnpkg.com/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz#525433c784aed9b457aaa0ee3d92aeb71f346b63"
+  integrity sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA==
 
 "@types/webpack-bundle-analyzer@3.9.5":
   version "3.9.5"
@@ -2689,18 +3223,18 @@
     "@types/webpack" "^4"
 
 "@types/webpack-sources@*":
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/@types/webpack-sources/-/webpack-sources-3.2.0.tgz#16d759ba096c289034b26553d2df1bf45248d38b"
-  integrity sha512-Ft7YH3lEVRQ6ls8k4Ff1oB4jN6oy/XmU6tQISKdhfh+1mR+viZFphS6WL0IrtDOzvefmJg5a0s7ZQoRXwqTEFg==
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/@types/webpack-sources/-/webpack-sources-3.2.3.tgz#b667bd13e9fa15a9c26603dce502c7985418c3d8"
+  integrity sha512-4nZOdMwSPHZ4pTEZzSp0AsTM4K7Qmu40UKW4tJDiOVs20UzYF9l+qUe4s0ftfN0pin06n+5cWWDJXH+sbhAiDw==
   dependencies:
     "@types/node" "*"
     "@types/source-list-map" "*"
     source-map "^0.7.3"
 
-"@types/webpack@4.41.33", "@types/webpack@^4", "@types/webpack@^4.41.8":
-  version "4.41.33"
-  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.33.tgz#16164845a5be6a306bcbe554a8e67f9cac215ffc"
-  integrity sha512-PPajH64Ft2vWevkerISMtnZ8rTs4YmRbs+23c402J0INmxDKCrhZNvwZYtzx96gY2wAtXdrK1BS2fiC8MlLr3g==
+"@types/webpack@^4", "@types/webpack@^4.41.38":
+  version "4.41.40"
+  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.40.tgz#41ea11cfafe08de24c3ef410c58976350667e2d1"
+  integrity sha512-u6kMFSBM9HcoTpUXnL6mt2HSzftqb3JgYV6oxIgL2dl6sX6aCa5k6SOkzv5DuZjBTPUE/dJltKtwwuqrkZHpfw==
   dependencies:
     "@types/node" "*"
     "@types/tapable" "^1"
@@ -2710,496 +3244,610 @@
     source-map "^0.6.0"
 
 "@types/yargs-parser@*":
-  version "21.0.0"
-  resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.0.tgz#0c60e537fa790f5f9472ed2776c2b71ec117351b"
-  integrity sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==
+  version "21.0.3"
+  resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.3.tgz#815e30b786d2e8f0dcd85fd5bcf5e1a04d008f15"
+  integrity sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==
 
 "@types/yargs@^17.0.8":
-  version "17.0.23"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.23.tgz#a7db3a2062c95ca1a5e0d5d5ddb6521cbc649e35"
-  integrity sha512-yuogunc04OnzGQCrfHx+Kk883Q4X0aSwmYZhKjI21m+SVYzjIbrWl8dOOwSv5hf2Um2pdCOXWo9isteZTNXUZQ==
+  version "17.0.33"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.33.tgz#8c32303da83eec050a84b3c7ae7b9f922d13e32d"
+  integrity sha512-WpxBCKWPLr4xSsHgz511rFJAM+wS28w2zEO1QDNY5zM/S8ok70NNfztH0xwhqKyaK0OHCbN98LDAZuy1ctxDkA==
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^5.42.1":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.56.0.tgz#e4fbb4d6dd8dab3e733485c1a44a02189ae75364"
-  integrity sha512-ZNW37Ccl3oMZkzxrYDUX4o7cnuPgU+YrcaYXzsRtLB16I1FR5SHMqga3zGsaSliZADCWo2v8qHWqAYIj8nWCCg==
+"@typescript-eslint/eslint-plugin@^6.5.0":
+  version "6.21.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.21.0.tgz#30830c1ca81fd5f3c2714e524c4303e0194f9cd3"
+  integrity sha512-oy9+hTPCUFpngkEZUSzbf9MxI65wbKFoQYsgPdILTfbUldp5ovUuphZVe4i30emU9M/kP+T64Di0mxl7dSw3MA==
   dependencies:
-    "@eslint-community/regexpp" "^4.4.0"
-    "@typescript-eslint/scope-manager" "5.56.0"
-    "@typescript-eslint/type-utils" "5.56.0"
-    "@typescript-eslint/utils" "5.56.0"
+    "@eslint-community/regexpp" "^4.5.1"
+    "@typescript-eslint/scope-manager" "6.21.0"
+    "@typescript-eslint/type-utils" "6.21.0"
+    "@typescript-eslint/utils" "6.21.0"
+    "@typescript-eslint/visitor-keys" "6.21.0"
     debug "^4.3.4"
-    grapheme-splitter "^1.0.4"
-    ignore "^5.2.0"
-    natural-compare-lite "^1.4.0"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
+    graphemer "^1.4.0"
+    ignore "^5.2.4"
+    natural-compare "^1.4.0"
+    semver "^7.5.4"
+    ts-api-utils "^1.0.1"
 
-"@typescript-eslint/parser@^5.42.1":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.56.0.tgz#42eafb44b639ef1dbd54a3dbe628c446ca753ea6"
-  integrity sha512-sn1OZmBxUsgxMmR8a8U5QM/Wl+tyqlH//jTqCg8daTAmhAk26L2PFhcqPLlYBhYUJMZJK276qLXlHN3a83o2cg==
+"@typescript-eslint/eslint-plugin@^8.26.0":
+  version "8.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.27.0.tgz#fbef10802365832ee1d1bd5d2117dcec82727a72"
+  integrity sha512-4henw4zkePi5p252c8ncBLzLce52SEUz2Ebj8faDnuUXz2UuHEONYcJ+G0oaCF+bYCWVZtrGzq3FD7YXetmnSA==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.56.0"
-    "@typescript-eslint/types" "5.56.0"
-    "@typescript-eslint/typescript-estree" "5.56.0"
+    "@eslint-community/regexpp" "^4.10.0"
+    "@typescript-eslint/scope-manager" "8.27.0"
+    "@typescript-eslint/type-utils" "8.27.0"
+    "@typescript-eslint/utils" "8.27.0"
+    "@typescript-eslint/visitor-keys" "8.27.0"
+    graphemer "^1.4.0"
+    ignore "^5.3.1"
+    natural-compare "^1.4.0"
+    ts-api-utils "^2.0.1"
+
+"@typescript-eslint/parser@^6.5.0":
+  version "6.21.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-6.21.0.tgz#af8fcf66feee2edc86bc5d1cf45e33b0630bf35b"
+  integrity sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==
+  dependencies:
+    "@typescript-eslint/scope-manager" "6.21.0"
+    "@typescript-eslint/types" "6.21.0"
+    "@typescript-eslint/typescript-estree" "6.21.0"
+    "@typescript-eslint/visitor-keys" "6.21.0"
     debug "^4.3.4"
 
-"@typescript-eslint/scope-manager@5.56.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.56.0.tgz#62b4055088903b5254fa20403010e1c16d6ab725"
-  integrity sha512-jGYKyt+iBakD0SA5Ww8vFqGpoV2asSjwt60Gl6YcO8ksQ8s2HlUEyHBMSa38bdLopYqGf7EYQMUIGdT/Luw+sw==
+"@typescript-eslint/parser@^8.26.0":
+  version "8.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-8.27.0.tgz#3f6beaa83934467eda34ae82ef04090014df8227"
+  integrity sha512-XGwIabPallYipmcOk45DpsBSgLC64A0yvdAkrwEzwZ2viqGqRUJ8eEYoPz0CWnutgAFbNMPdsGGvzjSmcWVlEA==
   dependencies:
-    "@typescript-eslint/types" "5.56.0"
-    "@typescript-eslint/visitor-keys" "5.56.0"
-
-"@typescript-eslint/type-utils@5.56.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.56.0.tgz#e6f004a072f09c42e263dc50e98c70b41a509685"
-  integrity sha512-8WxgOgJjWRy6m4xg9KoSHPzBNZeQbGlQOH7l2QEhQID/+YseaFxg5J/DLwWSsi9Axj4e/cCiKx7PVzOq38tY4A==
-  dependencies:
-    "@typescript-eslint/typescript-estree" "5.56.0"
-    "@typescript-eslint/utils" "5.56.0"
+    "@typescript-eslint/scope-manager" "8.27.0"
+    "@typescript-eslint/types" "8.27.0"
+    "@typescript-eslint/typescript-estree" "8.27.0"
+    "@typescript-eslint/visitor-keys" "8.27.0"
     debug "^4.3.4"
-    tsutils "^3.21.0"
 
-"@typescript-eslint/types@5.56.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.56.0.tgz#b03f0bfd6fa2afff4e67c5795930aff398cbd834"
-  integrity sha512-JyAzbTJcIyhuUhogmiu+t79AkdnqgPUEsxMTMc/dCZczGMJQh1MK2wgrju++yMN6AWroVAy2jxyPcPr3SWCq5w==
-
-"@typescript-eslint/typescript-estree@5.56.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.56.0.tgz#48342aa2344649a03321e74cab9ccecb9af086c3"
-  integrity sha512-41CH/GncsLXOJi0jb74SnC7jVPWeVJ0pxQj8bOjH1h2O26jXN3YHKDT1ejkVz5YeTEQPeLCCRY0U2r68tfNOcg==
+"@typescript-eslint/scope-manager@6.21.0":
+  version "6.21.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-6.21.0.tgz#ea8a9bfc8f1504a6ac5d59a6df308d3a0630a2b1"
+  integrity sha512-OwLUIWZJry80O99zvqXVEioyniJMa+d2GrqpUTqi5/v5D5rOrppJVBPa0yKCblcigC0/aYAzxxqQ1B+DS2RYsg==
   dependencies:
-    "@typescript-eslint/types" "5.56.0"
-    "@typescript-eslint/visitor-keys" "5.56.0"
+    "@typescript-eslint/types" "6.21.0"
+    "@typescript-eslint/visitor-keys" "6.21.0"
+
+"@typescript-eslint/scope-manager@8.27.0":
+  version "8.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.27.0.tgz#b51042927067d677fbfc471605cf40d1ffaee482"
+  integrity sha512-8oI9GwPMQmBryaaxG1tOZdxXVeMDte6NyJA4i7/TWa4fBwgnAXYlIQP+uYOeqAaLJ2JRxlG9CAyL+C+YE9Xknw==
+  dependencies:
+    "@typescript-eslint/types" "8.27.0"
+    "@typescript-eslint/visitor-keys" "8.27.0"
+
+"@typescript-eslint/scope-manager@^8.13.0":
+  version "8.26.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.26.1.tgz#5e6ad0ac258ccf79462e91c3f43a3f1f7f31a6cc"
+  integrity sha512-6EIvbE5cNER8sqBu6V7+KeMZIC1664d2Yjt+B9EWUXrsyWpxx4lEZrmvxgSKRC6gX+efDL/UY9OpPZ267io3mg==
+  dependencies:
+    "@typescript-eslint/types" "8.26.1"
+    "@typescript-eslint/visitor-keys" "8.26.1"
+
+"@typescript-eslint/type-utils@6.21.0":
+  version "6.21.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-6.21.0.tgz#6473281cfed4dacabe8004e8521cee0bd9d4c01e"
+  integrity sha512-rZQI7wHfao8qMX3Rd3xqeYSMCL3SoiSQLBATSiVKARdFGCYSRvmViieZjqc58jKgs8Y8i9YvVVhRbHSTA4VBag==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "6.21.0"
+    "@typescript-eslint/utils" "6.21.0"
+    debug "^4.3.4"
+    ts-api-utils "^1.0.1"
+
+"@typescript-eslint/type-utils@8.27.0":
+  version "8.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-8.27.0.tgz#af3c4eefcb64455ee50aae2d7069918467af085c"
+  integrity sha512-wVArTVcz1oJOIEJxui/nRhV0TXzD/zMSOYi/ggCfNq78EIszddXcJb7r4RCp/oBrjt8n9A0BSxRMKxHftpDxDA==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "8.27.0"
+    "@typescript-eslint/utils" "8.27.0"
+    debug "^4.3.4"
+    ts-api-utils "^2.0.1"
+
+"@typescript-eslint/types@6.21.0":
+  version "6.21.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.21.0.tgz#205724c5123a8fef7ecd195075fa6e85bac3436d"
+  integrity sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==
+
+"@typescript-eslint/types@8.26.1":
+  version "8.26.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.26.1.tgz#d5978721670cff263348d5062773389231a64132"
+  integrity sha512-n4THUQW27VmQMx+3P+B0Yptl7ydfceUj4ON/AQILAASwgYdZ/2dhfymRMh5egRUrvK5lSmaOm77Ry+lmXPOgBQ==
+
+"@typescript-eslint/types@8.27.0", "@typescript-eslint/types@^8.26.0":
+  version "8.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.27.0.tgz#3dd01ced4c81e798d1106fda0904f8d5c91051aa"
+  integrity sha512-/6cp9yL72yUHAYq9g6DsAU+vVfvQmd1a8KyA81uvfDE21O2DwQ/qxlM4AR8TSdAu+kJLBDrEHKC5/W2/nxsY0A==
+
+"@typescript-eslint/typescript-estree@6.21.0":
+  version "6.21.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-6.21.0.tgz#c47ae7901db3b8bddc3ecd73daff2d0895688c46"
+  integrity sha512-6npJTkZcO+y2/kr+z0hc4HwNfrrP4kNYh57ek7yCNlrBjWQ1Y0OS7jiZTkgumrvkX5HkEKXFZkkdFNkaW2wmUQ==
+  dependencies:
+    "@typescript-eslint/types" "6.21.0"
+    "@typescript-eslint/visitor-keys" "6.21.0"
     debug "^4.3.4"
     globby "^11.1.0"
     is-glob "^4.0.3"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
+    minimatch "9.0.3"
+    semver "^7.5.4"
+    ts-api-utils "^1.0.1"
 
-"@typescript-eslint/utils@5.56.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.56.0.tgz#db64705409b9a15546053fb4deb2888b37df1f41"
-  integrity sha512-XhZDVdLnUJNtbzaJeDSCIYaM+Tgr59gZGbFuELgF7m0IY03PlciidS7UQNKLE0+WpUTn1GlycEr6Ivb/afjbhA==
+"@typescript-eslint/typescript-estree@8.27.0":
+  version "8.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.27.0.tgz#4e02a1056454a84418cc9bce7c00b1c08b03567a"
+  integrity sha512-BnKq8cqPVoMw71O38a1tEb6iebEgGA80icSxW7g+kndx0o6ot6696HjG7NdgfuAVmVEtwXUr3L8R9ZuVjoQL6A==
   dependencies:
-    "@eslint-community/eslint-utils" "^4.2.0"
-    "@types/json-schema" "^7.0.9"
-    "@types/semver" "^7.3.12"
-    "@typescript-eslint/scope-manager" "5.56.0"
-    "@typescript-eslint/types" "5.56.0"
-    "@typescript-eslint/typescript-estree" "5.56.0"
-    eslint-scope "^5.1.1"
-    semver "^7.3.7"
+    "@typescript-eslint/types" "8.27.0"
+    "@typescript-eslint/visitor-keys" "8.27.0"
+    debug "^4.3.4"
+    fast-glob "^3.3.2"
+    is-glob "^4.0.3"
+    minimatch "^9.0.4"
+    semver "^7.6.0"
+    ts-api-utils "^2.0.1"
 
-"@typescript-eslint/visitor-keys@5.56.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.56.0.tgz#f19eb297d972417eb13cb69b35b3213e13cc214f"
-  integrity sha512-1mFdED7u5bZpX6Xxf5N9U2c18sb+8EvU3tyOIj6LQZ5OOvnmj8BVeNNP603OFPm5KkS1a7IvCIcwrdHXaEMG/Q==
+"@typescript-eslint/typescript-estree@^8.13.0":
+  version "8.26.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.26.1.tgz#eb0e4ce31753683d83be53441a409fd5f0b34afd"
+  integrity sha512-yUwPpUHDgdrv1QJ7YQal3cMVBGWfnuCdKbXw1yyjArax3353rEJP1ZA+4F8nOlQ3RfS2hUN/wze3nlY+ZOhvoA==
   dependencies:
-    "@typescript-eslint/types" "5.56.0"
-    eslint-visitor-keys "^3.3.0"
+    "@typescript-eslint/types" "8.26.1"
+    "@typescript-eslint/visitor-keys" "8.26.1"
+    debug "^4.3.4"
+    fast-glob "^3.3.2"
+    is-glob "^4.0.3"
+    minimatch "^9.0.4"
+    semver "^7.6.0"
+    ts-api-utils "^2.0.1"
 
-"@vitejs/plugin-legacy@^1.5.2":
-  version "1.8.2"
-  resolved "https://registry.yarnpkg.com/@vitejs/plugin-legacy/-/plugin-legacy-1.8.2.tgz#2f315bcb6685b12719813fb9412851445cca636f"
-  integrity sha512-NCOKU+pU+cxLMR9P9RTolEuOK+h+zYBXlknj+zGcKSj/NXBZYgA1GAH1FnO4zijoWRiTaiOm2ha9LQrELE7XHg==
+"@typescript-eslint/utils@6.21.0":
+  version "6.21.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-6.21.0.tgz#4714e7a6b39e773c1c8e97ec587f520840cd8134"
+  integrity sha512-NfWVaC8HP9T8cbKQxHcsJBY5YE1O33+jpMwN45qzWWaPDZgLIbo12toGMWnmhvCpd3sIxkpDw3Wv1B3dYrbDQQ==
   dependencies:
-    "@babel/standalone" "^7.17.11"
-    core-js "^3.22.3"
-    magic-string "^0.26.1"
-    regenerator-runtime "^0.13.9"
-    systemjs "^6.12.1"
+    "@eslint-community/eslint-utils" "^4.4.0"
+    "@types/json-schema" "^7.0.12"
+    "@types/semver" "^7.5.0"
+    "@typescript-eslint/scope-manager" "6.21.0"
+    "@typescript-eslint/types" "6.21.0"
+    "@typescript-eslint/typescript-estree" "6.21.0"
+    semver "^7.5.4"
 
-"@vitest/expect@0.29.8":
-  version "0.29.8"
-  resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-0.29.8.tgz#6ecdd031b4ea8414717d10b65ccd800908384612"
-  integrity sha512-xlcVXn5I5oTq6NiZSY3ykyWixBxr5mG8HYtjvpgg6KaqHm0mvhX18xuwl5YGxIRNt/A5jidd7CWcNHrSvgaQqQ==
+"@typescript-eslint/utils@8.27.0", "@typescript-eslint/utils@^8.23.0", "@typescript-eslint/utils@^8.26.0", "@typescript-eslint/utils@^8.27.0":
+  version "8.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.27.0.tgz#d9c2a4891c6a85b952a9d5f9656c379ab111cf6d"
+  integrity sha512-njkodcwH1yvmo31YWgRHNb/x1Xhhq4/m81PhtvmRngD8iHPehxffz1SNCO+kwaePhATC+kOa/ggmvPoPza5i0Q==
   dependencies:
-    "@vitest/spy" "0.29.8"
-    "@vitest/utils" "0.29.8"
-    chai "^4.3.7"
+    "@eslint-community/eslint-utils" "^4.4.0"
+    "@typescript-eslint/scope-manager" "8.27.0"
+    "@typescript-eslint/types" "8.27.0"
+    "@typescript-eslint/typescript-estree" "8.27.0"
 
-"@vitest/runner@0.29.8":
-  version "0.29.8"
-  resolved "https://registry.yarnpkg.com/@vitest/runner/-/runner-0.29.8.tgz#ede8a7be8a074ea1180bc1d1595bd879ed15971c"
-  integrity sha512-FzdhnRDwEr/A3Oo1jtIk/B952BBvP32n1ObMEb23oEJNO+qO5cBet6M2XWIDQmA7BDKGKvmhUf2naXyp/2JEwQ==
+"@typescript-eslint/visitor-keys@6.21.0":
+  version "6.21.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-6.21.0.tgz#87a99d077aa507e20e238b11d56cc26ade45fe47"
+  integrity sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==
   dependencies:
-    "@vitest/utils" "0.29.8"
-    p-limit "^4.0.0"
-    pathe "^1.1.0"
+    "@typescript-eslint/types" "6.21.0"
+    eslint-visitor-keys "^3.4.1"
 
-"@vitest/spy@0.29.8":
-  version "0.29.8"
-  resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-0.29.8.tgz#2e0c3b30e04d317b2197e3356234448aa432e131"
-  integrity sha512-VdjBe9w34vOMl5I5mYEzNX8inTxrZ+tYUVk9jxaZJmHFwmDFC/GV3KBFTA/JKswr3XHvZL+FE/yq5EVhb6pSAw==
+"@typescript-eslint/visitor-keys@8.26.1":
+  version "8.26.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.26.1.tgz#c5267fcc82795cf10280363023837deacad2647c"
+  integrity sha512-AjOC3zfnxd6S4Eiy3jwktJPclqhFHNyd8L6Gycf9WUPoKZpgM5PjkxY1X7uSy61xVpiJDhhk7XT2NVsN3ALTWg==
   dependencies:
-    tinyspy "^1.0.2"
+    "@typescript-eslint/types" "8.26.1"
+    eslint-visitor-keys "^4.2.0"
 
-"@vitest/utils@0.29.8":
-  version "0.29.8"
-  resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-0.29.8.tgz#423da85fd0c6633f3ab496cf7d2fc0119b850df8"
-  integrity sha512-qGzuf3vrTbnoY+RjjVVIBYfuWMjn3UMUqyQtdGNZ6ZIIyte7B37exj6LaVkrZiUTvzSadVvO/tJm8AEgbGCBPg==
+"@typescript-eslint/visitor-keys@8.27.0":
+  version "8.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.27.0.tgz#4a13e9d7ad7e311a07ea1b178b4c9f848ce11334"
+  integrity sha512-WsXQwMkILJvffP6z4U3FYJPlbf/j07HIxmDjZpbNvBJkMfvwXj5ACRkkHwBDvLBbDbtX5TdU64/rcvKJ/vuInQ==
   dependencies:
-    cli-truncate "^3.1.0"
-    diff "^5.1.0"
-    loupe "^2.3.6"
-    pretty-format "^27.5.1"
+    "@typescript-eslint/types" "8.27.0"
+    eslint-visitor-keys "^4.2.0"
 
-"@vue/babel-helper-vue-jsx-merge-props@^1.2.1", "@vue/babel-helper-vue-jsx-merge-props@^1.4.0":
+"@ungap/structured-clone@^1.0.0":
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.3.0.tgz#d06bbb384ebcf6c505fde1c3d0ed4ddffe0aaff8"
+  integrity sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==
+
+"@unhead/vue@^2.0.0-rc.7":
+  version "2.0.0-rc.13"
+  resolved "https://registry.yarnpkg.com/@unhead/vue/-/vue-2.0.0-rc.13.tgz#2a7a874f37eedc064391518f48768572714f4f79"
+  integrity sha512-9jF2Y85HtEdxfaa6Y4wn2Gh1eXJHVNvvecWs3+qfEV83kSOFFowOpm6nIYmNpVGPQtnS0OW1JeIZjQEPZR+LAQ==
+  dependencies:
+    hookable "^5.5.3"
+    unhead "2.0.0-rc.13"
+
+"@unrs/rspack-resolver-binding-darwin-arm64@1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@unrs/rspack-resolver-binding-darwin-arm64/-/rspack-resolver-binding-darwin-arm64-1.2.2.tgz#4a40be18ae1d5a417ca9246b0e9c7eda11a49998"
+  integrity sha512-i7z0B+C0P8Q63O/5PXJAzeFtA1ttY3OR2VSJgGv18S+PFNwD98xHgAgPOT1H5HIV6jlQP8Avzbp09qxJUdpPNw==
+
+"@unrs/rspack-resolver-binding-darwin-x64@1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@unrs/rspack-resolver-binding-darwin-x64/-/rspack-resolver-binding-darwin-x64-1.2.2.tgz#f1d9226724fa4f47f0eaab50fb046568e29d68e0"
+  integrity sha512-YEdFzPjIbDUCfmehC6eS+AdJYtFWY35YYgWUnqqTM2oe/N58GhNy5yRllxYhxwJ9GcfHoNc6Ubze1yjkNv+9Qg==
+
+"@unrs/rspack-resolver-binding-freebsd-x64@1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@unrs/rspack-resolver-binding-freebsd-x64/-/rspack-resolver-binding-freebsd-x64-1.2.2.tgz#3f14520900a130bf1b30922a7be0024968506e8c"
+  integrity sha512-TU4ntNXDgPN2giQyyzSnGWf/dVCem5lvwxg0XYvsvz35h5H19WrhTmHgbrULMuypCB3aHe1enYUC9rPLDw45mA==
+
+"@unrs/rspack-resolver-binding-linux-arm-gnueabihf@1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@unrs/rspack-resolver-binding-linux-arm-gnueabihf/-/rspack-resolver-binding-linux-arm-gnueabihf-1.2.2.tgz#7aa5ae2d6c762b0737694b48cd069629dd205c0c"
+  integrity sha512-ik3w4/rU6RujBvNWiDnKdXi1smBhqxEDhccNi/j2rHaMjm0Fk49KkJ6XKsoUnD2kZ5xaMJf9JjailW/okfUPIw==
+
+"@unrs/rspack-resolver-binding-linux-arm64-gnu@1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@unrs/rspack-resolver-binding-linux-arm64-gnu/-/rspack-resolver-binding-linux-arm64-gnu-1.2.2.tgz#1422b244db1ff7eb79d74260d25dac976c423e91"
+  integrity sha512-fp4Azi8kHz6TX8SFmKfyScZrMLfp++uRm2srpqRjsRZIIBzH74NtSkdEUHImR4G7f7XJ+sVZjCc6KDDK04YEpQ==
+
+"@unrs/rspack-resolver-binding-linux-arm64-musl@1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@unrs/rspack-resolver-binding-linux-arm64-musl/-/rspack-resolver-binding-linux-arm64-musl-1.2.2.tgz#9cc30a98b25b704b3d3bb17b9932a24d39049719"
+  integrity sha512-gMiG3DCFioJxdGBzhlL86KcFgt9HGz0iDhw0YVYPsShItpN5pqIkNrI+L/Q/0gfDiGrfcE0X3VANSYIPmqEAlQ==
+
+"@unrs/rspack-resolver-binding-linux-x64-gnu@1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@unrs/rspack-resolver-binding-linux-x64-gnu/-/rspack-resolver-binding-linux-x64-gnu-1.2.2.tgz#1ce389a2317c96276ceec82de4e6e325974946a7"
+  integrity sha512-n/4n2CxaUF9tcaJxEaZm+lqvaw2gflfWQ1R9I7WQgYkKEKbRKbpG/R3hopYdUmLSRI4xaW1Cy0Bz40eS2Yi4Sw==
+
+"@unrs/rspack-resolver-binding-linux-x64-musl@1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@unrs/rspack-resolver-binding-linux-x64-musl/-/rspack-resolver-binding-linux-x64-musl-1.2.2.tgz#6d262acedac6d6e3d85c2d370de47e8e669cc316"
+  integrity sha512-cHyhAr6rlYYbon1L2Ag449YCj3p6XMfcYTP0AQX+KkQo025d1y/VFtPWvjMhuEsE2lLvtHm7GdJozj6BOMtzVg==
+
+"@unrs/rspack-resolver-binding-wasm32-wasi@1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@unrs/rspack-resolver-binding-wasm32-wasi/-/rspack-resolver-binding-wasm32-wasi-1.2.2.tgz#72bf01b52c5e2d567b5f90ee842cde674e0356c7"
+  integrity sha512-eogDKuICghDLGc32FtP+WniG38IB1RcGOGz0G3z8406dUdjJvxfHGuGs/dSlM9YEp/v0lEqhJ4mBu6X2nL9pog==
+  dependencies:
+    "@napi-rs/wasm-runtime" "^0.2.7"
+
+"@unrs/rspack-resolver-binding-win32-arm64-msvc@1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@unrs/rspack-resolver-binding-win32-arm64-msvc/-/rspack-resolver-binding-win32-arm64-msvc-1.2.2.tgz#e1a74655a42d48d2c005dd69ba148547167e1701"
+  integrity sha512-7sWRJumhpXSi2lccX8aQpfFXHsSVASdWndLv8AmD8nDRA/5PBi8IplQVZNx2mYRx6+Bp91Z00kuVqpXO9NfCTg==
+
+"@unrs/rspack-resolver-binding-win32-x64-msvc@1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@unrs/rspack-resolver-binding-win32-x64-msvc/-/rspack-resolver-binding-win32-x64-msvc-1.2.2.tgz#ac441b3bd8cf97b7d3d35f4e7f9792f8e257e729"
+  integrity sha512-hewo/UMGP1a7O6FG/ThcPzSJdm/WwrYDNkdGgWl6M18H6K6MSitklomWpT9MUtT5KGj++QJb06va/14QBC4pvw==
+
+"@vercel/nft@^0.29.2":
+  version "0.29.2"
+  resolved "https://registry.yarnpkg.com/@vercel/nft/-/nft-0.29.2.tgz#0a852a67f5f24ee7c55139f065d46175688fcbbb"
+  integrity sha512-A/Si4mrTkQqJ6EXJKv5EYCDQ3NL6nJXxG8VGXePsaiQigsomHYQC9xSpX8qGk7AEZk4b1ssbYIqJ0ISQQ7bfcA==
+  dependencies:
+    "@mapbox/node-pre-gyp" "^2.0.0"
+    "@rollup/pluginutils" "^5.1.3"
+    acorn "^8.6.0"
+    acorn-import-attributes "^1.9.5"
+    async-sema "^3.1.1"
+    bindings "^1.4.0"
+    estree-walker "2.0.2"
+    glob "^10.4.5"
+    graceful-fs "^4.2.9"
+    node-gyp-build "^4.2.2"
+    picomatch "^4.0.2"
+    resolve-from "^5.0.0"
+
+"@vite-pwa/nuxt@0.10.6":
+  version "0.10.6"
+  resolved "https://registry.yarnpkg.com/@vite-pwa/nuxt/-/nuxt-0.10.6.tgz#ba8b61da1bed83034accfbbc52381d61fc04d122"
+  integrity sha512-yQTrMNLz2KuroEaqstHYvylT258BgYryON1tC2MQGCG8VVyWXfmYZPeffid/zCE8pkKMQpp6e9owKUyVLgT5xg==
+  dependencies:
+    "@nuxt/kit" "^3.9.0"
+    pathe "^1.1.1"
+    ufo "^1.3.2"
+    vite-plugin-pwa ">=0.20.5 <1"
+
+"@vitejs/plugin-vue-jsx@^4.1.1":
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue-jsx/-/plugin-vue-jsx-4.1.2.tgz#7ab813bcba9a514a2bdee5b0e17c30d6e420c748"
+  integrity sha512-4Rk0GdE0QCdsIkuMmWeg11gmM4x8UmTnZR/LWPm7QJ7+BsK4tq08udrN0isrrWqz5heFy9HLV/7bOLgFS8hUjA==
+  dependencies:
+    "@babel/core" "^7.26.7"
+    "@babel/plugin-transform-typescript" "^7.26.7"
+    "@vue/babel-plugin-jsx" "^1.2.5"
+
+"@vitejs/plugin-vue@^5.2.1":
+  version "5.2.3"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-5.2.3.tgz#71a8fc82d4d2e425af304c35bf389506f674d89b"
+  integrity sha512-IYSLEQj4LgZZuoVpdSUCw3dIynTWQgPlaRP6iAvMle4My0HdYwr5g5wQAfwOeHQBmYwEkqF70nRpSilr6PoUDg==
+
+"@vitest/expect@3.0.9":
+  version "3.0.9"
+  resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-3.0.9.tgz#b0cb9cd798a131423097cc5a777b699675405fcf"
+  integrity sha512-5eCqRItYgIML7NNVgJj6TVCmdzE7ZVgJhruW0ziSQV4V7PvLkDL1bBkBdcTs/VuIz0IxPb5da1IDSqc1TR9eig==
+  dependencies:
+    "@vitest/spy" "3.0.9"
+    "@vitest/utils" "3.0.9"
+    chai "^5.2.0"
+    tinyrainbow "^2.0.0"
+
+"@vitest/mocker@3.0.9":
+  version "3.0.9"
+  resolved "https://registry.yarnpkg.com/@vitest/mocker/-/mocker-3.0.9.tgz#75d176745131caf40810d3a3a73491595fce46e6"
+  integrity sha512-ryERPIBOnvevAkTq+L1lD+DTFBRcjueL9lOUfXsLfwP92h4e+Heb+PjiqS3/OURWPtywfafK0kj++yDFjWUmrA==
+  dependencies:
+    "@vitest/spy" "3.0.9"
+    estree-walker "^3.0.3"
+    magic-string "^0.30.17"
+
+"@vitest/pretty-format@3.0.9", "@vitest/pretty-format@^3.0.9":
+  version "3.0.9"
+  resolved "https://registry.yarnpkg.com/@vitest/pretty-format/-/pretty-format-3.0.9.tgz#d9c88fe64b4edcdbc88e5bd92c39f9cc8d40930d"
+  integrity sha512-OW9F8t2J3AwFEwENg3yMyKWweF7oRJlMyHOMIhO5F3n0+cgQAJZBjNgrF8dLwFTEXl5jUqBLXd9QyyKv8zEcmA==
+  dependencies:
+    tinyrainbow "^2.0.0"
+
+"@vitest/runner@3.0.9":
+  version "3.0.9"
+  resolved "https://registry.yarnpkg.com/@vitest/runner/-/runner-3.0.9.tgz#92b7f37f65825105dbfdc07196b90dd8c20547d8"
+  integrity sha512-NX9oUXgF9HPfJSwl8tUZCMP1oGx2+Sf+ru6d05QjzQz4OwWg0psEzwY6VexP2tTHWdOkhKHUIZH+fS6nA7jfOw==
+  dependencies:
+    "@vitest/utils" "3.0.9"
+    pathe "^2.0.3"
+
+"@vitest/snapshot@3.0.9":
+  version "3.0.9"
+  resolved "https://registry.yarnpkg.com/@vitest/snapshot/-/snapshot-3.0.9.tgz#2ab878b3590b2daef1798b645a9d9e72a0eb258d"
+  integrity sha512-AiLUiuZ0FuA+/8i19mTYd+re5jqjEc2jZbgJ2up0VY0Ddyyxg/uUtBDpIFAy4uzKaQxOW8gMgBdAJJ2ydhu39A==
+  dependencies:
+    "@vitest/pretty-format" "3.0.9"
+    magic-string "^0.30.17"
+    pathe "^2.0.3"
+
+"@vitest/spy@3.0.9":
+  version "3.0.9"
+  resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-3.0.9.tgz#c3e5d47ceff7c1cb9fdfb9b2f168056bbc625534"
+  integrity sha512-/CcK2UDl0aQ2wtkp3YVWldrpLRNCfVcIOFGlVGKO4R5eajsH393Z1yiXLVQ7vWsj26JOEjeZI0x5sm5P4OGUNQ==
+  dependencies:
+    tinyspy "^3.0.2"
+
+"@vitest/utils@3.0.9":
+  version "3.0.9"
+  resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-3.0.9.tgz#15da261d8cacd6035dc28a8d3ba38ee39545f82b"
+  integrity sha512-ilHM5fHhZ89MCp5aAaM9uhfl1c2JdxVxl3McqsdVyVNN6JffnEen8UMCdRTzOhGXNQGo5GNL9QugHrz727Wnng==
+  dependencies:
+    "@vitest/pretty-format" "3.0.9"
+    loupe "^3.1.3"
+    tinyrainbow "^2.0.0"
+
+"@vue-macros/common@^1.15.0", "@vue-macros/common@^1.16.1":
+  version "1.16.1"
+  resolved "https://registry.yarnpkg.com/@vue-macros/common/-/common-1.16.1.tgz#dac7ebc57ded4d6fb19d7f9a83d2973971d9fa65"
+  integrity sha512-Pn/AWMTjoMYuquepLZP813BIcq8DTZiNCoaceuNlvaYuOTd8DqBZWc5u0uOMQZMInwME1mdSmmBAcTluiV9Jtg==
+  dependencies:
+    "@vue/compiler-sfc" "^3.5.13"
+    ast-kit "^1.4.0"
+    local-pkg "^1.0.0"
+    magic-string-ast "^0.7.0"
+    pathe "^2.0.2"
+    picomatch "^4.0.2"
+
+"@vue/babel-helper-vue-transform-on@1.4.0":
   version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.4.0.tgz#8d53a1e21347db8edbe54d339902583176de09f2"
-  integrity sha512-JkqXfCkUDp4PIlFdDQ0TdXoIejMtTHP67/pvxlgeY+u5k3LEdKuWZ3LK6xkxo52uDoABIVyRwqVkfLQJhk7VBA==
+  resolved "https://registry.yarnpkg.com/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.4.0.tgz#616020488692a9c42a613280d62ed1b727045d95"
+  integrity sha512-mCokbouEQ/ocRce/FpKCRItGo+013tHg7tixg3DUNS+6bmIchPt66012kBMm476vyEIJPafrvOf4E5OYj3shSw==
 
-"@vue/babel-plugin-transform-vue-jsx@^1.4.0":
+"@vue/babel-plugin-jsx@^1.2.5":
   version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-plugin-transform-vue-jsx/-/babel-plugin-transform-vue-jsx-1.4.0.tgz#4d4b3d46a39ea62b7467dd6e26ce47f7ceafb2fe"
-  integrity sha512-Fmastxw4MMx0vlgLS4XBX0XiBbUFzoMGeVXuMV08wyOfXdikAFqBTuYPR0tlk+XskL19EzHc39SgjrPGY23JnA==
+  resolved "https://registry.yarnpkg.com/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.4.0.tgz#c155c795ce980edf46aa6feceed93945a95ca658"
+  integrity sha512-9zAHmwgMWlaN6qRKdrg1uKsBKHvnUU+Py+MOCTuYZBoZsopa90Di10QRjB+YPnVss0BZbG/H5XFwJY1fTxJWhA==
   dependencies:
-    "@babel/helper-module-imports" "^7.0.0"
-    "@babel/plugin-syntax-jsx" "^7.2.0"
-    "@vue/babel-helper-vue-jsx-merge-props" "^1.4.0"
-    html-tags "^2.0.0"
-    lodash.kebabcase "^4.1.1"
-    svg-tags "^1.0.0"
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.26.5"
+    "@babel/plugin-syntax-jsx" "^7.25.9"
+    "@babel/template" "^7.26.9"
+    "@babel/traverse" "^7.26.9"
+    "@babel/types" "^7.26.9"
+    "@vue/babel-helper-vue-transform-on" "1.4.0"
+    "@vue/babel-plugin-resolve-type" "1.4.0"
+    "@vue/shared" "^3.5.13"
 
-"@vue/babel-preset-jsx@^1.2.4", "@vue/babel-preset-jsx@^1.4.0":
+"@vue/babel-plugin-resolve-type@1.4.0":
   version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-preset-jsx/-/babel-preset-jsx-1.4.0.tgz#f4914ba314235ab097bc4372ed67473c0780bfcc"
-  integrity sha512-QmfRpssBOPZWL5xw7fOuHNifCQcNQC1PrOo/4fu6xlhlKJJKSA3HqX92Nvgyx8fqHZTUGMPHmFA+IDqwXlqkSA==
+  resolved "https://registry.yarnpkg.com/@vue/babel-plugin-resolve-type/-/babel-plugin-resolve-type-1.4.0.tgz#4d357a81fb0cc9cad0e8c81b118115bda2c51543"
+  integrity sha512-4xqDRRbQQEWHQyjlYSgZsWj44KfiF6D+ktCuXyZ8EnVDYV3pztmXJDf1HveAjUAXxAnR8daCQT51RneWWxtTyQ==
   dependencies:
-    "@vue/babel-helper-vue-jsx-merge-props" "^1.4.0"
-    "@vue/babel-plugin-transform-vue-jsx" "^1.4.0"
-    "@vue/babel-sugar-composition-api-inject-h" "^1.4.0"
-    "@vue/babel-sugar-composition-api-render-instance" "^1.4.0"
-    "@vue/babel-sugar-functional-vue" "^1.4.0"
-    "@vue/babel-sugar-inject-h" "^1.4.0"
-    "@vue/babel-sugar-v-model" "^1.4.0"
-    "@vue/babel-sugar-v-on" "^1.4.0"
+    "@babel/code-frame" "^7.26.2"
+    "@babel/helper-module-imports" "^7.25.9"
+    "@babel/helper-plugin-utils" "^7.26.5"
+    "@babel/parser" "^7.26.9"
+    "@vue/compiler-sfc" "^3.5.13"
 
-"@vue/babel-sugar-composition-api-inject-h@^1.4.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-sugar-composition-api-inject-h/-/babel-sugar-composition-api-inject-h-1.4.0.tgz#187e1389f8871d89ece743bb50aed713be9d6c85"
-  integrity sha512-VQq6zEddJHctnG4w3TfmlVp5FzDavUSut/DwR0xVoe/mJKXyMcsIibL42wPntozITEoY90aBV0/1d2KjxHU52g==
+"@vue/compiler-core@3.5.13", "@vue/compiler-core@^3.5.13":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.13.tgz#b0ae6c4347f60c03e849a05d34e5bf747c9bda05"
+  integrity sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==
   dependencies:
-    "@babel/plugin-syntax-jsx" "^7.2.0"
+    "@babel/parser" "^7.25.3"
+    "@vue/shared" "3.5.13"
+    entities "^4.5.0"
+    estree-walker "^2.0.2"
+    source-map-js "^1.2.0"
 
-"@vue/babel-sugar-composition-api-render-instance@^1.4.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-sugar-composition-api-render-instance/-/babel-sugar-composition-api-render-instance-1.4.0.tgz#2c1607ae6dffdab47e785bc01fa45ba756e992c1"
-  integrity sha512-6ZDAzcxvy7VcnCjNdHJ59mwK02ZFuP5CnucloidqlZwVQv5CQLijc3lGpR7MD3TWFi78J7+a8J56YxbCtHgT9Q==
+"@vue/compiler-dom@3.5.13", "@vue/compiler-dom@^3.2.45":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz#bb1b8758dbc542b3658dda973b98a1c9311a8a58"
+  integrity sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==
   dependencies:
-    "@babel/plugin-syntax-jsx" "^7.2.0"
+    "@vue/compiler-core" "3.5.13"
+    "@vue/shared" "3.5.13"
 
-"@vue/babel-sugar-functional-vue@^1.4.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-sugar-functional-vue/-/babel-sugar-functional-vue-1.4.0.tgz#60da31068567082287c7337c66ef4df04e0a1029"
-  integrity sha512-lTEB4WUFNzYt2In6JsoF9sAYVTo84wC4e+PoZWSgM6FUtqRJz7wMylaEhSRgG71YF+wfLD6cc9nqVeXN2rwBvw==
+"@vue/compiler-sfc@3.5.13", "@vue/compiler-sfc@^3.5.13":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.13.tgz#461f8bd343b5c06fac4189c4fef8af32dea82b46"
+  integrity sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==
   dependencies:
-    "@babel/plugin-syntax-jsx" "^7.2.0"
+    "@babel/parser" "^7.25.3"
+    "@vue/compiler-core" "3.5.13"
+    "@vue/compiler-dom" "3.5.13"
+    "@vue/compiler-ssr" "3.5.13"
+    "@vue/shared" "3.5.13"
+    estree-walker "^2.0.2"
+    magic-string "^0.30.11"
+    postcss "^8.4.48"
+    source-map-js "^1.2.0"
 
-"@vue/babel-sugar-inject-h@^1.4.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-sugar-inject-h/-/babel-sugar-inject-h-1.4.0.tgz#bf39aa6631fb1d0399b1c49b4c59e1c8899b4363"
-  integrity sha512-muwWrPKli77uO2fFM7eA3G1lAGnERuSz2NgAxuOLzrsTlQl8W4G+wwbM4nB6iewlKbwKRae3nL03UaF5ffAPMA==
+"@vue/compiler-ssr@3.5.13":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz#e771adcca6d3d000f91a4277c972a996d07f43ba"
+  integrity sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==
   dependencies:
-    "@babel/plugin-syntax-jsx" "^7.2.0"
+    "@vue/compiler-dom" "3.5.13"
+    "@vue/shared" "3.5.13"
 
-"@vue/babel-sugar-v-model@^1.4.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-sugar-v-model/-/babel-sugar-v-model-1.4.0.tgz#a51d986609f430c4f70ada3a93cc560a2970f720"
-  integrity sha512-0t4HGgXb7WHYLBciZzN5s0Hzqan4Ue+p/3FdQdcaHAb7s5D9WZFGoSxEZHrR1TFVZlAPu1bejTKGeAzaaG3NCQ==
+"@vue/devtools-api@^6.5.0", "@vue/devtools-api@^6.6.4":
+  version "6.6.4"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz#cbe97fe0162b365edc1dba80e173f90492535343"
+  integrity sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==
+
+"@vue/devtools-core@^7.7.2":
+  version "7.7.2"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-core/-/devtools-core-7.7.2.tgz#fbba7714b4cecd4e4b80e1b68c249b013c6ea6a7"
+  integrity sha512-lexREWj1lKi91Tblr38ntSsy6CvI8ba7u+jmwh2yruib/ltLUcsIzEjCnrkh1yYGGIKXbAuYV2tOG10fGDB9OQ==
   dependencies:
-    "@babel/plugin-syntax-jsx" "^7.2.0"
-    "@vue/babel-helper-vue-jsx-merge-props" "^1.4.0"
-    "@vue/babel-plugin-transform-vue-jsx" "^1.4.0"
-    camelcase "^5.0.0"
-    html-tags "^2.0.0"
-    svg-tags "^1.0.0"
+    "@vue/devtools-kit" "^7.7.2"
+    "@vue/devtools-shared" "^7.7.2"
+    mitt "^3.0.1"
+    nanoid "^5.0.9"
+    pathe "^2.0.2"
+    vite-hot-client "^0.2.4"
 
-"@vue/babel-sugar-v-on@^1.4.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-sugar-v-on/-/babel-sugar-v-on-1.4.0.tgz#43b7106a9672d8cbeefc0eb8afe1d376edc6166e"
-  integrity sha512-m+zud4wKLzSKgQrWwhqRObWzmTuyzl6vOP7024lrpeJM4x2UhQtRDLgYjXAw9xBXjCwS0pP9kXjg91F9ZNo9JA==
+"@vue/devtools-kit@^7.7.2":
+  version "7.7.2"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-kit/-/devtools-kit-7.7.2.tgz#3315bd5b144f98c7b84c2f44270b445644ec8f10"
+  integrity sha512-CY0I1JH3Z8PECbn6k3TqM1Bk9ASWxeMtTCvZr7vb+CHi+X/QwQm5F1/fPagraamKMAHVfuuCbdcnNg1A4CYVWQ==
   dependencies:
-    "@babel/plugin-syntax-jsx" "^7.2.0"
-    "@vue/babel-plugin-transform-vue-jsx" "^1.4.0"
-    camelcase "^5.0.0"
+    "@vue/devtools-shared" "^7.7.2"
+    birpc "^0.2.19"
+    hookable "^5.5.3"
+    mitt "^3.0.1"
+    perfect-debounce "^1.0.0"
+    speakingurl "^14.0.1"
+    superjson "^2.2.1"
 
-"@vue/compiler-sfc@2.7.16":
-  version "2.7.16"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-2.7.16.tgz#ff81711a0fac9c68683d8bb00b63f857de77dc83"
-  integrity sha512-KWhJ9k5nXuNtygPU7+t1rX6baZeqOYLEforUPjgNDBnLicfHCoi48H87Q8XyLZOrNNsmhuwKqtpDQWjEFe6Ekg==
+"@vue/devtools-shared@^7.7.2":
+  version "7.7.2"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-shared/-/devtools-shared-7.7.2.tgz#b11b143820130a32d8ce5737e264d06ab6d62f40"
+  integrity sha512-uBFxnp8gwW2vD6FrJB8JZLUzVb6PNRG0B0jBnHsOH8uKyva2qINY8PTF5Te4QlTbMDqU5K6qtJDr6cNsKWhbOA==
   dependencies:
-    "@babel/parser" "^7.23.5"
-    postcss "^8.4.14"
-    source-map "^0.6.1"
-  optionalDependencies:
-    prettier "^1.18.2 || ^2.0.0"
+    rfdc "^1.4.1"
 
-"@vue/component-compiler-utils@^3.1.0", "@vue/component-compiler-utils@^3.2.2":
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/@vue/component-compiler-utils/-/component-compiler-utils-3.3.0.tgz#f9f5fb53464b0c37b2c8d2f3fbfe44df60f61dc9"
-  integrity sha512-97sfH2mYNU+2PzGrmK2haqffDpVASuib9/w2/noxiFi31Z54hW+q3izKQXXQZSNhtiUpAI36uSuYepeBe4wpHQ==
+"@vue/reactivity@3.5.13":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.5.13.tgz#b41ff2bb865e093899a22219f5b25f97b6fe155f"
+  integrity sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==
   dependencies:
-    consolidate "^0.15.1"
-    hash-sum "^1.0.2"
-    lru-cache "^4.1.2"
-    merge-source-map "^1.1.0"
-    postcss "^7.0.36"
-    postcss-selector-parser "^6.0.2"
-    source-map "~0.6.1"
-    vue-template-es2015-compiler "^1.9.0"
-  optionalDependencies:
-    prettier "^1.18.2 || ^2.0.0"
+    "@vue/shared" "3.5.13"
 
-"@vueuse/core@^9.9.0":
-  version "9.13.0"
-  resolved "https://registry.yarnpkg.com/@vueuse/core/-/core-9.13.0.tgz#2f69e66d1905c1e4eebc249a01759cf88ea00cf4"
-  integrity sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==
+"@vue/runtime-core@3.5.13":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.5.13.tgz#1fafa4bf0b97af0ebdd9dbfe98cd630da363a455"
+  integrity sha512-Fj4YRQ3Az0WTZw1sFe+QDb0aXCerigEpw418pw1HBUKFtnQHWzwojaukAs2X/c9DQz4MQ4bsXTGlcpGxU/RCIw==
   dependencies:
-    "@types/web-bluetooth" "^0.0.16"
-    "@vueuse/metadata" "9.13.0"
-    "@vueuse/shared" "9.13.0"
-    vue-demi "*"
+    "@vue/reactivity" "3.5.13"
+    "@vue/shared" "3.5.13"
 
-"@vueuse/metadata@9.13.0":
-  version "9.13.0"
-  resolved "https://registry.yarnpkg.com/@vueuse/metadata/-/metadata-9.13.0.tgz#bc25a6cdad1b1a93c36ce30191124da6520539ff"
-  integrity sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==
-
-"@vueuse/shared@9.13.0":
-  version "9.13.0"
-  resolved "https://registry.yarnpkg.com/@vueuse/shared/-/shared-9.13.0.tgz#089ff4cc4e2e7a4015e57a8f32e4b39d096353b9"
-  integrity sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==
+"@vue/runtime-dom@3.5.13":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.5.13.tgz#610fc795de9246300e8ae8865930d534e1246215"
+  integrity sha512-dLaj94s93NYLqjLiyFzVs9X6dWhTdAlEAciC3Moq7gzAc13VJUdCnjjRurNM6uTLFATRHexHCTu/Xp3eW6yoog==
   dependencies:
-    vue-demi "*"
+    "@vue/reactivity" "3.5.13"
+    "@vue/runtime-core" "3.5.13"
+    "@vue/shared" "3.5.13"
+    csstype "^3.1.3"
 
-"@webassemblyjs/ast@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.9.0.tgz#bd850604b4042459a5a41cd7d338cbed695ed964"
-  integrity sha512-C6wW5L+b7ogSDVqymbkkvuW9kruN//YisMED04xzeBBqjHa2FYnmvOlS6Xj68xWQRgWvI9cIglsjFowH/RJyEA==
+"@vue/server-renderer@3.5.13":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.5.13.tgz#429ead62ee51de789646c22efe908e489aad46f7"
+  integrity sha512-wAi4IRJV/2SAW3htkTlB+dHeRmpTiVIK1OGLWV1yeStVSebSQQOwGwIq0D3ZIoBj2C2qpgz5+vX9iEBkTdk5YA==
   dependencies:
-    "@webassemblyjs/helper-module-context" "1.9.0"
-    "@webassemblyjs/helper-wasm-bytecode" "1.9.0"
-    "@webassemblyjs/wast-parser" "1.9.0"
+    "@vue/compiler-ssr" "3.5.13"
+    "@vue/shared" "3.5.13"
 
-"@webassemblyjs/floating-point-hex-parser@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.9.0.tgz#3c3d3b271bddfc84deb00f71344438311d52ffb4"
-  integrity sha512-TG5qcFsS8QB4g4MhrxK5TqfdNe7Ey/7YL/xN+36rRjl/BlGE/NcBvJcqsRgCP6Z92mRE+7N50pRIi8SmKUbcQA==
+"@vue/shared@3.5.13", "@vue/shared@^3.5.13":
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.13.tgz#87b309a6379c22b926e696893237826f64339b6f"
+  integrity sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==
 
-"@webassemblyjs/helper-api-error@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.9.0.tgz#203f676e333b96c9da2eeab3ccef33c45928b6a2"
-  integrity sha512-NcMLjoFMXpsASZFxJ5h2HZRcEhDkvnNFOAKneP5RbKRzaWJN36NC4jqQHKwStIhGXu5mUWlUUk7ygdtrO8lbmw==
-
-"@webassemblyjs/helper-buffer@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.9.0.tgz#a1442d269c5feb23fcbc9ef759dac3547f29de00"
-  integrity sha512-qZol43oqhq6yBPx7YM3m9Bv7WMV9Eevj6kMi6InKOuZxhw+q9hOkvq5e/PpKSiLfyetpaBnogSbNCfBwyB00CA==
-
-"@webassemblyjs/helper-code-frame@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.9.0.tgz#647f8892cd2043a82ac0c8c5e75c36f1d9159f27"
-  integrity sha512-ERCYdJBkD9Vu4vtjUYe8LZruWuNIToYq/ME22igL+2vj2dQ2OOujIZr3MEFvfEaqKoVqpsFKAGsRdBSBjrIvZA==
+"@vuetify/loader-shared@^2.1.0":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@vuetify/loader-shared/-/loader-shared-2.1.0.tgz#29410dce04a78fa9cd40c4d9bc417b8d61ce5103"
+  integrity sha512-dNE6Ceym9ijFsmJKB7YGW0cxs7xbYV8+1LjU6jd4P14xOt/ji4Igtgzt0rJFbxu+ZhAzqz853lhB0z8V9Dy9cQ==
   dependencies:
-    "@webassemblyjs/wast-printer" "1.9.0"
+    upath "^2.0.1"
 
-"@webassemblyjs/helper-fsm@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-fsm/-/helper-fsm-1.9.0.tgz#c05256b71244214671f4b08ec108ad63b70eddb8"
-  integrity sha512-OPRowhGbshCb5PxJ8LocpdX9Kl0uB4XsAjl6jH/dWKlk/mzsANvhwbiULsaiqT5GZGT9qinTICdj6PLuM5gslw==
-
-"@webassemblyjs/helper-module-context@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-module-context/-/helper-module-context-1.9.0.tgz#25d8884b76839871a08a6c6f806c3979ef712f07"
-  integrity sha512-MJCW8iGC08tMk2enck1aPW+BE5Cw8/7ph/VGZxwyvGbJwjktKkDK7vy7gAmMDx88D7mhDTCNKAW5tED+gZ0W8g==
+"@vueuse/core@^12.7.0":
+  version "12.8.2"
+  resolved "https://registry.yarnpkg.com/@vueuse/core/-/core-12.8.2.tgz#007c6dd29a7d1f6933e916e7a2f8ef3c3f968eaa"
+  integrity sha512-HbvCmZdzAu3VGi/pWYm5Ut+Kd9mn1ZHnn4L5G8kOQTPs/IwIAmJoBrmYk2ckLArgMXZj0AW3n5CAejLUO+PhdQ==
   dependencies:
-    "@webassemblyjs/ast" "1.9.0"
+    "@types/web-bluetooth" "^0.0.21"
+    "@vueuse/metadata" "12.8.2"
+    "@vueuse/shared" "12.8.2"
+    vue "^3.5.13"
 
-"@webassemblyjs/helper-wasm-bytecode@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.9.0.tgz#4fed8beac9b8c14f8c58b70d124d549dd1fe5790"
-  integrity sha512-R7FStIzyNcd7xKxCZH5lE0Bqy+hGTwS3LJjuv1ZVxd9O7eHCedSdrId/hMOd20I+v8wDXEn+bjfKDLzTepoaUw==
+"@vueuse/metadata@12.8.2":
+  version "12.8.2"
+  resolved "https://registry.yarnpkg.com/@vueuse/metadata/-/metadata-12.8.2.tgz#6cb3a4e97cdcf528329eebc1bda73cd7f64318d3"
+  integrity sha512-rAyLGEuoBJ/Il5AmFHiziCPdQzRt88VxR+Y/A/QhJ1EWtWqPBBAxTAFaSkviwEuOEZNtW8pvkPgoCZQ+HxqW1A==
 
-"@webassemblyjs/helper-wasm-section@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.9.0.tgz#5a4138d5a6292ba18b04c5ae49717e4167965346"
-  integrity sha512-XnMB8l3ek4tvrKUUku+IVaXNHz2YsJyOOmz+MMkZvh8h1uSJpSen6vYnw3IoQ7WwEuAhL8Efjms1ZWjqh2agvw==
+"@vueuse/shared@12.8.2":
+  version "12.8.2"
+  resolved "https://registry.yarnpkg.com/@vueuse/shared/-/shared-12.8.2.tgz#b9e4611d0603629c8e151f982459da394e22f930"
+  integrity sha512-dznP38YzxZoNloI0qpEfpkms8knDtaoQ6Y/sfS0L7Yki4zh40LFHEhur0odJC6xTHG5dxWVPiUWBXn+wCG2s5w==
   dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/helper-buffer" "1.9.0"
-    "@webassemblyjs/helper-wasm-bytecode" "1.9.0"
-    "@webassemblyjs/wasm-gen" "1.9.0"
+    vue "^3.5.13"
 
-"@webassemblyjs/ieee754@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.9.0.tgz#15c7a0fbaae83fb26143bbacf6d6df1702ad39e4"
-  integrity sha512-dcX8JuYU/gvymzIHc9DgxTzUUTLexWwt8uCTWP3otys596io0L5aW02Gb1RjYpx2+0Jus1h4ZFqjla7umFniTg==
+abbrev@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-3.0.0.tgz#c29a6337e167ac61a84b41b80461b29c5c271a27"
+  integrity sha512-+/kfrslGQ7TNV2ecmQwMJj/B65g5KVq1/L3SGVZ3tCYGqlzFuFCGBZJtMP99wH3NpEUyAjn0zPdPUg0D+DwrOA==
+
+abort-controller@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/abort-controller/-/abort-controller-3.0.0.tgz#eaf54d53b62bae4138e809ca225c8439a6efb392"
+  integrity sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==
   dependencies:
-    "@xtuc/ieee754" "^1.2.0"
+    event-target-shim "^5.0.0"
 
-"@webassemblyjs/leb128@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.9.0.tgz#f19ca0b76a6dc55623a09cffa769e838fa1e1c95"
-  integrity sha512-ENVzM5VwV1ojs9jam6vPys97B/S65YQtv/aanqnU7D8aSoHFX8GyhGg0CMfyKNIHBuAVjy3tlzd5QMMINa7wpw==
-  dependencies:
-    "@xtuc/long" "4.2.2"
-
-"@webassemblyjs/utf8@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.9.0.tgz#04d33b636f78e6a6813227e82402f7637b6229ab"
-  integrity sha512-GZbQlWtopBTP0u7cHrEx+73yZKrQoBMpwkGEIqlacljhXCkVM1kMQge/Mf+csMJAjEdSwhOyLAS0AoR3AG5P8w==
-
-"@webassemblyjs/wasm-edit@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.9.0.tgz#3fe6d79d3f0f922183aa86002c42dd256cfee9cf"
-  integrity sha512-FgHzBm80uwz5M8WKnMTn6j/sVbqilPdQXTWraSjBwFXSYGirpkSWE2R9Qvz9tNiTKQvoKILpCuTjBKzOIm0nxw==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/helper-buffer" "1.9.0"
-    "@webassemblyjs/helper-wasm-bytecode" "1.9.0"
-    "@webassemblyjs/helper-wasm-section" "1.9.0"
-    "@webassemblyjs/wasm-gen" "1.9.0"
-    "@webassemblyjs/wasm-opt" "1.9.0"
-    "@webassemblyjs/wasm-parser" "1.9.0"
-    "@webassemblyjs/wast-printer" "1.9.0"
-
-"@webassemblyjs/wasm-gen@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.9.0.tgz#50bc70ec68ded8e2763b01a1418bf43491a7a49c"
-  integrity sha512-cPE3o44YzOOHvlsb4+E9qSqjc9Qf9Na1OO/BHFy4OI91XDE14MjFN4lTMezzaIWdPqHnsTodGGNP+iRSYfGkjA==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/helper-wasm-bytecode" "1.9.0"
-    "@webassemblyjs/ieee754" "1.9.0"
-    "@webassemblyjs/leb128" "1.9.0"
-    "@webassemblyjs/utf8" "1.9.0"
-
-"@webassemblyjs/wasm-opt@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.9.0.tgz#2211181e5b31326443cc8112eb9f0b9028721a61"
-  integrity sha512-Qkjgm6Anhm+OMbIL0iokO7meajkzQD71ioelnfPEj6r4eOFuqm4YC3VBPqXjFyyNwowzbMD+hizmprP/Fwkl2A==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/helper-buffer" "1.9.0"
-    "@webassemblyjs/wasm-gen" "1.9.0"
-    "@webassemblyjs/wasm-parser" "1.9.0"
-
-"@webassemblyjs/wasm-parser@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.9.0.tgz#9d48e44826df4a6598294aa6c87469d642fff65e"
-  integrity sha512-9+wkMowR2AmdSWQzsPEjFU7njh8HTO5MqO8vjwEHuM+AMHioNqSBONRdr0NQQ3dVQrzp0s8lTcYqzUdb7YgELA==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/helper-api-error" "1.9.0"
-    "@webassemblyjs/helper-wasm-bytecode" "1.9.0"
-    "@webassemblyjs/ieee754" "1.9.0"
-    "@webassemblyjs/leb128" "1.9.0"
-    "@webassemblyjs/utf8" "1.9.0"
-
-"@webassemblyjs/wast-parser@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-parser/-/wast-parser-1.9.0.tgz#3031115d79ac5bd261556cecc3fa90a3ef451914"
-  integrity sha512-qsqSAP3QQ3LyZjNC/0jBJ/ToSxfYJ8kYyuiGvtn/8MK89VrNEfwj7BPQzJVHi0jGTRK2dGdJ5PRqhtjzoww+bw==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/floating-point-hex-parser" "1.9.0"
-    "@webassemblyjs/helper-api-error" "1.9.0"
-    "@webassemblyjs/helper-code-frame" "1.9.0"
-    "@webassemblyjs/helper-fsm" "1.9.0"
-    "@xtuc/long" "4.2.2"
-
-"@webassemblyjs/wast-printer@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.9.0.tgz#4935d54c85fef637b00ce9f52377451d00d47899"
-  integrity sha512-2J0nE95rHXHyQ24cWjMKJ1tqB/ds8z/cyeOZxJhcb+rW+SQASVjuznUSmdz5GpVJTzU8JkhYut0D3siFDD6wsA==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/wast-parser" "1.9.0"
-    "@xtuc/long" "4.2.2"
-
-"@xtuc/ieee754@^1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
-  integrity sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==
-
-"@xtuc/long@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
-  integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
-
-abab@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
-  integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
-
-accepts@~1.3.5:
-  version "1.3.8"
-  resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e"
-  integrity sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==
-  dependencies:
-    mime-types "~2.1.34"
-    negotiator "0.6.3"
-
-ace-builds@^1.15.2:
-  version "1.16.0"
-  resolved "https://registry.yarnpkg.com/ace-builds/-/ace-builds-1.16.0.tgz#b4d38f9566157510fc22ee183d4f96b978f4fcc8"
-  integrity sha512-EriMhoxdfhh0zKm7icSt8EXekODAOVsYh9fpnlru9ALwf0Iw7J7bpuqLjhi3QRxvVKR7P0teQdJwTvjVMcYHuw==
-
-acorn-globals@^7.0.0:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-7.0.1.tgz#0dbf05c44fa7c94332914c02066d5beff62c40c3"
-  integrity sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==
-  dependencies:
-    acorn "^8.1.0"
-    acorn-walk "^8.0.2"
+acorn-import-attributes@^1.9.5:
+  version "1.9.5"
+  resolved "https://registry.yarnpkg.com/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz#7eb1557b1ba05ef18b5ed0ec67591bfab04688ef"
+  integrity sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==
 
 acorn-jsx@^5.3.2:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
-acorn-walk@^8.0.0, acorn-walk@^8.0.2, acorn-walk@^8.2.0:
-  version "8.2.0"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
-  integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
+acorn@^8.12.1, acorn@^8.14.0, acorn@^8.5.0, acorn@^8.6.0, acorn@^8.8.2, acorn@^8.9.0:
+  version "8.14.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.14.1.tgz#721d5dc10f7d5b5609a891773d47731796935dfb"
+  integrity sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==
 
-acorn@^6.4.1:
-  version "6.4.2"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.2.tgz#35866fd710528e92de10cf06016498e47e39e1e6"
-  integrity sha512-XtGIhXwF8YM8bJhGxG5kXgjkEuNGLTkoYqVE+KMR+aspr4KGYmKYg7yUe3KghyQ9yheNwLnjmzh/7+gfDBmHCQ==
-
-acorn@^8.0.4, acorn@^8.1.0, acorn@^8.4.1, acorn@^8.5.0, acorn@^8.8.0, acorn@^8.8.1, acorn@^8.8.2:
-  version "8.8.2"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.2.tgz#1b2f25db02af965399b9776b0c2c391276d37c4a"
-  integrity sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==
-
-agent-base@6:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
-  integrity sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==
-  dependencies:
-    debug "4"
-
-aggregate-error@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/aggregate-error/-/aggregate-error-3.1.0.tgz#92670ff50f5359bdb7a3e0d40d0ec30c5737687a"
-  integrity sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==
-  dependencies:
-    clean-stack "^2.0.0"
-    indent-string "^4.0.0"
-
-ajv-errors@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/ajv-errors/-/ajv-errors-1.0.1.tgz#f35986aceb91afadec4102fbd85014950cefa64d"
-  integrity sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==
+agent-base@^7.1.0, agent-base@^7.1.2:
+  version "7.1.3"
+  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-7.1.3.tgz#29435eb821bc4194633a5b89e5bc4703bafc25a1"
+  integrity sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==
 
 ajv-formats@^2.1.1:
   version "2.1.1"
@@ -3208,19 +3856,14 @@ ajv-formats@^2.1.1:
   dependencies:
     ajv "^8.0.0"
 
-ajv-keywords@^3.1.0, ajv-keywords@^3.4.1, ajv-keywords@^3.5.2:
-  version "3.5.2"
-  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
-  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
-
-ajv-keywords@^5.0.0:
+ajv-keywords@^5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-5.1.0.tgz#69d4d385a4733cdbeab44964a1170a88f87f0e16"
   integrity sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==
   dependencies:
     fast-deep-equal "^3.1.3"
 
-ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5, ajv@^6.12.6:
+ajv@^6.12.4:
   version "6.12.6"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -3230,39 +3873,27 @@ ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.2, ajv@^6.12.4, ajv@^6.12.5, ajv
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-ajv@^8.0.0, ajv@^8.8.0:
-  version "8.12.0"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.12.0.tgz#d1a0527323e22f53562c567c00991577dfbe19d1"
-  integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==
+ajv@^8.0.0, ajv@^8.17.1, ajv@^8.6.0, ajv@^8.9.0:
+  version "8.17.1"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.17.1.tgz#37d9a5c776af6bc92d7f4f9510eba4c0a60d11a6"
+  integrity sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==
   dependencies:
-    fast-deep-equal "^3.1.1"
+    fast-deep-equal "^3.1.3"
+    fast-uri "^3.0.1"
     json-schema-traverse "^1.0.0"
     require-from-string "^2.0.2"
-    uri-js "^4.2.2"
 
-ansi-align@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-3.0.1.tgz#0cdf12e111ace773a86e9a1fad1225c43cb19a59"
-  integrity sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==
+ansi-colors@^4.1.3:
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.3.tgz#37611340eb2243e70cc604cad35d63270d48781b"
+  integrity sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==
+
+ansi-escapes@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-7.0.0.tgz#00fc19f491bbb18e1d481b97868204f92109bfe7"
+  integrity sha512-GdYO7a61mR0fOlAsvC9/rIHf7L96sBc6dEWzeOu+KAea5bZyQRPIpojrVoI4AXGJS/ycu/fBTdLrUkA4ODrvjw==
   dependencies:
-    string-width "^4.1.0"
-
-ansi-escapes@^4.2.1, ansi-escapes@^4.3.0, ansi-escapes@^4.3.2:
-  version "4.3.2"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e"
-  integrity sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==
-  dependencies:
-    type-fest "^0.21.3"
-
-ansi-html-community@0.0.8:
-  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/ansi-html-community/-/ansi-html-community-0.0.8.tgz#69fbc4d6ccbe383f9736934ae34c3f8290f1bf41"
-  integrity sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==
-
-ansi-regex@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
-  integrity sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==
+    environment "^1.0.0"
 
 ansi-regex@^5.0.1:
   version "5.0.1"
@@ -3270,16 +3901,9 @@ ansi-regex@^5.0.1:
   integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
 
 ansi-regex@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-6.0.1.tgz#3183e38fae9a65d7cb5e53945cd5897d0260a06a"
-  integrity sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==
-
-ansi-styles@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
-  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
-  dependencies:
-    color-convert "^1.9.0"
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-6.1.0.tgz#95ec409c69619d6cb1b8b34f14b660ef28ebd654"
+  integrity sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==
 
 ansi-styles@^4.0.0, ansi-styles@^4.1.0:
   version "4.3.0"
@@ -3288,25 +3912,17 @@ ansi-styles@^4.0.0, ansi-styles@^4.1.0:
   dependencies:
     color-convert "^2.0.1"
 
-ansi-styles@^5.0.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-5.2.0.tgz#07449690ad45777d1924ac2abb2fc8895dba836b"
-  integrity sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==
-
-ansi-styles@^6.0.0:
+ansi-styles@^6.0.0, ansi-styles@^6.1.0, ansi-styles@^6.2.1:
   version "6.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
   integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
 
-anymatch@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-2.0.0.tgz#bcb24b4f37934d9aa7ac17b4adaf89e7c76ef2eb"
-  integrity sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==
-  dependencies:
-    micromatch "^3.1.4"
-    normalize-path "^2.1.1"
+ansis@^3.16.0, ansis@^3.17.0:
+  version "3.17.0"
+  resolved "https://registry.yarnpkg.com/ansis/-/ansis-3.17.0.tgz#fa8d9c2a93fe7d1177e0c17f9eeb562a58a832d7"
+  integrity sha512-0qWUglt9JEqLFr3w1I1pbrChn1grhaiAR2ocX1PP/flRmxgtwTzPFFFnfIlD6aMOLQZgSuCRlidD70lvx8yhzg==
 
-anymatch@^3.0.0, anymatch@~3.1.2:
+anymatch@^3.0.0, anymatch@^3.1.3, anymatch@~3.1.2:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
   integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
@@ -3314,60 +3930,65 @@ anymatch@^3.0.0, anymatch@~3.1.2:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
-aproba@^1.1.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
-  integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
-
-arg@^5.0.2:
+archiver-utils@^5.0.0, archiver-utils@^5.0.2:
   version "5.0.2"
-  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
-  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
-
-argparse@^1.0.7:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
-  integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
+  resolved "https://registry.yarnpkg.com/archiver-utils/-/archiver-utils-5.0.2.tgz#63bc719d951803efc72cf961a56ef810760dd14d"
+  integrity sha512-wuLJMmIBQYCsGZgYLTy5FIB2pF6Lfb6cXMSF8Qywwk3t20zWnAi7zLcQFdKQmIB8wyZpY5ER38x08GbwtR2cLA==
   dependencies:
-    sprintf-js "~1.0.2"
+    glob "^10.0.0"
+    graceful-fs "^4.2.0"
+    is-stream "^2.0.1"
+    lazystream "^1.0.0"
+    lodash "^4.17.15"
+    normalize-path "^3.0.0"
+    readable-stream "^4.0.0"
+
+archiver@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/archiver/-/archiver-7.0.1.tgz#c9d91c350362040b8927379c7aa69c0655122f61"
+  integrity sha512-ZcbTaIqJOfCc03QwD468Unz/5Ir8ATtvAHsK+FdXbDIbGfihqh9mrvdcYunQzqn4HrvWWaFyaxJhGZagaJJpPQ==
+  dependencies:
+    archiver-utils "^5.0.2"
+    async "^3.2.4"
+    buffer-crc32 "^1.0.0"
+    readable-stream "^4.0.0"
+    readdir-glob "^1.1.2"
+    tar-stream "^3.0.0"
+    zip-stream "^6.0.1"
+
+are-docs-informative@^0.0.2:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/are-docs-informative/-/are-docs-informative-0.0.2.tgz#387f0e93f5d45280373d387a59d34c96db321963"
+  integrity sha512-ixiS0nLNNG5jNQzgZJNoUpBKdo9yTYZMGJ+QgT2jmjR7G7+QHRCc4v6LQ3NgE7EBJq+o0ams3waJwkrlBom8Ig==
 
 argparse@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
   integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
 
-arr-diff@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-4.0.0.tgz#d6461074febfec71e7e15235761a329a5dc7c520"
-  integrity sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==
+aria-query@^5.3.1:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.3.2.tgz#93f81a43480e33a338f19163a3d10a50c01dcd59"
+  integrity sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==
 
-arr-flatten@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/arr-flatten/-/arr-flatten-1.1.0.tgz#36048bbff4e7b47e136644316c99669ea5ae91f1"
-  integrity sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==
-
-arr-union@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-3.1.0.tgz#e39b09aea9def866a8f206e288af63919bae39c4"
-  integrity sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==
-
-array-buffer-byte-length@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz#fabe8bc193fea865f317fe7807085ee0dee5aead"
-  integrity sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==
+array-buffer-byte-length@^1.0.1, array-buffer-byte-length@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz#384d12a37295aec3769ab022ad323a18a51ccf8b"
+  integrity sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==
   dependencies:
-    call-bind "^1.0.2"
-    is-array-buffer "^3.0.1"
+    call-bound "^1.0.3"
+    is-array-buffer "^3.0.5"
 
-array-includes@^3.1.6:
-  version "3.1.6"
-  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.6.tgz#9e9e720e194f198266ba9e18c29e6a9b0e4b225f"
-  integrity sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==
+array-includes@^3.1.8:
+  version "3.1.8"
+  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.8.tgz#5e370cbe172fdd5dd6530c1d4aadda25281ba97d"
+  integrity sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-    get-intrinsic "^1.1.3"
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.4"
     is-string "^1.0.7"
 
 array-union@^2.1.0:
@@ -3375,79 +3996,87 @@ array-union@^2.1.0:
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
   integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
 
-array-unique@^0.3.2:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
-  integrity sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==
-
-array.prototype.flat@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz#ffc6576a7ca3efc2f46a143b9d1dda9b4b3cf5e2"
-  integrity sha512-roTU0KWIOmJ4DRLmwKd19Otg0/mT3qPNt0Qb3GWW8iObuZXxrjB/pzn0R3hqpRSWg4HCwqx+0vwOnWnvlOyeIA==
+array.prototype.findlastindex@^1.2.5:
+  version "1.2.6"
+  resolved "https://registry.yarnpkg.com/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.6.tgz#cfa1065c81dcb64e34557c9b81d012f6a421c564"
+  integrity sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-    es-shim-unscopables "^1.0.0"
+    call-bind "^1.0.8"
+    call-bound "^1.0.4"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.9"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.1.1"
+    es-shim-unscopables "^1.1.0"
 
-array.prototype.flatmap@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.1.tgz#1aae7903c2100433cb8261cd4ed310aab5c4a183"
-  integrity sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ==
+array.prototype.flat@^1.3.2:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz#534aaf9e6e8dd79fb6b9a9917f839ef1ec63afe5"
+  integrity sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-    es-shim-unscopables "^1.0.0"
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-shim-unscopables "^1.0.2"
 
-array.prototype.reduce@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/array.prototype.reduce/-/array.prototype.reduce-1.0.5.tgz#6b20b0daa9d9734dd6bc7ea66b5bbce395471eac"
-  integrity sha512-kDdugMl7id9COE8R7MHF5jWk7Dqt/fs4Pv+JXoICnYwqpjjjbUurz6w5fT5IG6brLdJhv6/VoHB0H7oyIBXd+Q==
+array.prototype.flatmap@^1.3.2:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz#712cc792ae70370ae40586264629e33aab5dd38b"
+  integrity sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-    es-array-method-boxes-properly "^1.0.0"
-    is-string "^1.0.7"
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-shim-unscopables "^1.0.2"
 
-asn1.js@^5.2.0:
-  version "5.4.1"
-  resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-5.4.1.tgz#11a980b84ebb91781ce35b0fdc2ee294e3783f07"
-  integrity sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==
+arraybuffer.prototype.slice@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz#9d760d84dbdd06d0cbf92c8849615a1a7ab3183c"
+  integrity sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==
   dependencies:
-    bn.js "^4.0.0"
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
-    safer-buffer "^2.1.0"
+    array-buffer-byte-length "^1.0.1"
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+    is-array-buffer "^3.0.4"
 
-assert@^1.1.1:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/assert/-/assert-1.5.0.tgz#55c109aaf6e0aefdb3dc4b71240c70bf574b18eb"
-  integrity sha512-EDsgawzwoun2CZkCgtxJbv392v4nbk9XDD06zI+kQYoBM/3RBWLlEyJARDOmhAAosBjWACEkKL6S+lIZtcAubA==
+assertion-error@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/assertion-error/-/assertion-error-2.0.1.tgz#f641a196b335690b1070bf00b6e7593fec190bf7"
+  integrity sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==
+
+ast-kit@^1.0.1, ast-kit@^1.4.0:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/ast-kit/-/ast-kit-1.4.2.tgz#75d3706c12549573c7de9e7c38ed04fb7d0cc10f"
+  integrity sha512-lvGehj1XsrIoQrD5CfPduIzQbcpuX2EPjlk/vDMDQF9U9HLRB6WwMTdighj5n52hdhh8xg9VgPTU7Q25MuJ/rw==
   dependencies:
-    object-assign "^4.1.1"
-    util "0.10.3"
+    "@babel/parser" "^7.26.9"
+    pathe "^2.0.3"
 
-assertion-error@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/assertion-error/-/assertion-error-1.1.0.tgz#e60b6b0e8f301bd97e5375215bda406c85118c0b"
-  integrity sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==
+ast-walker-scope@^0.6.2:
+  version "0.6.2"
+  resolved "https://registry.yarnpkg.com/ast-walker-scope/-/ast-walker-scope-0.6.2.tgz#b827e8949c129802f76fe0f142e95fd7efda57dc"
+  integrity sha512-1UWOyC50xI3QZkRuDj6PqDtpm1oHWtYs+NQGwqL/2R11eN3Q81PHAHPM0SWW3BNQm53UDwS//Jv8L4CCVLM1bQ==
+  dependencies:
+    "@babel/parser" "^7.25.3"
+    ast-kit "^1.0.1"
 
-assign-symbols@^1.0.0:
+async-function@^1.0.0:
   version "1.0.0"
-  resolved "https://registry.yarnpkg.com/assign-symbols/-/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367"
-  integrity sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==
+  resolved "https://registry.yarnpkg.com/async-function/-/async-function-1.0.0.tgz#509c9fca60eaf85034c6829838188e4e4c8ffb2b"
+  integrity sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==
 
-astral-regex@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31"
-  integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==
+async-sema@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/async-sema/-/async-sema-3.1.1.tgz#e527c08758a0f8f6f9f15f799a173ff3c40ea808"
+  integrity sha512-tLRNUXati5MFePdAk8dw7Qt7DpxPB60ofAgn8WRhW6a2rcimZnYBP9oxHiv0OHy+Wz7kPMG+t4LGdt31+4EmGg==
 
-async-each@^1.0.1:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.6.tgz#52f1d9403818c179b7561e11a5d1b77eb2160e77"
-  integrity sha512-c646jH1avxr+aVpndVMeAfYw7wAa6idufrlN3LPA4PmKS0QEGp6PIC9nwz0WQkkvBGAMEki3pFdtxaF39J9vvg==
+async@^3.2.3, async@^3.2.4:
+  version "3.2.6"
+  resolved "https://registry.yarnpkg.com/async/-/async-3.2.6.tgz#1b0728e14929d51b85b449b7f06e27c1145e38ce"
+  integrity sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==
 
 asynckit@^0.4.0:
   version "0.4.0"
@@ -3459,181 +4088,115 @@ at-least-node@^1.0.0:
   resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
   integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
 
-atob@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
-  integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
-
-autoprefixer@^10.4.13:
-  version "10.4.14"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.14.tgz#e28d49902f8e759dd25b153264e862df2705f79d"
-  integrity sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==
+autoprefixer@^10.4.20:
+  version "10.4.21"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.21.tgz#77189468e7a8ad1d9a37fbc08efc9f480cf0a95d"
+  integrity sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==
   dependencies:
-    browserslist "^4.21.5"
-    caniuse-lite "^1.0.30001464"
-    fraction.js "^4.2.0"
+    browserslist "^4.24.4"
+    caniuse-lite "^1.0.30001702"
+    fraction.js "^4.3.7"
     normalize-range "^0.1.2"
-    picocolors "^1.0.0"
+    picocolors "^1.1.1"
     postcss-value-parser "^4.2.0"
 
-available-typed-arrays@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz#92f95616501069d07d10edb2fc37d3e1c65123b7"
-  integrity sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==
-
-axios-retry@^3.1.9:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/axios-retry/-/axios-retry-3.4.0.tgz#f464dbe9408e5aa78fa319afd38bb69b533d8854"
-  integrity sha512-VdgaP+gHH4iQYCCNUWF2pcqeciVOdGrBBAYUfTY+wPcO5Ltvp/37MLFNCmJKo7Gj3SHvCSdL8ouI1qLYJN3liA==
+available-typed-arrays@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz#a5cc375d6a03c2efc87a553f3e0b1522def14846"
+  integrity sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==
   dependencies:
-    "@babel/runtime" "^7.15.4"
-    is-retry-allowed "^2.2.0"
+    possible-typed-array-names "^1.0.0"
 
-axios@^0.21.1:
-  version "0.21.4"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-0.21.4.tgz#c67b90dc0568e5c1cf2b0b858c43ba28e2eda575"
-  integrity sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==
+axios@^1.8.1:
+  version "1.8.3"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.8.3.tgz#9ebccd71c98651d547162a018a1a95a4b4ed4de8"
+  integrity sha512-iP4DebzoNlP/YN2dpwCgb8zoCmhtkajzS48JvwmkSkXvPI3DHc7m+XYL5tGnSlJtR6nImXZmdCuN5aP8dh1d8A==
   dependencies:
-    follow-redirects "^1.14.0"
+    follow-redirects "^1.15.6"
+    form-data "^4.0.0"
+    proxy-from-env "^1.1.0"
 
-axios@^0.26.1:
-  version "0.26.1"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-0.26.1.tgz#1ede41c51fcf51bbbd6fd43669caaa4f0495aaa9"
-  integrity sha512-fPwcX4EvnSHuInCMItEhAGnaSEXRBjtzh9fOtsE6E1G6p7vl7edEeZe11QHf18+6+9gR5PbKV/sGKNaD8YaMeA==
-  dependencies:
-    follow-redirects "^1.14.8"
+axobject-query@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-4.1.0.tgz#28768c76d0e3cff21bc62a9e2d0b6ac30042a1ee"
+  integrity sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==
 
-babel-loader@^8.3.0:
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-8.3.0.tgz#124936e841ba4fe8176786d6ff28add1f134d6a8"
-  integrity sha512-H8SvsMF+m9t15HNLMipppzkC+Y2Yq+v3SonZyU70RBL/h1gxPkH08Ot8pEE9Z4Kd+czyWJClmFS8qzIP9OZ04Q==
-  dependencies:
-    find-cache-dir "^3.3.1"
-    loader-utils "^2.0.0"
-    make-dir "^3.1.0"
-    schema-utils "^2.6.5"
+b4a@^1.6.4:
+  version "1.6.7"
+  resolved "https://registry.yarnpkg.com/b4a/-/b4a-1.6.7.tgz#a99587d4ebbfbd5a6e3b21bdb5d5fa385767abe4"
+  integrity sha512-OnAYlL5b7LEkALw87fUVafQw5rVR9RjwGd4KUwNQ6DrrNmaVaUCgLipfVlzrPQ4tWOR9P0IXGNOx50jYCCdSJg==
 
-babel-plugin-polyfill-corejs2@^0.4.8:
-  version "0.4.8"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.8.tgz#dbcc3c8ca758a290d47c3c6a490d59429b0d2269"
-  integrity sha512-OtIuQfafSzpo/LhnJaykc0R/MMnuLSSVjVYy9mHArIZ9qTCSZ6TpWCuEKZYVoN//t8HqBNScHrOtCrIK5IaGLg==
+babel-plugin-polyfill-corejs2@^0.4.10:
+  version "0.4.12"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.12.tgz#ca55bbec8ab0edeeef3d7b8ffd75322e210879a9"
+  integrity sha512-CPWT6BwvhrTO2d8QVorhTCQw9Y43zOu7G9HigcfxvepOU6b8o3tcWad6oVgZIsZCTt42FFv97aA7ZJsbM4+8og==
   dependencies:
     "@babel/compat-data" "^7.22.6"
-    "@babel/helper-define-polyfill-provider" "^0.5.0"
+    "@babel/helper-define-polyfill-provider" "^0.6.3"
     semver "^6.3.1"
 
-babel-plugin-polyfill-corejs3@^0.9.0:
-  version "0.9.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.9.0.tgz#9eea32349d94556c2ad3ab9b82ebb27d4bf04a81"
-  integrity sha512-7nZPG1uzK2Ymhy/NbaOWTg3uibM2BmGASS4vHS4szRZAIR8R6GwA/xAujpdrXU5iyklrimWnLWU+BLF9suPTqg==
+babel-plugin-polyfill-corejs3@^0.11.0:
+  version "0.11.1"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.11.1.tgz#4e4e182f1bb37c7ba62e2af81d8dd09df31344f6"
+  integrity sha512-yGCqvBT4rwMczo28xkH/noxJ6MZ4nJfkVYdoDaC/utLtWrXxv27HVrzAeSbqR8SxDsp46n0YF47EbHoixy6rXQ==
   dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.5.0"
-    core-js-compat "^3.34.0"
+    "@babel/helper-define-polyfill-provider" "^0.6.3"
+    core-js-compat "^3.40.0"
 
-babel-plugin-polyfill-regenerator@^0.5.5:
-  version "0.5.5"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.5.tgz#8b0c8fc6434239e5d7b8a9d1f832bb2b0310f06a"
-  integrity sha512-OJGYZlhLqBh2DDHeqAxWB1XIvr49CxiJ2gIt61/PU55CQK4Z58OzMqjDe1zwQdQk+rBYsRc+1rJmdajM3gimHg==
+babel-plugin-polyfill-regenerator@^0.6.1:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.3.tgz#abeb1f3f1c762eace37587f42548b08b57789bc8"
+  integrity sha512-LiWSbl4CRSIa5x/JAU6jZiG9eit9w6mz+yVMFwDE83LAWvt0AfGBoZ7HS/mkhrKuh2ZlzfVZYKoLjXdqw6Yt7Q==
   dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.5.0"
+    "@babel/helper-define-polyfill-provider" "^0.6.3"
+
+bail@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/bail/-/bail-2.0.2.tgz#d26f5cd8fe5d6f832a31517b9f7c356040ba6d5d"
+  integrity sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==
 
 balanced-match@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
   integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
-base64-js@^1.0.2:
+bare-events@^2.2.0:
+  version "2.5.4"
+  resolved "https://registry.yarnpkg.com/bare-events/-/bare-events-2.5.4.tgz#16143d435e1ed9eafd1ab85f12b89b3357a41745"
+  integrity sha512-+gFfDkR8pj4/TrWCGUGWmJIkBwuxPS5F+a5yWjOHQt2hHvNZd5YLzadjmDUtFmMM4y429bnKLa8bYBMHcYdnQA==
+
+base64-js@^1.3.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
   integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
 
-base@^0.11.1:
-  version "0.11.2"
-  resolved "https://registry.yarnpkg.com/base/-/base-0.11.2.tgz#7bde5ced145b6d551a90db87f83c558b4eb48a8f"
-  integrity sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==
-  dependencies:
-    cache-base "^1.0.1"
-    class-utils "^0.3.5"
-    component-emitter "^1.2.1"
-    define-property "^1.0.0"
-    isobject "^3.0.1"
-    mixin-deep "^1.2.0"
-    pascalcase "^0.1.1"
-
-big.js@^5.2.2:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
-  integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
-
-binary-extensions@^1.0.0:
-  version "1.13.1"
-  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-1.13.1.tgz#598afe54755b2868a5330d2aff9d4ebb53209b65"
-  integrity sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==
-
 binary-extensions@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
-  integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522"
+  integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
 
-bindings@^1.5.0:
+bindings@^1.4.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/bindings/-/bindings-1.5.0.tgz#10353c9e945334bc0511a6d90b38fbc7c9c504df"
   integrity sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==
   dependencies:
     file-uri-to-path "1.0.0"
 
-bluebird@^3.1.1, bluebird@^3.5.5, bluebird@^3.7.2:
-  version "3.7.2"
-  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
-  integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
+birpc@^0.2.19:
+  version "0.2.19"
+  resolved "https://registry.yarnpkg.com/birpc/-/birpc-0.2.19.tgz#cdd183a4a70ba103127d49765b4a71349da5a0ca"
+  integrity sha512-5WeXXAvTmitV1RqJFppT5QtUiz2p1mRSYU000Jkft5ZUCLJIk4uQriYNO50HknxKwM6jd8utNc66K1qGIwwWBQ==
 
-bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.11.9:
-  version "4.12.0"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.12.0.tgz#775b3f278efbb9718eec7361f483fb36fbbfea88"
-  integrity sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==
-
-bn.js@^5.0.0, bn.js@^5.1.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.2.1.tgz#0bc527a6a0d18d0aa8d5b0538ce4a77dccfa7b70"
-  integrity sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==
-
-body-parser@^1.19.2:
-  version "1.20.2"
-  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.2.tgz#6feb0e21c4724d06de7ff38da36dad4f57a747fd"
-  integrity sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==
-  dependencies:
-    bytes "3.1.2"
-    content-type "~1.0.5"
-    debug "2.6.9"
-    depd "2.0.0"
-    destroy "1.2.0"
-    http-errors "2.0.0"
-    iconv-lite "0.4.24"
-    on-finished "2.4.1"
-    qs "6.11.0"
-    raw-body "2.5.2"
-    type-is "~1.6.18"
-    unpipe "1.0.0"
+birpc@^2.0.19, birpc@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/birpc/-/birpc-2.2.0.tgz#91670e498ee3ff5739072ecabb5e17b6e564c01a"
+  integrity sha512-1/22obknhoj56PcE+pZPp6AbWDdY55M81/ofpPW3Ltlp9Eh4zoFFLswvZmNpRTb790CY5tsNfgbYeNOqIARJfQ==
 
 boolbase@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
   integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
 
-boxen@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/boxen/-/boxen-5.1.2.tgz#788cb686fc83c1f486dfa8a40c68fc2b831d2b50"
-  integrity sha512-9gYgQKXx+1nP8mP7CzFyaUARhg7D3n1dF/FnErWmu9l6JvGpNUN278h0aSb+QjoiKSWG+iZ3uHrcqk0qrY9RQQ==
-  dependencies:
-    ansi-align "^3.0.0"
-    camelcase "^6.2.0"
-    chalk "^4.1.0"
-    cli-boxes "^2.2.1"
-    string-width "^4.2.2"
-    type-fest "^0.20.2"
-    widest-line "^3.1.0"
-    wrap-ansi "^7.0.0"
-
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
@@ -3649,319 +4212,131 @@ brace-expansion@^2.0.1:
   dependencies:
     balanced-match "^1.0.0"
 
-braces@^2.3.1, braces@^2.3.2:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/braces/-/braces-2.3.2.tgz#5979fd3f14cd531565e5fa2df1abfff1dfaee729"
-  integrity sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==
+braces@^3.0.3, braces@~3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
+  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
   dependencies:
-    arr-flatten "^1.1.0"
-    array-unique "^0.3.2"
-    extend-shallow "^2.0.1"
-    fill-range "^4.0.0"
-    isobject "^3.0.1"
-    repeat-element "^1.1.2"
-    snapdragon "^0.8.1"
-    snapdragon-node "^2.0.1"
-    split-string "^3.0.2"
-    to-regex "^3.0.1"
+    fill-range "^7.1.1"
 
-braces@^3.0.2, braces@~3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
-  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
+browserslist@^4.0.0, browserslist@^4.23.3, browserslist@^4.24.0, browserslist@^4.24.4:
+  version "4.24.4"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.24.4.tgz#c6b2865a3f08bcb860a0e827389003b9fe686e4b"
+  integrity sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==
   dependencies:
-    fill-range "^7.0.1"
+    caniuse-lite "^1.0.30001688"
+    electron-to-chromium "^1.5.73"
+    node-releases "^2.0.19"
+    update-browserslist-db "^1.1.1"
 
-brorand@^1.0.1, brorand@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
-  integrity sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==
-
-browserify-aes@^1.0.0, browserify-aes@^1.0.4:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.2.0.tgz#326734642f403dabc3003209853bb70ad428ef48"
-  integrity sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==
-  dependencies:
-    buffer-xor "^1.0.3"
-    cipher-base "^1.0.0"
-    create-hash "^1.1.0"
-    evp_bytestokey "^1.0.3"
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
-browserify-cipher@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/browserify-cipher/-/browserify-cipher-1.0.1.tgz#8d6474c1b870bfdabcd3bcfcc1934a10e94f15f0"
-  integrity sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==
-  dependencies:
-    browserify-aes "^1.0.4"
-    browserify-des "^1.0.0"
-    evp_bytestokey "^1.0.0"
-
-browserify-des@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/browserify-des/-/browserify-des-1.0.2.tgz#3af4f1f59839403572f1c66204375f7a7f703e9c"
-  integrity sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==
-  dependencies:
-    cipher-base "^1.0.1"
-    des.js "^1.0.0"
-    inherits "^2.0.1"
-    safe-buffer "^5.1.2"
-
-browserify-rsa@^4.0.0, browserify-rsa@^4.0.1:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.1.0.tgz#b2fd06b5b75ae297f7ce2dc651f918f5be158c8d"
-  integrity sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==
-  dependencies:
-    bn.js "^5.0.0"
-    randombytes "^2.0.1"
-
-browserify-sign@^4.0.0:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.2.1.tgz#eaf4add46dd54be3bb3b36c0cf15abbeba7956c3"
-  integrity sha512-/vrA5fguVAKKAVTNJjgSm1tRQDHUU6DbwO9IROu/0WAzC8PKhucDSh18J0RMvVeHAn5puMd+QHC2erPRNf8lmg==
-  dependencies:
-    bn.js "^5.1.1"
-    browserify-rsa "^4.0.1"
-    create-hash "^1.2.0"
-    create-hmac "^1.1.7"
-    elliptic "^6.5.3"
-    inherits "^2.0.4"
-    parse-asn1 "^5.1.5"
-    readable-stream "^3.6.0"
-    safe-buffer "^5.2.0"
-
-browserify-zlib@^0.2.0:
+buffer-builder@^0.2.0:
   version "0.2.0"
-  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.2.0.tgz#2869459d9aa3be245fe8fe2ca1f46e2e7f54d73f"
-  integrity sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==
-  dependencies:
-    pako "~1.0.5"
+  resolved "https://registry.yarnpkg.com/buffer-builder/-/buffer-builder-0.2.0.tgz#3322cd307d8296dab1f604618593b261a3fade8f"
+  integrity sha512-7VPMEPuYznPSoR21NE1zvd2Xna6c/CloiZCfcMXR1Jny6PjX0N4Nsa38zcBFo/FMK+BlA+FLKbJCQ0i2yxp+Xg==
 
-browserslist@^4.0.0, browserslist@^4.21.3, browserslist@^4.21.4, browserslist@^4.21.5:
-  version "4.21.5"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.5.tgz#75c5dae60063ee641f977e00edd3cfb2fb7af6a7"
-  integrity sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==
-  dependencies:
-    caniuse-lite "^1.0.30001449"
-    electron-to-chromium "^1.4.284"
-    node-releases "^2.0.8"
-    update-browserslist-db "^1.0.10"
-
-browserslist@^4.22.2:
-  version "4.22.3"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.22.3.tgz#299d11b7e947a6b843981392721169e27d60c5a6"
-  integrity sha512-UAp55yfwNv0klWNapjs/ktHoguxuQNGnOzxYmfnXIS+8AsRDZkSDxg7R1AX3GKzn078SBI5dzwzj/Yx0Or0e3A==
-  dependencies:
-    caniuse-lite "^1.0.30001580"
-    electron-to-chromium "^1.4.648"
-    node-releases "^2.0.14"
-    update-browserslist-db "^1.0.13"
+buffer-crc32@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-1.0.0.tgz#a10993b9055081d55304bd9feb4a072de179f405"
+  integrity sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==
 
 buffer-from@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
   integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
 
-buffer-json@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/buffer-json/-/buffer-json-2.0.0.tgz#f73e13b1e42f196fe2fd67d001c7d7107edd7c23"
-  integrity sha512-+jjPFVqyfF1esi9fvfUs3NqM0pH1ziZ36VP4hmA/y/Ssfo/5w5xHKfTw9BwQjoJ1w/oVtpLomqwUHKdefGyuHw==
-
-buffer-xor@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/buffer-xor/-/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9"
-  integrity sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==
-
-buffer@^4.3.0:
-  version "4.9.2"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-4.9.2.tgz#230ead344002988644841ab0244af8c44bbe3ef8"
-  integrity sha512-xq+q3SRMOxGivLhBNaUdC64hDTQwejJ+H0T/NB1XMtTVEwNTrfFF3gAxiyW0Bu/xWEGhjVKgUcMhCrUy2+uCWg==
+buffer@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/buffer/-/buffer-6.0.3.tgz#2ace578459cc8fbe2a70aaa8f52ee63b6a74c6c6"
+  integrity sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==
   dependencies:
-    base64-js "^1.0.2"
-    ieee754 "^1.1.4"
-    isarray "^1.0.0"
+    base64-js "^1.3.1"
+    ieee754 "^1.2.1"
 
 builtin-modules@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
   integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
 
-builtin-status-codes@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
-  integrity sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==
+builtin-modules@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-4.0.0.tgz#348db54ec0e6b197494423d26845f1674025ee46"
+  integrity sha512-p1n8zyCkt1BVrKNFymOHjcDSAl7oq/gUvfgULv2EblgpPVQlQr9yHnWjg9IJ2MhfwPqiYqMMrr01OY7yQoK2yA==
 
 builtins@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/builtins/-/builtins-5.0.1.tgz#87f6db9ab0458be728564fa81d876d8d74552fa9"
-  integrity sha512-qwVpFEHNfhYJIzNRBvd2C1kyo6jz3ZSMPyyuR47OPdiKWlbYnZNyDWuyR175qDnAJLiCo5fBBqPb3RiXgWlkOQ==
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/builtins/-/builtins-5.1.0.tgz#6d85eeb360c4ebc166c3fdef922a15aa7316a5e8"
+  integrity sha512-SW9lzGTLvWTP1AY8xeAMZimqDrIaSdLQUcVr9DMef51niJ022Ri87SwRRKYm4A6iHfkPaiVUu/Duw2Wc4J7kKg==
   dependencies:
     semver "^7.0.0"
 
-bytes@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
-  integrity sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==
-
-bytes@3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
-  integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
-
-c12@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/c12/-/c12-1.2.0.tgz#2c946dd5ea37fd4f21c4b2671bf21f69a7028707"
-  integrity sha512-CMznkE0LpNEuD8ILp5QvsQVP+YvcpJnrI/zFeFnosU2PyDtx1wT7tXfZ8S3Tl3l9MTTXbKeuhDYKwgvnAPOx3w==
+bundle-name@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/bundle-name/-/bundle-name-4.1.0.tgz#f3b96b34160d6431a19d7688135af7cfb8797889"
+  integrity sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==
   dependencies:
-    defu "^6.1.2"
-    dotenv "^16.0.3"
-    giget "^1.1.2"
-    jiti "^1.17.2"
-    mlly "^1.2.0"
-    pathe "^1.1.0"
-    pkg-types "^1.0.2"
-    rc9 "^2.0.1"
+    run-applescript "^7.0.0"
+
+bundle-require@^5.0.0, bundle-require@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/bundle-require/-/bundle-require-5.1.0.tgz#8db66f41950da3d77af1ef3322f4c3e04009faee"
+  integrity sha512-3WrrOuZiyaaZPWiEt4G3+IffISVC9HYlWueJEBWED4ZH4aIAC2PnkdnuRrR94M+w6yGWn4AglWtJtBI8YqvgoA==
+  dependencies:
+    load-tsconfig "^0.2.3"
+
+c12@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/c12/-/c12-3.0.2.tgz#5ceba55cf081ff4cf95b22c593c80b34cf1f3d2e"
+  integrity sha512-6Tzk1/TNeI3WBPpK0j/Ss4+gPj3PUJYbWl/MWDJBThFvwNGNkXtd7Cz8BJtD4aRwoGHtzQD0SnxamgUiBH0/Nw==
+  dependencies:
+    chokidar "^4.0.3"
+    confbox "^0.1.8"
+    defu "^6.1.4"
+    dotenv "^16.4.7"
+    exsolve "^1.0.0"
+    giget "^2.0.0"
+    jiti "^2.4.2"
+    ohash "^2.0.5"
+    pathe "^2.0.3"
+    perfect-debounce "^1.0.0"
+    pkg-types "^2.0.0"
+    rc9 "^2.1.2"
 
 cac@^6.7.14:
   version "6.7.14"
   resolved "https://registry.yarnpkg.com/cac/-/cac-6.7.14.tgz#804e1e6f506ee363cb0e3ccbb09cad5dd9870959"
   integrity sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==
 
-cacache@^12.0.2:
-  version "12.0.4"
-  resolved "https://registry.yarnpkg.com/cacache/-/cacache-12.0.4.tgz#668bcbd105aeb5f1d92fe25570ec9525c8faa40c"
-  integrity sha512-a0tMB40oefvuInr4Cwb3GerbL9xTj1D5yg0T5xrjGCGyfvbxseIXX7BAO/u/hIXdafzOI5JC3wDwHyf24buOAQ==
-  dependencies:
-    bluebird "^3.5.5"
-    chownr "^1.1.1"
-    figgy-pudding "^3.5.1"
-    glob "^7.1.4"
-    graceful-fs "^4.1.15"
-    infer-owner "^1.0.3"
-    lru-cache "^5.1.1"
-    mississippi "^3.0.0"
-    mkdirp "^0.5.1"
-    move-concurrently "^1.0.1"
-    promise-inflight "^1.0.1"
-    rimraf "^2.6.3"
-    ssri "^6.0.1"
-    unique-filename "^1.1.1"
-    y18n "^4.0.0"
-
-cacache@^15.0.5:
-  version "15.3.0"
-  resolved "https://registry.yarnpkg.com/cacache/-/cacache-15.3.0.tgz#dc85380fb2f556fe3dda4c719bfa0ec875a7f1eb"
-  integrity sha512-VVdYzXEn+cnbXpFgWs5hTT7OScegHVmLhJIR8Ufqk3iFD6A6j5iSX1KuBTfNEv4tdJWE2PzA6IVFtcLC7fN9wQ==
-  dependencies:
-    "@npmcli/fs" "^1.0.0"
-    "@npmcli/move-file" "^1.0.1"
-    chownr "^2.0.0"
-    fs-minipass "^2.0.0"
-    glob "^7.1.4"
-    infer-owner "^1.0.4"
-    lru-cache "^6.0.0"
-    minipass "^3.1.1"
-    minipass-collect "^1.0.2"
-    minipass-flush "^1.0.5"
-    minipass-pipeline "^1.2.2"
-    mkdirp "^1.0.3"
-    p-map "^4.0.0"
-    promise-inflight "^1.0.1"
-    rimraf "^3.0.2"
-    ssri "^8.0.1"
-    tar "^6.0.2"
-    unique-filename "^1.1.1"
-
-cache-base@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/cache-base/-/cache-base-1.0.1.tgz#0a7f46416831c8b662ee36fe4e7c59d76f666ab2"
-  integrity sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==
-  dependencies:
-    collection-visit "^1.0.0"
-    component-emitter "^1.2.1"
-    get-value "^2.0.6"
-    has-value "^1.0.0"
-    isobject "^3.0.1"
-    set-value "^2.0.0"
-    to-object-path "^0.3.0"
-    union-value "^1.0.0"
-    unset-value "^1.0.0"
-
-cache-loader@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/cache-loader/-/cache-loader-4.1.0.tgz#9948cae353aec0a1fcb1eafda2300816ec85387e"
-  integrity sha512-ftOayxve0PwKzBF/GLsZNC9fJBXl8lkZE3TOsjkboHfVHVkL39iUEs1FO07A33mizmci5Dudt38UZrrYXDtbhw==
-  dependencies:
-    buffer-json "^2.0.0"
-    find-cache-dir "^3.0.0"
-    loader-utils "^1.2.3"
-    mkdirp "^0.5.1"
-    neo-async "^2.6.1"
-    schema-utils "^2.0.0"
-
-cacheable-lookup@^5.0.3:
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/cacheable-lookup/-/cacheable-lookup-5.0.4.tgz#5a6b865b2c44357be3d5ebc2a467b032719a7005"
-  integrity sha512-2/kNscPhpcxrOigMZzbiWF7dz8ilhb/nIHU3EyZiXWXpeq/au8qJ8VhdftMkty3n7Gj6HIGalQG8oiBNB3AJgA==
-
-cacheable-request@^7.0.2:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/cacheable-request/-/cacheable-request-7.0.2.tgz#ea0d0b889364a25854757301ca12b2da77f91d27"
-  integrity sha512-pouW8/FmiPQbuGpkXQ9BAPv/Mo5xDGANgSNXzTzJ8DrKGuXOssM4wIQRjfanNRh3Yu5cfYPvcorqbhg2KIJtew==
-  dependencies:
-    clone-response "^1.0.2"
-    get-stream "^5.1.0"
-    http-cache-semantics "^4.0.0"
-    keyv "^4.0.0"
-    lowercase-keys "^2.0.0"
-    normalize-url "^6.0.1"
-    responselike "^2.0.0"
-
-call-bind@^1.0.0, call-bind@^1.0.2:
+call-bind-apply-helpers@^1.0.0, call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2:
   version "1.0.2"
-  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.2.tgz#b1d4e89e688119c3c9a903ad30abb2f6a919be3c"
-  integrity sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==
+  resolved "https://registry.yarnpkg.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz#4b5428c222be985d79c3d82657479dbe0b59b2d6"
+  integrity sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==
   dependencies:
-    function-bind "^1.1.1"
-    get-intrinsic "^1.0.2"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
 
-callsite@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/callsite/-/callsite-1.0.0.tgz#280398e5d664bd74038b6f0905153e6e8af1bc20"
-  integrity sha512-0vdNRFXn5q+dtOqjfFtmtlI9N2eVZ7LMyEV2iKC5mEEFvSg/69Ml6b/WU2qF8W1nLRa0wiSrDT3Y5jOHZCwKPQ==
+call-bind@^1.0.7, call-bind@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.8.tgz#0736a9660f537e3388826f440d5ec45f744eaa4c"
+  integrity sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==
+  dependencies:
+    call-bind-apply-helpers "^1.0.0"
+    es-define-property "^1.0.0"
+    get-intrinsic "^1.2.4"
+    set-function-length "^1.2.2"
+
+call-bound@^1.0.2, call-bound@^1.0.3, call-bound@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/call-bound/-/call-bound-1.0.4.tgz#238de935d2a2a692928c538c7ccfa91067fd062a"
+  integrity sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==
+  dependencies:
+    call-bind-apply-helpers "^1.0.2"
+    get-intrinsic "^1.3.0"
 
 callsites@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
   integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
 
-camel-case@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-3.0.0.tgz#ca3c3688a4e9cf3a4cda777dc4dcbc713249cf73"
-  integrity sha512-+MbKztAYHXPr1jNTSKQF52VpcFjwY5RkR7fxksV8Doo4KAYc5Fl4UJRgthBbTmEx8C54DqahhbLJkDwjI3PI/w==
-  dependencies:
-    no-case "^2.2.0"
-    upper-case "^1.1.1"
-
-camel-case@^4.1.1:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.2.tgz#9728072a954f805228225a6deea6b38461e1bd5a"
-  integrity sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==
-  dependencies:
-    pascal-case "^3.1.2"
-    tslib "^2.0.3"
-
-camelcase@^5.0.0:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
-  integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
-
-camelcase@^6.2.0:
-  version "6.3.0"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
-  integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
-
 caniuse-api@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-3.0.0.tgz#5e4d90e2274961d46291997df599e3ed008ee4c0"
@@ -3972,44 +4347,28 @@ caniuse-api@^3.0.0:
     lodash.memoize "^4.1.2"
     lodash.uniq "^4.5.0"
 
-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001464:
-  version "1.0.30001469"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001469.tgz#3dd505430c8522fdc9f94b4a19518e330f5c945a"
-  integrity sha512-Rcp7221ScNqQPP3W+lVOYDyjdR6dC+neEQCttoNr5bAyz54AboB4iwpnWgyi8P4YUsPybVzT4LgWiBbI3drL4g==
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001688, caniuse-lite@^1.0.30001702:
+  version "1.0.30001706"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001706.tgz#902c3f896f4b2968031c3a546ab2ef8b465a2c8f"
+  integrity sha512-3ZczoTApMAZwPKYWmwVbQMFpXBDds3/0VciVoUwPUbldlYyVLmRVuRs/PcUZtHpbLRpzzDvrvnFuREsGt6lUug==
 
-caniuse-lite@^1.0.30001576, caniuse-lite@^1.0.30001580:
-  version "1.0.30001585"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001585.tgz#0b4e848d84919c783b2a41c13f7de8ce96744401"
-  integrity sha512-yr2BWR1yLXQ8fMpdS/4ZZXpseBgE7o4g41x3a6AJOqZuOi+iE/WdJYAuZ6Y95i4Ohd2Y+9MzIWRR+uGABH4s3Q==
+ccount@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/ccount/-/ccount-2.0.1.tgz#17a3bf82302e0870d6da43a01311a8bc02a3ecf5"
+  integrity sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==
 
-chai@^4.3.7:
-  version "4.3.7"
-  resolved "https://registry.yarnpkg.com/chai/-/chai-4.3.7.tgz#ec63f6df01829088e8bf55fca839bcd464a8ec51"
-  integrity sha512-HLnAzZ2iupm25PlN0xFreAlBA5zaBSv3og0DdeGA4Ar6h6rJ3A0rolRUKJhSF2V10GZKDgWF/VmAEsNWjCRB+A==
-  dependencies:
-    assertion-error "^1.1.0"
-    check-error "^1.0.2"
-    deep-eql "^4.1.2"
-    get-func-name "^2.0.0"
-    loupe "^2.3.1"
-    pathval "^1.1.1"
-    type-detect "^4.0.5"
-
-chalk@5.2.0:
+chai@^5.2.0:
   version "5.2.0"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.2.0.tgz#249623b7d66869c673699fb66d65723e54dfcfb3"
-  integrity sha512-ree3Gqw/nazQAPuJJEy+avdl7QfZMcUvmHIKgEZkGL+xOBzRvup5Hxo6LHuMceSxOabuJLJm5Yp/92R9eMmMvA==
-
-chalk@^2.0.0, chalk@^2.4.1, chalk@^2.4.2:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
-  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
+  resolved "https://registry.yarnpkg.com/chai/-/chai-5.2.0.tgz#1358ee106763624114addf84ab02697e411c9c05"
+  integrity sha512-mCuXncKXk5iCLhfhwTc0izo0gtEmpz5CtG2y8GiOINBlMVS6v8TMRc5TaLWKS6692m9+dVVfzgeVxR5UxWHTYw==
   dependencies:
-    ansi-styles "^3.2.1"
-    escape-string-regexp "^1.0.5"
-    supports-color "^5.3.0"
+    assertion-error "^2.0.1"
+    check-error "^2.1.1"
+    deep-eql "^5.0.1"
+    loupe "^3.1.0"
+    pathval "^2.0.0"
 
-chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.1, chalk@^4.1.2:
+chalk@^4.0.0, chalk@^4.0.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
   integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
@@ -4017,20 +4376,50 @@ chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.1, chalk@^4.1.2:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-chardet@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
-  integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
+chalk@^5.4.1:
+  version "5.4.1"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.4.1.tgz#1b48bf0963ec158dce2aacf69c093ae2dd2092d8"
+  integrity sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==
 
-check-error@^1.0.2:
+change-case@^5.4.4:
+  version "5.4.4"
+  resolved "https://registry.yarnpkg.com/change-case/-/change-case-5.4.4.tgz#0d52b507d8fb8f204343432381d1a6d7bff97a02"
+  integrity sha512-HRQyTk2/YPEkt9TnUPbOpr64Uw3KOicFWPVBb+xiHvd6eBx/qPr9xqfBFDT8P2vWsvvz4jbEkfDe71W3VyNu2w==
+
+char-regex@^1.0.2:
   version "1.0.2"
-  resolved "https://registry.yarnpkg.com/check-error/-/check-error-1.0.2.tgz#574d312edd88bb5dd8912e9286dd6c0aed4aac82"
-  integrity sha512-BrgHpW9NURQgzoNyjfq0Wu6VFO6D7IZEmJNdtgNqpzGG8RuNFHt2jQxWlAs4HMe119chBnv+34syEZtc6IhLtA==
+  resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
+  integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
 
-"chokidar@>=3.0.0 <4.0.0", chokidar@^3.4.1, chokidar@^3.4.2, chokidar@^3.5.2, chokidar@^3.5.3:
-  version "3.5.3"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
-  integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
+character-entities-html4@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/character-entities-html4/-/character-entities-html4-2.1.0.tgz#1f1adb940c971a4b22ba39ddca6b618dc6e56b2b"
+  integrity sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==
+
+character-entities-legacy@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz#76bc83a90738901d7bc223a9e93759fdd560125b"
+  integrity sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==
+
+character-entities@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/character-entities/-/character-entities-2.0.2.tgz#2d09c2e72cd9523076ccb21157dff66ad43fcc22"
+  integrity sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==
+
+character-reference-invalid@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz#85c66b041e43b47210faf401278abf808ac45cb9"
+  integrity sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==
+
+check-error@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/check-error/-/check-error-2.1.1.tgz#87eb876ae71ee388fa0471fe423f494be1d96ccc"
+  integrity sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==
+
+chokidar@^3.5.3, chokidar@^3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
+  integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
   dependencies:
     anymatch "~3.1.2"
     braces "~3.0.2"
@@ -4042,74 +4431,39 @@ check-error@^1.0.2:
   optionalDependencies:
     fsevents "~2.3.2"
 
-chokidar@^2.1.8:
-  version "2.1.8"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-2.1.8.tgz#804b3a7b6a99358c3c5c61e71d8728f041cff917"
-  integrity sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==
+chokidar@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-4.0.3.tgz#7be37a4c03c9aee1ecfe862a4a23b2c70c205d30"
+  integrity sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==
   dependencies:
-    anymatch "^2.0.0"
-    async-each "^1.0.1"
-    braces "^2.3.2"
-    glob-parent "^3.1.0"
-    inherits "^2.0.3"
-    is-binary-path "^1.0.0"
-    is-glob "^4.0.0"
-    normalize-path "^3.0.0"
-    path-is-absolute "^1.0.0"
-    readdirp "^2.2.1"
-    upath "^1.1.1"
-  optionalDependencies:
-    fsevents "^1.2.7"
+    readdirp "^4.0.1"
 
-chownr@^1.1.1:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
-  integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
+chownr@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/chownr/-/chownr-3.0.0.tgz#9855e64ecd240a9cc4267ce8a4aa5d24a1da15e4"
+  integrity sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==
 
-chownr@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
-  integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==
+ci-info@^3.2.0, ci-info@^3.4.0:
+  version "3.9.0"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.9.0.tgz#4279a62028a7b1f262f3473fc9605f5e218c59b4"
+  integrity sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==
 
-chrome-trace-event@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz#1015eced4741e15d06664a957dbbf50d041e26ac"
-  integrity sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==
+ci-info@^4.1.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-4.2.0.tgz#cbd21386152ebfe1d56f280a3b5feccbd96764c7"
+  integrity sha512-cYY9mypksY8NRqgDB1XD1RiJL338v/551niynFTGkZOO2LHuB2OmOYxDIe/ttN9AHwrqdum1360G3ald0W9kCg==
 
-ci-info@^3.2.0, ci-info@^3.4.0, ci-info@^3.7.1:
-  version "3.8.0"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.8.0.tgz#81408265a5380c929f0bc665d62256628ce9ef91"
-  integrity sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==
-
-cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/cipher-base/-/cipher-base-1.0.4.tgz#8760e4ecc272f4c363532f926d874aae2c1397de"
-  integrity sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==
+citty@^0.1.5, citty@^0.1.6:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/citty/-/citty-0.1.6.tgz#0f7904da1ed4625e1a9ea7e0fa780981aab7c5e4"
+  integrity sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==
   dependencies:
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
-class-utils@^0.3.5:
-  version "0.3.6"
-  resolved "https://registry.yarnpkg.com/class-utils/-/class-utils-0.3.6.tgz#f93369ae8b9a7ce02fd41faad0ca83033190c463"
-  integrity sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==
-  dependencies:
-    arr-union "^3.1.0"
-    define-property "^0.2.5"
-    isobject "^3.0.0"
-    static-extend "^0.1.1"
+    consola "^3.2.3"
 
 classnames@^2.2.6:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.3.2.tgz#351d813bf0137fcc6a76a16b88208d2560a0d924"
-  integrity sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==
-
-clean-css@^4.2.1, clean-css@^4.2.3:
-  version "4.2.4"
-  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.2.4.tgz#733bf46eba4e607c6891ea57c24a989356831178"
-  integrity sha512-EJUDT7nDVFDvaQgAo2G/PJvxmp1o/c6iXLbswsBbUFXi1Nr+AjA2cKmfbKDMjMvzEe75g3P6JkaDDAKk96A85A==
-  dependencies:
-    source-map "~0.6.0"
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.5.1.tgz#ba774c614be0f016da105c858e7159eae8e7687b"
+  integrity sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==
 
 clean-regexp@^1.0.0:
   version "1.0.0"
@@ -4118,70 +4472,53 @@ clean-regexp@^1.0.0:
   dependencies:
     escape-string-regexp "^1.0.5"
 
-clean-stack@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
-  integrity sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==
-
-cli-boxes@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/cli-boxes/-/cli-boxes-2.2.1.tgz#ddd5035d25094fce220e9cab40a45840a440318f"
-  integrity sha512-y4coMcylgSCdVinjiDBuR8PCC2bLjyGTwEmPb9NHR/QaNU6EUOXcTY/s6VjGMD6ENSEaeQYHCY0GNGS5jfMwPw==
-
-cli-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-3.1.0.tgz#264305a7ae490d1d03bf0c9ba7c925d1753af307"
-  integrity sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==
+cli-cursor@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-5.0.0.tgz#24a4831ecf5a6b01ddeb32fb71a4b2088b0dce38"
+  integrity sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==
   dependencies:
-    restore-cursor "^3.1.0"
+    restore-cursor "^5.0.0"
 
-cli-truncate@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/cli-truncate/-/cli-truncate-2.1.0.tgz#c39e28bf05edcde5be3b98992a22deed5a2b93c7"
-  integrity sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==
-  dependencies:
-    slice-ansi "^3.0.0"
-    string-width "^4.2.0"
-
-cli-truncate@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/cli-truncate/-/cli-truncate-3.1.0.tgz#3f23ab12535e3d73e839bb43e73c9de487db1389"
-  integrity sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==
+cli-truncate@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/cli-truncate/-/cli-truncate-4.0.0.tgz#6cc28a2924fee9e25ce91e973db56c7066e6172a"
+  integrity sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==
   dependencies:
     slice-ansi "^5.0.0"
-    string-width "^5.0.0"
+    string-width "^7.0.0"
 
-cli-width@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-3.0.0.tgz#a2f48437a2caa9a22436e794bf071ec9e61cedf6"
-  integrity sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==
-
-clone-response@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/clone-response/-/clone-response-1.0.3.tgz#af2032aa47816399cf5f0a1d0db902f517abb8c3"
-  integrity sha512-ROoL94jJH2dUVML2Y/5PEDNaSHgeOdSDicUyS7izcF63G6sTc/FTjLub4b8Il9S8S0beOfYt0TaA5qvFK+w0wA==
+clipboardy@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/clipboardy/-/clipboardy-4.0.0.tgz#e73ced93a76d19dd379ebf1f297565426dffdca1"
+  integrity sha512-5mOlNS0mhX0707P2I0aZ2V/cmHUEO/fL7VFLqszkhUsxt7RwnmrInf/eEQKlf5GzvYeHIjT+Ov1HRfNmymlG0w==
   dependencies:
-    mimic-response "^1.0.0"
+    execa "^8.0.1"
+    is-wsl "^3.1.0"
+    is64bit "^2.0.0"
 
-clone@^2.1.0:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/clone/-/clone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f"
-  integrity sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==
-
-collection-visit@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/collection-visit/-/collection-visit-1.0.0.tgz#4bc0373c164bc3291b4d368c829cf1a80a59dca0"
-  integrity sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==
+cliui@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-8.0.1.tgz#0c04b075db02cbfe60dc8e6cf2f5486b1a3608aa"
+  integrity sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==
   dependencies:
-    map-visit "^1.0.0"
-    object-visit "^1.0.0"
+    string-width "^4.2.0"
+    strip-ansi "^6.0.1"
+    wrap-ansi "^7.0.0"
 
-color-convert@^1.9.0:
-  version "1.9.3"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
-  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
-  dependencies:
-    color-name "1.1.3"
+clsx@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.1.1.tgz#eed397c9fd8bd882bfb18deab7102049a2f32999"
+  integrity sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==
+
+cluster-key-slot@^1.1.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/cluster-key-slot/-/cluster-key-slot-1.1.2.tgz#88ddaa46906e303b5de30d3153b7d9fe0a0c19ac"
+  integrity sha512-RMr0FhtfXemyinomL4hrWcYJxmX6deFdCxpJzhDttxgO1+bcCnkk+9drydLVDmAMG7NE6aN/fl4F7ucU/90gAA==
+
+codemirror-wrapped-line-indent@^1.0.8:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/codemirror-wrapped-line-indent/-/codemirror-wrapped-line-indent-1.0.9.tgz#13cbecdd1a50de1d53a645e38ce9b72f4cc428ed"
+  integrity sha512-oc976hHLt35u6Ojbhub+IWOxEpapZSqYieLEdGhsgFZ4rtYQtdb5KjxzgjCCyVe3t0yk+a6hmaIOEsjU/tZRxQ==
 
 color-convert@^2.0.1:
   version "2.0.1"
@@ -4190,25 +4527,30 @@ color-convert@^2.0.1:
   dependencies:
     color-name "~1.1.4"
 
-color-name@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
-  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
-
 color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
-colord@^2.9.1:
+colord@^2.9.3:
   version "2.9.3"
   resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.3.tgz#4f8ce919de456f1d5c1c368c307fe20f3e59fb43"
   integrity sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==
 
-colorette@^2.0.10, colorette@^2.0.19:
-  version "2.0.19"
-  resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.19.tgz#cdf044f47ad41a0f4b56b3a0d5b4e6e1a2d5a798"
-  integrity sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==
+colorette@^1.2.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/colorette/-/colorette-1.4.0.tgz#5190fbb87276259a86ad700bff2c6d6faa3fca40"
+  integrity sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==
+
+colorette@^2.0.20:
+  version "2.0.20"
+  resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.20.tgz#9eb793e6833067f7235902fcd3b09917a000a95a"
+  integrity sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==
+
+colorjs.io@^0.5.0:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/colorjs.io/-/colorjs.io-0.5.2.tgz#63b20139b007591ebc3359932bef84628eb3fcef"
+  integrity sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==
 
 combined-stream@^1.0.8:
   version "1.0.8"
@@ -4217,323 +4559,169 @@ combined-stream@^1.0.8:
   dependencies:
     delayed-stream "~1.0.0"
 
-commander@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-10.0.0.tgz#71797971162cd3cf65f0b9d24eb28f8d303acdf1"
-  integrity sha512-zS5PnTI22FIRM6ylNW8G4Ap0IEOyk62fhLSD0+uHRT9McRCLGpkVNvao4bjimpK/GShynyQkFFxHhwMcETmduA==
+comma-separated-tokens@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz#4e89c9458acb61bc8fef19f4529973b2392839ee"
+  integrity sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==
 
-commander@^2.19.0, commander@^2.20.0:
+commander@^13.1.0:
+  version "13.1.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-13.1.0.tgz#776167db68c78f38dcce1f9b8d7b8b9a488abf46"
+  integrity sha512-/rFeCpNJQbhSZjGVwO9RFV3xPqbnERS8MmIQzCtD/zl6gpJuV/bMLuN92oG3F7d8oDEHHRrujSXNUr8fpjntKw==
+
+commander@^2.20.0:
   version "2.20.3"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
   integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
 
-commander@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
-  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
-
 commander@^7.2.0:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
   integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
 
+comment-parser@1.4.1, comment-parser@^1.4.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/comment-parser/-/comment-parser-1.4.1.tgz#bdafead37961ac079be11eb7ec65c4d021eaf9cc"
+  integrity sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg==
+
+common-tags@^1.8.0:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.8.2.tgz#94ebb3c076d26032745fd54face7f688ef5ac9c6"
+  integrity sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==
+
 commondir@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
   integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==
 
-component-emitter@^1.2.1:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.3.0.tgz#16e4070fba8ae29b679f2215853ee181ab2eabc0"
-  integrity sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==
+compatx@^0.1.8:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/compatx/-/compatx-0.1.8.tgz#af6f61910ade6ce1073c0fdff23c786bcd75c026"
+  integrity sha512-jcbsEAR81Bt5s1qOFymBufmCbXCXbk0Ql+K5ouj6gCyx2yHlu6AgmGIi9HxfKixpUDO5bCFJUHQ5uM6ecbTebw==
 
-compressible@~2.0.16:
-  version "2.0.18"
-  resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba"
-  integrity sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==
+compress-commons@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/compress-commons/-/compress-commons-6.0.2.tgz#26d31251a66b9d6ba23a84064ecd3a6a71d2609e"
+  integrity sha512-6FqVXeETqWPoGcfzrXb37E50NP0LXT8kAMu5ooZayhWWdgEY4lBEEcbQNXtkuKQsGduxiIcI4gOTsxTmuq/bSg==
   dependencies:
-    mime-db ">= 1.43.0 < 2"
-
-compression@^1.7.4:
-  version "1.7.4"
-  resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.4.tgz#95523eff170ca57c29a0ca41e6fe131f41e5bb8f"
-  integrity sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==
-  dependencies:
-    accepts "~1.3.5"
-    bytes "3.0.0"
-    compressible "~2.0.16"
-    debug "2.6.9"
-    on-headers "~1.0.2"
-    safe-buffer "5.1.2"
-    vary "~1.1.2"
+    crc-32 "^1.2.0"
+    crc32-stream "^6.0.0"
+    is-stream "^2.0.1"
+    normalize-path "^3.0.0"
+    readable-stream "^4.0.0"
 
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
   integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
 
-concat-stream@^1.5.0:
-  version "1.6.2"
-  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
-  integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==
-  dependencies:
-    buffer-from "^1.0.0"
-    inherits "^2.0.3"
-    readable-stream "^2.2.2"
-    typedarray "^0.0.6"
+confbox@^0.1.8:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/confbox/-/confbox-0.1.8.tgz#820d73d3b3c82d9bd910652c5d4d599ef8ff8b06"
+  integrity sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==
 
-connect@^3.7.0:
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/connect/-/connect-3.7.0.tgz#5d49348910caa5e07a01800b030d0c35f20484f8"
-  integrity sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==
-  dependencies:
-    debug "2.6.9"
-    finalhandler "1.1.2"
-    parseurl "~1.3.3"
-    utils-merge "1.0.1"
+confbox@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/confbox/-/confbox-0.2.1.tgz#ae39f2c99699afa451d00206479f15f9a1208a8b"
+  integrity sha512-hkT3yDPFbs95mNCy1+7qNKC6Pro+/ibzYxtM2iqEigpf0sVw+bg4Zh9/snjsBcf990vfIsg5+1U7VyiyBb3etg==
 
-consola@^2.15.3:
-  version "2.15.3"
-  resolved "https://registry.yarnpkg.com/consola/-/consola-2.15.3.tgz#2e11f98d6a4be71ff72e0bdf07bd23e12cb61550"
-  integrity sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==
-
-consola@^3.2.3:
-  version "3.2.3"
-  resolved "https://registry.yarnpkg.com/consola/-/consola-3.2.3.tgz#0741857aa88cfa0d6fd53f1cff0375136e98502f"
-  integrity sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==
-
-console-browserify@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.2.0.tgz#67063cef57ceb6cf4993a2ab3a55840ae8c49336"
-  integrity sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==
-
-consolidate@^0.15.1:
-  version "0.15.1"
-  resolved "https://registry.yarnpkg.com/consolidate/-/consolidate-0.15.1.tgz#21ab043235c71a07d45d9aad98593b0dba56bab7"
-  integrity sha512-DW46nrsMJgy9kqAbPt5rKaCr7uFtpo4mSUvLHIUbJEjm0vo+aY5QLwBUq3FK4tRnJr/X0Psc0C4jf/h+HtXSMw==
-  dependencies:
-    bluebird "^3.1.1"
-
-consolidate@^0.16.0:
-  version "0.16.0"
-  resolved "https://registry.yarnpkg.com/consolidate/-/consolidate-0.16.0.tgz#a11864768930f2f19431660a65906668f5fbdc16"
-  integrity sha512-Nhl1wzCslqXYTJVDyJCu3ODohy9OfBMB5uD2BiBTzd7w+QY0lBzafkR8y8755yMYHAaMD4NuzbAw03/xzfw+eQ==
-  dependencies:
-    bluebird "^3.7.2"
-
-constants-browserify@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
-  integrity sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==
-
-content-type@~1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.5.tgz#8b773162656d1d1086784c8f23a54ce6d73d7918"
-  integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
-
-convert-source-map@^1.7.0:
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
-  integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
+consola@^3.2.3, consola@^3.4.0, consola@^3.4.2:
+  version "3.4.2"
+  resolved "https://registry.yarnpkg.com/consola/-/consola-3.4.2.tgz#5af110145397bb67afdab77013fdc34cae590ea7"
+  integrity sha512-5IKcdX0nnYavi6G7TtOhwkYzyjfJlatbjMjuLSfE2kYT5pMDOilZ4OvMhi637CcDICTmz3wARPoyhqyX1Y+XvA==
 
 convert-source-map@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
   integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
 
-cookie@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.3.1.tgz#e7e0a1f9ef43b4c8ba925c5c5a96e806d16873bb"
-  integrity sha512-+IJOX0OqlHCszo2mBUq+SrEbCj6w7Kpffqx60zYbPTFaO4+yYgRjHwcZNpWvaTylDHaV7PPmBHzSecZiMhtPgw==
+cookie-es@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/cookie-es/-/cookie-es-1.2.2.tgz#18ceef9eb513cac1cb6c14bcbf8bdb2679b34821"
+  integrity sha512-+W7VmiVINB+ywl1HGXJXmrqkOhpKrIiVZV6tQuV54ZyQC7MMuBt81Vc336GMLoHBq5hV/F9eXgt5Mnx0Rha5Fg==
 
-cookie@^0.4.1, cookie@^0.4.2:
-  version "0.4.2"
-  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.4.2.tgz#0e41f24de5ecf317947c82fc789e06a884824432"
-  integrity sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==
+cookie-es@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/cookie-es/-/cookie-es-2.0.0.tgz#ca6163d7ef8686ea6bbdd551f1de575569c1ed69"
+  integrity sha512-RAj4E421UYRgqokKUmotqAwuplYw15qtdXfY+hGzgCJ/MBjCVZcSoHK/kH9kocfjRjcDME7IiDWR/1WX1TM2Pg==
 
-copy-concurrently@^1.0.0:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/copy-concurrently/-/copy-concurrently-1.0.5.tgz#92297398cae34937fcafd6ec8139c18051f0b5e0"
-  integrity sha512-f2domd9fsVDFtaFcbaRZuYXwtdmnzqbADSwhSWYxYB/Q8zsdUUFMXVRwXGDMWmbEzAn1kdRrtI1T/KTFOL4X2A==
+cookie@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.5.0.tgz#d1f5d71adec6558c58f389987c366aa47e994f8b"
+  integrity sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==
+
+cookie@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/cookie/-/cookie-1.0.2.tgz#27360701532116bd3f1f9416929d176afe1e4610"
+  integrity sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==
+
+copy-anything@^3.0.2:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/copy-anything/-/copy-anything-3.0.5.tgz#2d92dce8c498f790fa7ad16b01a1ae5a45b020a0"
+  integrity sha512-yCEafptTtb4bk7GLEQoM8KVJpxAfdBJYaXyzQEgQQQgYrZiDp8SJmGKlYza6CYjEDNstAdNdKA3UuoULlEbS6w==
   dependencies:
-    aproba "^1.1.1"
-    fs-write-stream-atomic "^1.0.8"
-    iferr "^0.1.5"
-    mkdirp "^0.5.1"
-    rimraf "^2.5.4"
-    run-queue "^1.0.0"
+    is-what "^4.1.8"
 
-copy-descriptor@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/copy-descriptor/-/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d"
-  integrity sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==
-
-core-js-compat@^3.31.0, core-js-compat@^3.34.0, core-js-compat@^3.35.0:
-  version "3.35.1"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.35.1.tgz#215247d7edb9e830efa4218ff719beb2803555e2"
-  integrity sha512-sftHa5qUJY3rs9Zht1WEnmkvXputCyDBczPnr7QDgL8n3qrF3CMXY4VPSYtOLLiOUJcah2WNXREd48iOl6mQIw==
+core-js-compat@^3.40.0:
+  version "3.41.0"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.41.0.tgz#4cdfce95f39a8f27759b667cf693d96e5dda3d17"
+  integrity sha512-RFsU9LySVue9RTwdDVX/T0e2Y6jRYWXERKElIjpuEOEnxaXffI0X7RUwVzfYLfzuLXSNJDYoRYUAmRUcyln20A==
   dependencies:
-    browserslist "^4.22.2"
-
-core-js@^3.22.3, core-js@^3.27.0:
-  version "3.31.1"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.31.1.tgz#f2b0eea9be9da0def2c5fece71064a7e5d687653"
-  integrity sha512-2sKLtfq1eFST7l7v62zaqXacPc7uG8ZAya8ogijLhTtaKNcpzpB4TMoTw2Si+8GYKRwFPMMtUT0263QFWFfqyQ==
-
-core-js@^3.35.0:
-  version "3.35.1"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.35.1.tgz#9c28f8b7ccee482796f8590cc8d15739eaaf980c"
-  integrity sha512-IgdsbxNyMskrTFxa9lWHyMwAJU5gXOPP+1yO+K59d50VLVAIDAbs7gIv705KzALModfK3ZrSZTPNpC0PQgIZuw==
+    browserslist "^4.24.4"
 
 core-util-is@~1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
   integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
 
-cosmiconfig@^6.0.0:
+crc-32@^1.2.0:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/crc-32/-/crc-32-1.2.2.tgz#3cad35a934b8bf71f25ca524b6da51fb7eace2ff"
+  integrity sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==
+
+crc32-stream@^6.0.0:
   version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
-  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
+  resolved "https://registry.yarnpkg.com/crc32-stream/-/crc32-stream-6.0.0.tgz#8529a3868f8b27abb915f6c3617c0fadedbf9430"
+  integrity sha512-piICUB6ei4IlTv1+653yq5+KoqfBYmj9bw6LqXoOneTMDXk5nM1qt12mFW1caG3LlJXEKW1Bp0WggEmIfQB34g==
   dependencies:
-    "@types/parse-json" "^4.0.0"
-    import-fresh "^3.1.0"
-    parse-json "^5.0.0"
-    path-type "^4.0.0"
-    yaml "^1.7.2"
+    crc-32 "^1.2.0"
+    readable-stream "^4.0.0"
 
-cosmiconfig@^7.0.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
-  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
-  dependencies:
-    "@types/parse-json" "^4.0.0"
-    import-fresh "^3.2.1"
-    parse-json "^5.0.0"
-    path-type "^4.0.0"
-    yaml "^1.10.0"
+crelt@^1.0.5, crelt@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/crelt/-/crelt-1.0.6.tgz#7cc898ea74e190fb6ef9dae57f8f81cf7302df72"
+  integrity sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==
 
-crc@^4.3.2:
-  version "4.3.2"
-  resolved "https://registry.yarnpkg.com/crc/-/crc-4.3.2.tgz#49b7821cbf2cf61dfd079ed93863bbebd5469b9a"
-  integrity sha512-uGDHf4KLLh2zsHa8D8hIQ1H/HtFQhyHrc0uhHBcoKGol/Xnb+MPYfUMw7cvON6ze/GUESTudKayDcJC5HnJv1A==
+croner@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/croner/-/croner-9.0.0.tgz#1db62160142cf32eb22622e9ae27ba29156883f7"
+  integrity sha512-onMB0OkDjkXunhdW9htFjEhqrD54+M94i6ackoUkjHKbRnXdyEyKRelp4nJ1kAz32+s27jP1FsebpJCVl0BsvA==
 
-create-ecdh@^4.0.0:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.4.tgz#d6e7f4bffa66736085a0762fd3a632684dabcc4e"
-  integrity sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==
-  dependencies:
-    bn.js "^4.1.0"
-    elliptic "^6.5.3"
-
-create-hash@^1.1.0, create-hash@^1.1.2, create-hash@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.2.0.tgz#889078af11a63756bcfb59bd221996be3a9ef196"
-  integrity sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==
-  dependencies:
-    cipher-base "^1.0.1"
-    inherits "^2.0.1"
-    md5.js "^1.3.4"
-    ripemd160 "^2.0.1"
-    sha.js "^2.4.0"
-
-create-hmac@^1.1.0, create-hmac@^1.1.4, create-hmac@^1.1.7:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/create-hmac/-/create-hmac-1.1.7.tgz#69170c78b3ab957147b2b8b04572e47ead2243ff"
-  integrity sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==
-  dependencies:
-    cipher-base "^1.0.3"
-    create-hash "^1.1.0"
-    inherits "^2.0.1"
-    ripemd160 "^2.0.0"
-    safe-buffer "^5.0.1"
-    sha.js "^2.4.8"
-
-create-require@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz#c1d7e8f1e5f6cfc9ff65f9cd352d37348756c333"
-  integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==
-
-cross-spawn@^7.0.0, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
-  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
+cross-spawn@^7.0.3, cross-spawn@^7.0.6:
+  version "7.0.6"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f"
+  integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
   dependencies:
     path-key "^3.1.0"
     shebang-command "^2.0.0"
     which "^2.0.1"
 
-crypto-browserify@^3.11.0:
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.12.0.tgz#396cf9f3137f03e4b8e532c58f698254e00f80ec"
-  integrity sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==
+"crossws@>=0.2.0 <0.4.0", crossws@^0.3.3, crossws@^0.3.4:
+  version "0.3.4"
+  resolved "https://registry.yarnpkg.com/crossws/-/crossws-0.3.4.tgz#06164c6495ea99152ea7557c99310b52d9be9b29"
+  integrity sha512-uj0O1ETYX1Bh6uSgktfPvwDiPYGQ3aI4qVsaC/LWpkIzGj1nUYm5FK3K+t11oOlpN01lGbprFCH4wBlKdJjVgw==
   dependencies:
-    browserify-cipher "^1.0.0"
-    browserify-sign "^4.0.0"
-    create-ecdh "^4.0.0"
-    create-hash "^1.1.0"
-    create-hmac "^1.1.0"
-    diffie-hellman "^5.0.0"
-    inherits "^2.0.1"
-    pbkdf2 "^3.0.3"
-    public-encrypt "^4.0.0"
-    randombytes "^2.0.0"
-    randomfill "^1.0.3"
+    uncrypto "^0.1.3"
 
-css-blank-pseudo@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/css-blank-pseudo/-/css-blank-pseudo-3.0.3.tgz#36523b01c12a25d812df343a32c322d2a2324561"
-  integrity sha512-VS90XWtsHGqoM0t4KpH053c4ehxZ2E6HtGI7x68YFV0pTo/QmkV/YFA+NnlvK8guxZVNWGQhVNJGC39Q8XF4OQ==
-  dependencies:
-    postcss-selector-parser "^6.0.9"
+crypto-random-string@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
+  integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==
 
-css-declaration-sorter@^6.3.1:
-  version "6.4.0"
-  resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.4.0.tgz#630618adc21724484b3e9505bce812def44000ad"
-  integrity sha512-jDfsatwWMWN0MODAFuHszfjphEXfNw9JUAhmY4pLu3TyTU+ohUpsbVtbU+1MZn4a47D9kqh03i4eyOm+74+zew==
-
-css-declaration-sorter@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-7.1.1.tgz#9796bcc257b4647c39993bda8d431ce32b666f80"
-  integrity sha512-dZ3bVTEEc1vxr3Bek9vGwfB5Z6ESPULhcRvO472mfjVnj8jRcTnKO8/JTczlvxM10Myb+wBM++1MtdO76eWcaQ==
-
-css-has-pseudo@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/css-has-pseudo/-/css-has-pseudo-3.0.4.tgz#57f6be91ca242d5c9020ee3e51bbb5b89fc7af73"
-  integrity sha512-Vse0xpR1K9MNlp2j5w1pgWIJtm1a8qS0JwS9goFYcImjlHEmywP9VUF05aGBXzGpDJF86QXk4L0ypBmwPhGArw==
-  dependencies:
-    postcss-selector-parser "^6.0.9"
-
-css-loader@^5.2.7:
-  version "5.2.7"
-  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-5.2.7.tgz#9b9f111edf6fb2be5dc62525644cbc9c232064ae"
-  integrity sha512-Q7mOvpBNBG7YrVGMxRxcBJZFL75o+cH2abNASdibkj/fffYD8qWbInZrD0S9ccI6vZclF3DsHE7njGlLtaHbhg==
-  dependencies:
-    icss-utils "^5.1.0"
-    loader-utils "^2.0.0"
-    postcss "^8.2.15"
-    postcss-modules-extract-imports "^3.0.0"
-    postcss-modules-local-by-default "^4.0.0"
-    postcss-modules-scope "^3.0.0"
-    postcss-modules-values "^4.0.0"
-    postcss-value-parser "^4.1.0"
-    schema-utils "^3.0.0"
-    semver "^7.3.5"
-
-css-prefers-color-scheme@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/css-prefers-color-scheme/-/css-prefers-color-scheme-6.0.3.tgz#ca8a22e5992c10a5b9d315155e7caee625903349"
-  integrity sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA==
-
-css-select@^4.1.3:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.3.0.tgz#db7129b2846662fd8628cfc496abb2b59e41529b"
-  integrity sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==
-  dependencies:
-    boolbase "^1.0.0"
-    css-what "^6.0.1"
-    domhandler "^4.3.1"
-    domutils "^2.8.0"
-    nth-check "^2.0.1"
+css-declaration-sorter@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-7.2.0.tgz#6dec1c9523bc4a643e088aab8f09e67a54961024"
+  integrity sha512-h70rUM+3PNFuaBDTLe8wF/cdWu+dOZmb7pJt8Z2sedYbAcQVQV/tEchueg3GWxwqS0cxtbxmaHEdkNACqcvsow==
 
 css-select@^5.1.0:
   version "5.1.0"
@@ -4546,14 +4734,6 @@ css-select@^5.1.0:
     domutils "^3.0.1"
     nth-check "^2.0.1"
 
-css-tree@^1.1.2, css-tree@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d"
-  integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==
-  dependencies:
-    mdn-data "2.0.14"
-    source-map "^0.6.1"
-
 css-tree@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.3.1.tgz#10264ce1e5442e8572fc82fbe490644ff54b5c20"
@@ -4570,124 +4750,64 @@ css-tree@~2.2.0:
     mdn-data "2.0.28"
     source-map-js "^1.0.1"
 
-css-what@^6.0.1, css-what@^6.1.0:
+css-what@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
   integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
 
-cssdb@^7.1.0:
-  version "7.5.4"
-  resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-7.5.4.tgz#e34dafee5184d67634604e345e389ca79ac179ea"
-  integrity sha512-fGD+J6Jlq+aurfE1VDXlLS4Pt0VtNlu2+YgfGOdMxRyl/HQ9bDiHTwSck1Yz8A97Dt/82izSK6Bp/4nVqacOsg==
-
 cssesc@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
   integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
 
-cssnano-preset-default@^5.2.14:
-  version "5.2.14"
-  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-5.2.14.tgz#309def4f7b7e16d71ab2438052093330d9ab45d8"
-  integrity sha512-t0SFesj/ZV2OTylqQVOrFgEh5uanxbO6ZAdeCrNsUQ6fVuXwYTxJPNAGvGTxHbD68ldIJNec7PyYZDBrfDQ+6A==
+cssnano-preset-default@^7.0.6:
+  version "7.0.6"
+  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-7.0.6.tgz#0220fa7507478369aa2a226bac03e1204cd024c1"
+  integrity sha512-ZzrgYupYxEvdGGuqL+JKOY70s7+saoNlHSCK/OGn1vB2pQK8KSET8jvenzItcY+kA7NoWvfbb/YhlzuzNKjOhQ==
   dependencies:
-    css-declaration-sorter "^6.3.1"
-    cssnano-utils "^3.1.0"
-    postcss-calc "^8.2.3"
-    postcss-colormin "^5.3.1"
-    postcss-convert-values "^5.1.3"
-    postcss-discard-comments "^5.1.2"
-    postcss-discard-duplicates "^5.1.0"
-    postcss-discard-empty "^5.1.1"
-    postcss-discard-overridden "^5.1.0"
-    postcss-merge-longhand "^5.1.7"
-    postcss-merge-rules "^5.1.4"
-    postcss-minify-font-values "^5.1.0"
-    postcss-minify-gradients "^5.1.1"
-    postcss-minify-params "^5.1.4"
-    postcss-minify-selectors "^5.2.1"
-    postcss-normalize-charset "^5.1.0"
-    postcss-normalize-display-values "^5.1.0"
-    postcss-normalize-positions "^5.1.1"
-    postcss-normalize-repeat-style "^5.1.1"
-    postcss-normalize-string "^5.1.0"
-    postcss-normalize-timing-functions "^5.1.0"
-    postcss-normalize-unicode "^5.1.1"
-    postcss-normalize-url "^5.1.0"
-    postcss-normalize-whitespace "^5.1.1"
-    postcss-ordered-values "^5.1.3"
-    postcss-reduce-initial "^5.1.2"
-    postcss-reduce-transforms "^5.1.0"
-    postcss-svgo "^5.1.0"
-    postcss-unique-selectors "^5.1.1"
+    browserslist "^4.23.3"
+    css-declaration-sorter "^7.2.0"
+    cssnano-utils "^5.0.0"
+    postcss-calc "^10.0.2"
+    postcss-colormin "^7.0.2"
+    postcss-convert-values "^7.0.4"
+    postcss-discard-comments "^7.0.3"
+    postcss-discard-duplicates "^7.0.1"
+    postcss-discard-empty "^7.0.0"
+    postcss-discard-overridden "^7.0.0"
+    postcss-merge-longhand "^7.0.4"
+    postcss-merge-rules "^7.0.4"
+    postcss-minify-font-values "^7.0.0"
+    postcss-minify-gradients "^7.0.0"
+    postcss-minify-params "^7.0.2"
+    postcss-minify-selectors "^7.0.4"
+    postcss-normalize-charset "^7.0.0"
+    postcss-normalize-display-values "^7.0.0"
+    postcss-normalize-positions "^7.0.0"
+    postcss-normalize-repeat-style "^7.0.0"
+    postcss-normalize-string "^7.0.0"
+    postcss-normalize-timing-functions "^7.0.0"
+    postcss-normalize-unicode "^7.0.2"
+    postcss-normalize-url "^7.0.0"
+    postcss-normalize-whitespace "^7.0.0"
+    postcss-ordered-values "^7.0.1"
+    postcss-reduce-initial "^7.0.2"
+    postcss-reduce-transforms "^7.0.0"
+    postcss-svgo "^7.0.1"
+    postcss-unique-selectors "^7.0.3"
 
-cssnano-preset-default@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-6.0.3.tgz#b4ce755974f4dc8d3d09ac13bb6281cce3ced45e"
-  integrity sha512-4y3H370aZCkT9Ev8P4SO4bZbt+AExeKhh8wTbms/X7OLDo5E7AYUUy6YPxa/uF5Grf+AJwNcCnxKhZynJ6luBA==
+cssnano-utils@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/cssnano-utils/-/cssnano-utils-5.0.0.tgz#b53a0343dd5d21012911882db6ae7d2eae0e3687"
+  integrity sha512-Uij0Xdxc24L6SirFr25MlwC2rCFX6scyUmuKpzI+JQ7cyqDEwD42fJ0xfB3yLfOnRDU5LKGgjQ9FA6LYh76GWQ==
+
+cssnano@^7.0.6:
+  version "7.0.6"
+  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-7.0.6.tgz#63d54fd42bc017f6aaed69e47d9aaef85b7850ec"
+  integrity sha512-54woqx8SCbp8HwvNZYn68ZFAepuouZW4lTwiMVnBErM3VkO7/Sd4oTOt3Zz3bPx3kxQ36aISppyXj2Md4lg8bw==
   dependencies:
-    css-declaration-sorter "^7.1.1"
-    cssnano-utils "^4.0.1"
-    postcss-calc "^9.0.1"
-    postcss-colormin "^6.0.2"
-    postcss-convert-values "^6.0.2"
-    postcss-discard-comments "^6.0.1"
-    postcss-discard-duplicates "^6.0.1"
-    postcss-discard-empty "^6.0.1"
-    postcss-discard-overridden "^6.0.1"
-    postcss-merge-longhand "^6.0.2"
-    postcss-merge-rules "^6.0.3"
-    postcss-minify-font-values "^6.0.1"
-    postcss-minify-gradients "^6.0.1"
-    postcss-minify-params "^6.0.2"
-    postcss-minify-selectors "^6.0.2"
-    postcss-normalize-charset "^6.0.1"
-    postcss-normalize-display-values "^6.0.1"
-    postcss-normalize-positions "^6.0.1"
-    postcss-normalize-repeat-style "^6.0.1"
-    postcss-normalize-string "^6.0.1"
-    postcss-normalize-timing-functions "^6.0.1"
-    postcss-normalize-unicode "^6.0.2"
-    postcss-normalize-url "^6.0.1"
-    postcss-normalize-whitespace "^6.0.1"
-    postcss-ordered-values "^6.0.1"
-    postcss-reduce-initial "^6.0.2"
-    postcss-reduce-transforms "^6.0.1"
-    postcss-svgo "^6.0.2"
-    postcss-unique-selectors "^6.0.2"
-
-cssnano-utils@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/cssnano-utils/-/cssnano-utils-3.1.0.tgz#95684d08c91511edfc70d2636338ca37ef3a6861"
-  integrity sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==
-
-cssnano-utils@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/cssnano-utils/-/cssnano-utils-4.0.1.tgz#fd18b42f95938bf55ab47967705355d6047bf1da"
-  integrity sha512-6qQuYDqsGoiXssZ3zct6dcMxiqfT6epy7x4R0TQJadd4LWO3sPR6JH6ZByOvVLoZ6EdwPGgd7+DR1EmX3tiXQQ==
-
-cssnano@^5.0.2:
-  version "5.1.15"
-  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-5.1.15.tgz#ded66b5480d5127fcb44dac12ea5a983755136bf"
-  integrity sha512-j+BKgDcLDQA+eDifLx0EO4XSA56b7uut3BQFH+wbSaSTuGLuiyTa/wbRYthUXX8LC9mLg+WWKe8h+qJuwTAbHw==
-  dependencies:
-    cssnano-preset-default "^5.2.14"
-    lilconfig "^2.0.3"
-    yaml "^1.10.2"
-
-cssnano@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-6.0.3.tgz#46db972da71aa159437287fb4c6bc9c5d3cc5d93"
-  integrity sha512-MRq4CIj8pnyZpcI2qs6wswoYoDD1t0aL28n+41c1Ukcpm56m1h6mCexIHBGjfZfnTqtGSSCP4/fB1ovxgjBOiw==
-  dependencies:
-    cssnano-preset-default "^6.0.3"
-    lilconfig "^3.0.0"
-
-csso@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/csso/-/csso-4.2.0.tgz#ea3a561346e8dc9f546d6febedd50187cf389529"
-  integrity sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==
-  dependencies:
-    css-tree "^1.1.2"
+    cssnano-preset-default "^7.0.6"
+    lilconfig "^3.1.2"
 
 csso@^5.0.5:
   version "5.0.5"
@@ -4696,65 +4816,82 @@ csso@^5.0.5:
   dependencies:
     css-tree "~2.2.0"
 
-cssstyle@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-3.0.0.tgz#17ca9c87d26eac764bb8cfd00583cff21ce0277a"
-  integrity sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==
+cssstyle@^4.2.1:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-4.3.0.tgz#83db22d1aec8eb7e5ecd812b4d14a17fb3dd243d"
+  integrity sha512-6r0NiY0xizYqfBvWp1G7WXJ06/bZyrk7Dc6PHql82C/pKGUTKu4yAX4Y8JPamb1ob9nBKuxWzCGTRuGwU3yxJQ==
   dependencies:
-    rrweb-cssom "^0.6.0"
+    "@asamuzakjp/css-color" "^3.1.1"
+    rrweb-cssom "^0.8.0"
 
-csstype@^3.1.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.1.tgz#841b532c45c758ee546a11d5bd7b7b473c8c30b9"
-  integrity sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==
+csstype@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
+  integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
 
-cuint@^0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/cuint/-/cuint-0.2.2.tgz#408086d409550c2631155619e9fa7bcadc3b991b"
-  integrity sha512-d4ZVpCW31eWwCMe1YT3ur7mUDnTXbgwyzaL320DrcRT45rfjYxkt5QWLrmOJ+/UEAI2+fQgKe/fCjR8l4TpRgw==
-
-cyclist@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/cyclist/-/cyclist-1.0.1.tgz#596e9698fd0c80e12038c2b82d6eb1b35b6224d9"
-  integrity sha512-NJGVKPS81XejHcLhaLJS7plab0fK3slPh11mESeeDq2W4ZI5kUKK/LRRdVDvjJseojbPB7ZwjnyOybg3Igea/A==
-
-data-urls@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-4.0.0.tgz#333a454eca6f9a5b7b0f1013ff89074c3f522dd4"
-  integrity sha512-/mMTei/JXPqvFqQtfyTowxmJVwr2PVAeCcDxyFf6LhoOu/09TX2OX3kb2wzi4DMXcfj4OItwDOnhl5oziPnT6g==
+data-urls@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-5.0.0.tgz#2f76906bce1824429ffecb6920f45a0b30f00dde"
+  integrity sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==
   dependencies:
-    abab "^2.0.6"
-    whatwg-mimetype "^3.0.0"
-    whatwg-url "^12.0.0"
+    whatwg-mimetype "^4.0.0"
+    whatwg-url "^14.0.0"
 
-date-fns@^2.29.3:
-  version "2.29.3"
-  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.29.3.tgz#27402d2fc67eb442b511b70bbdf98e6411cd68a8"
-  integrity sha512-dDCnyH2WnnKusqvZZ6+jA1O51Ibt8ZMRNkDZdyAyK4YfbDwa/cEmuztzG5pk6hqlp9aSBPYcjOlktquahGwGeA==
-
-de-indent@^1.0.2:
+data-view-buffer@^1.0.2:
   version "1.0.2"
-  resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
-  integrity sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==
+  resolved "https://registry.yarnpkg.com/data-view-buffer/-/data-view-buffer-1.0.2.tgz#211a03ba95ecaf7798a8c7198d79536211f88570"
+  integrity sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.2"
 
-debounce@^1.2.0, debounce@^1.2.1:
+data-view-byte-length@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz#9e80f7ca52453ce3e93d25a35318767ea7704735"
+  integrity sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.2"
+
+data-view-byte-offset@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz#068307f9b71ab76dbbe10291389e020856606191"
+  integrity sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    is-data-view "^1.0.1"
+
+date-fns@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-4.1.0.tgz#64b3d83fff5aa80438f5b1a633c2e83b8a1c2d14"
+  integrity sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==
+
+db0@^0.3.1:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/db0/-/db0-0.3.1.tgz#84366f06cd9a154545b077be5cb955e4ac278314"
+  integrity sha512-3RogPLE2LLq6t4YiFCREyl572aBjkfMvfwPyN51df00TbPbryL3XqBYuJ/j6mgPssPK8AKfYdLxizaO5UG10sA==
+
+debounce@^1.2.0:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/debounce/-/debounce-1.2.1.tgz#38881d8f4166a5c5848020c11827b834bcb3e0a5"
   integrity sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==
 
-debug@2.6.9, debug@^2.2.0, debug@^2.3.3:
+debug@2.6.9:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
   integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
   dependencies:
     ms "2.0.0"
 
-debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4:
-  version "4.3.4"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
-  integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
+debug@4, debug@4.4.0, debug@^4.0.0, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4, debug@^4.3.5, debug@^4.3.6, debug@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
+  integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==
   dependencies:
-    ms "2.1.2"
+    ms "^2.1.3"
 
 debug@^3.2.7:
   version "3.2.7"
@@ -4763,103 +4900,75 @@ debug@^3.2.7:
   dependencies:
     ms "^2.1.1"
 
-decache@^4.6.0:
-  version "4.6.1"
-  resolved "https://registry.yarnpkg.com/decache/-/decache-4.6.1.tgz#5928bfab97a6fcf22a65047a3d07999af36efaf0"
-  integrity sha512-ohApBM8u9ygepJCjgBrEZSSxPjc0T/PJkD+uNyxXPkqudyUpdXpwJYp0VISm2WrPVzASU6DZyIi6BWdyw7uJ2Q==
-  dependencies:
-    callsite "^1.0.0"
-
 decimal.js@^10.4.3:
-  version "10.4.3"
-  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.3.tgz#1044092884d245d1b7f65725fa4ad4c6f781cc23"
-  integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==
+  version "10.5.0"
+  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.5.0.tgz#0f371c7cf6c4898ce0afb09836db73cd82010f22"
+  integrity sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw==
 
-decode-uri-component@^0.2.0:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.2.tgz#e69dbe25d37941171dd540e024c444cd5188e1e9"
-  integrity sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==
-
-decompress-response@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-6.0.0.tgz#ca387612ddb7e104bd16d85aab00d5ecf09c66fc"
-  integrity sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==
+decode-named-character-reference@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/decode-named-character-reference/-/decode-named-character-reference-1.1.0.tgz#5d6ce68792808901210dac42a8e9853511e2b8bf"
+  integrity sha512-Wy+JTSbFThEOXQIR2L6mxJvEs+veIzpmqD7ynWxMXGpnk3smkHQOp6forLdHsKpAMW9iJpaBBIxz285t1n1C3w==
   dependencies:
-    mimic-response "^3.1.0"
+    character-entities "^2.0.0"
 
-deep-eql@^4.1.2:
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-4.1.3.tgz#7c7775513092f7df98d8df9996dd085eb668cc6d"
-  integrity sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==
-  dependencies:
-    type-detect "^4.0.0"
+deep-eql@^5.0.1:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-5.0.2.tgz#4b756d8d770a9257300825d52a2c2cff99c3a341"
+  integrity sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==
 
-deep-is@^0.1.3, deep-is@~0.1.3:
+deep-is@^0.1.3:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
 
-deepmerge@^4.2.2:
+deepmerge@^4.2.2, deepmerge@^4.3.1:
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
   integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
 
-defer-to-connect@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/defer-to-connect/-/defer-to-connect-2.0.1.tgz#8016bdb4143e4632b77a3449c6236277de520587"
-  integrity sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg==
+default-browser-id@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/default-browser-id/-/default-browser-id-5.0.0.tgz#a1d98bf960c15082d8a3fa69e83150ccccc3af26"
+  integrity sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==
+
+default-browser@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/default-browser/-/default-browser-5.2.1.tgz#7b7ba61204ff3e425b556869ae6d3e9d9f1712cf"
+  integrity sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==
+  dependencies:
+    bundle-name "^4.1.0"
+    default-browser-id "^5.0.0"
+
+define-data-property@^1.0.1, define-data-property@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
+  integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
+  dependencies:
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    gopd "^1.0.1"
 
 define-lazy-prop@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
   integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
 
-define-properties@^1.1.2, define-properties@^1.1.3, define-properties@^1.1.4:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.0.tgz#52988570670c9eacedd8064f4a990f2405849bd5"
-  integrity sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==
+define-lazy-prop@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz#dbb19adfb746d7fc6d734a06b72f4a00d021255f"
+  integrity sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==
+
+define-properties@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
+  integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
   dependencies:
+    define-data-property "^1.0.1"
     has-property-descriptors "^1.0.0"
     object-keys "^1.1.1"
 
-define-property@^0.2.5:
-  version "0.2.5"
-  resolved "https://registry.yarnpkg.com/define-property/-/define-property-0.2.5.tgz#c35b1ef918ec3c990f9a5bc57be04aacec5c8116"
-  integrity sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==
-  dependencies:
-    is-descriptor "^0.1.0"
-
-define-property@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/define-property/-/define-property-1.0.0.tgz#769ebaaf3f4a63aad3af9e8d304c9bbe79bfb0e6"
-  integrity sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==
-  dependencies:
-    is-descriptor "^1.0.0"
-
-define-property@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/define-property/-/define-property-2.0.2.tgz#d459689e8d654ba77e02a817f8710d702cb16e9d"
-  integrity sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==
-  dependencies:
-    is-descriptor "^1.0.2"
-    isobject "^3.0.1"
-
-defu@^3.1.0:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/defu/-/defu-3.2.2.tgz#be20f4cc49b9805d54ee6b610658d53894942e97"
-  integrity sha512-8UWj5lNv7HD+kB0e9w77Z7TdQlbUYDVWqITLHNqFIn6khrNHv5WQo38Dcm1f6HeNyZf0U7UbPf6WeZDSdCzGDQ==
-
-defu@^5.0.0, defu@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/defu/-/defu-5.0.1.tgz#a034278f9b032bf0845d261aa75e9ad98da878ac"
-  integrity sha512-EPS1carKg+dkEVy3qNTqIdp2qV7mUP08nIsupfwQpz++slCVRw7qbQyWvSTig+kFPwz2XXp5/kIIkH+CwrJKkQ==
-
-defu@^6.0.0, defu@^6.1.2:
-  version "6.1.2"
-  resolved "https://registry.yarnpkg.com/defu/-/defu-6.1.2.tgz#1217cba167410a1765ba93893c6dbac9ed9d9e5c"
-  integrity sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ==
-
-defu@^6.1.3, defu@^6.1.4:
+defu@^6.1.2, defu@^6.1.4:
   version "6.1.4"
   resolved "https://registry.yarnpkg.com/defu/-/defu-6.1.4.tgz#4e0c9cf9ff68fe5f3d7f2765cc1a012dfdcb0479"
   integrity sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==
@@ -4869,57 +4978,67 @@ delayed-stream@~1.0.0:
   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
   integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
 
+denque@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/denque/-/denque-2.1.0.tgz#e93e1a6569fb5e66f16a3c2a2964617d349d6ab1"
+  integrity sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==
+
 depd@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
   integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
 
-des.js@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.0.1.tgz#5382142e1bdc53f85d86d53e5f4aa7deb91e0843"
-  integrity sha512-Q0I4pfFrv2VPd34/vfLrFOoRmlYj3OV50i7fskps1jZWK1kApMWWT9G6RRUeYedLcBDIhnSDaUvJMb3AhUlaEA==
-  dependencies:
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
+dequal@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/dequal/-/dequal-2.0.3.tgz#2644214f1997d39ed0ee0ece72335490a7ac67be"
+  integrity sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==
 
-destr@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/destr/-/destr-1.2.2.tgz#7ba9befcafb645a50e76b260449c63927b51e22f"
-  integrity sha512-lrbCJwD9saUQrqUfXvl6qoM+QN3W7tLV5pAOs+OqOmopCCz/JkE05MHedJR1xfk4IAnZuJXPVuN5+7jNA2ZCiA==
+destr@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/destr/-/destr-2.0.3.tgz#7f9e97cb3d16dbdca7be52aca1644ce402cfe449"
+  integrity sha512-2N3BOUU4gYMpTP24s5rF5iP7BDr7uNTCs4ozw3kf/eKfvWSIu93GEBi5m427YoyJoeOzQ5smuu4nNAPGb8idSQ==
 
-destr@^2.0.0, destr@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/destr/-/destr-2.0.2.tgz#8d3c0ee4ec0a76df54bc8b819bca215592a8c218"
-  integrity sha512-65AlobnZMiCET00KaFFjUefxDX0khFA/E4myqZ7a6Sq1yZtR8+FVIvilVX66vF2uobSumxooYZChiRPCKNqhmg==
-
-destroy@1.2.0, destroy@^1.0.4:
+destroy@1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
   integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
 
-detect-indent@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/detect-indent/-/detect-indent-5.0.0.tgz#3871cc0a6a002e8c3e5b3cf7f336264675f06b9d"
-  integrity sha512-rlpvsxUtM0PQvy9iZe640/IWwWYyBsTApREbA1pHOpmOUIl9MkP/U4z7vTtg4Oaojvqhxt7sdufnT0EzGaR31g==
+detab@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/detab/-/detab-3.0.2.tgz#b9909b52881badd598f653c5e4fcc7c94b158474"
+  integrity sha512-7Bp16Bk8sk0Y6gdXiCtnpGbghn8atnTJdd/82aWvS5ESnlcNvgUc10U2NYS0PAiDSGjWiI8qs/Cv1b2uSGdQ8w==
 
-devalue@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/devalue/-/devalue-2.0.1.tgz#5d368f9adc0928e47b77eea53ca60d2f346f9762"
-  integrity sha512-I2TiqT5iWBEyB8GRfTDP0hiLZ0YeDJZ+upDxjBfOC2lebO5LezQMv7QvIUTzdb64jQyAKLf1AHADtGN+jw6v8Q==
+detect-libc@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
+  integrity sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==
 
-diff@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/diff/-/diff-5.1.0.tgz#bc52d298c5ea8df9194800224445ed43ffc87e40"
-  integrity sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==
+detect-libc@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-2.0.3.tgz#f0cd503b40f9939b894697d19ad50895e30cf700"
+  integrity sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==
 
-diffie-hellman@^5.0.0:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
-  integrity sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==
+devalue@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/devalue/-/devalue-5.1.1.tgz#a71887ac0f354652851752654e4bd435a53891ae"
+  integrity sha512-maua5KUiapvEwiEAe+XnlZ3Rh0GD+qI1J/nb9vrJc3muPXvcF/8gXYTWF76+5DAqHyDUtOIImEuo0YKE9mshVw==
+
+devlop@^1.0.0, devlop@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/devlop/-/devlop-1.1.0.tgz#4db7c2ca4dc6e0e834c30be70c94bbc976dc7018"
+  integrity sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==
   dependencies:
-    bn.js "^4.1.0"
-    miller-rabin "^4.0.0"
-    randombytes "^2.0.0"
+    dequal "^2.0.0"
+
+diff-sequences@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.6.3.tgz#4deaf894d11407c51efc8418012f9e70b84ea921"
+  integrity sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==
+
+diff@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/diff/-/diff-7.0.0.tgz#3fb34d387cd76d803f6eebea67b921dab0182a9a"
+  integrity sha512-PJWHUb1RFevKCwaFA9RlG5tCd+FO5iRh9A8HEtkmBH2Li03iJriB6m6JIN4rGz3K3JLawI7/veA1xzRKP6ISBw==
 
 dir-glob@^3.0.1:
   version "3.0.1"
@@ -4942,22 +5061,6 @@ doctrine@^3.0.0:
   dependencies:
     esutils "^2.0.2"
 
-dom-converter@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
-  integrity sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==
-  dependencies:
-    utila "~0.4"
-
-dom-serializer@^1.0.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.4.1.tgz#de5d41b1aea290215dc45a6dae8adcf1d32e2d30"
-  integrity sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==
-  dependencies:
-    domelementtype "^2.0.1"
-    domhandler "^4.2.0"
-    entities "^2.0.0"
-
 dom-serializer@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-2.0.0.tgz#e41b802e1eedf9f6cae183ce5e622d789d7d8e53"
@@ -4967,98 +5070,60 @@ dom-serializer@^2.0.0:
     domhandler "^5.0.2"
     entities "^4.2.0"
 
-domain-browser@^1.1.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
-  integrity sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==
-
-domelementtype@^2.0.1, domelementtype@^2.2.0, domelementtype@^2.3.0:
+domelementtype@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
   integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
 
-domexception@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/domexception/-/domexception-4.0.0.tgz#4ad1be56ccadc86fc76d033353999a8037d03673"
-  integrity sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==
-  dependencies:
-    webidl-conversions "^7.0.0"
-
-domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.1.tgz#8d792033416f59d68bc03a5aa7b018c1ca89279c"
-  integrity sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==
-  dependencies:
-    domelementtype "^2.2.0"
-
-domhandler@^5.0.1, domhandler@^5.0.2:
+domhandler@^5.0.2, domhandler@^5.0.3:
   version "5.0.3"
   resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-5.0.3.tgz#cc385f7f751f1d1fc650c21374804254538c7d31"
   integrity sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==
   dependencies:
     domelementtype "^2.3.0"
 
-dompurify@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-3.0.1.tgz#a0933f38931b3238934dd632043b727e53004289"
-  integrity sha512-60tsgvPKwItxZZdfLmamp0MTcecCta3avOhsLgPZ0qcWt96OasFfhkeIRbJ6br5i0fQawT1/RBGB5L58/Jpwuw==
-
-domutils@^2.5.2, domutils@^2.8.0:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
-  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
-  dependencies:
-    dom-serializer "^1.0.1"
-    domelementtype "^2.2.0"
-    domhandler "^4.2.0"
+dompurify@^3.2.4:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-3.2.4.tgz#af5a5a11407524431456cf18836c55d13441cd8e"
+  integrity sha512-ysFSFEDVduQpyhzAob/kkuJjf5zWkZD8/A9ywSp1byueyuCfHamrCBa14/Oc2iiB0e51B+NpxSl5gmzn+Ms/mg==
+  optionalDependencies:
+    "@types/trusted-types" "^2.0.7"
 
 domutils@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/domutils/-/domutils-3.0.1.tgz#696b3875238338cb186b6c0612bd4901c89a4f1c"
-  integrity sha512-z08c1l761iKhDFtfXO04C7kTdPBLi41zwOZl00WS8b5eiaebNpY00HKbztwBq+e3vyqWNwWF3mP9YLUeqIrF+Q==
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-3.2.2.tgz#edbfe2b668b0c1d97c24baf0f1062b132221bc78"
+  integrity sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==
   dependencies:
     dom-serializer "^2.0.0"
     domelementtype "^2.3.0"
-    domhandler "^5.0.1"
+    domhandler "^5.0.3"
 
-dot-case@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
-  integrity sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==
+dot-prop@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-9.0.0.tgz#bae5982fe6dc6b8fddb92efef4f2ddff26779e92"
+  integrity sha512-1gxPBJpI/pcjQhKgIU91II6Wkay+dLcN3M6rf2uwP8hRur3HtQXjVrdAK3sjC0piaEuxzMwjXChcETiJl47lAQ==
   dependencies:
-    no-case "^3.0.4"
-    tslib "^2.0.3"
+    type-fest "^4.18.2"
 
-dotenv@^16.0.3:
-  version "16.0.3"
-  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.0.3.tgz#115aec42bac5053db3c456db30cc243a5a836a07"
-  integrity sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==
+dotenv@^16.4.7:
+  version "16.4.7"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.4.7.tgz#0e20c5b82950140aa99be360a8a5f52335f53c26"
+  integrity sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==
 
-dotenv@^16.3.1:
-  version "16.4.1"
-  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.4.1.tgz#1d9931f1d3e5d2959350d1250efab299561f7f11"
-  integrity sha512-CjA3y+Dr3FyFDOAMnxZEGtnW9KBR2M0JvvUtXNW+dYJL5ROWxP9DUHCwgFqpMk0OXCc0ljhaNTr2w/kutYIcHQ==
-
-dotenv@^9.0.2:
-  version "9.0.2"
-  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-9.0.2.tgz#dacc20160935a37dea6364aa1bef819fb9b6ab05"
-  integrity sha512-I9OvvrHp4pIARv4+x9iuewrWycX6CcZtoAu1XrzPxc5UygMJXJZYmBsynku8IkrJwgypE5DGNjDPmPRhDCptUg==
+dunder-proto@^1.0.0, dunder-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/dunder-proto/-/dunder-proto-1.0.1.tgz#d7ae667e1dc83482f8b70fd0f6eefc50da30f58a"
+  integrity sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==
+  dependencies:
+    call-bind-apply-helpers "^1.0.1"
+    es-errors "^1.3.0"
+    gopd "^1.2.0"
 
 duplexer@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
   integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==
 
-duplexify@^3.4.2, duplexify@^3.6.0:
-  version "3.7.1"
-  resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-3.7.1.tgz#2a4df5317f6ccfd91f86d6fd25d8d8a103b88309"
-  integrity sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==
-  dependencies:
-    end-of-stream "^1.0.0"
-    inherits "^2.0.1"
-    readable-stream "^2.0.0"
-    stream-shift "^1.0.0"
-
 eastasianwidth@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
@@ -5074,28 +5139,27 @@ ee-first@1.1.1:
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
   integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
 
-electron-to-chromium@^1.4.284:
-  version "1.4.339"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.339.tgz#bfa611a7707ca8bbb784e01fe247c18a35bd8d28"
-  integrity sha512-MSXHBJGcbBydq/DQDlpBeUKnJ6C7aTiNCTRpfDV5Iz0sNr/Ng6RJFloq82AAicp/SrmDq4zF6XsKG0B8Xwn1UQ==
-
-electron-to-chromium@^1.4.648:
-  version "1.4.664"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.664.tgz#b00fc67d5d4f124e429b0dcce5a02ae18ef33ede"
-  integrity sha512-k9VKKSkOSNPvSckZgDDl/IQx45E1quMjX8QfLzUsAs/zve8AyFDK+ByRynSP/OfEfryiKHpQeMf00z0leLCc3A==
-
-elliptic@^6.5.3:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.4.tgz#da37cebd31e79a1367e941b592ed1fbebd58abbb"
-  integrity sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==
+ejs@^3.1.6:
+  version "3.1.10"
+  resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.1.10.tgz#69ab8358b14e896f80cc39e62087b88500c3ac3b"
+  integrity sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==
   dependencies:
-    bn.js "^4.11.9"
-    brorand "^1.1.0"
-    hash.js "^1.0.0"
-    hmac-drbg "^1.0.1"
-    inherits "^2.0.4"
-    minimalistic-assert "^1.0.1"
-    minimalistic-crypto-utils "^1.0.1"
+    jake "^10.8.5"
+
+electron-to-chromium@^1.5.73:
+  version "1.5.120"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.120.tgz#ccfdd28e9795fb8c2221cefa2c9a071501c86247"
+  integrity sha512-oTUp3gfX1gZI+xfD2djr2rzQdHCwHzPQrrK0CD7WpTdF0nPdQ/INcRVjWgLdCT4a9W3jFObR9DAfsuyFQnI8CQ==
+
+emoji-regex-xs@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/emoji-regex-xs/-/emoji-regex-xs-1.0.0.tgz#e8af22e5d9dbd7f7f22d280af3d19d2aab5b0724"
+  integrity sha512-LRlerrMYoIDrT6jgpeZ2YYl/L8EulRTt5hQcYjy5AInh7HWXKimpqx68aknBFpGL2+/IcogTcaydJEgaTmOpDg==
+
+emoji-regex@^10.3.0:
+  version "10.4.0"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-10.4.0.tgz#03553afea80b3975749cfcb36f776ca268e413d4"
+  integrity sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw==
 
 emoji-regex@^8.0.0:
   version "8.0.0"
@@ -5107,61 +5171,43 @@ emoji-regex@^9.2.2:
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
   integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
 
-emojis-list@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
-  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
+emojilib@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/emojilib/-/emojilib-2.4.0.tgz#ac518a8bb0d5f76dda57289ccb2fdf9d39ae721e"
+  integrity sha512-5U0rVMU5Y2n2+ykNLQqMoqklN9ICBT/KsvC1Gz6vqHbz2AXXGkG+Pm5rMWk/8Vjrr/mY9985Hi8DYzn1F09Nyw==
+
+emoticon@^4.0.1:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/emoticon/-/emoticon-4.1.0.tgz#d5a156868ee173095627a33de3f1e914c3dde79e"
+  integrity sha512-VWZfnxqwNcc51hIy/sbOdEem6D+cVtpPzEEtVAFdaas30+1dgkyaOQ4sQ6Bp0tOMqWO1v+HQfYaoodOkdhK6SQ==
 
 encodeurl@~1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
   integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
 
-end-of-stream@^1.0.0, end-of-stream@^1.1.0:
-  version "1.4.4"
-  resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
-  integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
-  dependencies:
-    once "^1.4.0"
+encodeurl@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-2.0.0.tgz#7b8ea898077d7e409d3ac45474ea38eaf0857a58"
+  integrity sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==
 
-enhanced-resolve@^4.0.0, enhanced-resolve@^4.1.1, enhanced-resolve@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-4.5.0.tgz#2f3cfd84dbe3b487f18f2db2ef1e064a571ca5ec"
-  integrity sha512-Nv9m36S/vxpsI+Hc4/ZGRs0n9mXqSWGGq49zxb/cJfPAQMbUtttJAlNPS4AQzaBdw/pKskw5bMbekT/Y7W/Wlg==
-  dependencies:
-    graceful-fs "^4.1.2"
-    memory-fs "^0.5.0"
-    tapable "^1.0.0"
-
-enhanced-resolve@^5.10.0:
-  version "5.12.0"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.12.0.tgz#300e1c90228f5b570c4d35babf263f6da7155634"
-  integrity sha512-QHTXI/sZQmko1cbDoNAa3mJ5qhWUUNAq3vR0/YiD379fWQrcfuoX1+HW2S0MTt7XmoPLapdaDKUtelUSPic7hQ==
+enhanced-resolve@^5.14.1:
+  version "5.18.1"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz#728ab082f8b7b6836de51f1637aab5d3b9568faf"
+  integrity sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==
   dependencies:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
 
-entities@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
-  integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
+entities@^4.2.0, entities@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
+  integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
 
-entities@^4.2.0, entities@^4.4.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-4.4.0.tgz#97bdaba170339446495e653cfd2db78962900174"
-  integrity sha512-oYp7156SP8LkeGD0GF85ad1X9Ai79WtRsZ2gxJqtBuzH+98YUV6jkHEKlZkMbcrjJjIVJNIDP/3WL9wQkoPbWA==
-
-entities@~2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-2.1.0.tgz#992d3129cf7df6870b96c57858c249a120f8b8b5"
-  integrity sha512-hCx1oky9PFrJ611mf0ifBLBRW8lUUVRlFolb5gWRfIELabBlbp9xZvrqZLZAs+NxFnbfQoeGd8wDkygjg7U85w==
-
-errno@^0.1.3, errno@~0.1.7:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.8.tgz#8bb3e9c7d463be4976ff888f76b4809ebc2e811f"
-  integrity sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==
-  dependencies:
-    prr "~1.0.1"
+environment@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/environment/-/environment-1.1.0.tgz#8e86c66b180f363c7ab311787e0259665f45a9f1"
+  integrity sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==
 
 error-ex@^1.3.1:
   version "1.3.2"
@@ -5170,242 +5216,186 @@ error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
-error-stack-parser@^2.1.4:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/error-stack-parser/-/error-stack-parser-2.1.4.tgz#229cb01cdbfa84440bfa91876285b94680188286"
-  integrity sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==
-  dependencies:
-    stackframe "^1.3.4"
+error-stack-parser-es@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/error-stack-parser-es/-/error-stack-parser-es-1.0.5.tgz#e6a1655dd12f39bb3a85bf4c7088187d78740327"
+  integrity sha512-5qucVt2XcuGMcEGgWI7i+yZpmpByQ8J1lHhcL7PwqCwu9FPP3VUXzT4ltHe5i2z9dePwEHcDVOAfSnHsOlCXRA==
 
-es-abstract@^1.19.0, es-abstract@^1.20.4:
-  version "1.21.2"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.21.2.tgz#a56b9695322c8a185dc25975aa3b8ec31d0e7eff"
-  integrity sha512-y/B5POM2iBnIxCiernH1G7rC9qQoM77lLIMQLuob0zhp8C56Po81+2Nj0WFKnd0pNReDTnkYryc+zhOzpEIROg==
+errx@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/errx/-/errx-0.1.0.tgz#4881e411d90a3b1e1620a07604f50081dd59f3aa"
+  integrity sha512-fZmsRiDNv07K6s2KkKFTiD2aIvECa7++PKyD5NC32tpRw46qZA3sOz+aM+/V9V0GDHxVTKLziveV4JhzBHDp9Q==
+
+es-abstract@^1.23.2, es-abstract@^1.23.5, es-abstract@^1.23.6, es-abstract@^1.23.9:
+  version "1.23.9"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.23.9.tgz#5b45994b7de78dada5c1bebf1379646b32b9d606"
+  integrity sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==
   dependencies:
-    array-buffer-byte-length "^1.0.0"
-    available-typed-arrays "^1.0.5"
-    call-bind "^1.0.2"
-    es-set-tostringtag "^2.0.1"
-    es-to-primitive "^1.2.1"
-    function.prototype.name "^1.1.5"
-    get-intrinsic "^1.2.0"
-    get-symbol-description "^1.0.0"
-    globalthis "^1.0.3"
-    gopd "^1.0.1"
-    has "^1.0.3"
-    has-property-descriptors "^1.0.0"
-    has-proto "^1.0.1"
-    has-symbols "^1.0.3"
-    internal-slot "^1.0.5"
-    is-array-buffer "^3.0.2"
+    array-buffer-byte-length "^1.0.2"
+    arraybuffer.prototype.slice "^1.0.4"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    data-view-buffer "^1.0.2"
+    data-view-byte-length "^1.0.2"
+    data-view-byte-offset "^1.0.1"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    es-set-tostringtag "^2.1.0"
+    es-to-primitive "^1.3.0"
+    function.prototype.name "^1.1.8"
+    get-intrinsic "^1.2.7"
+    get-proto "^1.0.0"
+    get-symbol-description "^1.1.0"
+    globalthis "^1.0.4"
+    gopd "^1.2.0"
+    has-property-descriptors "^1.0.2"
+    has-proto "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    internal-slot "^1.1.0"
+    is-array-buffer "^3.0.5"
     is-callable "^1.2.7"
-    is-negative-zero "^2.0.2"
-    is-regex "^1.1.4"
-    is-shared-array-buffer "^1.0.2"
-    is-string "^1.0.7"
-    is-typed-array "^1.1.10"
-    is-weakref "^1.0.2"
-    object-inspect "^1.12.3"
+    is-data-view "^1.0.2"
+    is-regex "^1.2.1"
+    is-shared-array-buffer "^1.0.4"
+    is-string "^1.1.1"
+    is-typed-array "^1.1.15"
+    is-weakref "^1.1.0"
+    math-intrinsics "^1.1.0"
+    object-inspect "^1.13.3"
     object-keys "^1.1.1"
-    object.assign "^4.1.4"
-    regexp.prototype.flags "^1.4.3"
-    safe-regex-test "^1.0.0"
-    string.prototype.trim "^1.2.7"
-    string.prototype.trimend "^1.0.6"
-    string.prototype.trimstart "^1.0.6"
-    typed-array-length "^1.0.4"
-    unbox-primitive "^1.0.2"
-    which-typed-array "^1.1.9"
+    object.assign "^4.1.7"
+    own-keys "^1.0.1"
+    regexp.prototype.flags "^1.5.3"
+    safe-array-concat "^1.1.3"
+    safe-push-apply "^1.0.0"
+    safe-regex-test "^1.1.0"
+    set-proto "^1.0.0"
+    string.prototype.trim "^1.2.10"
+    string.prototype.trimend "^1.0.9"
+    string.prototype.trimstart "^1.0.8"
+    typed-array-buffer "^1.0.3"
+    typed-array-byte-length "^1.0.3"
+    typed-array-byte-offset "^1.0.4"
+    typed-array-length "^1.0.7"
+    unbox-primitive "^1.1.0"
+    which-typed-array "^1.1.18"
 
-es-array-method-boxes-properly@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
-  integrity sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==
+es-define-property@^1.0.0, es-define-property@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.1.tgz#983eb2f9a6724e9303f61addf011c72e09e0b0fa"
+  integrity sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==
 
-es-set-tostringtag@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz#338d502f6f674301d710b80c8592de8a15f09cd8"
-  integrity sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==
+es-errors@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
+  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
+
+es-module-lexer@^1.5.3, es-module-lexer@^1.5.4, es-module-lexer@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.6.0.tgz#da49f587fd9e68ee2404fe4e256c0c7d3a81be21"
+  integrity sha512-qqnD1yMU6tk/jnaMosogGySTZP8YtUgAffA9nMN+E/rjxcfRQ6IEk7IiozUjgxKoFHBGjTLnrHB/YC45r/59EQ==
+
+es-object-atoms@^1.0.0, es-object-atoms@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz#1c4f2c4837327597ce69d2ca190a7fdd172338c1"
+  integrity sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==
   dependencies:
-    get-intrinsic "^1.1.3"
-    has "^1.0.3"
-    has-tostringtag "^1.0.0"
+    es-errors "^1.3.0"
 
-es-shim-unscopables@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz#702e632193201e3edf8713635d083d378e510241"
-  integrity sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==
+es-set-tostringtag@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz#f31dbbe0c183b00a6d26eb6325c810c0fd18bd4d"
+  integrity sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==
   dependencies:
-    has "^1.0.3"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.2"
 
-es-to-primitive@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.1.tgz#e55cd4c9cdc188bcefb03b366c736323fc5c898a"
-  integrity sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==
+es-shim-unscopables@^1.0.2, es-shim-unscopables@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz#438df35520dac5d105f3943d927549ea3b00f4b5"
+  integrity sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==
   dependencies:
-    is-callable "^1.1.4"
-    is-date-object "^1.0.1"
-    is-symbol "^1.0.2"
+    hasown "^2.0.2"
 
-esbuild-android-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.14.54.tgz#505f41832884313bbaffb27704b8bcaa2d8616be"
-  integrity sha512-Tz2++Aqqz0rJ7kYBfz+iqyE3QMycD4vk7LBRyWaAVFgFtQ/O8EJOnVmTOiDWYZ/uYzB4kvP+bqejYdVKzE5lAQ==
+es-to-primitive@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.3.0.tgz#96c89c82cc49fd8794a24835ba3e1ff87f214e18"
+  integrity sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==
+  dependencies:
+    is-callable "^1.2.7"
+    is-date-object "^1.0.5"
+    is-symbol "^1.0.4"
 
-esbuild-android-arm64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.14.54.tgz#8ce69d7caba49646e009968fe5754a21a9871771"
-  integrity sha512-F9E+/QDi9sSkLaClO8SOV6etqPd+5DgJje1F9lOWoNncDdOBL2YF59IhsWATSt0TLZbYCf3pNlTHvVV5VfHdvg==
-
-esbuild-darwin-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.14.54.tgz#24ba67b9a8cb890a3c08d9018f887cc221cdda25"
-  integrity sha512-jtdKWV3nBviOd5v4hOpkVmpxsBy90CGzebpbO9beiqUYVMBtSc0AL9zGftFuBon7PNDcdvNCEuQqw2x0wP9yug==
-
-esbuild-darwin-arm64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.54.tgz#3f7cdb78888ee05e488d250a2bdaab1fa671bf73"
-  integrity sha512-OPafJHD2oUPyvJMrsCvDGkRrVCar5aVyHfWGQzY1dWnzErjrDuSETxwA2HSsyg2jORLY8yBfzc1MIpUkXlctmw==
-
-esbuild-freebsd-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.54.tgz#09250f997a56ed4650f3e1979c905ffc40bbe94d"
-  integrity sha512-OKwd4gmwHqOTp4mOGZKe/XUlbDJ4Q9TjX0hMPIDBUWWu/kwhBAudJdBoxnjNf9ocIB6GN6CPowYpR/hRCbSYAg==
-
-esbuild-freebsd-arm64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.54.tgz#bafb46ed04fc5f97cbdb016d86947a79579f8e48"
-  integrity sha512-sFwueGr7OvIFiQT6WeG0jRLjkjdqWWSrfbVwZp8iMP+8UHEHRBvlaxL6IuKNDwAozNUmbb8nIMXa7oAOARGs1Q==
-
-esbuild-linux-32@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.14.54.tgz#e2a8c4a8efdc355405325033fcebeb941f781fe5"
-  integrity sha512-1ZuY+JDI//WmklKlBgJnglpUL1owm2OX+8E1syCD6UAxcMM/XoWd76OHSjl/0MR0LisSAXDqgjT3uJqT67O3qw==
-
-esbuild-linux-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.14.54.tgz#de5fdba1c95666cf72369f52b40b03be71226652"
-  integrity sha512-EgjAgH5HwTbtNsTqQOXWApBaPVdDn7XcK+/PtJwZLT1UmpLoznPd8c5CxqsH2dQK3j05YsB3L17T8vE7cp4cCg==
-
-esbuild-linux-arm64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.54.tgz#dae4cd42ae9787468b6a5c158da4c84e83b0ce8b"
-  integrity sha512-WL71L+0Rwv+Gv/HTmxTEmpv0UgmxYa5ftZILVi2QmZBgX3q7+tDeOQNqGtdXSdsL8TQi1vIaVFHUPDe0O0kdig==
-
-esbuild-linux-arm@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.14.54.tgz#a2c1dff6d0f21dbe8fc6998a122675533ddfcd59"
-  integrity sha512-qqz/SjemQhVMTnvcLGoLOdFpCYbz4v4fUo+TfsWG+1aOu70/80RV6bgNpR2JCrppV2moUQkww+6bWxXRL9YMGw==
-
-esbuild-linux-mips64le@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.54.tgz#d9918e9e4cb972f8d6dae8e8655bf9ee131eda34"
-  integrity sha512-qTHGQB8D1etd0u1+sB6p0ikLKRVuCWhYQhAHRPkO+OF3I/iSlTKNNS0Lh2Oc0g0UFGguaFZZiPJdJey3AGpAlw==
-
-esbuild-linux-ppc64le@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.54.tgz#3f9a0f6d41073fb1a640680845c7de52995f137e"
-  integrity sha512-j3OMlzHiqwZBDPRCDFKcx595XVfOfOnv68Ax3U4UKZ3MTYQB5Yz3X1mn5GnodEVYzhtZgxEBidLWeIs8FDSfrQ==
-
-esbuild-linux-riscv64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.54.tgz#618853c028178a61837bc799d2013d4695e451c8"
-  integrity sha512-y7Vt7Wl9dkOGZjxQZnDAqqn+XOqFD7IMWiewY5SPlNlzMX39ocPQlOaoxvT4FllA5viyV26/QzHtvTjVNOxHZg==
-
-esbuild-linux-s390x@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.54.tgz#d1885c4c5a76bbb5a0fe182e2c8c60eb9e29f2a6"
-  integrity sha512-zaHpW9dziAsi7lRcyV4r8dhfG1qBidQWUXweUjnw+lliChJqQr+6XD71K41oEIC3Mx1KStovEmlzm+MkGZHnHA==
-
-esbuild-netbsd-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.54.tgz#69ae917a2ff241b7df1dbf22baf04bd330349e81"
-  integrity sha512-PR01lmIMnfJTgeU9VJTDY9ZerDWVFIUzAtJuDHwwceppW7cQWjBBqP48NdeRtoP04/AtO9a7w3viI+PIDr6d+w==
-
-esbuild-openbsd-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.54.tgz#db4c8495287a350a6790de22edea247a57c5d47b"
-  integrity sha512-Qyk7ikT2o7Wu76UsvvDS5q0amJvmRzDyVlL0qf5VLsLchjCa1+IAvd8kTBgUxD7VBUUVgItLkk609ZHUc1oCaw==
-
-esbuild-sunos-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.14.54.tgz#54287ee3da73d3844b721c21bc80c1dc7e1bf7da"
-  integrity sha512-28GZ24KmMSeKi5ueWzMcco6EBHStL3B6ubM7M51RmPwXQGLe0teBGJocmWhgwccA1GeFXqxzILIxXpHbl9Q/Kw==
-
-esbuild-windows-32@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.14.54.tgz#f8aaf9a5667630b40f0fb3aa37bf01bbd340ce31"
-  integrity sha512-T+rdZW19ql9MjS7pixmZYVObd9G7kcaZo+sETqNH4RCkuuYSuv9AGHUVnPoP9hhuE1WM1ZimHz1CIBHBboLU7w==
-
-esbuild-windows-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.14.54.tgz#bf54b51bd3e9b0f1886ffdb224a4176031ea0af4"
-  integrity sha512-AoHTRBUuYwXtZhjXZbA1pGfTo8cJo3vZIcWGLiUcTNgHpJJMC1rVA44ZereBHMJtotyN71S8Qw0npiCIkW96cQ==
-
-esbuild-windows-arm64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.54.tgz#937d15675a15e4b0e4fafdbaa3a01a776a2be982"
-  integrity sha512-M0kuUvXhot1zOISQGXwWn6YtS+Y/1RT9WrVIOywZnJHo3jCDyewAc79aKNQWFCQm+xNHVTq9h8dZKvygoXQQRg==
-
-esbuild@^0.14.27:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.14.54.tgz#8b44dcf2b0f1a66fc22459943dccf477535e9aa2"
-  integrity sha512-Cy9llcy8DvET5uznocPyqL3BFRrFXSVqbgpMJ9Wz8oVjZlh/zUSNbPRbov0VX7VxN2JH1Oa0uNxZ7eLRb62pJA==
+"esbuild@^0.20.2 || ^0.21.0 || ^0.22.0 || ^0.23.0":
+  version "0.23.1"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.23.1.tgz#40fdc3f9265ec0beae6f59824ade1bd3d3d2dab8"
+  integrity sha512-VVNz/9Sa0bs5SELtn3f7qhJCDPCF5oMEl5cO9/SSinpE9hbPVvxbd572HH5AKiP7WD8INO53GgfDDhRjkylHEg==
   optionalDependencies:
-    "@esbuild/linux-loong64" "0.14.54"
-    esbuild-android-64 "0.14.54"
-    esbuild-android-arm64 "0.14.54"
-    esbuild-darwin-64 "0.14.54"
-    esbuild-darwin-arm64 "0.14.54"
-    esbuild-freebsd-64 "0.14.54"
-    esbuild-freebsd-arm64 "0.14.54"
-    esbuild-linux-32 "0.14.54"
-    esbuild-linux-64 "0.14.54"
-    esbuild-linux-arm "0.14.54"
-    esbuild-linux-arm64 "0.14.54"
-    esbuild-linux-mips64le "0.14.54"
-    esbuild-linux-ppc64le "0.14.54"
-    esbuild-linux-riscv64 "0.14.54"
-    esbuild-linux-s390x "0.14.54"
-    esbuild-netbsd-64 "0.14.54"
-    esbuild-openbsd-64 "0.14.54"
-    esbuild-sunos-64 "0.14.54"
-    esbuild-windows-32 "0.14.54"
-    esbuild-windows-64 "0.14.54"
-    esbuild-windows-arm64 "0.14.54"
+    "@esbuild/aix-ppc64" "0.23.1"
+    "@esbuild/android-arm" "0.23.1"
+    "@esbuild/android-arm64" "0.23.1"
+    "@esbuild/android-x64" "0.23.1"
+    "@esbuild/darwin-arm64" "0.23.1"
+    "@esbuild/darwin-x64" "0.23.1"
+    "@esbuild/freebsd-arm64" "0.23.1"
+    "@esbuild/freebsd-x64" "0.23.1"
+    "@esbuild/linux-arm" "0.23.1"
+    "@esbuild/linux-arm64" "0.23.1"
+    "@esbuild/linux-ia32" "0.23.1"
+    "@esbuild/linux-loong64" "0.23.1"
+    "@esbuild/linux-mips64el" "0.23.1"
+    "@esbuild/linux-ppc64" "0.23.1"
+    "@esbuild/linux-riscv64" "0.23.1"
+    "@esbuild/linux-s390x" "0.23.1"
+    "@esbuild/linux-x64" "0.23.1"
+    "@esbuild/netbsd-x64" "0.23.1"
+    "@esbuild/openbsd-arm64" "0.23.1"
+    "@esbuild/openbsd-x64" "0.23.1"
+    "@esbuild/sunos-x64" "0.23.1"
+    "@esbuild/win32-arm64" "0.23.1"
+    "@esbuild/win32-ia32" "0.23.1"
+    "@esbuild/win32-x64" "0.23.1"
 
-esbuild@^0.17.5:
-  version "0.17.15"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.17.15.tgz#209ebc87cb671ffb79574db93494b10ffaf43cbc"
-  integrity sha512-LBUV2VsUIc/iD9ME75qhT4aJj0r75abCVS0jakhFzOtR7TQsqQA5w0tZ+KTKnwl3kXE0MhskNdHDh/I5aCR1Zw==
+esbuild@^0.25.0, esbuild@^0.25.1, esbuild@~0.25.0:
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.25.1.tgz#a16b8d070b6ad4871935277bda6ccfe852e3fa2f"
+  integrity sha512-BGO5LtrGC7vxnqucAe/rmvKdJllfGaYWdyABvyMoXQlfYMb2bbRuReWR5tEGE//4LcNJj9XrkovTqNYRFZHAMQ==
   optionalDependencies:
-    "@esbuild/android-arm" "0.17.15"
-    "@esbuild/android-arm64" "0.17.15"
-    "@esbuild/android-x64" "0.17.15"
-    "@esbuild/darwin-arm64" "0.17.15"
-    "@esbuild/darwin-x64" "0.17.15"
-    "@esbuild/freebsd-arm64" "0.17.15"
-    "@esbuild/freebsd-x64" "0.17.15"
-    "@esbuild/linux-arm" "0.17.15"
-    "@esbuild/linux-arm64" "0.17.15"
-    "@esbuild/linux-ia32" "0.17.15"
-    "@esbuild/linux-loong64" "0.17.15"
-    "@esbuild/linux-mips64el" "0.17.15"
-    "@esbuild/linux-ppc64" "0.17.15"
-    "@esbuild/linux-riscv64" "0.17.15"
-    "@esbuild/linux-s390x" "0.17.15"
-    "@esbuild/linux-x64" "0.17.15"
-    "@esbuild/netbsd-x64" "0.17.15"
-    "@esbuild/openbsd-x64" "0.17.15"
-    "@esbuild/sunos-x64" "0.17.15"
-    "@esbuild/win32-arm64" "0.17.15"
-    "@esbuild/win32-ia32" "0.17.15"
-    "@esbuild/win32-x64" "0.17.15"
+    "@esbuild/aix-ppc64" "0.25.1"
+    "@esbuild/android-arm" "0.25.1"
+    "@esbuild/android-arm64" "0.25.1"
+    "@esbuild/android-x64" "0.25.1"
+    "@esbuild/darwin-arm64" "0.25.1"
+    "@esbuild/darwin-x64" "0.25.1"
+    "@esbuild/freebsd-arm64" "0.25.1"
+    "@esbuild/freebsd-x64" "0.25.1"
+    "@esbuild/linux-arm" "0.25.1"
+    "@esbuild/linux-arm64" "0.25.1"
+    "@esbuild/linux-ia32" "0.25.1"
+    "@esbuild/linux-loong64" "0.25.1"
+    "@esbuild/linux-mips64el" "0.25.1"
+    "@esbuild/linux-ppc64" "0.25.1"
+    "@esbuild/linux-riscv64" "0.25.1"
+    "@esbuild/linux-s390x" "0.25.1"
+    "@esbuild/linux-x64" "0.25.1"
+    "@esbuild/netbsd-arm64" "0.25.1"
+    "@esbuild/netbsd-x64" "0.25.1"
+    "@esbuild/openbsd-arm64" "0.25.1"
+    "@esbuild/openbsd-x64" "0.25.1"
+    "@esbuild/sunos-x64" "0.25.1"
+    "@esbuild/win32-arm64" "0.25.1"
+    "@esbuild/win32-ia32" "0.25.1"
+    "@esbuild/win32-x64" "0.25.1"
 
-escalade@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
-  integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
+escalade@^3.1.1, escalade@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
+  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
 
 escape-html@~1.0.3:
   version "1.0.3"
@@ -5427,57 +5417,87 @@ escape-string-regexp@^5.0.0:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz#4683126b500b61762f2dbebace1806e8be31b1c8"
   integrity sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==
 
-escodegen@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-2.0.0.tgz#5e32b12833e8aa8fa35e1bf0befa89380484c7dd"
-  integrity sha512-mmHKys/C8BFUGI+MAWNcSYoORYLMdPzjrknd2Vc+bUsjN5bXcr8EhrNB+UTqfL1y3I9c4fw2ihgtMPQLBRiQxw==
+escodegen@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-2.1.0.tgz#ba93bbb7a43986d29d6041f99f5262da773e2e17"
+  integrity sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==
   dependencies:
     esprima "^4.0.1"
     estraverse "^5.2.0"
     esutils "^2.0.2"
-    optionator "^0.8.1"
   optionalDependencies:
     source-map "~0.6.1"
 
-eslint-config-prettier@^8.5.0:
-  version "8.8.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz#bfda738d412adc917fd7b038857110efe98c9348"
-  integrity sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==
+eslint-config-flat-gitignore@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-flat-gitignore/-/eslint-config-flat-gitignore-2.1.0.tgz#8b93caa703977f04dee11e4c3c8303432462921c"
+  integrity sha512-cJzNJ7L+psWp5mXM7jBX+fjHtBvvh06RBlcweMhKD8jWqQw0G78hOW5tpVALGHGFPsBV+ot2H+pdDGJy6CV8pA==
+  dependencies:
+    "@eslint/compat" "^1.2.5"
+
+eslint-config-prettier@^10.0.2:
+  version "10.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-10.1.1.tgz#cf0ff6e5c4e7e15f129f1f1ce2a5ecba92dec132"
+  integrity sha512-4EQQr6wXwS+ZJSzaR5ZCrYgLxqvUjdXctaEtBqHcbkW944B1NQyO4qpdHQbXBONfwxXdkAY81HH4+LUfrg+zPw==
 
 eslint-config-standard@^17.0.0:
-  version "17.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-standard/-/eslint-config-standard-17.0.0.tgz#fd5b6cf1dcf6ba8d29f200c461de2e19069888cf"
-  integrity sha512-/2ks1GKyqSOkH7JFvXJicu0iMpoojkwB+f5Du/1SC0PtBL+s8v30k9njRZ21pm2drKYm2342jFnGWzttxPmZVg==
+  version "17.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-standard/-/eslint-config-standard-17.1.0.tgz#40ffb8595d47a6b242e07cbfd49dc211ed128975"
+  integrity sha512-IwHwmaBNtDK4zDHQukFDW5u/aTb8+meQWZvNFWkiGmbWjD6bqyuSSBxxXKkCftCUzc1zwCH2m/baCNDLGmuO5Q==
 
-eslint-import-resolver-node@^0.3.7:
-  version "0.3.7"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.7.tgz#83b375187d412324a1963d84fa664377a23eb4d7"
-  integrity sha512-gozW2blMLJCeFpBwugLTGyvVjNoeo1knonXAcatC6bjPBZitotxdWf7Gimr25N4c0AAOo4eOUfaG82IJPDpqCA==
+eslint-flat-config-utils@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/eslint-flat-config-utils/-/eslint-flat-config-utils-2.0.1.tgz#a953109da31df91ab25cac39f67e90c6c50171d5"
+  integrity sha512-brf0eAgQ6JlKj3bKfOTuuI7VcCZvi8ZCD1MMTVoEvS/d38j8cByZViLFALH/36+eqB17ukmfmKq3bWzGvizejA==
+  dependencies:
+    pathe "^2.0.2"
+
+eslint-formatting-reporter@^0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-formatting-reporter/-/eslint-formatting-reporter-0.0.0.tgz#e444c511527900dec3592e9f85876da821ab8ef7"
+  integrity sha512-k9RdyTqxqN/wNYVaTk/ds5B5rA8lgoAmvceYN7bcZMBwU7TuXx5ntewJv81eF3pIL/CiJE+pJZm36llG8yhyyw==
+  dependencies:
+    prettier-linter-helpers "^1.0.0"
+
+eslint-import-resolver-node@^0.3.9:
+  version "0.3.9"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz#d4eaac52b8a2e7c3cd1903eb00f7e053356118ac"
+  integrity sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==
   dependencies:
     debug "^3.2.7"
-    is-core-module "^2.11.0"
-    resolve "^1.22.1"
+    is-core-module "^2.13.0"
+    resolve "^1.22.4"
 
-eslint-import-resolver-typescript@^3.5.2:
-  version "3.5.3"
-  resolved "https://registry.yarnpkg.com/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.5.3.tgz#db5ed9e906651b7a59dd84870aaef0e78c663a05"
-  integrity sha512-njRcKYBc3isE42LaTcJNVANR3R99H9bAxBDMNDr2W7yq5gYPxbU3MkdhsQukxZ/Xg9C2vcyLlDsbKfRDg0QvCQ==
+eslint-import-resolver-typescript@^3.6.0:
+  version "3.9.1"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.9.1.tgz#0ab8d0ed911e875684a96976a118adee5d1c9daa"
+  integrity sha512-euxa5rTGqHeqVxmOHT25hpk58PxkQ4mNoX6Yun4ooGaCHAxOCojJYNvjmyeOQxj/LyW+3fulH0+xtk+p2kPPTw==
   dependencies:
-    debug "^4.3.4"
-    enhanced-resolve "^5.10.0"
-    get-tsconfig "^4.2.0"
-    globby "^13.1.2"
-    is-core-module "^2.10.0"
-    is-glob "^4.0.3"
-    synckit "^0.8.4"
+    "@nolyfill/is-core-module" "1.0.39"
+    debug "^4.4.0"
+    get-tsconfig "^4.10.0"
+    is-bun-module "^1.3.0"
+    rspack-resolver "^1.1.0"
+    stable-hash "^0.0.5"
+    tinyglobby "^0.2.12"
 
-eslint-module-utils@^2.7.4:
-  version "2.7.4"
-  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.7.4.tgz#4f3e41116aaf13a20792261e61d3a2e7e0583974"
-  integrity sha512-j4GT+rqzCoRKHwURX7pddtIPGySnX9Si/cgMI5ztrcqOPtk5dDEeZ34CQVPphnqkJytlc97Vuk05Um2mJ3gEQA==
+eslint-merge-processors@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-merge-processors/-/eslint-merge-processors-2.0.0.tgz#f1e02bd863962fab7fd038c293979283e61b473c"
+  integrity sha512-sUuhSf3IrJdGooquEUB5TNpGNpBoQccbnaLHsb1XkBLUPPqCNivCpY05ZcpCOiV9uHwO2yxXEWVczVclzMxYlA==
+
+eslint-module-utils@^2.12.0:
+  version "2.12.0"
+  resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz#fe4cfb948d61f49203d7b08871982b65b9af0b0b"
+  integrity sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==
   dependencies:
     debug "^3.2.7"
 
+eslint-parser-plain@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-parser-plain/-/eslint-parser-plain-0.1.1.tgz#14e92bba9f9a7f765b36967bd3f2f24c0a81c2b3"
+  integrity sha512-KRgd6wuxH4U8kczqPp+Oyk4irThIhHWxgFgLDtpgjUGVIS3wGrJntvZW/p6hHq1T4FOwnOtCNkvAI4Kr+mQ/Hw==
+
 eslint-plugin-es@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-es/-/eslint-plugin-es-3.0.1.tgz#75a7cdfdccddc0589934aeeb384175f221c57893"
@@ -5494,31 +5514,83 @@ eslint-plugin-es@^4.1.0:
     eslint-utils "^2.0.0"
     regexpp "^3.0.0"
 
-eslint-plugin-import@^2.26.0:
-  version "2.27.5"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.27.5.tgz#876a6d03f52608a3e5bb439c2550588e51dd6c65"
-  integrity sha512-LmEt3GVofgiGuiE+ORpnvP+kAm3h6MLZJ4Q5HCyHADofsb4VzXFsRiWj3c0OFiV+3DWFh0qg3v9gcPlfc3zRow==
+eslint-plugin-format@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-format/-/eslint-plugin-format-1.0.1.tgz#115defbb1ea68037314d3638af35d129556e3992"
+  integrity sha512-Tdns+CDjS+m7QrM85wwRi2yLae88XiWVdIOXjp9mDII0pmTBQlczPCmjpKnjiUIY3yPZNLqb5Ms/A/JXcBF2Dw==
   dependencies:
-    array-includes "^3.1.6"
-    array.prototype.flat "^1.3.1"
-    array.prototype.flatmap "^1.3.1"
+    "@dprint/formatter" "^0.3.0"
+    "@dprint/markdown" "^0.17.8"
+    "@dprint/toml" "^0.6.4"
+    eslint-formatting-reporter "^0.0.0"
+    eslint-parser-plain "^0.1.1"
+    prettier "^3.4.2"
+    synckit "^0.9.2"
+
+eslint-plugin-import-x@^4.6.1:
+  version "4.9.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import-x/-/eslint-plugin-import-x-4.9.1.tgz#c13b37e662111dc1a0e6ab8c4f4ee72b955d15d1"
+  integrity sha512-YJ9W12tfDBBYVUUI5FVls6ZrzbVmfrHcQkjeHrG6I7QxWAlIbueRD+G4zPTg1FwlBouunTYm9dhJMVJZdj9wwQ==
+  dependencies:
+    "@types/doctrine" "^0.0.9"
+    "@typescript-eslint/utils" "^8.27.0"
+    debug "^4.4.0"
+    doctrine "^3.0.0"
+    eslint-import-resolver-node "^0.3.9"
+    get-tsconfig "^4.10.0"
+    is-glob "^4.0.3"
+    minimatch "^10.0.1"
+    rspack-resolver "^1.2.2"
+    semver "^7.7.1"
+    stable-hash "^0.0.5"
+    tslib "^2.8.1"
+
+eslint-plugin-import@^2.26.0, eslint-plugin-import@^2.28.1:
+  version "2.31.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz#310ce7e720ca1d9c0bb3f69adfd1c6bdd7d9e0e7"
+  integrity sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==
+  dependencies:
+    "@rtsao/scc" "^1.1.0"
+    array-includes "^3.1.8"
+    array.prototype.findlastindex "^1.2.5"
+    array.prototype.flat "^1.3.2"
+    array.prototype.flatmap "^1.3.2"
     debug "^3.2.7"
     doctrine "^2.1.0"
-    eslint-import-resolver-node "^0.3.7"
-    eslint-module-utils "^2.7.4"
-    has "^1.0.3"
-    is-core-module "^2.11.0"
+    eslint-import-resolver-node "^0.3.9"
+    eslint-module-utils "^2.12.0"
+    hasown "^2.0.2"
+    is-core-module "^2.15.1"
     is-glob "^4.0.3"
     minimatch "^3.1.2"
-    object.values "^1.1.6"
-    resolve "^1.22.1"
-    semver "^6.3.0"
-    tsconfig-paths "^3.14.1"
+    object.fromentries "^2.0.8"
+    object.groupby "^1.0.3"
+    object.values "^1.2.0"
+    semver "^6.3.1"
+    string.prototype.trimend "^1.0.8"
+    tsconfig-paths "^3.15.0"
+
+eslint-plugin-jsdoc@^50.6.3:
+  version "50.6.8"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-50.6.8.tgz#c541c1eaaeb14e97c53397a8495ee60889943c62"
+  integrity sha512-PPZVqhoXaalMQwDGzcQrJtPSPIPOYsSMtvkjYAdsIazOW20yhYtVX4+jLL+XznD4zYTXyZbPWPRKkNev4D4lyw==
+  dependencies:
+    "@es-joy/jsdoccomment" "~0.49.0"
+    are-docs-informative "^0.0.2"
+    comment-parser "1.4.1"
+    debug "^4.3.6"
+    escape-string-regexp "^4.0.0"
+    espree "^10.1.0"
+    esquery "^1.6.0"
+    parse-imports "^2.1.1"
+    semver "^7.6.3"
+    spdx-expression-parse "^4.0.0"
+    synckit "^0.9.1"
 
 eslint-plugin-n@^15.5.1:
-  version "15.6.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-n/-/eslint-plugin-n-15.6.1.tgz#f7e77f24abb92a550115cf11e29695da122c398c"
-  integrity sha512-R9xw9OtCRxxaxaszTQmQAlPgM+RdGjaL1akWuY/Fv9fRAi8Wj4CUKc6iYVG8QNRjRuo8/BqVYIpfqberJUEacA==
+  version "15.7.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-n/-/eslint-plugin-n-15.7.0.tgz#e29221d8f5174f84d18f2eb94765f2eeea033b90"
+  integrity sha512-jDex9s7D/Qial8AGVIHq4W7NswpUD5DPDL2RH8Lzd9EloWUuvUkHfv4FRLMipH5q2UtyurorBkPeNi1wVWNh3Q==
   dependencies:
     builtins "^5.0.1"
     eslint-plugin-es "^4.1.0"
@@ -5550,17 +5622,31 @@ eslint-plugin-nuxt@^4.0.0:
     semver "^7.3.7"
     vue-eslint-parser "^9.0.3"
 
-eslint-plugin-prettier@^4.2.1:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz#651cbb88b1dab98bfd42f017a12fa6b2d993f94b"
-  integrity sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==
+eslint-plugin-prettier@^5.2.3:
+  version "5.2.3"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.3.tgz#c4af01691a6fa9905207f0fbba0d7bea0902cce5"
+  integrity sha512-qJ+y0FfCp/mQYQ/vWQ3s7eUlFEL4PyKfAJxsnYTJ4YT73nsJBWqmEpFryxV9OeUiqmsTsYJ5Y+KDNaeP31wrRw==
   dependencies:
     prettier-linter-helpers "^1.0.0"
+    synckit "^0.9.1"
 
 eslint-plugin-promise@^6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-promise/-/eslint-plugin-promise-6.1.1.tgz#269a3e2772f62875661220631bd4dafcb4083816"
-  integrity sha512-tjqWDwVZQo7UIPMeDReOpUgHCmCiH+ePnVT+5zVapL0uuHnegBUs2smM13CzOs2Xb5+MHMRFTs9v24yjba4Oig==
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-promise/-/eslint-plugin-promise-6.6.0.tgz#acd3fd7d55cead7a10f92cf698f36c0aafcd717a"
+  integrity sha512-57Zzfw8G6+Gq7axm2Pdo3gW/Rx3h9Yywgn61uE/3elTCOePEHVrn2i5CdfBwA1BLK0Q0WqctICIUSqXZW/VprQ==
+
+eslint-plugin-regexp@^2.7.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-regexp/-/eslint-plugin-regexp-2.7.0.tgz#84fa2d2b122e343f596cfb83ed8a5517a1dfef2a"
+  integrity sha512-U8oZI77SBtH8U3ulZ05iu0qEzIizyEDXd+BWHvyVxTOjGwcDcvy/kEpgFG4DYca2ByRLiVPFZ2GeH7j1pdvZTA==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/regexpp" "^4.11.0"
+    comment-parser "^1.4.0"
+    jsdoc-type-pratt-parser "^4.0.0"
+    refa "^0.12.1"
+    regexp-ast-analysis "^0.7.1"
+    scslre "^0.3.0"
 
 eslint-plugin-unicorn@^44.0.2:
   version "44.0.2"
@@ -5582,20 +5668,68 @@ eslint-plugin-unicorn@^44.0.2:
     semver "^7.3.7"
     strip-indent "^3.0.0"
 
-eslint-plugin-vue@9.10.0, eslint-plugin-vue@^9.4.0, eslint-plugin-vue@^9.7.0:
-  version "9.10.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.10.0.tgz#bb6423166e6eab800344245b6eef6ce9480c78a7"
-  integrity sha512-2MgP31OBf8YilUvtakdVMc8xVbcMp7z7/iQj8LHVpXrSXHPXSJRUIGSPFI6b6pyCx/buKaFJ45ycqfHvQRiW2g==
+eslint-plugin-unicorn@^57.0.0:
+  version "57.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-unicorn/-/eslint-plugin-unicorn-57.0.0.tgz#4ae27a31e65b1a0307c09cb957f5de36b1773575"
+  integrity sha512-zUYYa6zfNdTeG9BISWDlcLmz16c+2Ck2o5ZDHh0UzXJz3DEP7xjmlVDTzbyV0W+XksgZ0q37WEWzN2D2Ze+g9Q==
   dependencies:
-    "@eslint-community/eslint-utils" "^4.3.0"
+    "@babel/helper-validator-identifier" "^7.25.9"
+    "@eslint-community/eslint-utils" "^4.4.1"
+    ci-info "^4.1.0"
+    clean-regexp "^1.0.0"
+    core-js-compat "^3.40.0"
+    esquery "^1.6.0"
+    globals "^15.15.0"
+    indent-string "^5.0.0"
+    is-builtin-module "^4.0.0"
+    jsesc "^3.1.0"
+    pluralize "^8.0.0"
+    read-package-up "^11.0.0"
+    regexp-tree "^0.1.27"
+    regjsparser "^0.12.0"
+    semver "^7.7.1"
+    strip-indent "^4.0.0"
+
+eslint-plugin-vue@>=9.6.0, eslint-plugin-vue@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-10.0.0.tgz#42707bfb8c4490b0b1a4be6f11a416fb16c3d11c"
+  integrity sha512-XKckedtajqwmaX6u1VnECmZ6xJt+YvlmMzBPZd+/sI3ub2lpYZyFnsyWo7c3nMOQKJQudeyk1lw/JxdgeKT64w==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.4.0"
     natural-compare "^1.4.0"
-    nth-check "^2.0.1"
-    postcss-selector-parser "^6.0.9"
-    semver "^7.3.5"
-    vue-eslint-parser "^9.0.1"
+    nth-check "^2.1.1"
+    postcss-selector-parser "^6.0.15"
+    semver "^7.6.3"
     xml-name-validator "^4.0.0"
 
-eslint-scope@5.1.1, eslint-scope@^5.1.1:
+eslint-plugin-vue@^9.17.0, eslint-plugin-vue@^9.32.0, eslint-plugin-vue@^9.4.0, eslint-plugin-vue@^9.7.0:
+  version "9.33.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.33.0.tgz#de33eba8f78e1d172c59c8ec7fbfd60c6ca35c39"
+  integrity sha512-174lJKuNsuDIlLpjeXc5E2Tss8P44uIimAfGD0b90k0NoirJqpG7stLuU9Vp/9ioTOrQdWVREc4mRd1BD+CvGw==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.4.0"
+    globals "^13.24.0"
+    natural-compare "^1.4.0"
+    nth-check "^2.1.1"
+    postcss-selector-parser "^6.0.15"
+    semver "^7.6.3"
+    vue-eslint-parser "^9.4.3"
+    xml-name-validator "^4.0.0"
+
+eslint-plugin-vuetify@^2.5.1:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vuetify/-/eslint-plugin-vuetify-2.5.2.tgz#757c052a508097943559288f94b1672cfe79910a"
+  integrity sha512-Gm3W2R+tmEcATI5Qk8W13uZKmsdajlykG/AdL44E6Lwt1ttAbMi50DNMfkgZrCg7WAq3qd2IRiYx0QKtkpdf/A==
+  dependencies:
+    eslint-plugin-vue ">=9.6.0"
+    requireindex "^1.2.0"
+
+eslint-processor-vue-blocks@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-processor-vue-blocks/-/eslint-processor-vue-blocks-2.0.0.tgz#b06a2e2bdefda75792e9fc9f00a9de305e657472"
+  integrity sha512-u4W0CJwGoWY3bjXAuFpc/b6eK3NQEI8MoeW7ritKj3G3z/WtHrKjkqf+wk8mPEy5rlMGS+k6AZYOw2XBoN/02Q==
+
+eslint-scope@5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
   integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
@@ -5603,22 +5737,30 @@ eslint-scope@5.1.1, eslint-scope@^5.1.1:
     esrecurse "^4.3.0"
     estraverse "^4.1.1"
 
-eslint-scope@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-4.0.3.tgz#ca03833310f6889a3264781aa82e63eb9cfe7848"
-  integrity sha512-p7VutNr1O/QrxysMo3E45FjYDTeXBy0iTltPFNSqKAIfjDSXC+4dj+qfyuD8bfAXrW/y6lW3O76VaYNPKfpKrg==
-  dependencies:
-    esrecurse "^4.1.0"
-    estraverse "^4.1.1"
-
 eslint-scope@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.1.1.tgz#fff34894c2f65e5226d3041ac480b4513a163642"
-  integrity sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==
+  version "7.2.2"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.2.tgz#deb4f92563390f32006894af62a22dba1c46423f"
+  integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
   dependencies:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
 
+eslint-scope@^8.2.0, eslint-scope@^8.3.0:
+  version "8.3.0"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-8.3.0.tgz#10cd3a918ffdd722f5f3f7b5b83db9b23c87340d"
+  integrity sha512-pUNxi75F8MJ/GdeKtVLSbYg4ZI34J6C0C7sbL4YOp2exGwen7ZsuBqKzUhXd0qMQ362yET3z+uPwKeg/0C2XCQ==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
+
+eslint-typegen@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-typegen/-/eslint-typegen-2.1.0.tgz#d06e64b2f3a5f158586d94b9477f7c4368552ce3"
+  integrity sha512-tY9TTx07InS+mQ/+zYnCMHkdsS00GPaQy84PwHiQd2XWwXIptRExKcz1kI8eG1CGg1sBs9mONwSfbGMbvI4fNA==
+  dependencies:
+    json-schema-to-typescript-lite "^14.1.0"
+    ohash "^2.0.11"
+
 eslint-utils@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
@@ -5643,99 +5785,111 @@ eslint-visitor-keys@^2.0.0, eslint-visitor-keys@^2.1.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
   integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
 
-eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.0.tgz#c7f0f956124ce677047ddbc192a68f999454dedc"
-  integrity sha512-HPpKPUBQcAsZOsHAFwTtIKcYlCje62XB7SEAcxjtmW6TD1WVpkS6i6/hOVtTZIl4zGj/mBqpFVGvaDneik+VoQ==
+eslint-visitor-keys@^3.0.0, eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
+  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
 
-eslint-webpack-plugin@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-webpack-plugin/-/eslint-webpack-plugin-4.0.0.tgz#f77f37b2bbb8ad5c4197b5e55f5f2a49365a1a81"
-  integrity sha512-eM9ccGRWkU+btBSVfABRn8CjT7jZ2Q+UV/RfErMDVCFXpihEbvajNrLltZpwTAcEoXSqESGlEPIUxl7PoDlLWw==
+eslint-visitor-keys@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz#687bacb2af884fcdda8a6e7d65c606f46a14cd45"
+  integrity sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==
+
+eslint-webpack-plugin@^4.0.1:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-webpack-plugin/-/eslint-webpack-plugin-4.2.0.tgz#41f54b25379908eb9eca8645bc997c90cfdbd34e"
+  integrity sha512-rsfpFQ01AWQbqtjgPRr2usVRxhWDuG0YDYcG8DJOteD3EFnpeuYuOwk0PQiN7PRBTqS6ElNdtPZPggj8If9WnA==
   dependencies:
-    "@types/eslint" "^8.4.10"
-    jest-worker "^29.4.1"
+    "@types/eslint" "^8.56.10"
+    jest-worker "^29.7.0"
     micromatch "^4.0.5"
     normalize-path "^3.0.0"
-    schema-utils "^4.0.0"
+    schema-utils "^4.2.0"
 
-eslint@^8.30.0:
-  version "8.37.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.37.0.tgz#1f660ef2ce49a0bfdec0b0d698e0b8b627287412"
-  integrity sha512-NU3Ps9nI05GUoVMxcZx1J8CNR6xOvUT4jAUMH5+z8lpp3aEdPVCImKw6PWG4PY+Vfkpr+jvMpxs/qoE7wq0sPw==
+eslint@^9.22.0:
+  version "9.22.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.22.0.tgz#0760043809fbf836f582140345233984d613c552"
+  integrity sha512-9V/QURhsRN40xuHXWjV64yvrzMjcz7ZyNoF2jJFmy9j/SLk0u1OLSZgXi28MrXjymnjEGSR80WCdab3RGMDveQ==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
-    "@eslint-community/regexpp" "^4.4.0"
-    "@eslint/eslintrc" "^2.0.2"
-    "@eslint/js" "8.37.0"
-    "@humanwhocodes/config-array" "^0.11.8"
+    "@eslint-community/regexpp" "^4.12.1"
+    "@eslint/config-array" "^0.19.2"
+    "@eslint/config-helpers" "^0.1.0"
+    "@eslint/core" "^0.12.0"
+    "@eslint/eslintrc" "^3.3.0"
+    "@eslint/js" "9.22.0"
+    "@eslint/plugin-kit" "^0.2.7"
+    "@humanfs/node" "^0.16.6"
     "@humanwhocodes/module-importer" "^1.0.1"
-    "@nodelib/fs.walk" "^1.2.8"
-    ajv "^6.10.0"
+    "@humanwhocodes/retry" "^0.4.2"
+    "@types/estree" "^1.0.6"
+    "@types/json-schema" "^7.0.15"
+    ajv "^6.12.4"
     chalk "^4.0.0"
-    cross-spawn "^7.0.2"
+    cross-spawn "^7.0.6"
     debug "^4.3.2"
-    doctrine "^3.0.0"
     escape-string-regexp "^4.0.0"
-    eslint-scope "^7.1.1"
-    eslint-visitor-keys "^3.4.0"
-    espree "^9.5.1"
-    esquery "^1.4.2"
+    eslint-scope "^8.3.0"
+    eslint-visitor-keys "^4.2.0"
+    espree "^10.3.0"
+    esquery "^1.5.0"
     esutils "^2.0.2"
     fast-deep-equal "^3.1.3"
-    file-entry-cache "^6.0.1"
+    file-entry-cache "^8.0.0"
     find-up "^5.0.0"
     glob-parent "^6.0.2"
-    globals "^13.19.0"
-    grapheme-splitter "^1.0.4"
     ignore "^5.2.0"
-    import-fresh "^3.0.0"
     imurmurhash "^0.1.4"
     is-glob "^4.0.0"
-    is-path-inside "^3.0.3"
-    js-sdsl "^4.1.4"
-    js-yaml "^4.1.0"
     json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.4.1"
     lodash.merge "^4.6.2"
     minimatch "^3.1.2"
     natural-compare "^1.4.0"
-    optionator "^0.9.1"
-    strip-ansi "^6.0.1"
-    strip-json-comments "^3.1.0"
-    text-table "^0.2.0"
+    optionator "^0.9.3"
 
-espree@^9.3.1:
-  version "9.5.0"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-9.5.0.tgz#3646d4e3f58907464edba852fa047e6a27bdf113"
-  integrity sha512-JPbJGhKc47++oo4JkEoTe2wjy4fmMwvFpgJT9cQzmfXKp22Dr6Hf1tdCteLz1h0P3t+mGvWZ+4Uankvh8+c6zw==
+esm-env@^1.2.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/esm-env/-/esm-env-1.2.2.tgz#263c9455c55861f41618df31b20cb571fc20b75e"
+  integrity sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA==
+
+espree@^10.0.1, espree@^10.1.0, espree@^10.3.0:
+  version "10.3.0"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-10.3.0.tgz#29267cf5b0cb98735b65e64ba07e0ed49d1eed8a"
+  integrity sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==
   dependencies:
-    acorn "^8.8.0"
+    acorn "^8.14.0"
     acorn-jsx "^5.3.2"
-    eslint-visitor-keys "^3.3.0"
+    eslint-visitor-keys "^4.2.0"
 
-espree@^9.5.1:
-  version "9.5.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-9.5.1.tgz#4f26a4d5f18905bf4f2e0bd99002aab807e96dd4"
-  integrity sha512-5yxtHSZXRSW5pvv3hAlXM5+/Oswi1AUFqBmbibKb5s6bp3rGIDkyXU6xCoyuuLhijr4SFwPrXRoZjz0AZDN9tg==
+espree@^9.0.0, espree@^9.3.1:
+  version "9.6.1"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f"
+  integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
   dependencies:
-    acorn "^8.8.0"
+    acorn "^8.9.0"
     acorn-jsx "^5.3.2"
-    eslint-visitor-keys "^3.4.0"
+    eslint-visitor-keys "^3.4.1"
 
-esprima@^4.0.0, esprima@^4.0.1:
+esprima@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
-esquery@^1.4.0, esquery@^1.4.2:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.5.0.tgz#6ce17738de8577694edd7361c57182ac8cb0db0b"
-  integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==
+esquery@^1.4.0, esquery@^1.5.0, esquery@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.6.0.tgz#91419234f804d852a82dceec3e16cdc22cf9dae7"
+  integrity sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==
   dependencies:
     estraverse "^5.1.0"
 
-esrecurse@^4.1.0, esrecurse@^4.3.0:
+esrap@^1.4.8:
+  version "1.4.9"
+  resolved "https://registry.yarnpkg.com/esrap/-/esrap-1.4.9.tgz#350362c55d8c83b263edfb0fd48dac95162167de"
+  integrity sha512-3OMlcd0a03UGuZpPeUC1HxR3nA23l+HEyCiZw3b3FumJIN9KphoGzDJKMXI1S72jVS1dsenDyQC0kJlO1U9E1g==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.4.15"
+
+esrecurse@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
   integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
@@ -5747,16 +5901,21 @@ estraverse@^4.1.1:
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
   integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
 
-estraverse@^5.1.0, estraverse@^5.2.0:
+estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
   integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
 
-estree-walker@^2.0.1, estree-walker@^2.0.2:
+estree-walker@2.0.2, estree-walker@^2.0.1, estree-walker@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
   integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
 
+estree-walker@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700"
+  integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==
+
 estree-walker@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-3.0.3.tgz#67c3e549ec402a487b4fc193d1953a524752340d"
@@ -5774,139 +5933,83 @@ etag@^1.8.1, etag@~1.8.1:
   resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
   integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
 
+event-target-shim@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/event-target-shim/-/event-target-shim-5.0.1.tgz#5d4d3ebdf9583d63a5333ce2deb7480ab2b05789"
+  integrity sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==
+
 eventemitter3@^4.0.0:
   version "4.0.7"
   resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
   integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
 
-events@^3.0.0:
+eventemitter3@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-5.0.1.tgz#53f5ffd0a492ac800721bb42c66b841de96423c4"
+  integrity sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==
+
+events@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
   integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
 
-eventsource-polyfill@^0.9.6:
-  version "0.9.6"
-  resolved "https://registry.yarnpkg.com/eventsource-polyfill/-/eventsource-polyfill-0.9.6.tgz#10e0d187f111b167f28fdab918843ce7d818f13c"
-  integrity sha512-LyMFp2oPDGhum2lMvkjqKZEwWd2/AoXyt8aoyftTBMWwPHNgU+2tdxhTHPluDxoz+z4gNj0uHAPR9nqevATMbg==
-
-evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz#7fcbdb198dc71959432efe13842684e0525acb02"
-  integrity sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==
-  dependencies:
-    md5.js "^1.3.4"
-    safe-buffer "^5.1.1"
-
-execa@^4.0.3:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-4.1.0.tgz#4e5491ad1572f2f17a77d388c6c857135b22847a"
-  integrity sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==
-  dependencies:
-    cross-spawn "^7.0.0"
-    get-stream "^5.0.0"
-    human-signals "^1.1.1"
-    is-stream "^2.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^4.0.0"
-    onetime "^5.1.0"
-    signal-exit "^3.0.2"
-    strip-final-newline "^2.0.0"
-
-execa@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
-  integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
+execa@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-8.0.1.tgz#51f6a5943b580f963c3ca9c6321796db8cc39b8c"
+  integrity sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==
   dependencies:
     cross-spawn "^7.0.3"
-    get-stream "^6.0.0"
-    human-signals "^2.1.0"
-    is-stream "^2.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^4.0.1"
-    onetime "^5.1.2"
-    signal-exit "^3.0.3"
-    strip-final-newline "^2.0.0"
-
-execa@^7.0.0:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-7.1.1.tgz#3eb3c83d239488e7b409d48e8813b76bb55c9c43"
-  integrity sha512-wH0eMf/UXckdUYnO21+HDztteVv05rq2GXksxT4fCGeHkBhw1DROXh40wcjMcRqDOWE7iPJ4n3M7e2+YFP+76Q==
-  dependencies:
-    cross-spawn "^7.0.3"
-    get-stream "^6.0.1"
-    human-signals "^4.3.0"
+    get-stream "^8.0.1"
+    human-signals "^5.0.0"
     is-stream "^3.0.0"
     merge-stream "^2.0.0"
     npm-run-path "^5.1.0"
     onetime "^6.0.0"
-    signal-exit "^3.0.7"
+    signal-exit "^4.1.0"
     strip-final-newline "^3.0.0"
 
-exit@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
-  integrity sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==
-
-expand-brackets@^2.1.4:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-2.1.4.tgz#b77735e315ce30f6b6eff0f83b04151a22449622"
-  integrity sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==
+execa@^9.5.2:
+  version "9.5.2"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-9.5.2.tgz#a4551034ee0795e241025d2f987dab3f4242dff2"
+  integrity sha512-EHlpxMCpHWSAh1dgS6bVeoLAXGnJNdR93aabr4QCGbzOM73o5XmRfM/e5FUqsw3aagP8S8XEWUWFAxnRBnAF0Q==
   dependencies:
-    debug "^2.3.3"
-    define-property "^0.2.5"
-    extend-shallow "^2.0.1"
-    posix-character-classes "^0.1.0"
-    regex-not "^1.0.0"
-    snapdragon "^0.8.1"
-    to-regex "^3.0.1"
+    "@sindresorhus/merge-streams" "^4.0.0"
+    cross-spawn "^7.0.3"
+    figures "^6.1.0"
+    get-stream "^9.0.0"
+    human-signals "^8.0.0"
+    is-plain-obj "^4.1.0"
+    is-stream "^4.0.1"
+    npm-run-path "^6.0.0"
+    pretty-ms "^9.0.0"
+    signal-exit "^4.1.0"
+    strip-final-newline "^4.0.0"
+    yoctocolors "^2.0.0"
 
-extend-shallow@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
-  integrity sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==
-  dependencies:
-    is-extendable "^0.1.0"
+expect-type@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/expect-type/-/expect-type-1.2.0.tgz#b52a0a1117260f5a8dcf33aef66365be18c13415"
+  integrity sha512-80F22aiJ3GLyVnS/B3HzgR6RelZVumzj9jkL0Rhz4h0xYbNW9PjlQz5h3J/SShErbXBc295vseR4/MIbVmUbeA==
 
-extend-shallow@^3.0.0, extend-shallow@^3.0.2:
+exsolve@^1.0.0, exsolve@^1.0.1, exsolve@^1.0.2, exsolve@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/exsolve/-/exsolve-1.0.4.tgz#7de5c75af82ecd15998328fbf5f2295883be3a39"
+  integrity sha512-xsZH6PXaER4XoV+NiT7JHp1bJodJVT+cxeSH1G0f0tlT0lJqYuHUP3bUx2HtfTDvOagMINYp8rsqusxud3RXhw==
+
+extend@^3.0.0:
   version "3.0.2"
-  resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-3.0.2.tgz#26a71aaf073b39fb2127172746131c2704028db8"
-  integrity sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==
-  dependencies:
-    assign-symbols "^1.0.0"
-    is-extendable "^1.0.1"
+  resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
+  integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
 
-external-editor@^3.0.3:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-3.1.0.tgz#cb03f740befae03ea4d283caed2741a83f335495"
-  integrity sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==
+externality@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/externality/-/externality-1.0.2.tgz#a027f8cfd995c42fd35a8d794cfc224d4a5840c0"
+  integrity sha512-LyExtJWKxtgVzmgtEHyQtLFpw1KFhQphF9nTG8TpAIVkiI/xQ3FJh75tRFLYl4hkn7BNIIdLJInuDAavX35pMw==
   dependencies:
-    chardet "^0.7.0"
-    iconv-lite "^0.4.24"
-    tmp "^0.0.33"
-
-extglob@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/extglob/-/extglob-2.0.4.tgz#ad00fe4dc612a9232e8718711dc5cb5ab0285543"
-  integrity sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==
-  dependencies:
-    array-unique "^0.3.2"
-    define-property "^1.0.0"
-    expand-brackets "^2.1.4"
-    extend-shallow "^2.0.1"
-    fragment-cache "^0.2.1"
-    regex-not "^1.0.0"
-    snapdragon "^0.8.1"
-    to-regex "^3.0.1"
-
-extract-css-chunks-webpack-plugin@^4.10.0:
-  version "4.10.0"
-  resolved "https://registry.yarnpkg.com/extract-css-chunks-webpack-plugin/-/extract-css-chunks-webpack-plugin-4.10.0.tgz#60a847b1c86e99318c3b2a777d642ece2702ba80"
-  integrity sha512-D/wb/Tbexq8XMBl4uhthto25WBaHI9P8vucDdzwPtLTyVi4Rdw/aiRLSL2rHaF6jZfPAjThWXepFU9PXsdtIbA==
-  dependencies:
-    loader-utils "^2.0.4"
-    normalize-url "1.9.1"
-    schema-utils "^1.0.0"
-    webpack-sources "^1.1.0"
+    enhanced-resolve "^5.14.1"
+    mlly "^1.3.0"
+    pathe "^1.1.1"
+    ufo "^1.1.2"
 
 fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   version "3.1.3"
@@ -5914,126 +6017,97 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
 fast-diff@^1.1.2:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
-  integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.3.0.tgz#ece407fa550a64d638536cd727e129c61616e0f0"
+  integrity sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==
 
-fast-glob@^3.2.11, fast-glob@^3.2.12, fast-glob@^3.2.9:
-  version "3.2.12"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
-  integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==
+fast-fifo@^1.2.0, fast-fifo@^1.3.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/fast-fifo/-/fast-fifo-1.3.2.tgz#286e31de96eb96d38a97899815740ba2a4f3640c"
+  integrity sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==
+
+fast-glob@^3.2.12, fast-glob@^3.2.9, fast-glob@^3.3.2, fast-glob@^3.3.3:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.3.tgz#d06d585ce8dba90a16b0505c543c3ccfb3aeb818"
+  integrity sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==
   dependencies:
     "@nodelib/fs.stat" "^2.0.2"
     "@nodelib/fs.walk" "^1.2.3"
     glob-parent "^5.1.2"
     merge2 "^1.3.0"
-    micromatch "^4.0.4"
+    micromatch "^4.0.8"
 
-fast-json-stable-stringify@^2.0.0:
+fast-json-stable-stringify@^2.0.0, fast-json-stable-stringify@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
 
-fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
+fast-levenshtein@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
 
-fastq@^1.6.0:
-  version "1.15.0"
-  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.15.0.tgz#d04d07c6a2a68fe4599fea8d2e103a937fae6b3a"
-  integrity sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==
+fast-npm-meta@^0.3.1:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/fast-npm-meta/-/fast-npm-meta-0.3.1.tgz#26ee0fcecda0cce2d76e0d2ffe611317c3d64338"
+  integrity sha512-W9gVhqRyz2O3j20I0nFmYEyaMC/046oaMRxxAQ0w6noakfbhpLmlIXmnnqSOmVVuJZ6x5hOPVwlv7PocuawZsw==
+
+fast-uri@^3.0.1:
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/fast-uri/-/fast-uri-3.0.6.tgz#88f130b77cfaea2378d56bf970dea21257a68748"
+  integrity sha512-Atfo14OibSv5wAp4VWNsFYE1AchQRTv9cBGWET4pZWHzYshFSS9NQI6I57rdKn9croWVMbYFbLhJ+yJvmZIIHw==
+
+fastq@^1.15.0, fastq@^1.6.0:
+  version "1.19.1"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.19.1.tgz#d50eaba803c8846a883c16492821ebcd2cda55f5"
+  integrity sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==
   dependencies:
     reusify "^1.0.4"
 
-figgy-pudding@^3.5.1:
-  version "3.5.2"
-  resolved "https://registry.yarnpkg.com/figgy-pudding/-/figgy-pudding-3.5.2.tgz#b4eee8148abb01dcf1d1ac34367d59e12fa61d6e"
-  integrity sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw==
+fdir@^6.2.0, fdir@^6.4.3:
+  version "6.4.3"
+  resolved "https://registry.yarnpkg.com/fdir/-/fdir-6.4.3.tgz#011cdacf837eca9b811c89dbb902df714273db72"
+  integrity sha512-PMXmW2y1hDDfTSRc9gaXIuCCRpuoz3Kaz8cUelp3smouvfT632ozg2vrT6lJsHKKOF59YLbOGfAWGUcKEfRMQw==
 
-figures@^3.0.0, figures@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/figures/-/figures-3.2.0.tgz#625c18bd293c604dc4a8ddb2febf0c88341746af"
-  integrity sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==
+figures@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/figures/-/figures-6.1.0.tgz#935479f51865fa7479f6fa94fc6fc7ac14e62c4a"
+  integrity sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==
   dependencies:
-    escape-string-regexp "^1.0.5"
+    is-unicode-supported "^2.0.0"
 
-file-entry-cache@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
-  integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==
+file-entry-cache@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-8.0.0.tgz#7787bddcf1131bffb92636c69457bbc0edd6d81f"
+  integrity sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==
   dependencies:
-    flat-cache "^3.0.4"
-
-file-loader@^6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-6.2.0.tgz#baef7cf8e1840df325e4390b4484879480eebe4d"
-  integrity sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==
-  dependencies:
-    loader-utils "^2.0.0"
-    schema-utils "^3.0.0"
+    flat-cache "^4.0.0"
 
 file-uri-to-path@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"
   integrity sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==
 
-fill-range@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-4.0.0.tgz#d544811d428f98eb06a63dc402d2403c328c38f7"
-  integrity sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==
+filelist@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.4.tgz#f78978a1e944775ff9e62e744424f215e58352b5"
+  integrity sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==
   dependencies:
-    extend-shallow "^2.0.1"
-    is-number "^3.0.0"
-    repeat-string "^1.6.1"
-    to-regex-range "^2.1.0"
+    minimatch "^5.0.1"
 
-fill-range@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
-  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
+fill-range@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
+  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
   dependencies:
     to-regex-range "^5.0.1"
 
-finalhandler@1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.1.2.tgz#b7e7d000ffd11938d0fdb053506f6ebabe9f587d"
-  integrity sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==
-  dependencies:
-    debug "2.6.9"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    on-finished "~2.3.0"
-    parseurl "~1.3.3"
-    statuses "~1.5.0"
-    unpipe "~1.0.0"
+find-up-simple@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/find-up-simple/-/find-up-simple-1.0.1.tgz#18fb90ad49e45252c4d7fca56baade04fa3fca1e"
+  integrity sha512-afd4O7zpqHeRyg4PfDQsXmlDe2PfdHtJt6Akt8jOWaApLOZk5JXs6VMR29lz03pRe9mpykrRCYIYxaJYcfpncQ==
 
-find-cache-dir@^2.0.0, find-cache-dir@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-2.1.0.tgz#8d0f94cd13fe43c6c7c261a0d86115ca918c05f7"
-  integrity sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==
-  dependencies:
-    commondir "^1.0.1"
-    make-dir "^2.0.0"
-    pkg-dir "^3.0.0"
-
-find-cache-dir@^3.0.0, find-cache-dir@^3.3.1:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.2.tgz#b30c5b6eff0730731aea9bbd9dbecbd80256d64b"
-  integrity sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==
-  dependencies:
-    commondir "^1.0.1"
-    make-dir "^3.0.2"
-    pkg-dir "^4.1.0"
-
-find-up@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
-  integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==
-  dependencies:
-    locate-path "^3.0.0"
-
-find-up@^4.0.0, find-up@^4.1.0:
+find-up@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
   integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
@@ -6049,121 +6123,74 @@ find-up@^5.0.0:
     locate-path "^6.0.0"
     path-exists "^4.0.0"
 
-flat-cache@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.0.4.tgz#61b0338302b2fe9f957dcc32fc2a87f1c3048b11"
-  integrity sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==
+find-up@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-7.0.0.tgz#e8dec1455f74f78d888ad65bf7ca13dd2b4e66fb"
+  integrity sha512-YyZM99iHrqLKjmt4LJDj58KI+fYyufRLBSYcqycxf//KpBk9FoewoGX0450m9nB44qrZnovzC2oeP5hUibxc/g==
   dependencies:
-    flatted "^3.1.0"
-    rimraf "^3.0.2"
+    locate-path "^7.2.0"
+    path-exists "^5.0.0"
+    unicorn-magic "^0.1.0"
 
-flat@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/flat/-/flat-5.0.2.tgz#8ca6fe332069ffa9d324c327198c598259ceb241"
-  integrity sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==
-
-flatted@^3.1.0:
-  version "3.2.7"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.7.tgz#609f39207cb614b89d0765b477cb2d437fbf9787"
-  integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==
-
-flush-write-stream@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/flush-write-stream/-/flush-write-stream-1.1.1.tgz#8dd7d873a1babc207d94ead0c2e0e44276ebf2e8"
-  integrity sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w==
+flat-cache@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-4.0.1.tgz#0ece39fcb14ee012f4b0410bd33dd9c1f011127c"
+  integrity sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==
   dependencies:
-    inherits "^2.0.3"
-    readable-stream "^2.3.6"
+    flatted "^3.2.9"
+    keyv "^4.5.4"
 
-follow-redirects@^1.0.0, follow-redirects@^1.14.0, follow-redirects@^1.14.8:
-  version "1.15.2"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.2.tgz#b460864144ba63f2681096f274c4e57026da2c13"
-  integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==
+flat@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/flat/-/flat-6.0.1.tgz#09070cf918293b401577f20843edeadf4d3e8755"
+  integrity sha512-/3FfIa8mbrg3xE7+wAhWeV+bd7L2Mof+xtZb5dRDKZ+wDvYJK4WDYeIOuOhre5Yv5aQObZrlbRmk3RTSiuQBtw==
 
-for-each@^0.3.3:
-  version "0.3.3"
-  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e"
-  integrity sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==
+flatted@^3.2.9:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.3.tgz#67c8fad95454a7c7abebf74bb78ee74a44023358"
+  integrity sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==
+
+follow-redirects@^1.0.0, follow-redirects@^1.15.6:
+  version "1.15.9"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.9.tgz#a604fa10e443bf98ca94228d9eebcc2e8a2c8ee1"
+  integrity sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==
+
+for-each@^0.3.3, for-each@^0.3.5:
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.5.tgz#d650688027826920feeb0af747ee7b9421a41d47"
+  integrity sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==
   dependencies:
-    is-callable "^1.1.3"
+    is-callable "^1.2.7"
 
-for-in@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
-  integrity sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==
-
-fork-ts-checker-webpack-plugin@^6.1.1:
-  version "6.5.3"
-  resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.3.tgz#eda2eff6e22476a2688d10661688c47f611b37f3"
-  integrity sha512-SbH/l9ikmMWycd5puHJKTkZJKddF4iRLyW3DeZ08HTI7NGyLS38MXd/KGgeWumQO7YNQbW2u/NtPT2YowbPaGQ==
+foreground-child@^3.1.0:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-3.3.1.tgz#32e8e9ed1b68a3497befb9ac2b6adf92a638576f"
+  integrity sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==
   dependencies:
-    "@babel/code-frame" "^7.8.3"
-    "@types/json-schema" "^7.0.5"
-    chalk "^4.1.0"
-    chokidar "^3.4.2"
-    cosmiconfig "^6.0.0"
-    deepmerge "^4.2.2"
-    fs-extra "^9.0.0"
-    glob "^7.1.6"
-    memfs "^3.1.2"
-    minimatch "^3.0.4"
-    schema-utils "2.7.0"
-    semver "^7.3.2"
-    tapable "^1.0.0"
+    cross-spawn "^7.0.6"
+    signal-exit "^4.0.1"
 
-form-data@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
-  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
+form-data@^4.0.0, form-data@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.2.tgz#35cabbdd30c3ce73deb2c42d3c8d3ed9ca51794c"
+  integrity sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==
   dependencies:
     asynckit "^0.4.0"
     combined-stream "^1.0.8"
+    es-set-tostringtag "^2.1.0"
     mime-types "^2.1.12"
 
-fraction.js@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.2.0.tgz#448e5109a313a3527f5a3ab2119ec4cf0e0e2950"
-  integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==
+fraction.js@^4.3.7:
+  version "4.3.7"
+  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.7.tgz#06ca0085157e42fda7f9e726e79fefc4068840f7"
+  integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
 
-fragment-cache@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/fragment-cache/-/fragment-cache-0.2.1.tgz#4290fad27f13e89be7f33799c6bc5a0abfff0d19"
-  integrity sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==
-  dependencies:
-    map-cache "^0.2.2"
-
-fresh@0.5.2, fresh@^0.5.2:
+fresh@0.5.2:
   version "0.5.2"
   resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
   integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
 
-from2@^2.1.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/from2/-/from2-2.3.0.tgz#8bfb5502bde4a4d36cfdeea007fcca21d7e382af"
-  integrity sha512-OMcX/4IC/uqEPVgGeyfN22LJk6AZrMkRZHxcHBMBvHScDGgwTm2GT2Wkgtocyd3JfZffjj2kYUDXXII0Fk9W0g==
-  dependencies:
-    inherits "^2.0.1"
-    readable-stream "^2.0.0"
-
-fs-extra@^10.0.0, fs-extra@^10.1.0:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf"
-  integrity sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==
-  dependencies:
-    graceful-fs "^4.2.0"
-    jsonfile "^6.0.1"
-    universalify "^2.0.0"
-
-fs-extra@^8.1.0:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0"
-  integrity sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==
-  dependencies:
-    graceful-fs "^4.2.0"
-    jsonfile "^4.0.0"
-    universalify "^0.1.0"
-
-fs-extra@^9.0.0, fs-extra@^9.0.1, fs-extra@^9.1.0:
+fs-extra@^9.0.1:
   version "9.1.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
   integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
@@ -6173,172 +6200,152 @@ fs-extra@^9.0.0, fs-extra@^9.0.1, fs-extra@^9.1.0:
     jsonfile "^6.0.1"
     universalify "^2.0.0"
 
-fs-memo@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/fs-memo/-/fs-memo-1.2.0.tgz#a2ec3be606b902077adbb37ec529c5ec5fb2e037"
-  integrity sha512-YEexkCpL4j03jn5SxaMHqcO6IuWuqm8JFUYhyCep7Ao89JIYmB8xoKhK7zXXJ9cCaNXpyNH5L3QtAmoxjoHW2w==
-
-fs-minipass@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-2.1.0.tgz#7f5036fdbf12c63c169190cbe4199c852271f9fb"
-  integrity sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==
-  dependencies:
-    minipass "^3.0.0"
-
-fs-monkey@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.3.tgz#ae3ac92d53bb328efe0e9a1d9541f6ad8d48e2d3"
-  integrity sha512-cybjIfiiE+pTWicSCLFHSrXZ6EilF30oh91FDP9S2B051prEa7QWfrVTQm10/dDpswBDXZugPa1Ogu8Yh+HV0Q==
-
-fs-write-stream-atomic@^1.0.8:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz#b47df53493ef911df75731e70a9ded0189db40c9"
-  integrity sha512-gehEzmPn2nAwr39eay+x3X34Ra+M2QlVUTLhkXPjWdeO8RF9kszk116avgBJM3ZyNHgHXBNx+VmPaFC36k0PzA==
-  dependencies:
-    graceful-fs "^4.1.2"
-    iferr "^0.1.5"
-    imurmurhash "^0.1.4"
-    readable-stream "1 || 2"
-
 fs.realpath@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
-fsevents@^1.2.7:
-  version "1.2.13"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-1.2.13.tgz#f325cb0455592428bcf11b383370ef70e3bfcc38"
-  integrity sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==
+fsevents@~2.3.2, fsevents@~2.3.3:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
+function-bind@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
+  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
+
+function.prototype.name@^1.1.6, function.prototype.name@^1.1.8:
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.8.tgz#e68e1df7b259a5c949eeef95cdbde53edffabb78"
+  integrity sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==
   dependencies:
-    bindings "^1.5.0"
-    nan "^2.12.1"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    functions-have-names "^1.2.3"
+    hasown "^2.0.2"
+    is-callable "^1.2.7"
 
-fsevents@~2.3.2:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
-  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
-
-function-bind@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
-  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
-
-function.prototype.name@^1.1.5:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.5.tgz#cce0505fe1ffb80503e6f9e46cc64e46a12a9621"
-  integrity sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.19.0"
-    functions-have-names "^1.2.2"
-
-functions-have-names@^1.2.2:
+functions-have-names@^1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
   integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
 
-fuse.js@^6.6.2:
-  version "6.6.2"
-  resolved "https://registry.yarnpkg.com/fuse.js/-/fuse.js-6.6.2.tgz#fe463fed4b98c0226ac3da2856a415576dc9a111"
-  integrity sha512-cJaJkxCCxC8qIIcPBF9yGxY0W/tVZS3uEISDxhYIdtk8OL93pe+6Zj7LjCqVV4dzbqcriOZ+kQ/NE4RXZHsIGA==
+fuse.js@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/fuse.js/-/fuse.js-7.1.0.tgz#306228b4befeee11e05b027087c2744158527d09"
+  integrity sha512-trLf4SzuuUxfusZADLINj+dE8clK1frKdmqiJNb1Es75fmI5oY6X2mxLVUciLLjxqw/xr72Dhy+lER6dGd02FQ==
 
 gensync@^1.0.0-beta.2:
   version "1.0.0-beta.2"
   resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
   integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
 
-get-func-name@^2.0.0:
+get-caller-file@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
+  integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
+
+get-east-asian-width@^1.0.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/get-east-asian-width/-/get-east-asian-width-1.3.0.tgz#21b4071ee58ed04ee0db653371b55b4299875389"
+  integrity sha512-vpeMIQKxczTD/0s2CdEWHcb0eeJe6TFjxb+J5xgX7hScxqrGuyjmv4c1D4A/gelKfyox0gJJwIHF+fLjeaM8kQ==
+
+get-intrinsic@^1.2.4, get-intrinsic@^1.2.5, get-intrinsic@^1.2.6, get-intrinsic@^1.2.7, get-intrinsic@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz#743f0e3b6964a93a5491ed1bffaae054d7f98d01"
+  integrity sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==
+  dependencies:
+    call-bind-apply-helpers "^1.0.2"
+    es-define-property "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.1.1"
+    function-bind "^1.1.2"
+    get-proto "^1.0.1"
+    gopd "^1.2.0"
+    has-symbols "^1.1.0"
+    hasown "^2.0.2"
+    math-intrinsics "^1.1.0"
+
+get-own-enumerable-property-symbols@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664"
+  integrity sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==
+
+get-port-please@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/get-port-please/-/get-port-please-3.1.2.tgz#502795e56217128e4183025c89a48c71652f4e49"
+  integrity sha512-Gxc29eLs1fbn6LQ4jSU4vXjlwyZhF5HsGuMAa7gqBP4Rw4yxxltyDUuF5MBclFzDTXO+ACchGQoeela4DSfzdQ==
+
+get-proto@^1.0.0, get-proto@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/get-proto/-/get-proto-1.0.1.tgz#150b3f2743869ef3e851ec0c49d15b1d14d00ee1"
+  integrity sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==
+  dependencies:
+    dunder-proto "^1.0.1"
+    es-object-atoms "^1.0.0"
+
+get-stream@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-8.0.1.tgz#def9dfd71742cd7754a7761ed43749a27d02eca2"
+  integrity sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==
+
+get-stream@^9.0.0:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-9.0.1.tgz#95157d21df8eb90d1647102b63039b1df60ebd27"
+  integrity sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==
+  dependencies:
+    "@sec-ant/readable-stream" "^0.4.1"
+    is-stream "^4.0.1"
+
+get-symbol-description@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.1.0.tgz#7bdd54e0befe8ffc9f3b4e203220d9f1e881b6ee"
+  integrity sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==
+  dependencies:
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+
+get-tsconfig@^4.10.0, get-tsconfig@^4.7.5:
+  version "4.10.0"
+  resolved "https://registry.yarnpkg.com/get-tsconfig/-/get-tsconfig-4.10.0.tgz#403a682b373a823612475a4c2928c7326fc0f6bb"
+  integrity sha512-kGzZ3LWWQcGIAmg6iWvXn0ei6WDtV26wzHRMwDSzmAbcXrTEXxHy6IehI6/4eT6VRKyMP1eF1VqwrVUmE/LR7A==
+  dependencies:
+    resolve-pkg-maps "^1.0.0"
+
+giget@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/get-func-name/-/get-func-name-2.0.0.tgz#ead774abee72e20409433a066366023dd6887a41"
-  integrity sha512-Hm0ixYtaSZ/V7C8FJrtZIuBBI+iSgL+1Aq82zSu8VQNB4S3Gk8e7Qs3VwBDJAhmRZcFqkl3tQu36g/Foh5I5ig==
-
-get-intrinsic@^1.0.2, get-intrinsic@^1.1.1, get-intrinsic@^1.1.3, get-intrinsic@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.0.tgz#7ad1dc0535f3a2904bba075772763e5051f6d05f"
-  integrity sha512-L049y6nFOuom5wGyRc3/gdTLO94dySVKRACj1RmJZBQXlbTMhtNIgkWkUHq+jYmZvKf14EW1EoJnnjbmoHij0Q==
+  resolved "https://registry.yarnpkg.com/giget/-/giget-2.0.0.tgz#395fc934a43f9a7a29a29d55b99f23e30c14f195"
+  integrity sha512-L5bGsVkxJbJgdnwyuheIunkGatUF/zssUoxxjACCseZYAVbaqdh9Tsmmlkl8vYan09H7sbvKt4pS8GqKLBrEzA==
   dependencies:
-    function-bind "^1.1.1"
-    has "^1.0.3"
-    has-symbols "^1.0.3"
+    citty "^0.1.6"
+    consola "^3.4.0"
+    defu "^6.1.4"
+    node-fetch-native "^1.6.6"
+    nypm "^0.6.0"
+    pathe "^2.0.3"
 
-get-port-please@^2.2.0:
-  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/get-port-please/-/get-port-please-2.6.1.tgz#80143de24fcaab39b01df977f66ad967e06b17d1"
-  integrity sha512-4PDSrL6+cuMM1xs6w36ZIkaKzzE0xzfVBCfebHIJ3FE8iB9oic/ECwPw3iNiD4h1AoJ5XLLBhEviFAVrZsDC5A==
-  dependencies:
-    fs-memo "^1.2.0"
-
-get-stream@^5.0.0, get-stream@^5.1.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-5.2.0.tgz#4966a1795ee5ace65e706c4b7beb71257d6e22d3"
-  integrity sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==
-  dependencies:
-    pump "^3.0.0"
-
-get-stream@^6.0.0, get-stream@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
-  integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
-
-get-symbol-description@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.0.0.tgz#7fdb81c900101fbd564dd5f1a30af5aadc1e58d6"
-  integrity sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==
-  dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.1.1"
-
-get-tsconfig@^4.2.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/get-tsconfig/-/get-tsconfig-4.4.0.tgz#64eee64596668a81b8fce18403f94f245ee0d4e5"
-  integrity sha512-0Gdjo/9+FzsYhXCEFueo2aY1z1tpXrxWZzP7k8ul9qt1U5o8rYJwTJYmaeHdrVosYIVYkOy2iwCJ9FdpocJhPQ==
-
-get-value@^2.0.3, get-value@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/get-value/-/get-value-2.0.6.tgz#dc15ca1c672387ca76bd37ac0a395ba2042a2c28"
-  integrity sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==
-
-giget@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/giget/-/giget-1.1.2.tgz#f99a49cb0ff85479c8c3612cdc7ca27f2066e818"
-  integrity sha512-HsLoS07HiQ5oqvObOI+Qb2tyZH4Gj5nYGfF9qQcZNrPw+uEFhdXtgJr01aO2pWadGHucajYDLxxbtQkm97ON2A==
-  dependencies:
-    colorette "^2.0.19"
-    defu "^6.1.2"
-    https-proxy-agent "^5.0.1"
-    mri "^1.2.0"
-    node-fetch-native "^1.0.2"
-    pathe "^1.1.0"
-    tar "^6.1.13"
-
-git-config-path@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/git-config-path/-/git-config-path-2.0.0.tgz#62633d61af63af4405a5024efd325762f58a181b"
-  integrity sha512-qc8h1KIQbJpp+241id3GuAtkdyJ+IK+LIVtkiFTRKRrmddDzs3SI9CvP1QYmWBFvm1I/PWRwj//of8bgAc0ltA==
-
-git-up@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/git-up/-/git-up-7.0.0.tgz#bace30786e36f56ea341b6f69adfd83286337467"
-  integrity sha512-ONdIrbBCFusq1Oy0sC71F5azx8bVkvtZtMJAsv+a6lz5YAmbNnLD6HAB4gptHZVLPR8S2/kVN6Gab7lryq5+lQ==
+git-up@^8.0.0:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/git-up/-/git-up-8.0.1.tgz#2a82cfbc77b5eb04074ab1e48593911981654fc7"
+  integrity sha512-2XFu1uNZMSjkyetaF+8rqn6P0XqpMq/C+2ycjI6YwrIKcszZ5/WR4UubxjN0lILOKqLkLaHDaCr2B6fP1cke6g==
   dependencies:
     is-ssh "^1.4.0"
-    parse-url "^8.1.0"
+    parse-url "^9.2.0"
 
-git-url-parse@^13.1.1:
-  version "13.1.1"
-  resolved "https://registry.yarnpkg.com/git-url-parse/-/git-url-parse-13.1.1.tgz#664bddf0857c6a75b3c1f0ae6239abb08a1486d4"
-  integrity sha512-PCFJyeSSdtnbfhSNRw9Wk96dDCNx+sogTe4YNXeXSJxt7xz5hvXekuRn9JX7m+Mf4OscCu8h+mtAl3+h5Fo8lQ==
+git-url-parse@^16.0.1:
+  version "16.0.1"
+  resolved "https://registry.yarnpkg.com/git-url-parse/-/git-url-parse-16.0.1.tgz#8a2b15ceafd29342e42a3d056a771fb9007bf5ae"
+  integrity sha512-mcD36GrhAzX5JVOsIO52qNpgRyFzYWRbU1VSRFCvJt1IJvqfvH427wWw/CFqkWvjVPtdG5VTx4MKUeC5GeFPDQ==
   dependencies:
-    git-up "^7.0.0"
+    git-up "^8.0.0"
 
-glob-parent@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-3.1.0.tgz#9e6af6299d8d3bd2bd40430832bd113df906c5ae"
-  integrity sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==
-  dependencies:
-    is-glob "^3.1.0"
-    path-dirname "^1.0.0"
+github-slugger@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/github-slugger/-/github-slugger-2.0.0.tgz#52cf2f9279a21eb6c59dd385b410f0c0adda8f1a"
+  integrity sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==
 
 glob-parent@^5.1.2, glob-parent@~5.1.2:
   version "5.1.2"
@@ -6354,12 +6361,19 @@ glob-parent@^6.0.2:
   dependencies:
     is-glob "^4.0.3"
 
-glob-to-regexp@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
-  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
+glob@^10.0.0, glob@^10.3.7, glob@^10.4.5:
+  version "10.4.5"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-10.4.5.tgz#f4d9f0b90ffdbab09c9d77f5f29b4262517b0956"
+  integrity sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==
+  dependencies:
+    foreground-child "^3.1.0"
+    jackspeak "^3.1.2"
+    minimatch "^9.0.4"
+    minipass "^7.1.2"
+    package-json-from-dist "^1.0.0"
+    path-scurry "^1.11.1"
 
-glob@^7.1.3, glob@^7.1.4, glob@^7.1.6, glob@^7.1.7, glob@^7.2.0:
+glob@^7.1.6:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
   integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
@@ -6371,42 +6385,49 @@ glob@^7.1.3, glob@^7.1.4, glob@^7.1.6, glob@^7.1.7, glob@^7.2.0:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-glob@^8.1.0:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-8.1.0.tgz#d388f656593ef708ee3e34640fdfb99a9fd1c33e"
-  integrity sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==
+global-directory@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/global-directory/-/global-directory-4.0.1.tgz#4d7ac7cfd2cb73f304c53b8810891748df5e361e"
+  integrity sha512-wHTUcDUoZ1H5/0iVqEudYW4/kAlN5cZ3j/bXn0Dpbizl9iaUVeWSHqiOjsgk6OW2bkLclbBjzewBz6weQ1zA2Q==
   dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^5.0.1"
-    once "^1.3.0"
+    ini "4.1.1"
 
 globals@^11.1.0:
   version "11.12.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globals@^13.19.0:
-  version "13.20.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-13.20.0.tgz#ea276a1e508ffd4f1612888f9d1bad1e2717bf82"
-  integrity sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==
+globals@^13.24.0:
+  version "13.24.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
+  integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
   dependencies:
     type-fest "^0.20.2"
 
-globalthis@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.3.tgz#5852882a52b80dc301b0660273e1ed082f0b6ccf"
-  integrity sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==
+globals@^14.0.0:
+  version "14.0.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-14.0.0.tgz#898d7413c29babcf6bafe56fcadded858ada724e"
+  integrity sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==
+
+globals@^15.15.0:
+  version "15.15.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-15.15.0.tgz#7c4761299d41c32b075715a4ce1ede7897ff72a8"
+  integrity sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==
+
+globals@^16.0.0:
+  version "16.0.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-16.0.0.tgz#3d7684652c5c4fbd086ec82f9448214da49382d8"
+  integrity sha512-iInW14XItCXET01CQFqudPOWP2jYMl7T+QRQT+UNcR/iQncN/F0UNpgd76iFkBPgNQb4+X3LV9tLJYzwh+Gl3A==
+
+globalthis@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.4.tgz#7430ed3a975d97bfb59bcce41f5cabbafa651236"
+  integrity sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==
   dependencies:
-    define-properties "^1.1.3"
+    define-properties "^1.2.1"
+    gopd "^1.0.1"
 
-globalyzer@0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/globalyzer/-/globalyzer-0.1.0.tgz#cb76da79555669a1519d5a8edf093afaa0bf1465"
-  integrity sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==
-
-globby@^11.0.4, globby@^11.1.0:
+globby@^11.1.0:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
   integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
@@ -6418,309 +6439,337 @@ globby@^11.0.4, globby@^11.1.0:
     merge2 "^1.4.1"
     slash "^3.0.0"
 
-globby@^13.1.2, globby@^13.1.3:
-  version "13.1.3"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-13.1.3.tgz#f62baf5720bcb2c1330c8d4ef222ee12318563ff"
-  integrity sha512-8krCNHXvlCgHDpegPzleMq07yMYTO2sXKASmZmquEYWEmCx6J5UTRbp5RwMJkTJGtcQ44YpiUYUiN0b9mzy8Bw==
+globby@^14.1.0:
+  version "14.1.0"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-14.1.0.tgz#138b78e77cf5a8d794e327b15dce80bf1fb0a73e"
+  integrity sha512-0Ia46fDOaT7k4og1PDW4YbodWWr3scS2vAr2lTbsplOt2WkKp0vQbkI9wKis/T5LV/dqPjO3bpS/z6GTJB82LA==
   dependencies:
-    dir-glob "^3.0.1"
-    fast-glob "^3.2.11"
-    ignore "^5.2.0"
-    merge2 "^1.4.1"
-    slash "^4.0.0"
+    "@sindresorhus/merge-streams" "^2.1.0"
+    fast-glob "^3.3.3"
+    ignore "^7.0.3"
+    path-type "^6.0.0"
+    slash "^5.1.0"
+    unicorn-magic "^0.3.0"
 
-globrex@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/globrex/-/globrex-0.1.2.tgz#dd5d9ec826232730cd6793a5e33a9302985e6098"
-  integrity sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==
-
-google-fonts-helper@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/google-fonts-helper/-/google-fonts-helper-2.0.1.tgz#ac6859272a572c516bbd83decaea50f6f4f24535"
-  integrity sha512-qlk3in9FYYYHX6tR8O9pPBbO4KqjBLtyfuSBxz/soY+xhUruzT6yKzPT1Z+aqH8KFoquwaRCxROok9ntg2kqiw==
+google-fonts-helper@^3.5.0:
+  version "3.7.3"
+  resolved "https://registry.yarnpkg.com/google-fonts-helper/-/google-fonts-helper-3.7.3.tgz#ea78e60a129c45f69fe09ffa84e28be9e3bb7ed0"
+  integrity sha512-dENZeK6RMvkCOFoKbLbS+pyoDgpmk4U6BYmfXnztMar2d8SjEG6valxql/Lkyi7bu5F+3FTdE+gAEYSYZ5zzMA==
   dependencies:
-    deepmerge "^4.2.2"
-    fs-extra "^9.1.0"
-    got "^11.8.2"
+    deepmerge "^4.3.1"
+    hookable "^5.5.3"
+    ofetch "^1.4.1"
+    ufo "^1.5.4"
 
-gopd@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c"
-  integrity sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==
-  dependencies:
-    get-intrinsic "^1.1.3"
+gopd@^1.0.1, gopd@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1"
+  integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
 
-got@^11.8.2:
-  version "11.8.6"
-  resolved "https://registry.yarnpkg.com/got/-/got-11.8.6.tgz#276e827ead8772eddbcfc97170590b841823233a"
-  integrity sha512-6tfZ91bOr7bOXnK7PRDCGBLa1H4U080YHNaAQ2KsMGlLEzRbk44nsZF2E1IeRc3vtJHPVbKCYgdFbaGO2ljd8g==
-  dependencies:
-    "@sindresorhus/is" "^4.0.0"
-    "@szmarczak/http-timer" "^4.0.5"
-    "@types/cacheable-request" "^6.0.1"
-    "@types/responselike" "^1.0.0"
-    cacheable-lookup "^5.0.3"
-    cacheable-request "^7.0.2"
-    decompress-response "^6.0.0"
-    http2-wrapper "^1.0.0-beta.5.2"
-    lowercase-keys "^2.0.0"
-    p-cancelable "^2.0.0"
-    responselike "^2.0.0"
-
-graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4, graceful-fs@^4.2.9:
+graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4, graceful-fs@^4.2.9:
   version "4.2.11"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
 
-grapheme-splitter@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz#9cf3a665c6247479896834af35cf1dbb4400767e"
-  integrity sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==
+graphemer@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
+  integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
 
-gzip-size@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-6.0.0.tgz#065367fd50c239c0671cbcbad5be3e2eeb10e462"
-  integrity sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==
+gzip-size@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-7.0.0.tgz#9f9644251f15bc78460fccef4055ae5a5562ac60"
+  integrity sha512-O1Ld7Dr+nqPnmGpdhzLmMTQ4vAsD+rHwMm1NLUmoUFFymBOMKxCCrtDxqdBRYXdeEPEi3SyoR4TizJLQrnKBNA==
   dependencies:
     duplexer "^0.1.2"
 
-hard-source-webpack-plugin@^0.13.1:
-  version "0.13.1"
-  resolved "https://registry.yarnpkg.com/hard-source-webpack-plugin/-/hard-source-webpack-plugin-0.13.1.tgz#a99071e25b232f1438a5bc3c99f10a3869e4428e"
-  integrity sha512-r9zf5Wq7IqJHdVAQsZ4OP+dcUSvoHqDMxJlIzaE2J0TZWn3UjMMrHqwDHR8Jr/pzPfG7XxSe36E7Y8QGNdtuAw==
+h3@^1.12.0, h3@^1.13.0, h3@^1.15.0, h3@^1.15.1:
+  version "1.15.1"
+  resolved "https://registry.yarnpkg.com/h3/-/h3-1.15.1.tgz#59d6f70d7ef619fad74ecdf465a08fff898033bb"
+  integrity sha512-+ORaOBttdUm1E2Uu/obAyCguiI7MbBvsLTndc3gyK3zU+SYLoZXlyCP9Xgy0gikkGufFLTZXCXD6+4BsufnmHA==
   dependencies:
-    chalk "^2.4.1"
-    find-cache-dir "^2.0.0"
-    graceful-fs "^4.1.11"
-    lodash "^4.15.0"
-    mkdirp "^0.5.1"
-    node-object-hash "^1.2.0"
-    parse-json "^4.0.0"
-    pkg-dir "^3.0.0"
-    rimraf "^2.6.2"
-    semver "^5.6.0"
-    tapable "^1.0.0-beta.5"
-    webpack-sources "^1.0.1"
-    write-json-file "^2.3.0"
+    cookie-es "^1.2.2"
+    crossws "^0.3.3"
+    defu "^6.1.4"
+    destr "^2.0.3"
+    iron-webcrypto "^1.2.1"
+    node-mock-http "^1.0.0"
+    radix3 "^1.1.2"
+    ufo "^1.5.4"
+    uncrypto "^0.1.3"
 
-has-bigints@^1.0.1, has-bigints@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
-  integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
-
-has-flag@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
-  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
+has-bigints@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.1.0.tgz#28607e965ac967e03cd2a2c70a2636a1edad49fe"
+  integrity sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==
 
 has-flag@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
-has-property-descriptors@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz#610708600606d36961ed04c196193b6a607fa861"
-  integrity sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==
-  dependencies:
-    get-intrinsic "^1.1.1"
-
-has-proto@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.1.tgz#1885c1305538958aff469fef37937c22795408e0"
-  integrity sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==
-
-has-symbols@^1.0.2, has-symbols@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
-  integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
-
-has-tostringtag@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.0.tgz#7e133818a7d394734f941e73c3d3f9291e658b25"
-  integrity sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==
-  dependencies:
-    has-symbols "^1.0.2"
-
-has-value@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/has-value/-/has-value-0.3.1.tgz#7b1f58bada62ca827ec0a2078025654845995e1f"
-  integrity sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==
-  dependencies:
-    get-value "^2.0.3"
-    has-values "^0.1.4"
-    isobject "^2.0.0"
-
-has-value@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-value/-/has-value-1.0.0.tgz#18b281da585b1c5c51def24c930ed29a0be6b177"
-  integrity sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==
-  dependencies:
-    get-value "^2.0.6"
-    has-values "^1.0.0"
-    isobject "^3.0.0"
-
-has-values@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/has-values/-/has-values-0.1.4.tgz#6d61de95d91dfca9b9a02089ad384bff8f62b771"
-  integrity sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ==
-
-has-values@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-values/-/has-values-1.0.0.tgz#95b0b63fec2146619a6fe57fe75628d5a39efe4f"
-  integrity sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==
-  dependencies:
-    is-number "^3.0.0"
-    kind-of "^4.0.0"
-
-has@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
-  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
-  dependencies:
-    function-bind "^1.1.1"
-
-hash-base@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-3.1.0.tgz#55c381d9e06e1d2997a883b4a3fddfe7f0d3af33"
-  integrity sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==
-  dependencies:
-    inherits "^2.0.4"
-    readable-stream "^3.6.0"
-    safe-buffer "^5.2.0"
-
-hash-sum@^1.0.2:
+has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2:
   version "1.0.2"
-  resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-1.0.2.tgz#33b40777754c6432573c120cc3808bbd10d47f04"
-  integrity sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==
-
-hash-sum@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-2.0.0.tgz#81d01bb5de8ea4a214ad5d6ead1b523460b0b45a"
-  integrity sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==
-
-hash.js@^1.0.0, hash.js@^1.0.3:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.7.tgz#0babca538e8d4ee4a0f8988d68866537a003cf42"
-  integrity sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==
+  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
+  integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
   dependencies:
-    inherits "^2.0.3"
-    minimalistic-assert "^1.0.1"
+    es-define-property "^1.0.0"
 
-hasha@^5.2.2:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/hasha/-/hasha-5.2.2.tgz#a48477989b3b327aea3c04f53096d816d97522a1"
-  integrity sha512-Hrp5vIK/xr5SkeN2onO32H0MgNZ0f17HRNH39WfL0SYUNOTZ5Lz1TJ8Pajo/87dYGEFlLMm7mIc/k/s6Bvz9HQ==
-  dependencies:
-    is-stream "^2.0.0"
-    type-fest "^0.8.0"
-
-he@1.2.0, he@^1.2.0:
+has-proto@^1.2.0:
   version "1.2.0"
-  resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
-  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
-
-hmac-drbg@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
-  integrity sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==
+  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.2.0.tgz#5de5a6eabd95fdffd9818b43055e8065e39fe9d5"
+  integrity sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==
   dependencies:
-    hash.js "^1.0.3"
-    minimalistic-assert "^1.0.0"
-    minimalistic-crypto-utils "^1.0.1"
+    dunder-proto "^1.0.0"
 
-hookable@^4.4.1:
-  version "4.4.1"
-  resolved "https://registry.yarnpkg.com/hookable/-/hookable-4.4.1.tgz#3d7154ac7e1f6f147e50fef583832f2645b9f04f"
-  integrity sha512-KWjZM8C7IVT2qne5HTXjM6R6VnRfjfRlf/oCnHd+yFxoHO1DzOl6B9LzV/VqGQK/IrFewq+EG+ePVrE9Tpc3fg==
+has-symbols@^1.0.3, has-symbols@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.1.0.tgz#fc9c6a783a084951d0b971fe1018de813707a338"
+  integrity sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==
 
-hookable@^5.5.0:
-  version "5.5.1"
-  resolved "https://registry.yarnpkg.com/hookable/-/hookable-5.5.1.tgz#3a842c66be72a9cb14043d8e6afa5bc094c831c5"
-  integrity sha512-ac50aYjbtRMMZEtTG0qnVaBDA+1lqL9fHzDnxMQlVuO6LZWcBB7NXjIu9H9iImClewNdrit4RiEzi9QpRTgKrg==
+has-tostringtag@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz#2cdc42d40bef2e5b4eeab7c01a73c54ce7ab5abc"
+  integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
+  dependencies:
+    has-symbols "^1.0.3"
+
+hasown@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
+  integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
+  dependencies:
+    function-bind "^1.1.2"
+
+hast-util-embedded@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/hast-util-embedded/-/hast-util-embedded-3.0.0.tgz#be4477780fbbe079cdba22982e357a0de4ba853e"
+  integrity sha512-naH8sld4Pe2ep03qqULEtvYr7EjrLK2QHY8KJR6RJkTUjPGObe1vnx585uzem2hGra+s1q08DZZpfgDVYRbaXA==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    hast-util-is-element "^3.0.0"
+
+hast-util-format@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/hast-util-format/-/hast-util-format-1.1.0.tgz#373e77382e07deb04f6676f1b4437e7d8549d985"
+  integrity sha512-yY1UDz6bC9rDvCWHpx12aIBGRG7krurX0p0Fm6pT547LwDIZZiNr8a+IHDogorAdreULSEzP82Nlv5SZkHZcjA==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    hast-util-embedded "^3.0.0"
+    hast-util-minify-whitespace "^1.0.0"
+    hast-util-phrasing "^3.0.0"
+    hast-util-whitespace "^3.0.0"
+    html-whitespace-sensitive-tag-names "^3.0.0"
+    unist-util-visit-parents "^6.0.0"
+
+hast-util-from-parse5@^8.0.0:
+  version "8.0.3"
+  resolved "https://registry.yarnpkg.com/hast-util-from-parse5/-/hast-util-from-parse5-8.0.3.tgz#830a35022fff28c3fea3697a98c2f4cc6b835a2e"
+  integrity sha512-3kxEVkEKt0zvcZ3hCRYI8rqrgwtlIOFMWkbclACvjlDw8Li9S2hk/d51OI0nr/gIpdMHNepwgOKqZ/sy0Clpyg==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@types/unist" "^3.0.0"
+    devlop "^1.0.0"
+    hastscript "^9.0.0"
+    property-information "^7.0.0"
+    vfile "^6.0.0"
+    vfile-location "^5.0.0"
+    web-namespaces "^2.0.0"
+
+hast-util-has-property@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/hast-util-has-property/-/hast-util-has-property-3.0.0.tgz#4e595e3cddb8ce530ea92f6fc4111a818d8e7f93"
+  integrity sha512-MNilsvEKLFpV604hwfhVStK0usFY/QmM5zX16bo7EjnAEGofr5YyI37kzopBlZJkHD4t887i+q/C8/tr5Q94cA==
+  dependencies:
+    "@types/hast" "^3.0.0"
+
+hast-util-heading-rank@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/hast-util-heading-rank/-/hast-util-heading-rank-3.0.0.tgz#2d5c6f2807a7af5c45f74e623498dd6054d2aba8"
+  integrity sha512-EJKb8oMUXVHcWZTDepnr+WNbfnXKFNf9duMesmr4S8SXTJBJ9M4Yok08pu9vxdJwdlGRhVumk9mEhkEvKGifwA==
+  dependencies:
+    "@types/hast" "^3.0.0"
+
+hast-util-is-body-ok-link@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/hast-util-is-body-ok-link/-/hast-util-is-body-ok-link-3.0.1.tgz#ef63cb2f14f04ecf775139cd92bda5026380d8b4"
+  integrity sha512-0qpnzOBLztXHbHQenVB8uNuxTnm/QBFUOmdOSsEn7GnBtyY07+ENTWVFBAnXd/zEgd9/SUG3lRY7hSIBWRgGpQ==
+  dependencies:
+    "@types/hast" "^3.0.0"
+
+hast-util-is-element@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/hast-util-is-element/-/hast-util-is-element-3.0.0.tgz#6e31a6532c217e5b533848c7e52c9d9369ca0932"
+  integrity sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==
+  dependencies:
+    "@types/hast" "^3.0.0"
+
+hast-util-minify-whitespace@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/hast-util-minify-whitespace/-/hast-util-minify-whitespace-1.0.1.tgz#7588fd1a53f48f1d30406b81959dffc3650daf55"
+  integrity sha512-L96fPOVpnclQE0xzdWb/D12VT5FabA7SnZOUMtL1DbXmYiHJMXZvFkIZfiMmTCNJHUeO2K9UYNXoVyfz+QHuOw==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    hast-util-embedded "^3.0.0"
+    hast-util-is-element "^3.0.0"
+    hast-util-whitespace "^3.0.0"
+    unist-util-is "^6.0.0"
+
+hast-util-parse-selector@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz#352879fa86e25616036037dd8931fb5f34cb4a27"
+  integrity sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==
+  dependencies:
+    "@types/hast" "^3.0.0"
+
+hast-util-phrasing@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/hast-util-phrasing/-/hast-util-phrasing-3.0.1.tgz#fa284c0cd4a82a0dd6020de8300a7b1ebffa1690"
+  integrity sha512-6h60VfI3uBQUxHqTyMymMZnEbNl1XmEGtOxxKYL7stY2o601COo62AWAYBQR9lZbYXYSBoxag8UpPRXK+9fqSQ==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    hast-util-embedded "^3.0.0"
+    hast-util-has-property "^3.0.0"
+    hast-util-is-body-ok-link "^3.0.0"
+    hast-util-is-element "^3.0.0"
+
+hast-util-raw@^9.0.0:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/hast-util-raw/-/hast-util-raw-9.1.0.tgz#79b66b26f6f68fb50dfb4716b2cdca90d92adf2e"
+  integrity sha512-Y8/SBAHkZGoNkpzqqfCldijcuUKh7/su31kEBp67cFY09Wy0mTRgtsLYsiIxMJxlu0f6AA5SUTbDR8K0rxnbUw==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@types/unist" "^3.0.0"
+    "@ungap/structured-clone" "^1.0.0"
+    hast-util-from-parse5 "^8.0.0"
+    hast-util-to-parse5 "^8.0.0"
+    html-void-elements "^3.0.0"
+    mdast-util-to-hast "^13.0.0"
+    parse5 "^7.0.0"
+    unist-util-position "^5.0.0"
+    unist-util-visit "^5.0.0"
+    vfile "^6.0.0"
+    web-namespaces "^2.0.0"
+    zwitch "^2.0.0"
+
+hast-util-to-html@^9.0.0, hast-util-to-html@^9.0.5:
+  version "9.0.5"
+  resolved "https://registry.yarnpkg.com/hast-util-to-html/-/hast-util-to-html-9.0.5.tgz#ccc673a55bb8e85775b08ac28380f72d47167005"
+  integrity sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@types/unist" "^3.0.0"
+    ccount "^2.0.0"
+    comma-separated-tokens "^2.0.0"
+    hast-util-whitespace "^3.0.0"
+    html-void-elements "^3.0.0"
+    mdast-util-to-hast "^13.0.0"
+    property-information "^7.0.0"
+    space-separated-tokens "^2.0.0"
+    stringify-entities "^4.0.0"
+    zwitch "^2.0.4"
+
+hast-util-to-mdast@^10.0.0, hast-util-to-mdast@^10.1.2:
+  version "10.1.2"
+  resolved "https://registry.yarnpkg.com/hast-util-to-mdast/-/hast-util-to-mdast-10.1.2.tgz#bc76f7f5f72f2cde4d6a66ad4cd0aba82bb79909"
+  integrity sha512-FiCRI7NmOvM4y+f5w32jPRzcxDIz+PUqDwEqn1A+1q2cdp3B8Gx7aVrXORdOKjMNDQsD1ogOr896+0jJHW1EFQ==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    "@ungap/structured-clone" "^1.0.0"
+    hast-util-phrasing "^3.0.0"
+    hast-util-to-html "^9.0.0"
+    hast-util-to-text "^4.0.0"
+    hast-util-whitespace "^3.0.0"
+    mdast-util-phrasing "^4.0.0"
+    mdast-util-to-hast "^13.0.0"
+    mdast-util-to-string "^4.0.0"
+    rehype-minify-whitespace "^6.0.0"
+    trim-trailing-lines "^2.0.0"
+    unist-util-position "^5.0.0"
+    unist-util-visit "^5.0.0"
+
+hast-util-to-parse5@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/hast-util-to-parse5/-/hast-util-to-parse5-8.0.0.tgz#477cd42d278d4f036bc2ea58586130f6f39ee6ed"
+  integrity sha512-3KKrV5ZVI8if87DVSi1vDeByYrkGzg4mEfeu4alwgmmIeARiBLKCZS2uw5Gb6nU9x9Yufyj3iudm6i7nl52PFw==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    comma-separated-tokens "^2.0.0"
+    devlop "^1.0.0"
+    property-information "^6.0.0"
+    space-separated-tokens "^2.0.0"
+    web-namespaces "^2.0.0"
+    zwitch "^2.0.0"
+
+hast-util-to-string@^3.0.0, hast-util-to-string@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/hast-util-to-string/-/hast-util-to-string-3.0.1.tgz#a4f15e682849326dd211c97129c94b0c3e76527c"
+  integrity sha512-XelQVTDWvqcl3axRfI0xSeoVKzyIFPwsAGSLIsKdJKQMXDYJS4WYrBNF/8J7RdhIcFI2BOHgAifggsvsxp/3+A==
+  dependencies:
+    "@types/hast" "^3.0.0"
+
+hast-util-to-text@^4.0.0:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/hast-util-to-text/-/hast-util-to-text-4.0.2.tgz#57b676931e71bf9cb852453678495b3080bfae3e"
+  integrity sha512-KK6y/BN8lbaq654j7JgBydev7wuNMcID54lkRav1P0CaE1e47P72AWWPiGKXTJU271ooYzcvTAn/Zt0REnvc7A==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@types/unist" "^3.0.0"
+    hast-util-is-element "^3.0.0"
+    unist-util-find-after "^5.0.0"
+
+hast-util-whitespace@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz#7778ed9d3c92dd9e8c5c8f648a49c21fc51cb621"
+  integrity sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==
+  dependencies:
+    "@types/hast" "^3.0.0"
+
+hastscript@^9.0.0:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/hastscript/-/hastscript-9.0.1.tgz#dbc84bef6051d40084342c229c451cd9dc567dff"
+  integrity sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    comma-separated-tokens "^2.0.0"
+    hast-util-parse-selector "^4.0.0"
+    property-information "^7.0.0"
+    space-separated-tokens "^2.0.0"
+
+hookable@^5.5.3:
+  version "5.5.3"
+  resolved "https://registry.yarnpkg.com/hookable/-/hookable-5.5.3.tgz#6cfc358984a1ef991e2518cb9ed4a778bbd3215d"
+  integrity sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==
 
 hosted-git-info@^2.1.4:
   version "2.8.9"
   resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.9.tgz#dffc0bf9a21c02209090f2aa69429e1414daf3f9"
   integrity sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==
 
-html-encoding-sniffer@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz#2cb1a8cf0db52414776e5b2a7a04d5dd98158de9"
-  integrity sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==
+hosted-git-info@^7.0.0:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-7.0.2.tgz#9b751acac097757667f30114607ef7b661ff4f17"
+  integrity sha512-puUZAUKT5m8Zzvs72XWy3HtvVbTWljRE66cP60bxJzAqf2DgICo7lYTY2IHUmLnNpjYvw5bvmoHvPc0QO2a62w==
   dependencies:
-    whatwg-encoding "^2.0.0"
+    lru-cache "^10.0.1"
 
-html-entities@^2.1.0:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-2.3.3.tgz#117d7626bece327fc8baace8868fa6f5ef856e46"
-  integrity sha512-DV5Ln36z34NNTDgnz0EWGBLZENelNAtkiFA4kyNOG2tDI6Mz1uSWiq1wAKdyjnJwyDiDO7Fa2SO1CTxPXL8VxA==
-
-html-escaper@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
-  integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
-
-html-minifier-terser@^5.0.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-5.1.1.tgz#922e96f1f3bb60832c2634b79884096389b1f054"
-  integrity sha512-ZPr5MNObqnV/T9akshPKbVgyOqLmy+Bxo7juKCfTfnjNniTAMdy4hz21YQqoofMBJD2kdREaqPPdThoR78Tgxg==
-  dependencies:
-    camel-case "^4.1.1"
-    clean-css "^4.2.3"
-    commander "^4.1.1"
-    he "^1.2.0"
-    param-case "^3.0.3"
-    relateurl "^0.2.7"
-    terser "^4.6.3"
-
-html-minifier@^4.0.0:
+html-encoding-sniffer@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.yarnpkg.com/html-minifier/-/html-minifier-4.0.0.tgz#cca9aad8bce1175e02e17a8c33e46d8988889f56"
-  integrity sha512-aoGxanpFPLg7MkIl/DDFYtb0iWz7jMFGqFhvEDZga6/4QTjneiD8I/NXL1x5aaoCp7FSIT6h/OhykDdPsbtMig==
+  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz#696df529a7cfd82446369dc5193e590a3735b448"
+  integrity sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==
   dependencies:
-    camel-case "^3.0.0"
-    clean-css "^4.2.1"
-    commander "^2.19.0"
-    he "^1.2.0"
-    param-case "^2.1.1"
-    relateurl "^0.2.7"
-    uglify-js "^3.5.1"
+    whatwg-encoding "^3.1.1"
 
-html-tags@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-2.0.0.tgz#10b30a386085f43cede353cc8fa7cb0deeea668b"
-  integrity sha512-+Il6N8cCo2wB/Vd3gqy/8TZhTD3QvcVeQLCnZiGkGCH3JP28IgGAY41giccp2W4R3jfyJPAP318FQTa1yU7K7g==
+html-void-elements@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/html-void-elements/-/html-void-elements-3.0.0.tgz#fc9dbd84af9e747249034d4d62602def6517f1d7"
+  integrity sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==
 
-html-webpack-plugin@^4.5.1:
-  version "4.5.2"
-  resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-4.5.2.tgz#76fc83fa1a0f12dd5f7da0404a54e2699666bc12"
-  integrity sha512-q5oYdzjKUIPQVjOosjgvCHQOv9Ett9CYYHlgvJeXG0qQvdSojnBq4vAdQBwn1+yGveAwHCoe/rMR86ozX3+c2A==
-  dependencies:
-    "@types/html-minifier-terser" "^5.0.0"
-    "@types/tapable" "^1.0.5"
-    "@types/webpack" "^4.41.8"
-    html-minifier-terser "^5.0.1"
-    loader-utils "^1.2.3"
-    lodash "^4.17.20"
-    pretty-error "^2.1.1"
-    tapable "^1.1.3"
-    util.promisify "1.0.0"
-
-htmlparser2@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.1.0.tgz#c4d762b6c3371a05dbe65e94ae43a9f845fb8fb7"
-  integrity sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==
-  dependencies:
-    domelementtype "^2.0.1"
-    domhandler "^4.0.0"
-    domutils "^2.5.2"
-    entities "^2.0.0"
-
-http-cache-semantics@^4.0.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz#abe02fcb2985460bf0323be664436ec3476a6d5a"
-  integrity sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==
+html-whitespace-sensitive-tag-names@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/html-whitespace-sensitive-tag-names/-/html-whitespace-sensitive-tag-names-3.0.1.tgz#c35edd28205f3bf8c1fd03274608d60b923de5b2"
+  integrity sha512-q+310vW8zmymYHALr1da4HyXUQ0zgiIwIicEfotYPWGN0OJVEN/58IJ3A4GBYcEq3LGAZqKb+ugvP0GNB9CEAA==
 
 http-errors@2.0.0:
   version "2.0.0"
@@ -6733,14 +6782,13 @@ http-errors@2.0.0:
     statuses "2.0.1"
     toidentifier "1.0.1"
 
-http-proxy-agent@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz#5129800203520d434f142bc78ff3c170800f2b43"
-  integrity sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==
+http-proxy-agent@^7.0.2:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz#9a8b1f246866c028509486585f62b8f2c18c270e"
+  integrity sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==
   dependencies:
-    "@tootallnate/once" "2"
-    agent-base "6"
-    debug "4"
+    agent-base "^7.1.0"
+    debug "^4.3.4"
 
 http-proxy-middleware@^1.0.6:
   version "1.3.1"
@@ -6762,48 +6810,33 @@ http-proxy@^1.18.1:
     follow-redirects "^1.0.0"
     requires-port "^1.0.0"
 
-http2-wrapper@^1.0.0-beta.5.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/http2-wrapper/-/http2-wrapper-1.0.3.tgz#b8f55e0c1f25d4ebd08b3b0c2c079f9590800b3d"
-  integrity sha512-V+23sDMr12Wnz7iTcDeJr3O6AIxlnvT/bmaAAAP/Xda35C90p9599p0F1eHR/N1KILWSoWVAiOMFjBBXaXSMxg==
-  dependencies:
-    quick-lru "^5.1.1"
-    resolve-alpn "^1.0.0"
+http-shutdown@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/http-shutdown/-/http-shutdown-1.2.2.tgz#41bc78fc767637c4c95179bc492f312c0ae64c5f"
+  integrity sha512-S9wWkJ/VSY9/k4qcjG318bqJNruzE4HySUhFYknwmu6LBP97KLLfwNf+n4V1BHurvFNkSKLFnK/RsuUnRTf9Vw==
 
-https-browserify@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
-  integrity sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg==
-
-https-proxy-agent@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
-  integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
+https-proxy-agent@^7.0.5, https-proxy-agent@^7.0.6:
+  version "7.0.6"
+  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz#da8dfeac7da130b05c2ba4b59c9b6cd66611a6b9"
+  integrity sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==
   dependencies:
-    agent-base "6"
+    agent-base "^7.1.2"
     debug "4"
 
-human-signals@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-1.1.1.tgz#c5b1cd14f50aeae09ab6c59fe63ba3395fe4dfa3"
-  integrity sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==
+httpxy@^0.1.7:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/httpxy/-/httpxy-0.1.7.tgz#02d02e57eda10e8b5c0e3f9f10860e3d7a5991a4"
+  integrity sha512-pXNx8gnANKAndgga5ahefxc++tJvNL87CXoRwxn1cJE2ZkWEojF3tNfQIEhZX/vfpt+wzeAzpUI4qkediX1MLQ==
 
-human-signals@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
-  integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
+human-signals@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-5.0.0.tgz#42665a284f9ae0dade3ba41ebc37eb4b852f3a28"
+  integrity sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==
 
-human-signals@^4.3.0:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-4.3.1.tgz#ab7f811e851fca97ffbd2c1fe9a958964de321b2"
-  integrity sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==
-
-iconv-lite@0.4.24, iconv-lite@^0.4.24:
-  version "0.4.24"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
-  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3"
+human-signals@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-8.0.0.tgz#2d3d63481c7c2319f0373428b01ffe30da6df852"
+  integrity sha512-/1/GPCpDUCCYwlERiYjxoczfP0zfvZMU/OWgQPMya9AbAE24vseigFdhAMObpc8Q4lc/kjutPfUddDYyAmejnA==
 
 iconv-lite@0.6.3:
   version "0.6.3"
@@ -6812,39 +6845,73 @@ iconv-lite@0.6.3:
   dependencies:
     safer-buffer ">= 2.1.2 < 3.0.0"
 
-icss-utils@^5.0.0, icss-utils@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
-  integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
+idb@^7.0.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/idb/-/idb-7.1.1.tgz#d910ded866d32c7ced9befc5bfdf36f572ced72b"
+  integrity sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==
 
-ieee754@^1.1.4:
+ieee754@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
   integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
 
-iferr@^0.1.5:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/iferr/-/iferr-0.1.5.tgz#c60eed69e6d8fdb6b3104a1fcbca1c192dc5b501"
-  integrity sha512-DUNFN5j7Tln0D+TxzloUjKB+CtVu6myn0JEFak6dG18mNt9YkQ6lzGCdafwofISZ1lLF3xRHJ98VKy9ynkcFaA==
+ignore@^5.1.1, ignore@^5.2.0, ignore@^5.2.4, ignore@^5.3.1:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
+  integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
 
-ignore@^5.1.1, ignore@^5.2.0, ignore@^5.2.4:
-  version "5.2.4"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.4.tgz#a291c0c6178ff1b960befe47fcdec301674a6324"
-  integrity sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==
+ignore@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-7.0.3.tgz#397ef9315dfe0595671eefe8b633fec6943ab733"
+  integrity sha512-bAH5jbK/F3T3Jls4I0SO1hmPR0dKU0a7+SY6n1yzRtG54FLO8d6w/nxLFX2Nb7dBu6cCWXPaAME6cYqFUMmuCA==
 
-ignore@^5.3.0:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.1.tgz#5073e554cd42c5b33b394375f538b8593e34d4ef"
-  integrity sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==
+image-meta@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/image-meta/-/image-meta-0.2.1.tgz#3a9eb9f0bfd2f767ca2b0720623c2e03742aa29f"
+  integrity sha512-K6acvFaelNxx8wc2VjbIzXKDVB0Khs0QT35U6NkGfTdCmjLNcO2945m7RFNR9/RPVFm48hq7QPzK8uGH18HCGw==
 
-import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
-  integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
+immutable-json-patch@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/immutable-json-patch/-/immutable-json-patch-6.0.1.tgz#b60b609633e97bb2bc7c74726ff607729e61fd5b"
+  integrity sha512-BHL/cXMjwFZlTOffiWNdY8ZTvNyYLrutCnWxrcKPHr5FqpAb6vsO6WWSPnVSys3+DruFN6lhHJJPHi8uELQL5g==
+
+immutable@^5.0.2:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/immutable/-/immutable-5.0.3.tgz#aa037e2313ea7b5d400cd9298fa14e404c933db1"
+  integrity sha512-P8IdPQHq3lA1xVeBRi5VPqUm5HDgKnx0Ru51wZz5mjxHr5n3RWhjIpOFU7ybkUxfB+5IToy+OLaHYDBIWsv+uw==
+
+import-fresh@^3.2.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.1.tgz#9cecb56503c0ada1f2741dbbd6546e4b13b57ccf"
+  integrity sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==
   dependencies:
     parent-module "^1.0.0"
     resolve-from "^4.0.0"
 
+importx@^0.4.3:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/importx/-/importx-0.4.4.tgz#c0b4d6d8ca9df6dffe3d4552c155fee838419fca"
+  integrity sha512-Lo1pukzAREqrBnnHC+tj+lreMTAvyxtkKsMxLY8H15M/bvLl54p3YuoTI70Tz7Il0AsgSlD7Lrk/FaApRcBL7w==
+  dependencies:
+    bundle-require "^5.0.0"
+    debug "^4.3.6"
+    esbuild "^0.20.2 || ^0.21.0 || ^0.22.0 || ^0.23.0"
+    jiti "2.0.0-beta.3"
+    jiti-v1 "npm:jiti@^1.21.6"
+    pathe "^1.1.2"
+    tsx "^4.19.0"
+
+impound@^0.2.0:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/impound/-/impound-0.2.2.tgz#29a1040ee2742ec02a593f07204928611518715f"
+  integrity sha512-9CNg+Ly8QjH4FwCUoE9nl1zeqY1NPK1s1P6Btp4L8lJxn8oZLN/0p6RZhitnyEL0BnVWrcVPfbs0Q3x+O/ucHg==
+  dependencies:
+    "@rollup/pluginutils" "^5.1.4"
+    mlly "^1.7.4"
+    mocked-exports "^0.1.0"
+    pathe "^2.0.3"
+    unplugin "^2.2.0"
+
 imurmurhash@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
@@ -6855,10 +6922,15 @@ indent-string@^4.0.0:
   resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251"
   integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==
 
-infer-owner@^1.0.3, infer-owner@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/infer-owner/-/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467"
-  integrity sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==
+indent-string@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-5.0.0.tgz#4fd2980fccaf8622d14c64d694f4cf33c81951a5"
+  integrity sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==
+
+index-to-position@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/index-to-position/-/index-to-position-0.1.2.tgz#e11bfe995ca4d8eddb1ec43274488f3c201a7f09"
+  integrity sha512-MWDKS3AS1bGCHLBA2VLImJz42f7bJh8wQsTGCzI3j519/CASStoDONUBVz2I/VID0MpiX3SGSnbOD2xUalbE5g==
 
 inflight@^1.0.4:
   version "1.0.6"
@@ -6868,100 +6940,94 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.1, inherits@~2.0.3:
+inherits@2, inherits@2.0.4, inherits@~2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
 
-inherits@2.0.1:
+ini@4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-4.1.1.tgz#d95b3d843b1e906e56d6747d5447904ff50ce7a1"
+  integrity sha512-QQnnxNyfvmHFIsj7gkPcYymR8Jdw/o7mp5ZFihxn6h8Ci6fh3Dx4E1gPjpQEpIuPo9XVNY/ZUwh4BPMjGyL01g==
+
+internal-slot@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.1.0.tgz#1eac91762947d2f7056bc838d93e13b2e9604961"
+  integrity sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==
+  dependencies:
+    es-errors "^1.3.0"
+    hasown "^2.0.2"
+    side-channel "^1.1.0"
+
+ioredis@^5.6.0:
+  version "5.6.0"
+  resolved "https://registry.yarnpkg.com/ioredis/-/ioredis-5.6.0.tgz#faa2a27132f8a05c0ddfef400b01d1326df211a0"
+  integrity sha512-tBZlIIWbndeWBWCXWZiqtOF/yxf6yZX3tAlTJ7nfo5jhd6dctNxF7QnYlZLZ1a0o0pDoen7CgZqO+zjNaFbJAg==
+  dependencies:
+    "@ioredis/commands" "^1.1.1"
+    cluster-key-slot "^1.1.0"
+    debug "^4.3.4"
+    denque "^2.1.0"
+    lodash.defaults "^4.2.0"
+    lodash.isarguments "^3.1.0"
+    redis-errors "^1.2.0"
+    redis-parser "^3.0.0"
+    standard-as-callback "^2.1.0"
+
+iron-webcrypto@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/iron-webcrypto/-/iron-webcrypto-1.2.1.tgz#aa60ff2aa10550630f4c0b11fd2442becdb35a6f"
+  integrity sha512-feOM6FaSr6rEABp/eDfVseKyTMDt+KGpeB35SkVn9Tyn0CqvVsY3EwI0v5i8nMHyJnzCIQf7nsy3p41TPkJZhg==
+
+is-absolute-url@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-4.0.1.tgz#16e4d487d4fded05cfe0685e53ec86804a5e94dc"
+  integrity sha512-/51/TKE88Lmm7Gc4/8btclNXWS+g50wXhYJq8HWIBAGUBnoAdRu1aXeh364t/O7wXDAcTJDP8PNuNKWUDWie+A==
+
+is-alphabetical@^2.0.0:
   version "2.0.1"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1"
-  integrity sha512-8nWq2nLTAwd02jTqJExUYFSD/fKq6VH9Y/oG2accc/kdI0V98Bag8d5a4gi3XHz73rDWa2PvTtvcWYquKqSENA==
+  resolved "https://registry.yarnpkg.com/is-alphabetical/-/is-alphabetical-2.0.1.tgz#01072053ea7c1036df3c7d19a6daaec7f19e789b"
+  integrity sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==
 
-inherits@2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
-  integrity sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==
-
-ini@^1.3.5:
-  version "1.3.8"
-  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
-  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
-
-inquirer@^7.3.3:
-  version "7.3.3"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-7.3.3.tgz#04d176b2af04afc157a83fd7c100e98ee0aad003"
-  integrity sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==
+is-alphanumerical@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz#7c03fbe96e3e931113e57f964b0a368cc2dfd875"
+  integrity sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==
   dependencies:
-    ansi-escapes "^4.2.1"
-    chalk "^4.1.0"
-    cli-cursor "^3.1.0"
-    cli-width "^3.0.0"
-    external-editor "^3.0.3"
-    figures "^3.0.0"
-    lodash "^4.17.19"
-    mute-stream "0.0.8"
-    run-async "^2.4.0"
-    rxjs "^6.6.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-    through "^2.3.6"
+    is-alphabetical "^2.0.0"
+    is-decimal "^2.0.0"
 
-internal-slot@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.5.tgz#f2a2ee21f668f8627a4667f309dc0f4fb6674986"
-  integrity sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==
+is-array-buffer@^3.0.4, is-array-buffer@^3.0.5:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.5.tgz#65742e1e687bd2cc666253068fd8707fe4d44280"
+  integrity sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==
   dependencies:
-    get-intrinsic "^1.2.0"
-    has "^1.0.3"
-    side-channel "^1.0.4"
-
-ip@^1.1.8:
-  version "1.1.8"
-  resolved "https://registry.yarnpkg.com/ip/-/ip-1.1.8.tgz#ae05948f6b075435ed3307acce04629da8cdbf48"
-  integrity sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg==
-
-is-accessor-descriptor@^0.1.6:
-  version "0.1.6"
-  resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz#a9e12cb3ae8d876727eeef3843f8a0897b5c98d6"
-  integrity sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==
-  dependencies:
-    kind-of "^3.0.2"
-
-is-accessor-descriptor@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz#169c2f6d3df1f992618072365c9b0ea1f6878656"
-  integrity sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==
-  dependencies:
-    kind-of "^6.0.0"
-
-is-array-buffer@^3.0.1, is-array-buffer@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.2.tgz#f2653ced8412081638ecb0ebbd0c41c6e0aecbbe"
-  integrity sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==
-  dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.2.0"
-    is-typed-array "^1.1.10"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    get-intrinsic "^1.2.6"
 
 is-arrayish@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
   integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
 
-is-bigint@^1.0.1:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.4.tgz#08147a1875bc2b32005d41ccd8291dffc6691df3"
-  integrity sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==
+is-async-function@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-async-function/-/is-async-function-2.1.1.tgz#3e69018c8e04e73b738793d020bfe884b9fd3523"
+  integrity sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==
   dependencies:
-    has-bigints "^1.0.1"
+    async-function "^1.0.0"
+    call-bound "^1.0.3"
+    get-proto "^1.0.1"
+    has-tostringtag "^1.0.2"
+    safe-regex-test "^1.1.0"
 
-is-binary-path@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-1.0.1.tgz#75f16642b480f187a711c814161fd3a4a7655898"
-  integrity sha512-9fRVlXc0uCxEDj1nQzaWONSpbTfx0FmJfzHF7pwlI8DkWGoHBBea4Pg5Ky0ojwwxQmnSifgbKkI06Qv0Ljgj+Q==
+is-bigint@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.1.0.tgz#dda7a3445df57a42583db4228682eba7c4170672"
+  integrity sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==
   dependencies:
-    binary-extensions "^1.0.0"
+    has-bigints "^1.0.2"
 
 is-binary-path@~2.1.0:
   version "2.1.0"
@@ -6970,18 +7036,13 @@ is-binary-path@~2.1.0:
   dependencies:
     binary-extensions "^2.0.0"
 
-is-boolean-object@^1.1.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.2.tgz#5c6dc200246dd9321ae4b885a114bb1f75f63719"
-  integrity sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==
+is-boolean-object@^1.2.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.2.2.tgz#7067f47709809a393c71ff5bb3e135d8a9215d9e"
+  integrity sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==
   dependencies:
-    call-bind "^1.0.2"
-    has-tostringtag "^1.0.0"
-
-is-buffer@^1.1.5:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
-  integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
 
 is-builtin-module@^3.2.0:
   version "3.2.1"
@@ -6990,79 +7051,76 @@ is-builtin-module@^3.2.0:
   dependencies:
     builtin-modules "^3.3.0"
 
-is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
+is-builtin-module@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-4.0.0.tgz#dfbf2080dad42d28af2bde71df7e4bc3f1dee6c0"
+  integrity sha512-rWP3AMAalQSesXO8gleROyL2iKU73SX5Er66losQn9rWOWL4Gef0a/xOEOVqjWGMuR2vHG3FJ8UUmT700O8oFg==
+  dependencies:
+    builtin-modules "^4.0.0"
+
+is-bun-module@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/is-bun-module/-/is-bun-module-1.3.0.tgz#ea4d24fdebfcecc98e81bcbcb506827fee288760"
+  integrity sha512-DgXeu5UWI0IsMQundYb5UAOzm6G2eVnarJ0byP6Tm55iZNKceD59LNPA2L4VvsScTtHcw0yEkVwSf7PC+QoLSA==
+  dependencies:
+    semver "^7.6.3"
+
+is-callable@^1.2.7:
   version "1.2.7"
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
   integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
-is-core-module@^2.10.0, is-core-module@^2.11.0, is-core-module@^2.9.0:
-  version "2.11.0"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.11.0.tgz#ad4cb3e3863e814523c96f3f58d26cc570ff0144"
-  integrity sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==
+is-core-module@^2.11.0, is-core-module@^2.13.0, is-core-module@^2.15.1, is-core-module@^2.16.0:
+  version "2.16.1"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.1.tgz#2a98801a849f43e2add644fbb6bc6229b19a4ef4"
+  integrity sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==
   dependencies:
-    has "^1.0.3"
+    hasown "^2.0.2"
 
-is-data-descriptor@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz#0b5ee648388e2c860282e793f1856fec3f301b56"
-  integrity sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==
-  dependencies:
-    kind-of "^3.0.2"
-
-is-data-descriptor@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz#d84876321d0e7add03990406abbbbd36ba9268c7"
-  integrity sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==
-  dependencies:
-    kind-of "^6.0.0"
-
-is-date-object@^1.0.1:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
-  integrity sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==
-  dependencies:
-    has-tostringtag "^1.0.0"
-
-is-descriptor@^0.1.0:
-  version "0.1.6"
-  resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-0.1.6.tgz#366d8240dde487ca51823b1ab9f07a10a78251ca"
-  integrity sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==
-  dependencies:
-    is-accessor-descriptor "^0.1.6"
-    is-data-descriptor "^0.1.4"
-    kind-of "^5.0.0"
-
-is-descriptor@^1.0.0, is-descriptor@^1.0.2:
+is-data-view@^1.0.1, is-data-view@^1.0.2:
   version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-1.0.2.tgz#3b159746a66604b04f8c81524ba365c5f14d86ec"
-  integrity sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==
+  resolved "https://registry.yarnpkg.com/is-data-view/-/is-data-view-1.0.2.tgz#bae0a41b9688986c2188dda6657e56b8f9e63b8e"
+  integrity sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==
   dependencies:
-    is-accessor-descriptor "^1.0.0"
-    is-data-descriptor "^1.0.0"
-    kind-of "^6.0.2"
+    call-bound "^1.0.2"
+    get-intrinsic "^1.2.6"
+    is-typed-array "^1.1.13"
+
+is-date-object@^1.0.5, is-date-object@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.1.0.tgz#ad85541996fc7aa8b2729701d27b7319f95d82f7"
+  integrity sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==
+  dependencies:
+    call-bound "^1.0.2"
+    has-tostringtag "^1.0.2"
+
+is-decimal@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-decimal/-/is-decimal-2.0.1.tgz#9469d2dc190d0214fd87d78b78caecc0cc14eef7"
+  integrity sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==
 
 is-docker@^2.0.0, is-docker@^2.1.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
   integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
 
-is-extendable@^0.1.0, is-extendable@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
-  integrity sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==
+is-docker@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-3.0.0.tgz#90093aa3106277d8a77a5910dbae71747e15a200"
+  integrity sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==
 
-is-extendable@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-1.0.1.tgz#a7470f9e426733d81bd81e1155264e3a3507cab4"
-  integrity sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==
-  dependencies:
-    is-plain-object "^2.0.4"
-
-is-extglob@^2.1.0, is-extglob@^2.1.1:
+is-extglob@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
   integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
 
+is-finalizationregistry@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz#eefdcdc6c94ddd0674d9c85887bf93f944a97c90"
+  integrity sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==
+  dependencies:
+    call-bound "^1.0.3"
+
 is-fullwidth-code-point@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
@@ -7073,12 +7131,22 @@ is-fullwidth-code-point@^4.0.0:
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz#fae3167c729e7463f8461ce512b080a49268aa88"
   integrity sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==
 
-is-glob@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-3.1.0.tgz#7ba5ae24217804ac70707b96922567486cc3e84a"
-  integrity sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==
+is-fullwidth-code-point@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-5.0.0.tgz#9609efced7c2f97da7b60145ef481c787c7ba704"
+  integrity sha512-OVa3u9kkBbw7b8Xw5F9P+D/T9X+Z4+JruYVNapTjPYZYUznQ5YfWeFkOj606XYYW8yugTfC8Pj0hYqvi4ryAhA==
   dependencies:
-    is-extglob "^2.1.0"
+    get-east-asian-width "^1.0.0"
+
+is-generator-function@^1.0.10:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.1.0.tgz#bf3eeda931201394f57b5dba2800f91a238309ca"
+  integrity sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==
+  dependencies:
+    call-bound "^1.0.3"
+    get-proto "^1.0.0"
+    has-tostringtag "^1.0.2"
+    safe-regex-test "^1.1.0"
 
 is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
   version "4.0.3"
@@ -7087,95 +7155,128 @@ is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
   dependencies:
     is-extglob "^2.1.1"
 
+is-hexadecimal@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz#86b5bf668fca307498d319dfc03289d781a90027"
+  integrity sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==
+
 is-https@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/is-https/-/is-https-4.0.0.tgz#9ee725a334fb517b988278d2674efc96e4f348ed"
   integrity sha512-FeMLiqf8E5g6SdiVJsPcNZX8k4h2fBs1wp5Bb6uaNxn58ufK1axBqQZdmAQsqh0t9BuwFObybrdVJh6MKyPlyg==
 
-is-negative-zero@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.2.tgz#7bf6f03a28003b8b3965de3ac26f664d765f3150"
-  integrity sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==
-
-is-number-object@^1.0.4:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.7.tgz#59d50ada4c45251784e9904f5246c742f07a42fc"
-  integrity sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==
+is-inside-container@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-inside-container/-/is-inside-container-1.0.0.tgz#e81fba699662eb31dbdaf26766a61d4814717ea4"
+  integrity sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==
   dependencies:
-    has-tostringtag "^1.0.0"
+    is-docker "^3.0.0"
 
-is-number@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-number/-/is-number-3.0.0.tgz#24fd6201a4782cf50561c810276afc7d12d71195"
-  integrity sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==
+is-installed-globally@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-installed-globally/-/is-installed-globally-1.0.0.tgz#08952c43758c33d815692392f7f8437b9e436d5a"
+  integrity sha512-K55T22lfpQ63N4KEN57jZUAaAYqYHEe8veb/TycJRk9DdSCLLcovXz/mL6mOnhQaZsQGwPhuFopdQIlqGSEjiQ==
   dependencies:
-    kind-of "^3.0.2"
+    global-directory "^4.0.1"
+    is-path-inside "^4.0.0"
+
+is-map@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.3.tgz#ede96b7fe1e270b3c4465e3a465658764926d62e"
+  integrity sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==
+
+is-module@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-module/-/is-module-1.0.0.tgz#3258fb69f78c14d5b815d664336b4cffb6441591"
+  integrity sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==
+
+is-number-object@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.1.1.tgz#144b21e95a1bc148205dcc2814a9134ec41b2541"
+  integrity sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==
+  dependencies:
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
 
 is-number@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
   integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
 
-is-path-inside@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
-  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
+is-obj@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
+  integrity sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==
 
-is-plain-obj@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
-  integrity sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==
+is-path-inside@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-4.0.0.tgz#805aeb62c47c1b12fc3fd13bfb3ed1e7430071db"
+  integrity sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA==
 
 is-plain-obj@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-3.0.0.tgz#af6f2ea14ac5a646183a5bbdb5baabbc156ad9d7"
   integrity sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==
 
-is-plain-object@^2.0.3, is-plain-object@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
-  integrity sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==
-  dependencies:
-    isobject "^3.0.1"
-
-is-plain-object@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-5.0.0.tgz#4427f50ab3429e9025ea7d52e9043a9ef4159344"
-  integrity sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==
+is-plain-obj@^4.0.0, is-plain-obj@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-4.1.0.tgz#d65025edec3657ce032fd7db63c97883eaed71f0"
+  integrity sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==
 
 is-potential-custom-element-name@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
   integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
 
-is-regex@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958"
-  integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==
+is-reference@1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-1.2.1.tgz#8b2dac0b371f4bc994fdeaba9eb542d03002d0b7"
+  integrity sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==
   dependencies:
-    call-bind "^1.0.2"
-    has-tostringtag "^1.0.0"
+    "@types/estree" "*"
 
-is-retry-allowed@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-retry-allowed/-/is-retry-allowed-2.2.0.tgz#88f34cbd236e043e71b6932d09b0c65fb7b4d71d"
-  integrity sha512-XVm7LOeLpTW4jV19QSH38vkswxoLud8sQ57YwJVTPWdiaI9I8keEhGFpBlslyVsgdQy4Opg8QOLb8YRgsyZiQg==
-
-is-shared-array-buffer@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz#8f259c573b60b6a32d4058a1a07430c0a7344c79"
-  integrity sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==
+is-reference@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-3.0.3.tgz#9ef7bf9029c70a67b2152da4adf57c23d718910f"
+  integrity sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==
   dependencies:
-    call-bind "^1.0.2"
+    "@types/estree" "^1.0.6"
+
+is-regex@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.2.1.tgz#76d70a3ed10ef9be48eb577887d74205bf0cad22"
+  integrity sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==
+  dependencies:
+    call-bound "^1.0.2"
+    gopd "^1.2.0"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.2"
+
+is-regexp@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-1.0.0.tgz#fd2d883545c46bac5a633e7b9a09e87fa2cb5069"
+  integrity sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==
+
+is-set@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.3.tgz#8ab209ea424608141372ded6e0cb200ef1d9d01d"
+  integrity sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==
+
+is-shared-array-buffer@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz#9b67844bd9b7f246ba0708c3a93e34269c774f6f"
+  integrity sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==
+  dependencies:
+    call-bound "^1.0.3"
 
 is-ssh@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/is-ssh/-/is-ssh-1.4.0.tgz#4f8220601d2839d8fa624b3106f8e8884f01b8b2"
-  integrity sha512-x7+VxdxOdlV3CYpjvRLBv5Lo9OJerlYanjwFrPR9fuGPjCiNiCzFgAWpiLAohSbsnH4ZAys3SBh+hq5rJosxUQ==
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/is-ssh/-/is-ssh-1.4.1.tgz#76de1cdbe8f92a8b905d1a172b6bc09704c20396"
+  integrity sha512-JNeu1wQsHjyHgn9NcWTaXq6zWSR6hqE0++zhfZlkFBbScNkyvxCdeV8sRkSBaeLKxmbpR21brail63ACNxJ0Tg==
   dependencies:
     protocols "^2.0.1"
 
-is-stream@^2.0.0:
+is-stream@^2.0.0, is-stream@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
   integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
@@ -7185,47 +7286,64 @@ is-stream@^3.0.0:
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-3.0.0.tgz#e6bfd7aa6bef69f4f472ce9bb681e3e57b4319ac"
   integrity sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==
 
-is-string@^1.0.5, is-string@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.7.tgz#0dd12bf2006f255bb58f695110eff7491eebc0fd"
-  integrity sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==
+is-stream@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-4.0.1.tgz#375cf891e16d2e4baec250b85926cffc14720d9b"
+  integrity sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==
+
+is-string@^1.0.7, is-string@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.1.1.tgz#92ea3f3d5c5b6e039ca8677e5ac8d07ea773cbb9"
+  integrity sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==
   dependencies:
-    has-tostringtag "^1.0.0"
+    call-bound "^1.0.3"
+    has-tostringtag "^1.0.2"
 
-is-symbol@^1.0.2, is-symbol@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.4.tgz#a6dac93b635b063ca6872236de88910a57af139c"
-  integrity sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==
+is-symbol@^1.0.4, is-symbol@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.1.1.tgz#f47761279f532e2b05a7024a7506dbbedacd0634"
+  integrity sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==
   dependencies:
-    has-symbols "^1.0.2"
+    call-bound "^1.0.2"
+    has-symbols "^1.1.0"
+    safe-regex-test "^1.1.0"
 
-is-typed-array@^1.1.10, is-typed-array@^1.1.9:
-  version "1.1.10"
-  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.10.tgz#36a5b5cb4189b575d1a3e4b08536bfb485801e3f"
-  integrity sha512-PJqgEHiWZvMpaFZ3uTc8kHPM4+4ADTlDniuQL7cU/UDA0Ql7F70yGfHph3cLNe+c9toaigv+DFzTJKhc2CtO6A==
+is-typed-array@^1.1.13, is-typed-array@^1.1.14, is-typed-array@^1.1.15:
+  version "1.1.15"
+  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.15.tgz#4bfb4a45b61cee83a5a46fba778e4e8d59c0ce0b"
+  integrity sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==
   dependencies:
-    available-typed-arrays "^1.0.5"
-    call-bind "^1.0.2"
-    for-each "^0.3.3"
-    gopd "^1.0.1"
-    has-tostringtag "^1.0.0"
+    which-typed-array "^1.1.16"
 
-is-weakref@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.2.tgz#9529f383a9338205e89765e0392efc2f100f06f2"
-  integrity sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==
+is-unicode-supported@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-unicode-supported/-/is-unicode-supported-2.1.0.tgz#09f0ab0de6d3744d48d265ebb98f65d11f2a9b3a"
+  integrity sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==
+
+is-weakmap@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.2.tgz#bf72615d649dfe5f699079c54b83e47d1ae19cfd"
+  integrity sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==
+
+is-weakref@^1.0.2, is-weakref@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.1.1.tgz#eea430182be8d64174bd96bffbc46f21bf3f9293"
+  integrity sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==
   dependencies:
-    call-bind "^1.0.2"
+    call-bound "^1.0.3"
 
-is-windows@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d"
-  integrity sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==
+is-weakset@^2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/is-weakset/-/is-weakset-2.0.4.tgz#c9f5deb0bc1906c6d6f1027f284ddf459249daca"
+  integrity sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==
+  dependencies:
+    call-bound "^1.0.3"
+    get-intrinsic "^1.2.6"
 
-is-wsl@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
-  integrity sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw==
+is-what@^4.1.8:
+  version "4.1.16"
+  resolved "https://registry.yarnpkg.com/is-what/-/is-what-4.1.16.tgz#1ad860a19da8b4895ad5495da3182ce2acdd7a6f"
+  integrity sha512-ZhMwEosbFJkA0YhFnNDgTM4ZxDRsS6HqTo7qsZM08fehyRYIYa0yHu5R6mgo1n/8MgaPBXiPimPD77baVFYg+A==
 
 is-wsl@^2.2.0:
   version "2.2.0"
@@ -7234,7 +7352,26 @@ is-wsl@^2.2.0:
   dependencies:
     is-docker "^2.0.0"
 
-isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
+is-wsl@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-3.1.0.tgz#e1c657e39c10090afcbedec61720f6b924c3cbd2"
+  integrity sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==
+  dependencies:
+    is-inside-container "^1.0.0"
+
+is64bit@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is64bit/-/is64bit-2.0.0.tgz#198c627cbcb198bbec402251f88e5e1a51236c07"
+  integrity sha512-jv+8jaWCl0g2lSBkNSVXdzfBA0npK1HGC2KtWM9FumFRoGS94g3NbCCLVnCYHLjp4GrW2KZeeSTMo5ddtznmGw==
+  dependencies:
+    system-architecture "^0.1.0"
+
+isarray@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
+  integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
+
+isarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
   integrity sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==
@@ -7244,105 +7381,99 @@ isexe@^2.0.0:
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
 
-isobject@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/isobject/-/isobject-2.1.0.tgz#f065561096a3f1da2ef46272f815c840d87e0c89"
-  integrity sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==
+isexe@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-3.1.1.tgz#4a407e2bd78ddfb14bea0c27c6f7072dde775f0d"
+  integrity sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==
+
+isomorphic-dompurify@^2.22.0:
+  version "2.22.0"
+  resolved "https://registry.yarnpkg.com/isomorphic-dompurify/-/isomorphic-dompurify-2.22.0.tgz#675b751bb80dc1e96a5c6760bbc6396b03f4786d"
+  integrity sha512-A2xsDNST1yB94rErEnwqlzSvGllCJ4e8lDMe1OWBH2hvpfc/2qzgMEiDshTO1HwO+PIDTiYeOc7ZDB7Ds49BOg==
   dependencies:
-    isarray "1.0.0"
+    dompurify "^3.2.4"
+    jsdom "^26.0.0"
 
-isobject@^3.0.0, isobject@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
-  integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
-
-isomorphic-dompurify@^1.0.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/isomorphic-dompurify/-/isomorphic-dompurify-1.2.0.tgz#f0183483f82acc1065984c0de02e7adcf5b4e088"
-  integrity sha512-WAQMvW1ZGLFz3nF8byWLiuBjAakUcMYq9rs2uCDmriVEDaQ69wTZt0q0DfBIVbZtSgC/WTRHxd0A/E10Uv1JaA==
+jackspeak@^3.1.2:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.3.tgz#8833a9d89ab4acde6188942bd1c53b6390ed5a8a"
+  integrity sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==
   dependencies:
-    "@types/dompurify" "^3.0.0"
-    dompurify "^3.0.1"
-    jsdom "^21.1.0"
+    "@isaacs/cliui" "^8.0.2"
+  optionalDependencies:
+    "@pkgjs/parseargs" "^0.11.0"
 
-javascript-natural-sort@^0.7.1:
-  version "0.7.1"
-  resolved "https://registry.yarnpkg.com/javascript-natural-sort/-/javascript-natural-sort-0.7.1.tgz#f9e2303d4507f6d74355a73664d1440fb5a0ef59"
-  integrity sha512-nO6jcEfZWQXDhOiBtG2KvKyEptz7RVbpGP4vTD2hLBdmNQSsCiicO2Ioinv6UI4y9ukqnBpy+XZ9H6uLNgJTlw==
-
-jest-util@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.5.0.tgz#24a4d3d92fc39ce90425311b23c27a6e0ef16b8f"
-  integrity sha512-RYMgG/MTadOr5t8KdhejfvUU82MxsCu5MF6KuDUHl+NuwzUt+Sm6jJWxTJVrDR1j5M/gJVCPKQEpWXY+yIQ6lQ==
+jake@^10.8.5:
+  version "10.9.2"
+  resolved "https://registry.yarnpkg.com/jake/-/jake-10.9.2.tgz#6ae487e6a69afec3a5e167628996b59f35ae2b7f"
+  integrity sha512-2P4SQ0HrLQ+fw6llpLnOaGAvN2Zu6778SJMrCUwns4fOoG9ayrTiZk3VV8sCPkVZF8ab0zksVpS8FDY5pRCNBA==
   dependencies:
-    "@jest/types" "^29.5.0"
+    async "^3.2.3"
+    chalk "^4.0.2"
+    filelist "^1.0.4"
+    minimatch "^3.1.2"
+
+jest-util@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.7.0.tgz#23c2b62bfb22be82b44de98055802ff3710fc0bc"
+  integrity sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==
+  dependencies:
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
     chalk "^4.0.0"
     ci-info "^3.2.0"
     graceful-fs "^4.2.9"
     picomatch "^2.2.3"
 
-jest-worker@^26.5.0:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-26.6.2.tgz#7f72cbc4d643c365e27b9fd775f9d0eaa9c7a8ed"
-  integrity sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==
+jest-worker@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-29.7.0.tgz#acad073acbbaeb7262bd5389e1bcf43e10058d4a"
+  integrity sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==
   dependencies:
     "@types/node" "*"
-    merge-stream "^2.0.0"
-    supports-color "^7.0.0"
-
-jest-worker@^29.4.1:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-29.5.0.tgz#bdaefb06811bd3384d93f009755014d8acb4615d"
-  integrity sha512-NcrQnevGoSp4b5kg+akIpthoAFHxPBcb5P6mYPY0fUNT+sSvmtu6jlkEle3anczUKIKEbMxFimk9oTP/tpIPgA==
-  dependencies:
-    "@types/node" "*"
-    jest-util "^29.5.0"
+    jest-util "^29.7.0"
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
-jimp-compact@^0.16.1:
-  version "0.16.1"
-  resolved "https://registry.yarnpkg.com/jimp-compact/-/jimp-compact-0.16.2.tgz#650bf90698eb7af797e20bf5f5cdccd137e7d08a"
-  integrity sha512-F/r0L283J46xiGUEvUb3jxUsei7aB94g3NRIMuJ4WhbpEcJV2U5GpaUNJLnBiOP2+x4lLTI4UiRVrmbrXQAOMA==
+"jiti-v1@npm:jiti@^1.21.6":
+  version "1.21.7"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.7.tgz#9dd81043424a3d28458b193d965f0d18a2300ba9"
+  integrity sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==
 
-jiti@^1.17.2:
-  version "1.18.2"
-  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.18.2.tgz#80c3ef3d486ebf2450d9335122b32d121f2a83cd"
-  integrity sha512-QAdOptna2NYiSSpv0O/BwoHBSmz4YhpzJHyi+fnMRTXFjp7B8i/YG5Z8IfusxB1ufjcD2Sre1F3R+nX3fvy7gg==
+jiti@2.0.0-beta.3:
+  version "2.0.0-beta.3"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-2.0.0-beta.3.tgz#8b97dcb268a7409c3fbda9242453486564a11c36"
+  integrity sha512-pmfRbVRs/7khFrSAYnSiJ8C0D5GvzkE4Ey2pAvUcJsw1ly/p+7ut27jbJrjY79BpAJQJ4gXYFtK6d1Aub+9baQ==
 
-jiti@^1.21.0:
-  version "1.21.0"
-  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.0.tgz#7c97f8fe045724e136a397f7340475244156105d"
-  integrity sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==
+jiti@^2.1.2, jiti@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-2.4.2.tgz#d19b7732ebb6116b06e2038da74a55366faef560"
+  integrity sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==
 
 jmespath@^0.16.0:
   version "0.16.0"
   resolved "https://registry.yarnpkg.com/jmespath/-/jmespath-0.16.0.tgz#b15b0a85dfd4d930d43e69ed605943c802785076"
   integrity sha512-9FzQjJ7MATs1tSpnco1K6ayiYE3figslrXA72G2HQ/n76RzvYlofyi5QM+iX4YRs/pu3yzxlVQSST23+dMDknw==
 
-js-cookie@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/js-cookie/-/js-cookie-3.0.1.tgz#9e39b4c6c2f56563708d7d31f6f5f21873a92414"
-  integrity sha512-+0rgsUXZu4ncpPxRL+lNEptWMOWl9etvPHc/koSRp6MPwpRYAhmk0dUG00J4bxVV3r9uUzfo24wW0knS07SKSw==
+jose@^4.11.4, jose@^4.15.9:
+  version "4.15.9"
+  resolved "https://registry.yarnpkg.com/jose/-/jose-4.15.9.tgz#9b68eda29e9a0614c042fa29387196c7dd800100"
+  integrity sha512-1vUQX+IdDMVPj4k8kOxgUqlcK518yluMuGZwqlr44FS1ppZB/5GWh4rZG89erpOBOJjU/OBsnCVFfapsRz6nEA==
 
-js-sdsl@^4.1.4:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.4.0.tgz#8b437dbe642daa95760400b602378ed8ffea8430"
-  integrity sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==
+js-levenshtein@^1.1.6:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/js-levenshtein/-/js-levenshtein-1.1.6.tgz#c6cee58eb3550372df8deb85fad5ce66ce01d59d"
+  integrity sha512-X2BB11YZtrRqY4EnQcLX5Rh373zbK4alC1FW7D7MBhL2gtcC17cTnr6DmfHZeS0s2rTHjUTMMHfG7gO8SSdw+g==
 
 js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
   integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
 
-js-yaml@^3.13.1:
-  version "3.14.1"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.1.tgz#dae812fdb3825fa306609a8717383c50c36a0537"
-  integrity sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==
-  dependencies:
-    argparse "^1.0.7"
-    esprima "^4.0.0"
+js-tokens@^9.0.1:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-9.0.1.tgz#2ec43964658435296f6761b34e10671c2d9527f4"
+  integrity sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==
 
 js-yaml@^4.1.0:
   version "4.1.0"
@@ -7351,63 +7482,79 @@ js-yaml@^4.1.0:
   dependencies:
     argparse "^2.0.1"
 
-jsdom@^21.1.0:
-  version "21.1.1"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-21.1.1.tgz#ab796361e3f6c01bcfaeda1fea3c06197ac9d8ae"
-  integrity sha512-Jjgdmw48RKcdAIQyUD1UdBh2ecH7VqwaXPN3ehoZN6MqgVbMn+lRm1aAT1AsdJRAJpwfa4IpwgzySn61h2qu3w==
+jsdoc-type-pratt-parser@^4.0.0, jsdoc-type-pratt-parser@~4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-4.1.0.tgz#ff6b4a3f339c34a6c188cbf50a16087858d22113"
+  integrity sha512-Hicd6JK5Njt2QB6XYFS7ok9e37O8AYk3jTcppG4YVQnYjOemymvTcmc7OWsmq/Qqj5TdRFO5/x/tIPmBeRtGHg==
+
+jsdom@^26.0.0:
+  version "26.0.0"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-26.0.0.tgz#446dd1ad8cfc50df7e714e58f1f972c1763b354c"
+  integrity sha512-BZYDGVAIriBWTpIxYzrXjv3E/4u8+/pSG5bQdIYCbNCGOvsPkDQfTVLAIXAf9ETdCpduCVTkDe2NNZ8NIwUVzw==
   dependencies:
-    abab "^2.0.6"
-    acorn "^8.8.2"
-    acorn-globals "^7.0.0"
-    cssstyle "^3.0.0"
-    data-urls "^4.0.0"
+    cssstyle "^4.2.1"
+    data-urls "^5.0.0"
     decimal.js "^10.4.3"
-    domexception "^4.0.0"
-    escodegen "^2.0.0"
-    form-data "^4.0.0"
-    html-encoding-sniffer "^3.0.0"
-    http-proxy-agent "^5.0.0"
-    https-proxy-agent "^5.0.1"
+    form-data "^4.0.1"
+    html-encoding-sniffer "^4.0.0"
+    http-proxy-agent "^7.0.2"
+    https-proxy-agent "^7.0.6"
     is-potential-custom-element-name "^1.0.1"
-    nwsapi "^2.2.2"
-    parse5 "^7.1.2"
-    rrweb-cssom "^0.6.0"
+    nwsapi "^2.2.16"
+    parse5 "^7.2.1"
+    rrweb-cssom "^0.8.0"
     saxes "^6.0.0"
     symbol-tree "^3.2.4"
-    tough-cookie "^4.1.2"
-    w3c-xmlserializer "^4.0.0"
+    tough-cookie "^5.0.0"
+    w3c-xmlserializer "^5.0.0"
     webidl-conversions "^7.0.0"
-    whatwg-encoding "^2.0.0"
-    whatwg-mimetype "^3.0.0"
-    whatwg-url "^12.0.1"
-    ws "^8.13.0"
-    xml-name-validator "^4.0.0"
+    whatwg-encoding "^3.1.1"
+    whatwg-mimetype "^4.0.0"
+    whatwg-url "^14.1.0"
+    ws "^8.18.0"
+    xml-name-validator "^5.0.0"
 
-jsesc@^2.5.1:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
-  integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==
+jsep@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/jsep/-/jsep-1.4.0.tgz#19feccbfa51d8a79f72480b4b8e40ce2e17152f0"
+  integrity sha512-B7qPcEVE3NVkmSJbaYxvv4cHkVW7DQsZz13pUMrfS8z8Q/BuShN+gcTXrUlPiGqM2/t/EEaI030bpxMqY8gMlw==
 
-jsesc@~0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
-  integrity sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==
+jsesc@^3.0.2, jsesc@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.1.0.tgz#74d335a234f67ed19907fdadfac7ccf9d409825d"
+  integrity sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==
+
+jsesc@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.0.2.tgz#bb8b09a6597ba426425f2e4a07245c3d00b9343e"
+  integrity sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==
 
 json-buffer@3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
   integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
 
-json-parse-better-errors@^1.0.1, json-parse-better-errors@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
-  integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
+json-editor-vue@^0.18.1:
+  version "0.18.1"
+  resolved "https://registry.yarnpkg.com/json-editor-vue/-/json-editor-vue-0.18.1.tgz#eff512908ad9591f4fc41e24f1b38d1b100ed4dd"
+  integrity sha512-SQCtNngo/ScFjXC7KUOqLOeeLgvl+xwWbxfNelqIOHC6uLilQl7AlWzNJyrDqo+RWnc53nT0OngXki5uTx9SJg==
+  dependencies:
+    vanilla-jsoneditor "^3.0.0"
+    vue-demi "^0.14.10"
 
 json-parse-even-better-errors@^2.3.0:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
   integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
 
+json-schema-to-typescript-lite@^14.1.0:
+  version "14.1.0"
+  resolved "https://registry.yarnpkg.com/json-schema-to-typescript-lite/-/json-schema-to-typescript-lite-14.1.0.tgz#a35624a2d783e5e125631a3d25ac4c2fb96dd191"
+  integrity sha512-b8K6P3aiLgiYKYcHacgZKrwPXPyjekqRPV5vkNfBt0EoohcOSXEbcuGzgi6KQmsAhuy5Mh2KMxofXodRhMxURA==
+  dependencies:
+    "@apidevtools/json-schema-ref-parser" "^11.7.0"
+    "@types/json-schema" "^7.0.15"
+
 json-schema-traverse@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
@@ -7418,6 +7565,11 @@ json-schema-traverse@^1.0.0:
   resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz#ae7bcb3656ab77a73ba5c49bf654f38e6b6860e2"
   integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
 
+json-schema@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.4.0.tgz#f7de4cf6efab838ebaeb3236474cbba5a1930ab5"
+  integrity sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==
+
 json-source-map@^0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/json-source-map/-/json-source-map-0.6.1.tgz#e0b1f6f4ce13a9ad57e2ae165a24d06e62c79a0f"
@@ -7428,44 +7580,27 @@ json-stable-stringify-without-jsonify@^1.0.1:
   resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
   integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
 
-json5@^1.0.1, json5@^1.0.2:
+json5@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.2.tgz#63d98d60f21b313b77c4d6da18bfa69d80e1d593"
   integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
   dependencies:
     minimist "^1.2.0"
 
-json5@^2.1.1, json5@^2.1.2, json5@^2.2.2, json5@^2.2.3:
+json5@^2.2.0, json5@^2.2.3:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
-jsonc-parser@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/jsonc-parser/-/jsonc-parser-3.2.0.tgz#31ff3f4c2b9793f89c67212627c51c6394f88e76"
-  integrity sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==
-
-jsoneditor@^9.5.3:
-  version "9.10.0"
-  resolved "https://registry.yarnpkg.com/jsoneditor/-/jsoneditor-9.10.0.tgz#954c3fcf2cf0cef88bbd409304e41379270b93df"
-  integrity sha512-vmVSD3ubZ8jwkiDKVW5MB5ESI/MUm4trVUw5WnT4j5FV6m81liA2YfQ0l84PlN4qJ3DCeYWFWfprOUoCjzkDhQ==
+jsonc-eslint-parser@^2.3.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/jsonc-eslint-parser/-/jsonc-eslint-parser-2.4.0.tgz#74ded53f9d716e8d0671bd167bf5391f452d5461"
+  integrity sha512-WYDyuc/uFcGp6YtM2H0uKmUwieOuzeE/5YocFJLnLfclZ4inf3mRn8ZVy1s7Hxji7Jxm6Ss8gqpexD/GlKoGgg==
   dependencies:
-    ace-builds "^1.15.2"
-    ajv "^6.12.6"
-    javascript-natural-sort "^0.7.1"
-    jmespath "^0.16.0"
-    json-source-map "^0.6.1"
-    jsonrepair "^3.0.2"
-    mobius1-selectr "^2.4.13"
-    picomodal "^3.0.0"
-    vanilla-picker "^2.12.1"
-
-jsonfile@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
-  integrity sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==
-  optionalDependencies:
-    graceful-fs "^4.1.6"
+    acorn "^8.5.0"
+    eslint-visitor-keys "^3.0.0"
+    espree "^9.0.0"
+    semver "^7.3.5"
 
 jsonfile@^6.0.1:
   version "6.1.0"
@@ -7476,80 +7611,72 @@ jsonfile@^6.0.1:
   optionalDependencies:
     graceful-fs "^4.1.6"
 
-jsonrepair@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/jsonrepair/-/jsonrepair-3.0.2.tgz#aa26bedeb4cd6fce57c0f664f1905ee4b2762837"
-  integrity sha512-jf3eC13iGklfXqpER/OV6q24rMhXwNAoMg+zPZgPVHxGLoDaNaKk+9TdsRtGQSIAsbC1xafiIAKSwThhtHCpcw==
+jsonpath-plus@^10.3.0:
+  version "10.3.0"
+  resolved "https://registry.yarnpkg.com/jsonpath-plus/-/jsonpath-plus-10.3.0.tgz#59e22e4fa2298c68dfcd70659bb47f0cad525238"
+  integrity sha512-8TNmfeTCk2Le33A3vRRwtuworG/L5RrgMvdjhKZxvyShO+mBu2fP50OWUjRLNtvw344DdDarFh9buFAZs5ujeA==
+  dependencies:
+    "@jsep-plugin/assignment" "^1.3.0"
+    "@jsep-plugin/regex" "^1.0.4"
+    jsep "^1.4.0"
 
-jwt-decode@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/jwt-decode/-/jwt-decode-3.1.2.tgz#3fb319f3675a2df0c2895c8f5e9fa4b67b04ed59"
-  integrity sha512-UfpWE/VZn0iP50d8cz9NrZLM9lSWhcJ+0Gt/nm4by88UL+J1SiKN8/5dkjMmbEzwL2CAe+67GsegCbIKtbp75A==
+jsonpointer@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/jsonpointer/-/jsonpointer-5.0.1.tgz#2110e0af0900fd37467b5907ecd13a7884a1b559"
+  integrity sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==
 
-keyv@^4.0.0:
-  version "4.5.2"
-  resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.2.tgz#0e310ce73bf7851ec702f2eaf46ec4e3805cce56"
-  integrity sha512-5MHbFaKn8cNSmVW7BYnijeAVlE4cYA/SVkifVgrh7yotnfhKmjuXpDKjrABLnT0SfHWV21P8ow07OGfRrNDg8g==
+jsonrepair@^3.0.0:
+  version "3.12.0"
+  resolved "https://registry.yarnpkg.com/jsonrepair/-/jsonrepair-3.12.0.tgz#a0c9f97f5628156a44b78597fc8cdaf3561db751"
+  integrity sha512-SWfjz8SuQ0wZjwsxtSJ3Zy8vvLg6aO/kxcp9TWNPGwJKgTZVfhNEQBMk/vPOpYCDFWRxD6QWuI6IHR1t615f0w==
+
+keyv@^4.5.4:
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
+  integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
   dependencies:
     json-buffer "3.0.1"
 
-kind-of@^3.0.2, kind-of@^3.0.3, kind-of@^3.2.0:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
-  integrity sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==
-  dependencies:
-    is-buffer "^1.1.5"
+kleur@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
+  integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
 
-kind-of@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-4.0.0.tgz#20813df3d712928b207378691a45066fae72dd57"
-  integrity sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==
-  dependencies:
-    is-buffer "^1.1.5"
+kleur@^4.1.5:
+  version "4.1.5"
+  resolved "https://registry.yarnpkg.com/kleur/-/kleur-4.1.5.tgz#95106101795f7050c6c650f350c683febddb1780"
+  integrity sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==
 
-kind-of@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-5.1.0.tgz#729c91e2d857b7a419a1f9aa65685c4c33f5845d"
-  integrity sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==
-
-kind-of@^6.0.0, kind-of@^6.0.2:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
-  integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
-
-klona@^2.0.4, klona@^2.0.5:
+klona@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.6.tgz#85bffbf819c03b2f53270412420a4555ef882e22"
   integrity sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==
 
-knitwork@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/knitwork/-/knitwork-1.0.0.tgz#38d124dead875bee5feea1733632295af58a49d2"
-  integrity sha512-dWl0Dbjm6Xm+kDxhPQJsCBTxrJzuGl0aP9rhr+TG8D3l+GL90N8O8lYUi7dTSAN2uuDqCtNgb6aEuQH5wsiV8Q==
+knitwork@^1.0.0, knitwork@^1.1.0, knitwork@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/knitwork/-/knitwork-1.2.0.tgz#3cc92e76249aeb35449cfbed3f31c6df8444db3f"
+  integrity sha512-xYSH7AvuQ6nXkq42x0v5S8/Iry+cfulBz/DJQzhIyESdLD7425jXsPy4vn5cCXU+HhRN2kVw51Vd1K6/By4BQg==
 
-last-call-webpack-plugin@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/last-call-webpack-plugin/-/last-call-webpack-plugin-3.0.0.tgz#9742df0e10e3cf46e5c0381c2de90d3a7a2d7555"
-  integrity sha512-7KI2l2GIZa9p2spzPIVZBYyNKkN+e/SQPpnjlTiPhdbDW3F86tdKKELxKpzJ5sgU19wQWsACULZmpTPYHeWO5w==
-  dependencies:
-    lodash "^4.17.5"
-    webpack-sources "^1.1.0"
-
-launch-editor-middleware@^2.6.1:
-  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/launch-editor-middleware/-/launch-editor-middleware-2.6.1.tgz#7f2f400d8dda2283b69d02e9d83b1d272fef2bfb"
-  integrity sha512-Fg/xYhf7ARmRp40n18wIfJyuAMEjXo67Yull7uF7d0OJ3qA4EYJISt1XfPPn69IIJ5jKgQwzcg6DqHYo95LL/g==
-  dependencies:
-    launch-editor "^2.6.1"
-
-launch-editor@^2.6.1:
-  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/launch-editor/-/launch-editor-2.6.1.tgz#f259c9ef95cbc9425620bbbd14b468fcdb4ffe3c"
-  integrity sha512-eB/uXmFVpY4zezmGp5XtU21kwo7GBbKB+EQ+UZeWtGb9yAM5xt/Evk+lYH3eRNAtId+ej4u7TYPFZ07w4s7rRw==
+launch-editor@^2.10.0:
+  version "2.10.0"
+  resolved "https://registry.yarnpkg.com/launch-editor/-/launch-editor-2.10.0.tgz#5ca3edfcb9667df1e8721310f3a40f1127d4bc42"
+  integrity sha512-D7dBRJo/qcGX9xlvt/6wUYzQxjh5G1RvZPgPv8vi4KRU99DVQL/oW7tnVOCCTm2HGeo3C5HvGE5Yrh6UBoZ0vA==
   dependencies:
     picocolors "^1.0.0"
     shell-quote "^1.8.1"
 
+lazystream@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/lazystream/-/lazystream-1.0.1.tgz#494c831062f1f9408251ec44db1cba29242a2638"
+  integrity sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==
+  dependencies:
+    readable-stream "^2.0.5"
+
+leven@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2"
+  integrity sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==
+
 levn@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
@@ -7558,109 +7685,99 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-levn@~0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
-  integrity sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==
-  dependencies:
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-
-lilconfig@2.1.0, lilconfig@^2.0.3:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
-  integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
-
-lilconfig@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.0.0.tgz#f8067feb033b5b74dab4602a5f5029420be749bc"
-  integrity sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==
+lilconfig@^3.1.2, lilconfig@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.3.tgz#a1bcfd6257f9585bf5ae14ceeebb7b559025e4c4"
+  integrity sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==
 
 lines-and-columns@^1.1.6:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
   integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
 
-linkify-it@^3.0.1:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/linkify-it/-/linkify-it-3.0.3.tgz#a98baf44ce45a550efb4d49c769d07524cc2fa2e"
-  integrity sha512-ynTsyrFSdE5oZ/O9GEf00kPngmOfVwazR5GKDq6EYfhlpFug3J2zybX56a2PRRpc9P+FuSoGNAwjlbDs9jJBPQ==
+lint-staged@^15.4.3:
+  version "15.5.0"
+  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-15.5.0.tgz#fa6464cfb06e0faf5bb167f83186e952ff6e569e"
+  integrity sha512-WyCzSbfYGhK7cU+UuDDkzUiytbfbi0ZdPy2orwtM75P3WTtQBzmG40cCxIa8Ii2+XjfxzLH6Be46tUfWS85Xfg==
   dependencies:
-    uc.micro "^1.0.1"
-
-lint-staged@^13.1.0:
-  version "13.2.0"
-  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-13.2.0.tgz#b7abaf79c91cd36d824f17b23a4ce5209206126a"
-  integrity sha512-GbyK5iWinax5Dfw5obm2g2ccUiZXNGtAS4mCbJ0Lv4rq6iEtfBSjOYdcbOtAIFtM114t0vdpViDDetjVTSd8Vw==
-  dependencies:
-    chalk "5.2.0"
-    cli-truncate "^3.1.0"
-    commander "^10.0.0"
-    debug "^4.3.4"
-    execa "^7.0.0"
-    lilconfig "2.1.0"
-    listr2 "^5.0.7"
-    micromatch "^4.0.5"
-    normalize-path "^3.0.0"
-    object-inspect "^1.12.3"
+    chalk "^5.4.1"
+    commander "^13.1.0"
+    debug "^4.4.0"
+    execa "^8.0.1"
+    lilconfig "^3.1.3"
+    listr2 "^8.2.5"
+    micromatch "^4.0.8"
     pidtree "^0.6.0"
-    string-argv "^0.3.1"
-    yaml "^2.2.1"
+    string-argv "^0.3.2"
+    yaml "^2.7.0"
 
-listr2@^5.0.7:
-  version "5.0.8"
-  resolved "https://registry.yarnpkg.com/listr2/-/listr2-5.0.8.tgz#a9379ffeb4bd83a68931a65fb223a11510d6ba23"
-  integrity sha512-mC73LitKHj9w6v30nLNGPetZIlfpUniNSsxxrbaPcWOjDb92SHPzJPi/t+v1YC/lxKz/AJ9egOjww0qUuFxBpA==
+listhen@^1.9.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/listhen/-/listhen-1.9.0.tgz#59355f7e4fc1eefda6bc494ae7e9ed13aa7658ef"
+  integrity sha512-I8oW2+QL5KJo8zXNWX046M134WchxsXC7SawLPvRQpogCbkyQIaFxPE89A2HiwR7vAK2Dm2ERBAmyjTYGYEpBg==
   dependencies:
-    cli-truncate "^2.1.0"
-    colorette "^2.0.19"
-    log-update "^4.0.0"
-    p-map "^4.0.0"
-    rfdc "^1.3.0"
-    rxjs "^7.8.0"
-    through "^2.3.8"
-    wrap-ansi "^7.0.0"
+    "@parcel/watcher" "^2.4.1"
+    "@parcel/watcher-wasm" "^2.4.1"
+    citty "^0.1.6"
+    clipboardy "^4.0.0"
+    consola "^3.2.3"
+    crossws ">=0.2.0 <0.4.0"
+    defu "^6.1.4"
+    get-port-please "^3.1.2"
+    h3 "^1.12.0"
+    http-shutdown "^1.2.2"
+    jiti "^2.1.2"
+    mlly "^1.7.1"
+    node-forge "^1.3.1"
+    pathe "^1.1.2"
+    std-env "^3.7.0"
+    ufo "^1.5.4"
+    untun "^0.1.3"
+    uqr "^0.1.2"
 
-loader-runner@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.4.0.tgz#ed47066bfe534d7e84c4c7b9998c2a75607d9357"
-  integrity sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==
-
-loader-runner@^4.1.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.3.0.tgz#c1b4a163b99f614830353b16755e7149ac2314e1"
-  integrity sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==
-
-loader-utils@^1.0.2, loader-utils@^1.1.0, loader-utils@^1.2.3:
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.2.tgz#29a957f3a63973883eb684f10ffd3d151fec01a3"
-  integrity sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==
+listr2@^8.2.5:
+  version "8.2.5"
+  resolved "https://registry.yarnpkg.com/listr2/-/listr2-8.2.5.tgz#5c9db996e1afeb05db0448196d3d5f64fec2593d"
+  integrity sha512-iyAZCeyD+c1gPyE9qpFu8af0Y+MRtmKOncdGoA2S5EY8iFq99dmmvkNnHiWo+pj0s7yH7l3KPIgee77tKpXPWQ==
   dependencies:
-    big.js "^5.2.2"
-    emojis-list "^3.0.0"
-    json5 "^1.0.1"
+    cli-truncate "^4.0.0"
+    colorette "^2.0.20"
+    eventemitter3 "^5.0.1"
+    log-update "^6.1.0"
+    rfdc "^1.4.1"
+    wrap-ansi "^9.0.0"
 
-loader-utils@^2.0.0, loader-utils@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.4.tgz#8b5cb38b5c34a9a018ee1fc0e6a066d1dfcc528c"
-  integrity sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==
-  dependencies:
-    big.js "^5.2.2"
-    emojis-list "^3.0.0"
-    json5 "^2.1.2"
+load-tsconfig@^0.2.3:
+  version "0.2.5"
+  resolved "https://registry.yarnpkg.com/load-tsconfig/-/load-tsconfig-0.2.5.tgz#453b8cd8961bfb912dea77eb6c168fe8cca3d3a1"
+  integrity sha512-IXO6OCs9yg8tMKzfPZ1YmheJbZCiEsnBdcB03l0OcfK9prKnJb96siuHCr5Fl37/yo9DnKU+TLpxzTUspw9shg==
 
-local-pkg@^0.4.2, local-pkg@^0.4.3:
+local-pkg@^0.4.2:
   version "0.4.3"
   resolved "https://registry.yarnpkg.com/local-pkg/-/local-pkg-0.4.3.tgz#0ff361ab3ae7f1c19113d9bb97b98b905dbc4963"
   integrity sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==
 
-locate-path@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
-  integrity sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==
+local-pkg@^0.5.0, local-pkg@^0.5.1:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/local-pkg/-/local-pkg-0.5.1.tgz#69658638d2a95287534d4c2fff757980100dbb6d"
+  integrity sha512-9rrA30MRRP3gBD3HTGnC6cDFpaE1kVDWxWgqWJUN0RvDNAo+Nz/9GxB+nHOH0ifbVFy0hSA1V6vFDvnx54lTEQ==
   dependencies:
-    p-locate "^3.0.0"
-    path-exists "^3.0.0"
+    mlly "^1.7.3"
+    pkg-types "^1.2.1"
+
+local-pkg@^1.0.0, local-pkg@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/local-pkg/-/local-pkg-1.1.1.tgz#f5fe74a97a3bd3c165788ee08ca9fbe998dc58dd"
+  integrity sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==
+  dependencies:
+    mlly "^1.7.4"
+    pkg-types "^2.0.1"
+    quansync "^0.2.8"
+
+locate-character@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/locate-character/-/locate-character-3.0.0.tgz#0305c5b8744f61028ef5d01f444009e00779f974"
+  integrity sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==
 
 locate-path@^5.0.0:
   version "5.0.0"
@@ -7676,20 +7793,32 @@ locate-path@^6.0.0:
   dependencies:
     p-locate "^5.0.0"
 
-lodash._reinterpolate@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
-  integrity sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA==
+locate-path@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-7.2.0.tgz#69cb1779bd90b35ab1e771e1f2f89a202c2a8a8a"
+  integrity sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==
+  dependencies:
+    p-locate "^6.0.0"
+
+lodash-es@^4.17.21:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
+  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
 
 lodash.debounce@^4.0.8:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
   integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==
 
-lodash.kebabcase@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz#8489b1cb0d29ff88195cceca448ff6d6cc295c36"
-  integrity sha512-N8XRTIMMqqDgSy4VLKPnJ/+hpGZN+PHQiJnSenYqPaVV/NCqEogTnAdZLQiGKhxX+JCs8waWq2t1XHWKOmlY8g==
+lodash.defaults@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/lodash.defaults/-/lodash.defaults-4.2.0.tgz#d09178716ffea4dde9e5fb7b37f6f0802274580c"
+  integrity sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==
+
+lodash.isarguments@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz#2f573d85c6a24289ff00663b491c1d338ff3458a"
+  integrity sha512-chi4NHZlZqZD18a0imDHnZPrDeBbTtVN7GXMwuGdRH9qotxAjYs3aVLKc7zNOG9eddR5Ksd8rvFEBc9SsggPpg==
 
 lodash.memoize@^4.1.2:
   version "4.1.2"
@@ -7701,72 +7830,46 @@ lodash.merge@^4.6.2:
   resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
   integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
 
-lodash.template@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/lodash.template/-/lodash.template-4.5.0.tgz#f976195cf3f347d0d5f52483569fe8031ccce8ab"
-  integrity sha512-84vYFxIkmidUiFxidA/KjjH9pAycqW+h980j7Fuz5qxRtO9pgB7MDFTdys1N7A5mcucRiDyEq4fusljItR1T/A==
-  dependencies:
-    lodash._reinterpolate "^3.0.0"
-    lodash.templatesettings "^4.0.0"
-
-lodash.templatesettings@^4.0.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/lodash.templatesettings/-/lodash.templatesettings-4.2.0.tgz#e481310f049d3cf6d47e912ad09313b154f0fb33"
-  integrity sha512-stgLz+i3Aa9mZgnjr/O+v9ruKZsPsndy7qPZOchbqk2cnTU1ZaldKK+v7m54WoKIyxiuMZTKT2H81F8BeAc3ZQ==
-  dependencies:
-    lodash._reinterpolate "^3.0.0"
+lodash.sortby@^4.7.0:
+  version "4.7.0"
+  resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
+  integrity sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==
 
 lodash.uniq@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
   integrity sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==
 
-lodash@^4.15.0, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.5:
+lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17.21:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
-log-update@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/log-update/-/log-update-4.0.0.tgz#589ecd352471f2a1c0c570287543a64dfd20e0a1"
-  integrity sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==
+log-update@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/log-update/-/log-update-6.1.0.tgz#1a04ff38166f94647ae1af562f4bd6a15b1b7cd4"
+  integrity sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==
   dependencies:
-    ansi-escapes "^4.3.0"
-    cli-cursor "^3.1.0"
-    slice-ansi "^4.0.0"
-    wrap-ansi "^6.2.0"
+    ansi-escapes "^7.0.0"
+    cli-cursor "^5.0.0"
+    slice-ansi "^7.1.0"
+    strip-ansi "^7.1.0"
+    wrap-ansi "^9.0.0"
 
-loupe@^2.3.1, loupe@^2.3.6:
-  version "2.3.6"
-  resolved "https://registry.yarnpkg.com/loupe/-/loupe-2.3.6.tgz#76e4af498103c532d1ecc9be102036a21f787b53"
-  integrity sha512-RaPMZKiMy8/JruncMU5Bt6na1eftNoo++R4Y+N2FrxkDVTrGvcyzFTsaGif4QTeKESheMGegbhw6iUAq+5A8zA==
-  dependencies:
-    get-func-name "^2.0.0"
+longest-streak@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-3.1.0.tgz#62fa67cd958742a1574af9f39866364102d90cd4"
+  integrity sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==
 
-lower-case@^1.1.1:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-1.1.4.tgz#9a2cabd1b9e8e0ae993a4bf7d5875c39c42e8eac"
-  integrity sha512-2Fgx1Ycm599x+WGpIYwJOvsjmXFzTSc34IwDWALRA/8AopUKAVPwfJ+h5+f85BCp0PWmmJcWzEpxOpoXycMpdA==
+loupe@^3.1.0, loupe@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/loupe/-/loupe-3.1.3.tgz#042a8f7986d77f3d0f98ef7990a2b2fef18b0fd2"
+  integrity sha512-kkIp7XSkP78ZxJEsSxW3712C6teJVoeHHwgo9zJ380de7IYyJ2ISlxojcH2pC5OFLewESmnRi/+XCDIEEVyoug==
 
-lower-case@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28"
-  integrity sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==
-  dependencies:
-    tslib "^2.0.3"
-
-lowercase-keys@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-2.0.0.tgz#2603e78b7b4b0006cbca2fbcc8a3202558ac9479"
-  integrity sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==
-
-lru-cache@^4.1.2:
-  version "4.1.5"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd"
-  integrity sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==
-  dependencies:
-    pseudomap "^1.0.2"
-    yallist "^2.1.2"
+lru-cache@^10.0.1, lru-cache@^10.2.0, lru-cache@^10.4.3:
+  version "10.4.3"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.4.3.tgz#410fc8a17b70e598013df257c2446b7f3383f119"
+  integrity sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==
 
 lru-cache@^5.1.1:
   version "5.1.1"
@@ -7782,147 +7885,183 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
-magic-string@^0.25.7:
+magic-string-ast@^0.7.0:
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/magic-string-ast/-/magic-string-ast-0.7.1.tgz#07b044f98d061a71f1e38f08de2fa5fee4051563"
+  integrity sha512-ub9iytsEbT7Yw/Pd29mSo/cNQpaEu67zR1VVcXDiYjSFwzeBxNdTd0FMnSslLQXiRj8uGPzwsaoefrMD5XAmdw==
+  dependencies:
+    magic-string "^0.30.17"
+
+magic-string@^0.25.0, magic-string@^0.25.7:
   version "0.25.9"
   resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.9.tgz#de7f9faf91ef8a1c91d02c2e5314c8277dbcdd1c"
   integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==
   dependencies:
     sourcemap-codec "^1.4.8"
 
-magic-string@^0.26.1, magic-string@^0.26.2:
-  version "0.26.7"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.26.7.tgz#caf7daf61b34e9982f8228c4527474dac8981d6f"
-  integrity sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==
+magic-string@^0.30.10, magic-string@^0.30.11, magic-string@^0.30.14, magic-string@^0.30.17, magic-string@^0.30.3, magic-string@^0.30.8:
+  version "0.30.17"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.17.tgz#450a449673d2460e5bbcfba9a61916a1714c7453"
+  integrity sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==
   dependencies:
-    sourcemap-codec "^1.4.8"
+    "@jridgewell/sourcemap-codec" "^1.5.0"
 
-magic-string@^0.27.0:
-  version "0.27.0"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.27.0.tgz#e4a3413b4bab6d98d2becffd48b4a257effdbbf3"
-  integrity sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==
+magicast@^0.3.5:
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/magicast/-/magicast-0.3.5.tgz#8301c3c7d66704a0771eb1bad74274f0ec036739"
+  integrity sha512-L0WhttDl+2BOsybvEOLK7fW3UA0OQ0IQ2d6Zl2x/a6vVRs3bAY0ECOSHHeL5jD+SbOpOCUEi0y1DgHEn9Qn1AQ==
   dependencies:
-    "@jridgewell/sourcemap-codec" "^1.4.13"
+    "@babel/parser" "^7.25.4"
+    "@babel/types" "^7.25.4"
+    source-map-js "^1.2.0"
 
-magic-string@^0.30.0:
-  version "0.30.0"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.0.tgz#fd58a4748c5c4547338a424e90fa5dd17f4de529"
-  integrity sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==
+markdown-table@^3.0.0:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/markdown-table/-/markdown-table-3.0.4.tgz#fe44d6d410ff9d6f2ea1797a3f60aa4d2b631c2a"
+  integrity sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==
+
+math-intrinsics@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz#a0dd74be81e2aa5c2f27e65ce283605ee4e2b7f9"
+  integrity sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==
+
+mdast-util-find-and-replace@^3.0.0, mdast-util-find-and-replace@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/mdast-util-find-and-replace/-/mdast-util-find-and-replace-3.0.2.tgz#70a3174c894e14df722abf43bc250cbae44b11df"
+  integrity sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==
   dependencies:
-    "@jridgewell/sourcemap-codec" "^1.4.13"
+    "@types/mdast" "^4.0.0"
+    escape-string-regexp "^5.0.0"
+    unist-util-is "^6.0.0"
+    unist-util-visit-parents "^6.0.0"
 
-make-dir@^1.0.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-1.3.0.tgz#79c1033b80515bd6d24ec9933e860ca75ee27f0c"
-  integrity sha512-2w31R7SJtieJJnQtGc7RVL2StM2vGYVfqUOvUDxH6bC6aJTxPxTF0GnIgCyu7tjockiUWAYQRbxa7vKn34s5sQ==
-  dependencies:
-    pify "^3.0.0"
-
-make-dir@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
-  integrity sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==
-  dependencies:
-    pify "^4.0.1"
-    semver "^5.6.0"
-
-make-dir@^3.0.2, make-dir@^3.1.0, make-dir@~3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
-  integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
-  dependencies:
-    semver "^6.0.0"
-
-map-cache@^0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf"
-  integrity sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==
-
-map-visit@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/map-visit/-/map-visit-1.0.0.tgz#ecdca8f13144e660f1b5bd41f12f3479d98dfb8f"
-  integrity sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==
-  dependencies:
-    object-visit "^1.0.0"
-
-markdown-it-abbr@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/markdown-it-abbr/-/markdown-it-abbr-1.0.4.tgz#d66b5364521cbb3dd8aa59dadfba2fb6865c8fd8"
-  integrity sha512-ZeA4Z4SaBbYysZap5iZcxKmlPL6bYA8grqhzJIHB1ikn7njnzaP8uwbtuXc4YXD5LicI4/2Xmc0VwmSiFV04gg==
-
-markdown-it-deflist@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/markdown-it-deflist/-/markdown-it-deflist-2.1.0.tgz#50d7a56b9544cd81252f7623bd785e28a8dcef5c"
-  integrity sha512-3OuqoRUlSxJiuQYu0cWTLHNhhq2xtoSFqsZK8plANg91+RJQU1ziQ6lA2LzmFAEes18uPBsHZpcX6We5l76Nzg==
-
-markdown-it-emoji@^2.0.0:
+mdast-util-from-markdown@^2.0.0, mdast-util-from-markdown@^2.0.2:
   version "2.0.2"
-  resolved "https://registry.yarnpkg.com/markdown-it-emoji/-/markdown-it-emoji-2.0.2.tgz#cd42421c2fda1537d9cc12b9923f5c8aeb9029c8"
-  integrity sha512-zLftSaNrKuYl0kR5zm4gxXjHaOI3FAOEaloKmRA5hijmJZvSjmxcokOLlzycb/HXlUFWzXqpIEoyEMCE4i9MvQ==
-
-markdown-it-footnote@^3.0.2:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/markdown-it-footnote/-/markdown-it-footnote-3.0.3.tgz#e0e4c0d67390a4c5f0c75f73be605c7c190ca4d8"
-  integrity sha512-YZMSuCGVZAjzKMn+xqIco9d1cLGxbELHZ9do/TSYVzraooV8ypsppKNmUJ0fVH5ljkCInQAtFpm8Rb3eXSrt5w==
-
-markdown-it-ins@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/markdown-it-ins/-/markdown-it-ins-3.0.1.tgz#c09356b917cf1dbf73add0b275d67ab8c73d4b4d"
-  integrity sha512-32SSfZqSzqyAmmQ4SHvhxbFqSzPDqsZgMHDwxqPzp+v+t8RsmqsBZRG+RfRQskJko9PfKC2/oxyOs4Yg/CfiRw==
-
-markdown-it-mark@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/markdown-it-mark/-/markdown-it-mark-3.0.1.tgz#51257db58787d78aaf46dc13418d99a9f3f0ebd3"
-  integrity sha512-HyxjAu6BRsdt6Xcv6TKVQnkz/E70TdGXEFHRYBGLncRE9lBFwDNLVtFojKxjJWgJ+5XxUwLaHXy+2sGBbDn+4A==
-
-markdown-it-sub@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/markdown-it-sub/-/markdown-it-sub-1.0.0.tgz#375fd6026eae7ddcb012497f6411195ea1e3afe8"
-  integrity sha512-z2Rm/LzEE1wzwTSDrI+FlPEveAAbgdAdPhdWarq/ZGJrGW/uCQbKAnhoCsE4hAbc3SEym26+W2z/VQB0cQiA9Q==
-
-markdown-it-sup@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/markdown-it-sup/-/markdown-it-sup-1.0.0.tgz#cb9c9ff91a5255ac08f3fd3d63286e15df0a1fc3"
-  integrity sha512-E32m0nV9iyhRR7CrhnzL5msqic7rL1juWre6TQNxsnApg7Uf+F97JOKxUijg5YwXz86lZ0mqfOnutoryyNdntQ==
-
-markdown-it-toc-and-anchor@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/markdown-it-toc-and-anchor/-/markdown-it-toc-and-anchor-4.2.0.tgz#d1613327cc63c61f82cd66cbac5564f4db12c0e9"
-  integrity sha512-DusSbKtg8CwZ92ztN7bOojDpP4h0+w7BVOPuA3PHDIaabMsERYpwsazLYSP/UlKedoQjOz21mwlai36TQ04EpA==
+  resolved "https://registry.yarnpkg.com/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.2.tgz#4850390ca7cf17413a9b9a0fbefcd1bc0eb4160a"
+  integrity sha512-uZhTV/8NBuw0WHkPTrCqDOl0zVe1BIng5ZtHoDk49ME1qqcjYmmLmOf0gELgcRMxN4w2iuIeVso5/6QymSrgmA==
   dependencies:
-    clone "^2.1.0"
-    uslug "^1.0.4"
+    "@types/mdast" "^4.0.0"
+    "@types/unist" "^3.0.0"
+    decode-named-character-reference "^1.0.0"
+    devlop "^1.0.0"
+    mdast-util-to-string "^4.0.0"
+    micromark "^4.0.0"
+    micromark-util-decode-numeric-character-reference "^2.0.0"
+    micromark-util-decode-string "^2.0.0"
+    micromark-util-normalize-identifier "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+    unist-util-stringify-position "^4.0.0"
 
-markdown-it@^12.0.3:
-  version "12.3.2"
-  resolved "https://registry.yarnpkg.com/markdown-it/-/markdown-it-12.3.2.tgz#bf92ac92283fe983fe4de8ff8abfb5ad72cd0c90"
-  integrity sha512-TchMembfxfNVpHkbtriWltGWc+m3xszaRD0CZup7GFFhzIgQqxIfn3eGj1yZpfuflzPvfkt611B2Q/Bsk1YnGg==
+mdast-util-gfm-autolink-literal@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-2.0.1.tgz#abd557630337bd30a6d5a4bd8252e1c2dc0875d5"
+  integrity sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==
   dependencies:
-    argparse "^2.0.1"
-    entities "~2.1.0"
-    linkify-it "^3.0.1"
-    mdurl "^1.0.1"
-    uc.micro "^1.0.5"
+    "@types/mdast" "^4.0.0"
+    ccount "^2.0.0"
+    devlop "^1.0.0"
+    mdast-util-find-and-replace "^3.0.0"
+    micromark-util-character "^2.0.0"
 
-markdown-table@^2.0.0:
+mdast-util-gfm-footnote@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-gfm-footnote/-/mdast-util-gfm-footnote-2.1.0.tgz#7778e9d9ca3df7238cc2bd3fa2b1bf6a65b19403"
+  integrity sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    devlop "^1.1.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+    micromark-util-normalize-identifier "^2.0.0"
+
+mdast-util-gfm-strikethrough@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/markdown-table/-/markdown-table-2.0.0.tgz#194a90ced26d31fe753d8b9434430214c011865b"
-  integrity sha512-Ezda85ToJUBhM6WGaG6veasyym+Tbs3cMAw/ZhOPqXiYsr0jgocBV3j3nx+4lk47plLlIqjwuTm/ywVI+zjJ/A==
+  resolved "https://registry.yarnpkg.com/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-2.0.0.tgz#d44ef9e8ed283ac8c1165ab0d0dfd058c2764c16"
+  integrity sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==
   dependencies:
-    repeat-string "^1.0.0"
+    "@types/mdast" "^4.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
 
-md5.js@^1.3.4:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
-  integrity sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==
+mdast-util-gfm-table@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-gfm-table/-/mdast-util-gfm-table-2.0.0.tgz#7a435fb6223a72b0862b33afbd712b6dae878d38"
+  integrity sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==
   dependencies:
-    hash-base "^3.0.0"
-    inherits "^2.0.1"
-    safe-buffer "^5.1.2"
+    "@types/mdast" "^4.0.0"
+    devlop "^1.0.0"
+    markdown-table "^3.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
 
-mdn-data@2.0.14:
-  version "2.0.14"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50"
-  integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==
+mdast-util-gfm-task-list-item@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-gfm-task-list-item/-/mdast-util-gfm-task-list-item-2.0.0.tgz#e68095d2f8a4303ef24094ab642e1047b991a936"
+  integrity sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    devlop "^1.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+
+mdast-util-gfm@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-gfm/-/mdast-util-gfm-3.1.0.tgz#2cdf63b92c2a331406b0fb0db4c077c1b0331751"
+  integrity sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ==
+  dependencies:
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-gfm-autolink-literal "^2.0.0"
+    mdast-util-gfm-footnote "^2.0.0"
+    mdast-util-gfm-strikethrough "^2.0.0"
+    mdast-util-gfm-table "^2.0.0"
+    mdast-util-gfm-task-list-item "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+
+mdast-util-phrasing@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz#7cc0a8dec30eaf04b7b1a9661a92adb3382aa6e3"
+  integrity sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    unist-util-is "^6.0.0"
+
+mdast-util-to-hast@^13.0.0, mdast-util-to-hast@^13.2.0:
+  version "13.2.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-to-hast/-/mdast-util-to-hast-13.2.0.tgz#5ca58e5b921cc0a3ded1bc02eed79a4fe4fe41f4"
+  integrity sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    "@ungap/structured-clone" "^1.0.0"
+    devlop "^1.0.0"
+    micromark-util-sanitize-uri "^2.0.0"
+    trim-lines "^3.0.0"
+    unist-util-position "^5.0.0"
+    unist-util-visit "^5.0.0"
+    vfile "^6.0.0"
+
+mdast-util-to-markdown@^2.0.0, mdast-util-to-markdown@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.2.tgz#f910ffe60897f04bb4b7e7ee434486f76288361b"
+  integrity sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    "@types/unist" "^3.0.0"
+    longest-streak "^3.0.0"
+    mdast-util-phrasing "^4.0.0"
+    mdast-util-to-string "^4.0.0"
+    micromark-util-classify-character "^2.0.0"
+    micromark-util-decode-string "^2.0.0"
+    unist-util-visit "^5.0.0"
+    zwitch "^2.0.0"
+
+mdast-util-to-string@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz#7a5121475556a04e7eddeb67b264aae79d312814"
+  integrity sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==
+  dependencies:
+    "@types/mdast" "^4.0.0"
 
 mdn-data@2.0.28:
   version "2.0.28"
@@ -7934,45 +8073,10 @@ mdn-data@2.0.30:
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.30.tgz#ce4df6f80af6cfbe218ecd5c552ba13c4dfa08cc"
   integrity sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==
 
-mdurl@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/mdurl/-/mdurl-1.0.1.tgz#fe85b2ec75a59037f2adfec100fd6c601761152e"
-  integrity sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==
-
-media-typer@0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
-  integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
-
-memfs@^3.1.2, memfs@^3.4.3:
-  version "3.4.13"
-  resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.4.13.tgz#248a8bd239b3c240175cd5ec548de5227fc4f345"
-  integrity sha512-omTM41g3Skpvx5dSYeZIbXKcXoAVc/AoMNwn9TKx++L/gaen/+4TTttmu8ZSch5vfVJ8uJvGbroTsIlslRg6lg==
-  dependencies:
-    fs-monkey "^1.0.3"
-
-memory-fs@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.4.1.tgz#3a9a20b8462523e447cfbc7e8bb80ed667bfc552"
-  integrity sha512-cda4JKCxReDXFXRqOHPQscuIYg1PvxbE2S2GP45rnwfEK+vZaXC8C1OFvdHIbgw0DLzowXGVoxLaAmlgRy14GQ==
-  dependencies:
-    errno "^0.1.3"
-    readable-stream "^2.0.1"
-
-memory-fs@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.5.0.tgz#324c01288b88652966d161db77838720845a8e3c"
-  integrity sha512-jA0rdU5KoQMC0e6ppoNRtpp6vjFq6+NY7r8hywnC7V+1Xj/MtHwGIbB1QaK/dunyjWteJzmkpd7ooeWg10T7GA==
-  dependencies:
-    errno "^0.1.3"
-    readable-stream "^2.0.1"
-
-merge-source-map@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/merge-source-map/-/merge-source-map-1.1.0.tgz#2fdde7e6020939f70906a68f2d7ae685e4c8c646"
-  integrity sha512-Qkcp7P2ygktpMPh2mCQZaf3jhN6D3Z/qVZHSdWvQ+2Ef5HgRAPBO57A77+ENm0CPx2+1Ce/MYKi3ymqdfuqibw==
-  dependencies:
-    source-map "^0.6.1"
+memoize-one@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-6.0.0.tgz#b2591b871ed82948aee4727dc6abceeeac8c1045"
+  integrity sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==
 
 merge-stream@^2.0.0:
   version "2.0.0"
@@ -7984,47 +8088,293 @@ merge2@^1.3.0, merge2@^1.4.1:
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
-micromatch@^3.1.10, micromatch@^3.1.4:
-  version "3.1.10"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-3.1.10.tgz#70859bc95c9840952f359a068a3fc49f9ecfac23"
-  integrity sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==
+micromark-core-commonmark@^2.0.0, micromark-core-commonmark@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/micromark-core-commonmark/-/micromark-core-commonmark-2.0.3.tgz#c691630e485021a68cf28dbc2b2ca27ebf678cd4"
+  integrity sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==
   dependencies:
-    arr-diff "^4.0.0"
-    array-unique "^0.3.2"
-    braces "^2.3.1"
-    define-property "^2.0.2"
-    extend-shallow "^3.0.2"
-    extglob "^2.0.4"
-    fragment-cache "^0.2.1"
-    kind-of "^6.0.2"
-    nanomatch "^1.2.9"
-    object.pick "^1.3.0"
-    regex-not "^1.0.0"
-    snapdragon "^0.8.1"
-    to-regex "^3.0.2"
+    decode-named-character-reference "^1.0.0"
+    devlop "^1.0.0"
+    micromark-factory-destination "^2.0.0"
+    micromark-factory-label "^2.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-factory-title "^2.0.0"
+    micromark-factory-whitespace "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-chunked "^2.0.0"
+    micromark-util-classify-character "^2.0.0"
+    micromark-util-html-tag-name "^2.0.0"
+    micromark-util-normalize-identifier "^2.0.0"
+    micromark-util-resolve-all "^2.0.0"
+    micromark-util-subtokenize "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
 
-micromatch@^4.0.0, micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5:
-  version "4.0.5"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
-  integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
+micromark-extension-gfm-autolink-literal@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-2.1.0.tgz#6286aee9686c4462c1e3552a9d505feddceeb935"
+  integrity sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==
   dependencies:
-    braces "^3.0.2"
+    micromark-util-character "^2.0.0"
+    micromark-util-sanitize-uri "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-extension-gfm-footnote@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-2.1.0.tgz#4dab56d4e398b9853f6fe4efac4fc9361f3e0750"
+  integrity sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==
+  dependencies:
+    devlop "^1.0.0"
+    micromark-core-commonmark "^2.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-normalize-identifier "^2.0.0"
+    micromark-util-sanitize-uri "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-extension-gfm-strikethrough@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-2.1.0.tgz#86106df8b3a692b5f6a92280d3879be6be46d923"
+  integrity sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==
+  dependencies:
+    devlop "^1.0.0"
+    micromark-util-chunked "^2.0.0"
+    micromark-util-classify-character "^2.0.0"
+    micromark-util-resolve-all "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-extension-gfm-table@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.1.1.tgz#fac70bcbf51fe65f5f44033118d39be8a9b5940b"
+  integrity sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg==
+  dependencies:
+    devlop "^1.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-extension-gfm-tagfilter@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm-tagfilter/-/micromark-extension-gfm-tagfilter-2.0.0.tgz#f26d8a7807b5985fba13cf61465b58ca5ff7dc57"
+  integrity sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==
+  dependencies:
+    micromark-util-types "^2.0.0"
+
+micromark-extension-gfm-task-list-item@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-2.1.0.tgz#bcc34d805639829990ec175c3eea12bb5b781f2c"
+  integrity sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==
+  dependencies:
+    devlop "^1.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-extension-gfm@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm/-/micromark-extension-gfm-3.0.0.tgz#3e13376ab95dd7a5cfd0e29560dfe999657b3c5b"
+  integrity sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==
+  dependencies:
+    micromark-extension-gfm-autolink-literal "^2.0.0"
+    micromark-extension-gfm-footnote "^2.0.0"
+    micromark-extension-gfm-strikethrough "^2.0.0"
+    micromark-extension-gfm-table "^2.0.0"
+    micromark-extension-gfm-tagfilter "^2.0.0"
+    micromark-extension-gfm-task-list-item "^2.0.0"
+    micromark-util-combine-extensions "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-factory-destination@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-factory-destination/-/micromark-factory-destination-2.0.1.tgz#8fef8e0f7081f0474fbdd92deb50c990a0264639"
+  integrity sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==
+  dependencies:
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-factory-label@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-factory-label/-/micromark-factory-label-2.0.1.tgz#5267efa97f1e5254efc7f20b459a38cb21058ba1"
+  integrity sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==
+  dependencies:
+    devlop "^1.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-factory-space@^2.0.0, micromark-factory-space@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-factory-space/-/micromark-factory-space-2.0.1.tgz#36d0212e962b2b3121f8525fc7a3c7c029f334fc"
+  integrity sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==
+  dependencies:
+    micromark-util-character "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-factory-title@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-factory-title/-/micromark-factory-title-2.0.1.tgz#237e4aa5d58a95863f01032d9ee9b090f1de6e94"
+  integrity sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==
+  dependencies:
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-factory-whitespace@^2.0.0, micromark-factory-whitespace@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-factory-whitespace/-/micromark-factory-whitespace-2.0.1.tgz#06b26b2983c4d27bfcc657b33e25134d4868b0b1"
+  integrity sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==
+  dependencies:
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-util-character@^2.0.0, micromark-util-character@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-character/-/micromark-util-character-2.1.1.tgz#2f987831a40d4c510ac261e89852c4e9703ccda6"
+  integrity sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==
+  dependencies:
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-util-chunked@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-chunked/-/micromark-util-chunked-2.0.1.tgz#47fbcd93471a3fccab86cff03847fc3552db1051"
+  integrity sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==
+  dependencies:
+    micromark-util-symbol "^2.0.0"
+
+micromark-util-classify-character@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-classify-character/-/micromark-util-classify-character-2.0.1.tgz#d399faf9c45ca14c8b4be98b1ea481bced87b629"
+  integrity sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==
+  dependencies:
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-util-combine-extensions@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-combine-extensions/-/micromark-util-combine-extensions-2.0.1.tgz#2a0f490ab08bff5cc2fd5eec6dd0ca04f89b30a9"
+  integrity sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==
+  dependencies:
+    micromark-util-chunked "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-util-decode-numeric-character-reference@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-2.0.2.tgz#fcf15b660979388e6f118cdb6bf7d79d73d26fe5"
+  integrity sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==
+  dependencies:
+    micromark-util-symbol "^2.0.0"
+
+micromark-util-decode-string@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-decode-string/-/micromark-util-decode-string-2.0.1.tgz#6cb99582e5d271e84efca8e61a807994d7161eb2"
+  integrity sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==
+  dependencies:
+    decode-named-character-reference "^1.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-decode-numeric-character-reference "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+
+micromark-util-encode@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-encode/-/micromark-util-encode-2.0.1.tgz#0d51d1c095551cfaac368326963cf55f15f540b8"
+  integrity sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==
+
+micromark-util-html-tag-name@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-html-tag-name/-/micromark-util-html-tag-name-2.0.1.tgz#e40403096481986b41c106627f98f72d4d10b825"
+  integrity sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==
+
+micromark-util-normalize-identifier@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-2.0.1.tgz#c30d77b2e832acf6526f8bf1aa47bc9c9438c16d"
+  integrity sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==
+  dependencies:
+    micromark-util-symbol "^2.0.0"
+
+micromark-util-resolve-all@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-resolve-all/-/micromark-util-resolve-all-2.0.1.tgz#e1a2d62cdd237230a2ae11839027b19381e31e8b"
+  integrity sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==
+  dependencies:
+    micromark-util-types "^2.0.0"
+
+micromark-util-sanitize-uri@^2.0.0, micromark-util-sanitize-uri@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.1.tgz#ab89789b818a58752b73d6b55238621b7faa8fd7"
+  integrity sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==
+  dependencies:
+    micromark-util-character "^2.0.0"
+    micromark-util-encode "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+
+micromark-util-subtokenize@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/micromark-util-subtokenize/-/micromark-util-subtokenize-2.1.0.tgz#d8ade5ba0f3197a1cf6a2999fbbfe6357a1a19ee"
+  integrity sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==
+  dependencies:
+    devlop "^1.0.0"
+    micromark-util-chunked "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-util-symbol@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-symbol/-/micromark-util-symbol-2.0.1.tgz#e5da494e8eb2b071a0d08fb34f6cefec6c0a19b8"
+  integrity sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==
+
+micromark-util-types@^2.0.0, micromark-util-types@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/micromark-util-types/-/micromark-util-types-2.0.2.tgz#f00225f5f5a0ebc3254f96c36b6605c4b393908e"
+  integrity sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==
+
+micromark@^4.0.0, micromark@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/micromark/-/micromark-4.0.2.tgz#91395a3e1884a198e62116e33c9c568e39936fdb"
+  integrity sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==
+  dependencies:
+    "@types/debug" "^4.0.0"
+    debug "^4.0.0"
+    decode-named-character-reference "^1.0.0"
+    devlop "^1.0.0"
+    micromark-core-commonmark "^2.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-chunked "^2.0.0"
+    micromark-util-combine-extensions "^2.0.0"
+    micromark-util-decode-numeric-character-reference "^2.0.0"
+    micromark-util-encode "^2.0.0"
+    micromark-util-normalize-identifier "^2.0.0"
+    micromark-util-resolve-all "^2.0.0"
+    micromark-util-sanitize-uri "^2.0.0"
+    micromark-util-subtokenize "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromatch@^4.0.2, micromatch@^4.0.5, micromatch@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
+  integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
+  dependencies:
+    braces "^3.0.3"
     picomatch "^2.3.1"
 
-miller-rabin@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/miller-rabin/-/miller-rabin-4.0.1.tgz#f080351c865b0dc562a8462966daa53543c78a4d"
-  integrity sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==
-  dependencies:
-    bn.js "^4.0.0"
-    brorand "^1.0.1"
-
-mime-db@1.52.0, "mime-db@>= 1.43.0 < 2":
+mime-db@1.52.0:
   version "1.52.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
   integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
 
-mime-types@^2.1.12, mime-types@^2.1.19, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.24, mime-types@~2.1.34:
+mime-types@^2.1.12:
   version "2.1.35"
   resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
   integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
@@ -8036,247 +8386,143 @@ mime@1.6.0:
   resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
   integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
 
-mime@~2.5.2:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/mime/-/mime-2.5.2.tgz#6e3dc6cc2b9510643830e5f19d5cb753da5eeabe"
-  integrity sha512-tqkh47FzKeCPD2PUiPB6pkbMzsCasjxAfC62/Wap5qrUWcb+sFasXUC5I3gYM5iBM8v/Qpn4UK0x+j0iHyFPDg==
+mime@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-3.0.0.tgz#b374550dca3a0c18443b0c950a6a58f1931cf7a7"
+  integrity sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==
 
-mimic-fn@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
-  integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
+mime@^4.0.6:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-4.0.6.tgz#ca83bec0bcf2a02353d0e02da99be05603d04839"
+  integrity sha512-4rGt7rvQHBbaSOF9POGkk1ocRP16Md1x36Xma8sz8h8/vfCUI2OtEIeCqe4Ofes853x4xDoPiFLIT47J5fI/7A==
 
 mimic-fn@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-4.0.0.tgz#60a90550d5cb0b239cca65d893b1a53b29871ecc"
   integrity sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==
 
-mimic-response@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-1.0.1.tgz#4923538878eef42063cb8a3e3b0798781487ab1b"
-  integrity sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==
+mimic-function@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/mimic-function/-/mimic-function-5.0.1.tgz#acbe2b3349f99b9deaca7fb70e48b83e94e67076"
+  integrity sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==
 
-mimic-response@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-3.1.0.tgz#2d1d59af9c1b129815accc2c46a022a5ce1fa3c9"
-  integrity sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==
-
-min-indent@^1.0.0:
+min-indent@^1.0.0, min-indent@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
   integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
 
-minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
-  integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
+minimatch@9.0.3:
+  version "9.0.3"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.3.tgz#a6e00c3de44c3a542bfaae70abfc22420a6da825"
+  integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
+  dependencies:
+    brace-expansion "^2.0.1"
 
-minimalistic-crypto-utils@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
-  integrity sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==
+minimatch@^10.0.1:
+  version "10.0.1"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-10.0.1.tgz#ce0521856b453c86e25f2c4c0d03e6ff7ddc440b"
+  integrity sha512-ethXTt3SGGR+95gudmqJ1eNhRO7eGEGIgYA9vnPatK4/etz2MEVDno5GMCibdMTuBMyElzIlgxMna3K94XDIDQ==
+  dependencies:
+    brace-expansion "^2.0.1"
 
-minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
+minimatch@^3.0.4, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
   dependencies:
     brace-expansion "^1.1.7"
 
-minimatch@^5.0.1:
+minimatch@^5.0.1, minimatch@^5.1.0:
   version "5.1.6"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.6.tgz#1cfcb8cf5522ea69952cd2af95ae09477f122a96"
   integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
   dependencies:
     brace-expansion "^2.0.1"
 
-minimatch@~3.0.4:
-  version "3.0.8"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.8.tgz#5e6a59bd11e2ab0de1cfb843eb2d82e546c321c1"
-  integrity sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q==
+minimatch@^9.0.4:
+  version "9.0.5"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
+  integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
   dependencies:
-    brace-expansion "^1.1.7"
+    brace-expansion "^2.0.1"
 
-minimist@^1.2.0, minimist@^1.2.6, minimist@^1.2.8:
+minimist@^1.2.0, minimist@^1.2.6:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
 
-minipass-collect@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/minipass-collect/-/minipass-collect-1.0.2.tgz#22b813bf745dc6edba2576b940022ad6edc8c617"
-  integrity sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==
+"minipass@^5.0.0 || ^6.0.2 || ^7.0.0", minipass@^7.0.4, minipass@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.1.2.tgz#93a9626ce5e5e66bd4db86849e7515e92340a707"
+  integrity sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==
+
+minizlib@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-3.0.1.tgz#46d5329d1eb3c83924eff1d3b858ca0a31581012"
+  integrity sha512-umcy022ILvb5/3Djuu8LWeqUa8D68JaBzlttKeMWen48SjabqS3iY5w/vzeMzMUNhLDifyhbOwKDSznB1vvrwg==
   dependencies:
-    minipass "^3.0.0"
+    minipass "^7.0.4"
+    rimraf "^5.0.5"
 
-minipass-flush@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/minipass-flush/-/minipass-flush-1.0.5.tgz#82e7135d7e89a50ffe64610a787953c4c4cbb373"
-  integrity sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==
+mitt@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/mitt/-/mitt-3.0.1.tgz#ea36cf0cc30403601ae074c8f77b7092cdab36d1"
+  integrity sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==
+
+mkdirp@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-3.0.1.tgz#e44e4c5607fb279c168241713cc6e0fea9adcb50"
+  integrity sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==
+
+mlly@^1.2.0, mlly@^1.3.0, mlly@^1.6.1, mlly@^1.7.1, mlly@^1.7.3, mlly@^1.7.4:
+  version "1.7.4"
+  resolved "https://registry.yarnpkg.com/mlly/-/mlly-1.7.4.tgz#3d7295ea2358ec7a271eaa5d000a0f84febe100f"
+  integrity sha512-qmdSIPC4bDJXgZTCR7XosJiNKySV7O215tsPtDN9iEO/7q/76b/ijtgRu/+epFXSJhijtTCCGp3DWS549P3xKw==
   dependencies:
-    minipass "^3.0.0"
+    acorn "^8.14.0"
+    pathe "^2.0.1"
+    pkg-types "^1.3.0"
+    ufo "^1.5.4"
 
-minipass-pipeline@^1.2.2:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz#68472f79711c084657c067c5c6ad93cddea8214c"
-  integrity sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==
-  dependencies:
-    minipass "^3.0.0"
+mocked-exports@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/mocked-exports/-/mocked-exports-0.1.1.tgz#6916efea9a9dd0f4abd6a0a72526f56a76c966ea"
+  integrity sha512-aF7yRQr/Q0O2/4pIXm6PZ5G+jAd7QS4Yu8m+WEeEHGnbo+7mE36CbLSDQiXYV8bVL3NfmdeqPJct0tUlnjVSnA==
 
-minipass@^3.0.0, minipass@^3.1.1:
-  version "3.3.6"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.3.6.tgz#7bba384db3a1520d18c9c0e5251c3444e95dd94a"
-  integrity sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==
-  dependencies:
-    yallist "^4.0.0"
-
-minipass@^4.0.0:
-  version "4.2.5"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-4.2.5.tgz#9e0e5256f1e3513f8c34691dd68549e85b2c8ceb"
-  integrity sha512-+yQl7SX3bIT83Lhb4BVorMAHVuqsskxRdlmO9kTpyukp8vsm2Sn/fUOV9xlnG8/a5JsypJzap21lz/y3FBMJ8Q==
-
-minizlib@^2.1.1:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-2.1.2.tgz#e90d3466ba209b932451508a11ce3d3632145931"
-  integrity sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==
-  dependencies:
-    minipass "^3.0.0"
-    yallist "^4.0.0"
-
-mississippi@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/mississippi/-/mississippi-3.0.0.tgz#ea0a3291f97e0b5e8776b363d5f0a12d94c67022"
-  integrity sha512-x471SsVjUtBRtcvd4BzKE9kFC+/2TeWgKCgw0bZcw1b9l2X3QX5vCWgF+KaZaYm87Ss//rHnWryupDrgLvmSkA==
-  dependencies:
-    concat-stream "^1.5.0"
-    duplexify "^3.4.2"
-    end-of-stream "^1.1.0"
-    flush-write-stream "^1.0.0"
-    from2 "^2.1.0"
-    parallel-transform "^1.1.0"
-    pump "^3.0.0"
-    pumpify "^1.3.3"
-    stream-each "^1.1.0"
-    through2 "^2.0.0"
-
-mixin-deep@^1.2.0:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.2.tgz#1120b43dc359a785dce65b55b82e257ccf479566"
-  integrity sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==
-  dependencies:
-    for-in "^1.0.2"
-    is-extendable "^1.0.1"
-
-mkdirp@^0.5.1, mkdirp@^0.5.3:
-  version "0.5.6"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
-  integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
-  dependencies:
-    minimist "^1.2.6"
-
-mkdirp@^1.0.3, mkdirp@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
-  integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
-
-mlly@^1.1.0, mlly@^1.1.1, mlly@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/mlly/-/mlly-1.2.0.tgz#f0f6c2fc8d2d12ea6907cd869066689b5031b613"
-  integrity sha512-+c7A3CV0KGdKcylsI6khWyts/CYrGTrRVo4R/I7u/cUsy0Conxa6LUhiEzVKIw14lc2L5aiO4+SeVe4TeGRKww==
-  dependencies:
-    acorn "^8.8.2"
-    pathe "^1.1.0"
-    pkg-types "^1.0.2"
-    ufo "^1.1.1"
-
-mobius1-selectr@^2.4.13:
-  version "2.4.13"
-  resolved "https://registry.yarnpkg.com/mobius1-selectr/-/mobius1-selectr-2.4.13.tgz#0019dfd9f984840d6e40f70683ab3ec78ce3b5df"
-  integrity sha512-Mk9qDrvU44UUL0EBhbAA1phfQZ7aMZPjwtL7wkpiBzGh8dETGqfsh50mWoX9EkjDlkONlErWXArHCKfoxVg0Bw==
-
-move-concurrently@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/move-concurrently/-/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"
-  integrity sha512-hdrFxZOycD/g6A6SoI2bB5NA/5NEqD0569+S47WZhPvm46sD50ZHdYaFmnua5lndde9rCHGjmfK7Z8BuCt/PcQ==
-  dependencies:
-    aproba "^1.1.1"
-    copy-concurrently "^1.0.0"
-    fs-write-stream-atomic "^1.0.8"
-    mkdirp "^0.5.1"
-    rimraf "^2.5.4"
-    run-queue "^1.0.3"
-
-mri@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/mri/-/mri-1.2.0.tgz#6721480fec2a11a4889861115a48b6cbe7cc8f0b"
-  integrity sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==
-
-mrmime@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/mrmime/-/mrmime-2.0.0.tgz#151082a6e06e59a9a39b46b3e14d5cfe92b3abb4"
-  integrity sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==
+mrmime@^2.0.0, mrmime@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/mrmime/-/mrmime-2.0.1.tgz#bc3e87f7987853a54c9850eeb1f1078cd44adddc"
+  integrity sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==
 
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
   integrity sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==
 
-ms@2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
-  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
-
-ms@2.1.3, ms@^2.1.1:
+ms@2.1.3, ms@^2.1.1, ms@^2.1.3:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
-mustache@^2.3.0:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/mustache/-/mustache-2.3.2.tgz#a6d4d9c3f91d13359ab889a812954f9230a3d0c5"
-  integrity sha512-KpMNwdQsYz3O/SBS1qJ/o3sqUJ5wSb8gb0pul8CO0S56b9Y2ALm8zCfsjPXsqGFfoNBkDwZuZIAjhsZI03gYVQ==
+nanoid@^3.3.8:
+  version "3.3.11"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.11.tgz#4f4f112cefbe303202f2199838128936266d185b"
+  integrity sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==
 
-mute-stream@0.0.8:
-  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.8.tgz#1630c42b2251ff81e2a283de96a5497ea92e5e0d"
-  integrity sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==
+nanoid@^5.0.9:
+  version "5.1.5"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-5.1.5.tgz#f7597f9d9054eb4da9548cdd53ca70f1790e87de"
+  integrity sha512-Ir/+ZpE9fDsNH0hQ3C68uyThDXzYcim2EqcZ8zn8Chtt1iylPT9xXJB0kPCnqzgcEGikO9RxSrh63MsmVCU7Fw==
 
-nan@^2.12.1:
-  version "2.17.0"
-  resolved "https://registry.yarnpkg.com/nan/-/nan-2.17.0.tgz#c0150a2368a182f033e9aa5195ec76ea41a199cb"
-  integrity sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==
+nanotar@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/nanotar/-/nanotar-0.2.0.tgz#763afd4e41974d033011f588e9157dff726c296b"
+  integrity sha512-9ca1h0Xjvo9bEkE4UOxgAzLV0jHKe6LMaxo37ND2DAhhAtd0j8pR1Wxz+/goMrZO8AEZTWCmyaOsFI/W5AdpCQ==
 
-nanoid@^3.1.23:
-  version "3.3.4"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
-  integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
-
-nanoid@^3.3.4:
-  version "3.3.6"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
-  integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
-
-nanoid@^3.3.7:
-  version "3.3.7"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8"
-  integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==
-
-nanomatch@^1.2.9:
-  version "1.2.13"
-  resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.13.tgz#b87a8aa4fc0de8fe6be88895b38983ff265bd119"
-  integrity sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==
-  dependencies:
-    arr-diff "^4.0.0"
-    array-unique "^0.3.2"
-    define-property "^2.0.2"
-    extend-shallow "^3.0.2"
-    fragment-cache "^0.2.1"
-    is-windows "^1.0.2"
-    kind-of "^6.0.2"
-    object.pick "^1.3.0"
-    regex-not "^1.0.0"
-    snapdragon "^0.8.1"
-    to-regex "^3.0.1"
+napi-wasm@^1.1.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/napi-wasm/-/napi-wasm-1.1.3.tgz#7bb95c88e6561f84880bb67195437b1cfbe99224"
+  integrity sha512-h/4nMGsHjZDCYmQVNODIrYACVJ+I9KItbG+0si6W/jSjdA9JbWDoU4LLeMXVcEQGHjttI2tuXqDrbGF7qkUHHg==
 
 natural-compare-lite@^1.4.0:
   version "1.4.0"
@@ -8288,110 +8534,152 @@ natural-compare@^1.4.0:
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
   integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
-negotiator@0.6.3:
-  version "0.6.3"
-  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
-  integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
-
-neo-async@^2.5.0, neo-async@^2.6.1, neo-async@^2.6.2:
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
-  integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
-
-no-case@^2.2.0:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/no-case/-/no-case-2.3.2.tgz#60b813396be39b3f1288a4c1ed5d1e7d28b464ac"
-  integrity sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==
+next-auth@~4.21.1:
+  version "4.21.1"
+  resolved "https://registry.yarnpkg.com/next-auth/-/next-auth-4.21.1.tgz#8db520395b2c697bd1259b76831d319728f0d50d"
+  integrity sha512-NYkU4jAPSVxWhCblE8dDFAnKM7kOoO/QEobQ0RoEVP9Wox99A3PKHwOAsWhSg8ahJG/iKIWk2Bo1xHvsS4R39Q==
   dependencies:
-    lower-case "^1.1.1"
+    "@babel/runtime" "^7.20.13"
+    "@panva/hkdf" "^1.0.2"
+    cookie "^0.5.0"
+    jose "^4.11.4"
+    oauth "^0.9.15"
+    openid-client "^5.4.0"
+    preact "^10.6.3"
+    preact-render-to-string "^5.1.19"
+    uuid "^8.3.2"
 
-no-case@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"
-  integrity sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==
+nitropack@^2.10.4, nitropack@^2.11.5:
+  version "2.11.7"
+  resolved "https://registry.yarnpkg.com/nitropack/-/nitropack-2.11.7.tgz#0f5927db1d0a60e018c9c8d3fabbf6872fde2dd5"
+  integrity sha512-ghqLa3Q4X9qaQiUyspWxxoU1fY2nwfSJqhOH+COqyCp7Vgj4oM1EM1L0YNSQUF16T2tAoOWg8woXGq0EH5Y6wQ==
   dependencies:
-    lower-case "^2.0.2"
-    tslib "^2.0.3"
+    "@cloudflare/kv-asset-handler" "^0.4.0"
+    "@netlify/functions" "^3.0.2"
+    "@rollup/plugin-alias" "^5.1.1"
+    "@rollup/plugin-commonjs" "^28.0.3"
+    "@rollup/plugin-inject" "^5.0.5"
+    "@rollup/plugin-json" "^6.1.0"
+    "@rollup/plugin-node-resolve" "^16.0.1"
+    "@rollup/plugin-replace" "^6.0.2"
+    "@rollup/plugin-terser" "^0.4.4"
+    "@vercel/nft" "^0.29.2"
+    archiver "^7.0.1"
+    c12 "^3.0.2"
+    chokidar "^4.0.3"
+    citty "^0.1.6"
+    compatx "^0.1.8"
+    confbox "^0.2.1"
+    consola "^3.4.2"
+    cookie-es "^2.0.0"
+    croner "^9.0.0"
+    crossws "^0.3.4"
+    db0 "^0.3.1"
+    defu "^6.1.4"
+    destr "^2.0.3"
+    dot-prop "^9.0.0"
+    esbuild "^0.25.1"
+    escape-string-regexp "^5.0.0"
+    etag "^1.8.1"
+    exsolve "^1.0.4"
+    globby "^14.1.0"
+    gzip-size "^7.0.0"
+    h3 "^1.15.1"
+    hookable "^5.5.3"
+    httpxy "^0.1.7"
+    ioredis "^5.6.0"
+    jiti "^2.4.2"
+    klona "^2.0.6"
+    knitwork "^1.2.0"
+    listhen "^1.9.0"
+    magic-string "^0.30.17"
+    magicast "^0.3.5"
+    mime "^4.0.6"
+    mlly "^1.7.4"
+    node-fetch-native "^1.6.6"
+    node-mock-http "^1.0.0"
+    ofetch "^1.4.1"
+    ohash "^2.0.11"
+    openapi-typescript "^7.6.1"
+    pathe "^2.0.3"
+    perfect-debounce "^1.0.0"
+    pkg-types "^2.1.0"
+    pretty-bytes "^6.1.1"
+    radix3 "^1.1.2"
+    rollup "^4.36.0"
+    rollup-plugin-visualizer "^5.14.0"
+    scule "^1.3.0"
+    semver "^7.7.1"
+    serve-placeholder "^2.0.2"
+    serve-static "^1.16.2"
+    source-map "^0.7.4"
+    std-env "^3.8.1"
+    ufo "^1.5.4"
+    ultrahtml "^1.5.3"
+    uncrypto "^0.1.3"
+    unctx "^2.4.1"
+    unenv "^2.0.0-rc.15"
+    unimport "^4.1.2"
+    unplugin-utils "^0.2.4"
+    unstorage "^1.15.0"
+    untyped "^2.0.0"
+    unwasm "^0.3.9"
+    youch "^4.1.0-beta.6"
+    youch-core "^0.3.2"
 
-node-fetch-native@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/node-fetch-native/-/node-fetch-native-1.0.2.tgz#de3651399fda89a1a7c0bf6e7c4e9c239e8d0697"
-  integrity sha512-KIkvH1jl6b3O7es/0ShyCgWLcfXxlBrLBbP3rOr23WArC66IMcU4DeZEeYEOwnopYhawLTn7/y+YtmASe8DFVQ==
+node-addon-api@^7.0.0:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-7.1.1.tgz#1aba6693b0f255258a049d621329329322aad558"
+  integrity sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==
 
-node-fetch-native@^1.4.1, node-fetch-native@^1.6.1:
-  version "1.6.2"
-  resolved "https://registry.yarnpkg.com/node-fetch-native/-/node-fetch-native-1.6.2.tgz#f439000d972eb0c8a741b65dcda412322955e1c6"
-  integrity sha512-69mtXOFZ6hSkYiXAVB5SqaRvrbITC/NPyqv7yuu/qw0nmgPyYbIMYYNIDhNtwPrzk0ptrimrLz/hhjvm4w5Z+w==
+node-emoji@^2.1.3:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/node-emoji/-/node-emoji-2.2.0.tgz#1d000e3c76e462577895be1b436f4aa2d6760eb0"
+  integrity sha512-Z3lTE9pLaJF47NyMhd4ww1yFTAP8YhYI8SleJiHzM46Fgpm5cnNzSl9XfzFNqbaz+VlJrIj3fXQ4DeN1Rjm6cw==
+  dependencies:
+    "@sindresorhus/is" "^4.6.0"
+    char-regex "^1.0.2"
+    emojilib "^2.4.0"
+    skin-tone "^2.0.0"
 
-node-fetch@^2.6.1:
-  version "2.6.9"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.9.tgz#7c7f744b5cc6eb5fd404e0c7a9fec630a55657e6"
-  integrity sha512-DJm/CJkZkRjKKj4Zi4BsKVZh3ValV5IR5s7LVZnW+6YMh0W1BfNA8XSs6DLMGYlId5F3KnA70uu2qepcR08Qqg==
+node-fetch-native@^1.6.4, node-fetch-native@^1.6.6:
+  version "1.6.6"
+  resolved "https://registry.yarnpkg.com/node-fetch-native/-/node-fetch-native-1.6.6.tgz#ae1d0e537af35c2c0b0de81cbff37eedd410aa37"
+  integrity sha512-8Mc2HhqPdlIfedsuZoc3yioPuzp6b+L5jRCRY1QzuWZh2EGJVQrGppC6V6cF0bLdbW0+O2YpqCA25aF/1lvipQ==
+
+node-fetch@^2.6.7:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.7.0.tgz#d0f0fa6e3e2dc1d27efcd8ad99d550bda94d187d"
+  integrity sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==
   dependencies:
     whatwg-url "^5.0.0"
 
-node-html-parser@^6.1.12:
-  version "6.1.12"
-  resolved "https://registry.yarnpkg.com/node-html-parser/-/node-html-parser-6.1.12.tgz#6138f805d0ad7a6b5ef415bcd91bca07374bf575"
-  integrity sha512-/bT/Ncmv+fbMGX96XG9g05vFt43m/+SYKIs9oAemQVYyVcZmDAI2Xq/SbNcpOA35eF0Zk2av3Ksf+Xk8Vt8abA==
+node-forge@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
+  integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
+
+node-gyp-build@^4.2.2:
+  version "4.8.4"
+  resolved "https://registry.yarnpkg.com/node-gyp-build/-/node-gyp-build-4.8.4.tgz#8a70ee85464ae52327772a90d66c6077a900cfc8"
+  integrity sha512-LA4ZjwlnUblHVgq0oBF3Jl/6h/Nvs5fzBLwdEF4nuxnFdsfajde4WfxtJr3CaiH+F6ewcIB/q4jQ4UzPyid+CQ==
+
+node-mock-http@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/node-mock-http/-/node-mock-http-1.0.0.tgz#4b32cd509c7f46d844e68ea93fb8be405a18a42a"
+  integrity sha512-0uGYQ1WQL1M5kKvGRXWQ3uZCHtLTO8hln3oBjIusM75WoesZ909uQJs/Hb946i2SS+Gsrhkaa6iAO17jRIv6DQ==
+
+node-releases@^2.0.19:
+  version "2.0.19"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.19.tgz#9e445a52950951ec4d177d843af370b411caf314"
+  integrity sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==
+
+nopt@^8.0.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-8.1.0.tgz#b11d38caf0f8643ce885818518064127f602eae3"
+  integrity sha512-ieGu42u/Qsa4TFktmaKEwM6MQH0pOWnaB3htzh0JRtx84+Mebc0cbZYN5bC+6WTZ4+77xrL9Pn5m7CV6VIkV7A==
   dependencies:
-    css-select "^5.1.0"
-    he "1.2.0"
-
-node-libs-browser@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-2.2.1.tgz#b64f513d18338625f90346d27b0d235e631f6425"
-  integrity sha512-h/zcD8H9kaDZ9ALUWwlBUDo6TKF8a7qBSCSEGfjTVIYeqsioSKaAX+BN7NgiMGp6iSIXZ3PxgCu8KS3b71YK5Q==
-  dependencies:
-    assert "^1.1.1"
-    browserify-zlib "^0.2.0"
-    buffer "^4.3.0"
-    console-browserify "^1.1.0"
-    constants-browserify "^1.0.0"
-    crypto-browserify "^3.11.0"
-    domain-browser "^1.1.1"
-    events "^3.0.0"
-    https-browserify "^1.0.0"
-    os-browserify "^0.3.0"
-    path-browserify "0.0.1"
-    process "^0.11.10"
-    punycode "^1.2.4"
-    querystring-es3 "^0.2.0"
-    readable-stream "^2.3.3"
-    stream-browserify "^2.0.1"
-    stream-http "^2.7.2"
-    string_decoder "^1.0.0"
-    timers-browserify "^2.0.4"
-    tty-browserify "0.0.0"
-    url "^0.11.0"
-    util "^0.11.0"
-    vm-browserify "^1.0.1"
-
-node-object-hash@^1.2.0:
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/node-object-hash/-/node-object-hash-1.4.2.tgz#385833d85b229902b75826224f6077be969a9e94"
-  integrity sha512-UdS4swXs85fCGWWf6t6DMGgpN/vnlKeSGEQ7hJcrs7PBFoxoKLmibc3QRb7fwiYsjdL7PX8iI/TMSlZ90dgHhQ==
-
-node-releases@^2.0.14:
-  version "2.0.14"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.14.tgz#2ffb053bceb8b2be8495ece1ab6ce600c4461b0b"
-  integrity sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==
-
-node-releases@^2.0.8:
-  version "2.0.10"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.10.tgz#c311ebae3b6a148c89b1813fd7c4d3c024ef537f"
-  integrity sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==
-
-node-res@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/node-res/-/node-res-5.0.1.tgz#ffaa462e206509d66d0ba28a4daf1f032daa6460"
-  integrity sha512-YOleO9c7MAqoHC+Ccu2vzvV1fL6Ku49gShq3PIMKWHRgrMSih3XcwL05NbLBi6oU2J471gTBfdpVVxwT6Pfhxg==
-  dependencies:
-    destroy "^1.0.4"
-    etag "^1.8.1"
-    mime-types "^2.1.19"
-    on-finished "^2.3.0"
-    vary "^1.1.2"
+    abbrev "^3.0.0"
 
 normalize-package-data@^2.5.0:
   version "2.5.0"
@@ -8403,12 +8691,14 @@ normalize-package-data@^2.5.0:
     semver "2 || 3 || 4 || 5"
     validate-npm-package-license "^3.0.1"
 
-normalize-path@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-2.1.1.tgz#1ab28b556e198363a8c1a6f7e6fa20137fe6aed9"
-  integrity sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==
+normalize-package-data@^6.0.0:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-6.0.2.tgz#a7bc22167fe24025412bcff0a9651eb768b03506"
+  integrity sha512-V6gygoYb/5EmNI+MEGrWkC+e6+Rr7mTmfHrxDbLzxQogBkgzo76rkok0Am6thgSF7Mv2nLOajAJj5vDJZEFn7g==
   dependencies:
-    remove-trailing-separator "^1.0.1"
+    hosted-git-info "^7.0.0"
+    semver "^7.3.5"
+    validate-npm-package-license "^3.0.4"
 
 normalize-path@^3.0.0, normalize-path@~3.0.0:
   version "3.0.0"
@@ -8420,186 +8710,217 @@ normalize-range@^0.1.2:
   resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
   integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
 
-normalize-url@1.9.1:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-1.9.1.tgz#2cc0d66b31ea23036458436e3620d85954c66c3c"
-  integrity sha512-A48My/mtCklowHBlI8Fq2jFWK4tX4lJ5E6ytFsSOq1fzpvT0SQSgKhSg7lN5c2uYFOrUAOQp6zhhJnpp1eMloQ==
-  dependencies:
-    object-assign "^4.0.1"
-    prepend-http "^1.0.0"
-    query-string "^4.1.0"
-    sort-keys "^1.0.0"
-
-normalize-url@^6.0.1:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-6.1.0.tgz#40d0885b535deffe3f3147bec877d05fe4c5668a"
-  integrity sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==
-
-npm-run-path@^4.0.0, npm-run-path@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
-  integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
-  dependencies:
-    path-key "^3.0.0"
-
 npm-run-path@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-5.1.0.tgz#bc62f7f3f6952d9894bd08944ba011a6ee7b7e00"
-  integrity sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-5.3.0.tgz#e23353d0ebb9317f174e93417e4a4d82d0249e9f"
+  integrity sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==
   dependencies:
     path-key "^4.0.0"
 
-nth-check@^2.0.1:
+npm-run-path@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-6.0.0.tgz#25cfdc4eae04976f3349c0b1afc089052c362537"
+  integrity sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==
+  dependencies:
+    path-key "^4.0.0"
+    unicorn-magic "^0.3.0"
+
+nth-check@^2.0.1, nth-check@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
   integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
   dependencies:
     boolbase "^1.0.0"
 
-nuxt-vite@0.2.3:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/nuxt-vite/-/nuxt-vite-0.2.3.tgz#cd75334ec1250141572b134386777421d724de55"
-  integrity sha512-Qflm9Itdr875SwOW3Q3GWQAejhICHC7dWcJ2Qbz2sRg/skcyjAc8bl9j2ZXHAil+GNzALZ0Iui0GQfo7e6bWDw==
+nuxt@^3.15.4:
+  version "3.16.0"
+  resolved "https://registry.yarnpkg.com/nuxt/-/nuxt-3.16.0.tgz#07e23f1e4636dcc2807587080110034f9cef7699"
+  integrity sha512-4j2tuHo+kcComQ1WrCD+i1w3UFOHrcnNH30cwiEY/WZZlBZOlC6DtUm6aBjhfpBFaMYsF4PbyKsNW+7FHwckHA==
   dependencies:
-    "@vitejs/plugin-legacy" "^1.5.2"
-    consola "^2.15.3"
-    fs-extra "^10.0.0"
-    postcss-import "^14.0.2"
-    postcss-import-resolver "^2.0.0"
-    postcss-preset-env "^6.7.0"
-    postcss-url "^10.1.3"
-    semver "^7.3.5"
-    ufo "^0.7.9"
-    upath "^2.0.1"
-    vite "^2.5.1"
-    vite-plugin-vue2 "^1.8.2"
+    "@nuxt/cli" "^3.22.5"
+    "@nuxt/devalue" "^2.0.2"
+    "@nuxt/devtools" "^2.2.1"
+    "@nuxt/kit" "3.16.0"
+    "@nuxt/schema" "3.16.0"
+    "@nuxt/telemetry" "^2.6.5"
+    "@nuxt/vite-builder" "3.16.0"
+    "@oxc-parser/wasm" "^0.56.4"
+    "@unhead/vue" "^2.0.0-rc.7"
+    "@vue/shared" "^3.5.13"
+    c12 "^3.0.2"
+    chokidar "^4.0.3"
+    compatx "^0.1.8"
+    consola "^3.4.0"
+    cookie-es "^2.0.0"
+    defu "^6.1.4"
+    destr "^2.0.3"
+    devalue "^5.1.1"
+    errx "^0.1.0"
+    esbuild "^0.25.0"
+    escape-string-regexp "^5.0.0"
+    estree-walker "^3.0.3"
+    exsolve "^1.0.2"
+    globby "^14.1.0"
+    h3 "^1.15.1"
+    hookable "^5.5.3"
+    ignore "^7.0.3"
+    impound "^0.2.0"
+    jiti "^2.4.2"
+    klona "^2.0.6"
+    knitwork "^1.2.0"
+    magic-string "^0.30.17"
+    mlly "^1.7.4"
+    nanotar "^0.2.0"
+    nitropack "^2.11.5"
+    nypm "^0.6.0"
+    ofetch "^1.4.1"
+    ohash "^2.0.11"
+    on-change "^5.0.1"
+    oxc-parser "^0.56.3"
+    pathe "^2.0.3"
+    perfect-debounce "^1.0.0"
+    pkg-types "^2.1.0"
+    radix3 "^1.1.2"
+    scule "^1.3.0"
+    semver "^7.7.1"
+    std-env "^3.8.1"
+    strip-literal "^3.0.0"
+    tinyglobby "0.2.12"
+    ufo "^1.5.4"
+    ultrahtml "^1.5.3"
+    uncrypto "^0.1.3"
+    unctx "^2.4.1"
+    unenv "^2.0.0-rc.12"
+    unimport "^4.1.2"
+    unplugin "^2.2.0"
+    unplugin-vue-router "^0.12.0"
+    unstorage "^1.15.0"
+    untyped "^2.0.0"
+    vue "^3.5.13"
+    vue-bundle-renderer "^2.1.1"
+    vue-devtools-stub "^0.1.0"
+    vue-router "^4.5.0"
 
-nuxt@^2.17.3:
-  version "2.17.3"
-  resolved "https://registry.yarnpkg.com/nuxt/-/nuxt-2.17.3.tgz#68e9bef3287f7f6fa58aed7e753c14167593f631"
-  integrity sha512-mQUy0J2DYYxHZvgBX8YvrrM8sKUhBqBxcQ0ePjy7cdyTaDAN8QeOLrizINm7NVPMrFGLYurhp5rbX3/qyQcKyg==
+nwsapi@^2.2.16:
+  version "2.2.19"
+  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.19.tgz#586660f7c24c34691907002309a8dc28064c9c0b"
+  integrity sha512-94bcyI3RsqiZufXjkr3ltkI86iEl+I7uiHVDtcq9wJUTwYQJ5odHDeSzkkrRzi80jJ8MaeZgqKjH1bAWAFw9bA==
+
+nypm@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/nypm/-/nypm-0.6.0.tgz#3a04623d1c358a93fc4b3cb9cfb6a11af080feca"
+  integrity sha512-mn8wBFV9G9+UFHIrq+pZ2r2zL4aPau/by3kJb3cM7+5tQHMt6HGQB8FDIeKFYp8o0D2pnH6nVsO88N4AmUxIWg==
   dependencies:
-    "@nuxt/babel-preset-app" "2.17.3"
-    "@nuxt/builder" "2.17.3"
-    "@nuxt/cli" "2.17.3"
-    "@nuxt/components" "^2.2.1"
-    "@nuxt/config" "2.17.3"
-    "@nuxt/core" "2.17.3"
-    "@nuxt/generator" "2.17.3"
-    "@nuxt/loading-screen" "^2.0.4"
-    "@nuxt/opencollective" "^0.4.0"
-    "@nuxt/server" "2.17.3"
-    "@nuxt/telemetry" "^1.5.0"
-    "@nuxt/utils" "2.17.3"
-    "@nuxt/vue-app" "2.17.3"
-    "@nuxt/vue-renderer" "2.17.3"
-    "@nuxt/webpack" "2.17.3"
+    citty "^0.1.6"
+    consola "^3.4.0"
+    pathe "^2.0.3"
+    pkg-types "^2.0.0"
+    tinyexec "^0.3.2"
 
-nwsapi@^2.2.2:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.2.tgz#e5418863e7905df67d51ec95938d67bf801f0bb0"
-  integrity sha512-90yv+6538zuvUMnN+zCr8LuV6bPFdq50304114vJYJ8RDyK8D5O9Phpbd6SZWgI7PwzmmfN1upeOJlvybDSgCw==
+oauth@^0.9.15:
+  version "0.9.15"
+  resolved "https://registry.yarnpkg.com/oauth/-/oauth-0.9.15.tgz#bd1fefaf686c96b75475aed5196412ff60cfb9c1"
+  integrity sha512-a5ERWK1kh38ExDEfoO6qUHJb32rd7aYmPHuyCu3Fta/cnICvYmgd2uhuKXvPD+PXB+gCEYYEaQdIRAjCOwAKNA==
 
-object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
-  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
+object-hash@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-2.2.0.tgz#5ad518581eefc443bd763472b8ff2e9c2c0d54a5"
+  integrity sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==
 
-object-copy@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/object-copy/-/object-copy-0.1.0.tgz#7e7d858b781bd7c991a41ba975ed3812754e998c"
-  integrity sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==
-  dependencies:
-    copy-descriptor "^0.1.0"
-    define-property "^0.2.5"
-    kind-of "^3.0.3"
-
-object-inspect@^1.12.3, object-inspect@^1.9.0:
-  version "1.12.3"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.3.tgz#ba62dffd67ee256c8c086dfae69e016cd1f198b9"
-  integrity sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==
+object-inspect@^1.13.3:
+  version "1.13.4"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.4.tgz#8375265e21bc20d0fa582c22e1b13485d6e00213"
+  integrity sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==
 
 object-keys@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
   integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
 
-object-visit@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/object-visit/-/object-visit-1.0.1.tgz#f79c4493af0c5377b59fe39d395e41042dd045bb"
-  integrity sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==
+object.assign@^4.1.7:
+  version "4.1.7"
+  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.7.tgz#8c14ca1a424c6a561b0bb2a22f66f5049a945d3d"
+  integrity sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==
   dependencies:
-    isobject "^3.0.0"
-
-object.assign@^4.1.4:
-  version "4.1.4"
-  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.4.tgz#9673c7c7c351ab8c4d0b516f4343ebf4dfb7799f"
-  integrity sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    has-symbols "^1.0.3"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+    has-symbols "^1.1.0"
     object-keys "^1.1.1"
 
-object.getownpropertydescriptors@^2.0.3:
-  version "2.1.5"
-  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.5.tgz#db5a9002489b64eef903df81d6623c07e5b4b4d3"
-  integrity sha512-yDNzckpM6ntyQiGTik1fKV1DcVDRS+w8bvpWNCBanvH5LfRX9O8WTHqQzG4RZwRAM4I0oU7TV11Lj5v0g20ibw==
+object.fromentries@^2.0.8:
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.8.tgz#f7195d8a9b97bd95cbc1999ea939ecd1a2b00c65"
+  integrity sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==
   dependencies:
-    array.prototype.reduce "^1.0.5"
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
+    es-object-atoms "^1.0.0"
 
-object.pick@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/object.pick/-/object.pick-1.3.0.tgz#87a10ac4c1694bd2e1cbf53591a66141fb5dd747"
-  integrity sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==
+object.groupby@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/object.groupby/-/object.groupby-1.0.3.tgz#9b125c36238129f6f7b61954a1e7176148d5002e"
+  integrity sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==
   dependencies:
-    isobject "^3.0.1"
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.2"
 
-object.values@^1.1.6:
+object.values@^1.2.0:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.2.1.tgz#deed520a50809ff7f75a7cfd4bc64c7a038c6216"
+  integrity sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+ofetch@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/ofetch/-/ofetch-1.4.1.tgz#b6bf6b0d75ba616cef6519dd8b6385a8bae480ec"
+  integrity sha512-QZj2DfGplQAr2oj9KzceK9Hwz6Whxazmn85yYeVuS3u9XTMOGMRx0kO95MQ+vLsj/S/NwBDMMLU5hpxvI6Tklw==
+  dependencies:
+    destr "^2.0.3"
+    node-fetch-native "^1.6.4"
+    ufo "^1.5.4"
+
+ohash@^1.1.4:
   version "1.1.6"
-  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.6.tgz#4abbaa71eba47d63589d402856f908243eea9b1d"
-  integrity sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
+  resolved "https://registry.yarnpkg.com/ohash/-/ohash-1.1.6.tgz#9ff7b0271d7076290794537d68ec2b40a60d133e"
+  integrity sha512-TBu7PtV8YkAZn0tSxobKY2n2aAQva936lhRrj6957aDaCf9IEtqsKbgMzXE/F/sjqYOwmrukeORHNLe5glk7Cg==
 
-on-finished@2.4.1, on-finished@^2.3.0:
+ohash@^2.0.11, ohash@^2.0.4, ohash@^2.0.5:
+  version "2.0.11"
+  resolved "https://registry.yarnpkg.com/ohash/-/ohash-2.0.11.tgz#60b11e8cff62ca9dee88d13747a5baa145f5900b"
+  integrity sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==
+
+oidc-token-hash@^5.0.3:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/oidc-token-hash/-/oidc-token-hash-5.1.0.tgz#74bda0c35dd9f71ea9ce0db72ce8dabf5f90ef79"
+  integrity sha512-y0W+X7Ppo7oZX6eovsRkuzcSM40Bicg2JEJkDJ4irIt1wsYAP5MLSNv+QAogO8xivMffw/9OvV3um1pxXgt1uA==
+
+on-change@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/on-change/-/on-change-5.0.1.tgz#ced60d262211eee41043e7479515b4875d1744ef"
+  integrity sha512-n7THCP7RkyReRSLkJb8kUWoNsxUIBxTkIp3JKno+sEz6o/9AJ3w3P9fzQkITEkMwyTKJjZciF3v/pVoouxZZMg==
+
+on-finished@2.4.1:
   version "2.4.1"
   resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.4.1.tgz#58c8c44116e54845ad57f14ab10b03533184ac3f"
   integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
   dependencies:
     ee-first "1.1.1"
 
-on-finished@~2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.3.0.tgz#20f1336481b083cd75337992a16971aa2d906947"
-  integrity sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==
-  dependencies:
-    ee-first "1.1.1"
-
-on-headers@^1.0.2, on-headers@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
-  integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
-
-once@^1.3.0, once@^1.3.1, once@^1.4.0:
+once@^1.3.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
   integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
   dependencies:
     wrappy "1"
 
-onetime@^5.1.0, onetime@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
-  integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
-  dependencies:
-    mimic-fn "^2.1.0"
-
 onetime@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/onetime/-/onetime-6.0.0.tgz#7c24c18ed1fd2e9bca4bd26806a33613c77d34b4"
@@ -8607,6 +8928,38 @@ onetime@^6.0.0:
   dependencies:
     mimic-fn "^4.0.0"
 
+onetime@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-7.0.0.tgz#9f16c92d8c9ef5120e3acd9dd9957cceecc1ab60"
+  integrity sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==
+  dependencies:
+    mimic-function "^5.0.0"
+
+oniguruma-parser@^0.5.4:
+  version "0.5.4"
+  resolved "https://registry.yarnpkg.com/oniguruma-parser/-/oniguruma-parser-0.5.4.tgz#c87fd162441db32405c4706b8ff72764a6617448"
+  integrity sha512-yNxcQ8sKvURiTwP0mV6bLQCYE7NKfKRRWunhbZnXgxSmB1OXa1lHrN3o4DZd+0Si0kU5blidK7BcROO8qv5TZA==
+
+oniguruma-to-es@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/oniguruma-to-es/-/oniguruma-to-es-4.1.0.tgz#6436d7a91f41c51f94b5543daa0e025be4c32aca"
+  integrity sha512-SNwG909cSLo4vPyyPbU/VJkEc9WOXqu2ycBlfd1UCXLqk1IijcQktSBb2yRQ2UFPsDhpkaf+C1dtT3PkLK/yWA==
+  dependencies:
+    emoji-regex-xs "^1.0.0"
+    oniguruma-parser "^0.5.4"
+    regex "^6.0.1"
+    regex-recursion "^6.0.2"
+
+open@^10.1.0:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/open/-/open-10.1.0.tgz#a7795e6e5d519abe4286d9937bb24b51122598e1"
+  integrity sha512-mnkeQ1qP5Ue2wd+aivTD3NHd/lZ96Lu0jgf0pwktLPtx6cTZiH7tyeGRRHs0zX0rbrahXPnXlUnbeXyaBBuIaw==
+  dependencies:
+    default-browser "^5.2.1"
+    define-lazy-prop "^3.0.0"
+    is-inside-container "^1.0.0"
+    is-wsl "^3.1.0"
+
 open@^8.4.0:
   version "8.4.2"
   resolved "https://registry.yarnpkg.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9"
@@ -8616,60 +8969,84 @@ open@^8.4.0:
     is-docker "^2.1.1"
     is-wsl "^2.2.0"
 
-opener@1.5.2, opener@^1.5.2:
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
-  integrity sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==
-
-optimize-css-assets-webpack-plugin@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/optimize-css-assets-webpack-plugin/-/optimize-css-assets-webpack-plugin-6.0.1.tgz#7719bceabba1f3891ec3ae04efb81a1cc99cd793"
-  integrity sha512-BshV2UZPfggZLdUfN3zFBbG4sl/DynUI+YCB6fRRDWaqO2OiWN8GPcp4Y0/fEV6B3k9Hzyk3czve3V/8B/SzKQ==
+openapi-typescript@^7.6.1:
+  version "7.6.1"
+  resolved "https://registry.yarnpkg.com/openapi-typescript/-/openapi-typescript-7.6.1.tgz#e39d1e21ebf43f91712703f7063118246d099d19"
+  integrity sha512-F7RXEeo/heF3O9lOXo2bNjCOtfp7u+D6W3a3VNEH2xE6v+fxLtn5nq0uvUcA1F5aT+CMhNeC5Uqtg5tlXFX/ag==
   dependencies:
-    cssnano "^5.0.2"
-    last-call-webpack-plugin "^3.0.0"
-    postcss "^8.2.1"
+    "@redocly/openapi-core" "^1.28.0"
+    ansi-colors "^4.1.3"
+    change-case "^5.4.4"
+    parse-json "^8.1.0"
+    supports-color "^9.4.0"
+    yargs-parser "^21.1.1"
 
-optionator@^0.8.1:
-  version "0.8.3"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
-  integrity sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==
+openid-client@^5.4.0:
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/openid-client/-/openid-client-5.7.1.tgz#34cace862a3e6472ed7d0a8616ef73b7fb85a9c3"
+  integrity sha512-jDBPgSVfTnkIh71Hg9pRvtJc6wTwqjRkN88+gCFtYWrlP4Yx2Dsrow8uPi3qLr/aeymPF3o2+dS+wOpglK04ew==
   dependencies:
-    deep-is "~0.1.3"
-    fast-levenshtein "~2.0.6"
-    levn "~0.3.0"
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-    word-wrap "~1.2.3"
+    jose "^4.15.9"
+    lru-cache "^6.0.0"
+    object-hash "^2.2.0"
+    oidc-token-hash "^5.0.3"
 
-optionator@^0.9.1:
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
-  integrity sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==
+optionator@^0.9.3:
+  version "0.9.4"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.4.tgz#7ea1c1a5d91d764fb282139c88fe11e182a3a734"
+  integrity sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==
   dependencies:
     deep-is "^0.1.3"
     fast-levenshtein "^2.0.6"
     levn "^0.4.1"
     prelude-ls "^1.2.1"
     type-check "^0.4.0"
-    word-wrap "^1.2.3"
+    word-wrap "^1.2.5"
 
-os-browserify@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
-  integrity sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==
+own-keys@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/own-keys/-/own-keys-1.0.1.tgz#e4006910a2bf913585289676eebd6f390cf51358"
+  integrity sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==
+  dependencies:
+    get-intrinsic "^1.2.6"
+    object-keys "^1.1.1"
+    safe-push-apply "^1.0.0"
 
-os-tmpdir@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
-  integrity sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==
+oxc-parser@^0.53.0:
+  version "0.53.0"
+  resolved "https://registry.yarnpkg.com/oxc-parser/-/oxc-parser-0.53.0.tgz#e60585f2d3f997685145f1e028b18ba12af0b720"
+  integrity sha512-NjUiQx1ns2l9uIh9aAzXkEakP7GD00rza4FC/cVwxpY/sSvzHlhbuTaRX/91fmVOKJkA3PEMks43UeJCzcLApg==
+  dependencies:
+    "@oxc-project/types" "^0.53.0"
+  optionalDependencies:
+    "@oxc-parser/binding-darwin-arm64" "0.53.0"
+    "@oxc-parser/binding-darwin-x64" "0.53.0"
+    "@oxc-parser/binding-linux-arm64-gnu" "0.53.0"
+    "@oxc-parser/binding-linux-arm64-musl" "0.53.0"
+    "@oxc-parser/binding-linux-x64-gnu" "0.53.0"
+    "@oxc-parser/binding-linux-x64-musl" "0.53.0"
+    "@oxc-parser/binding-win32-arm64-msvc" "0.53.0"
+    "@oxc-parser/binding-win32-x64-msvc" "0.53.0"
 
-p-cancelable@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-2.1.1.tgz#aab7fbd416582fa32a3db49859c122487c5ed2cf"
-  integrity sha512-BZOr3nRQHOntUjTrH8+Lh54smKHoHyur8We1V8DSMVrl5A2malOOwuJRnKRDjSnkoeBh4at6BwEnb5I7Jl31wg==
+oxc-parser@^0.56.3:
+  version "0.56.5"
+  resolved "https://registry.yarnpkg.com/oxc-parser/-/oxc-parser-0.56.5.tgz#1b8763325d6c3d215af72ee46462d65695f845ca"
+  integrity sha512-MNT32sqiTFeSbQZP2WZIRQ/mlIpNNq4sua+/4hBG4qT5aef2iQe+1/BjezZURPlvucZeSfN1Y6b60l7OgBdyUA==
+  dependencies:
+    "@oxc-project/types" "^0.56.5"
+  optionalDependencies:
+    "@oxc-parser/binding-darwin-arm64" "0.56.5"
+    "@oxc-parser/binding-darwin-x64" "0.56.5"
+    "@oxc-parser/binding-linux-arm-gnueabihf" "0.56.5"
+    "@oxc-parser/binding-linux-arm64-gnu" "0.56.5"
+    "@oxc-parser/binding-linux-arm64-musl" "0.56.5"
+    "@oxc-parser/binding-linux-x64-gnu" "0.56.5"
+    "@oxc-parser/binding-linux-x64-musl" "0.56.5"
+    "@oxc-parser/binding-wasm32-wasi" "0.56.5"
+    "@oxc-parser/binding-win32-arm64-msvc" "0.56.5"
+    "@oxc-parser/binding-win32-x64-msvc" "0.56.5"
 
-p-limit@^2.0.0, p-limit@^2.2.0:
+p-limit@^2.2.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
   integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
@@ -8690,13 +9067,6 @@ p-limit@^4.0.0:
   dependencies:
     yocto-queue "^1.0.0"
 
-p-locate@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
-  integrity sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==
-  dependencies:
-    p-limit "^2.0.0"
-
 p-locate@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
@@ -8711,46 +9081,34 @@ p-locate@^5.0.0:
   dependencies:
     p-limit "^3.0.2"
 
-p-map@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/p-map/-/p-map-4.0.0.tgz#bb2f95a5eda2ec168ec9274e06a747c3e2904d2b"
-  integrity sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==
+p-locate@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-6.0.0.tgz#3da9a49d4934b901089dca3302fa65dc5a05c04f"
+  integrity sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==
   dependencies:
-    aggregate-error "^3.0.0"
+    p-limit "^4.0.0"
 
 p-try@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
   integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
 
-pako@~1.0.5:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
-  integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
+package-json-from-dist@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz#4f1471a010827a86f94cfd9b0727e36d267de505"
+  integrity sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==
 
-parallel-transform@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/parallel-transform/-/parallel-transform-1.2.0.tgz#9049ca37d6cb2182c3b1d2c720be94d14a5814fc"
-  integrity sha512-P2vSmIu38uIlvdcU7fDkyrxj33gTUy/ABO5ZUbGowxNCopBq/OoD42bP4UmMrJoPyk4Uqf0mu3mtWBhHCZD8yg==
+package-manager-detector@^0.2.8:
+  version "0.2.11"
+  resolved "https://registry.yarnpkg.com/package-manager-detector/-/package-manager-detector-0.2.11.tgz#3af0b34f99d86d24af0a0620603d2e1180d05c9c"
+  integrity sha512-BEnLolu+yuz22S56CU1SUKq3XC3PkwD5wv4ikR4MfGvnRVcmzXR9DwSlW2fEamyTPyXHomBJRzgapeuBvRNzJQ==
   dependencies:
-    cyclist "^1.0.1"
-    inherits "^2.0.3"
-    readable-stream "^2.1.5"
+    quansync "^0.2.7"
 
-param-case@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/param-case/-/param-case-2.1.1.tgz#df94fd8cf6531ecf75e6bef9a0858fbc72be2247"
-  integrity sha512-eQE845L6ot89sk2N8liD8HAuH4ca6Vvr7VWAWwt7+kvvG5aBcPmmphQ68JsEG2qa9n1TykS2DLeMt363AAH8/w==
-  dependencies:
-    no-case "^2.2.0"
-
-param-case@^3.0.3:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5"
-  integrity sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==
-  dependencies:
-    dot-case "^3.0.4"
-    tslib "^2.0.3"
+package-manager-detector@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/package-manager-detector/-/package-manager-detector-1.1.0.tgz#2c9f19adb9835d0b9e9baaab484a020d4ee07b87"
+  integrity sha512-Y8f9qUlBzW8qauJjd/eu6jlpJZsuPJm2ZAV0cDVd420o4EdpH5RPdoCv+60/TdJflGatr4sDfpAL6ArWZbM5tA==
 
 parent-module@^1.0.0:
   version "1.0.1"
@@ -8759,32 +9117,26 @@ parent-module@^1.0.0:
   dependencies:
     callsites "^3.0.0"
 
-parse-asn1@^5.0.0, parse-asn1@^5.1.5:
-  version "5.1.6"
-  resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.6.tgz#385080a3ec13cb62a62d39409cb3e88844cdaed4"
-  integrity sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==
+parse-entities@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/parse-entities/-/parse-entities-4.0.2.tgz#61d46f5ed28e4ee62e9ddc43d6b010188443f159"
+  integrity sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==
   dependencies:
-    asn1.js "^5.2.0"
-    browserify-aes "^1.0.0"
-    evp_bytestokey "^1.0.0"
-    pbkdf2 "^3.0.3"
-    safe-buffer "^5.1.1"
+    "@types/unist" "^2.0.0"
+    character-entities-legacy "^3.0.0"
+    character-reference-invalid "^2.0.0"
+    decode-named-character-reference "^1.0.0"
+    is-alphanumerical "^2.0.0"
+    is-decimal "^2.0.0"
+    is-hexadecimal "^2.0.0"
 
-parse-git-config@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/parse-git-config/-/parse-git-config-3.0.0.tgz#4a2de08c7b74a2555efa5ae94d40cd44302a6132"
-  integrity sha512-wXoQGL1D+2COYWCD35/xbiKma1Z15xvZL8cI25wvxzled58V51SJM04Urt/uznS900iQor7QO04SgdfT/XlbuA==
+parse-imports@^2.1.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/parse-imports/-/parse-imports-2.2.1.tgz#0a6e8b5316beb5c9905f50eb2bbb8c64a4805642"
+  integrity sha512-OL/zLggRp8mFhKL0rNORUTR4yBYujK/uU+xZL+/0Rgm2QE4nLO9v8PzEweSJEbMGKmDRjJE4R3IMJlL2di4JeQ==
   dependencies:
-    git-config-path "^2.0.0"
-    ini "^1.3.5"
-
-parse-json@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0"
-  integrity sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==
-  dependencies:
-    error-ex "^1.3.1"
-    json-parse-better-errors "^1.0.1"
+    es-module-lexer "^1.5.3"
+    slashes "^3.0.12"
 
 parse-json@^5.0.0:
   version "5.2.0"
@@ -8796,71 +9148,63 @@ parse-json@^5.0.0:
     json-parse-even-better-errors "^2.3.0"
     lines-and-columns "^1.1.6"
 
+parse-json@^8.0.0, parse-json@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-8.1.0.tgz#91cdc7728004e955af9cb734de5684733b24a717"
+  integrity sha512-rum1bPifK5SSar35Z6EKZuYPJx85pkNaFrxBK3mwdfSJ1/WKbYrjoW/zTPSjRRamfmVX1ACBIdFAO0VRErW/EA==
+  dependencies:
+    "@babel/code-frame" "^7.22.13"
+    index-to-position "^0.1.2"
+    type-fest "^4.7.1"
+
+parse-ms@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/parse-ms/-/parse-ms-4.0.0.tgz#c0c058edd47c2a590151a718990533fd62803df4"
+  integrity sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==
+
 parse-path@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/parse-path/-/parse-path-7.0.0.tgz#605a2d58d0a749c8594405d8cc3a2bf76d16099b"
-  integrity sha512-Euf9GG8WT9CdqwuWJGdf3RkUcTBArppHABkO7Lm8IzRQp0e2r/kkFnmhu4TSK30Wcu5rVAZLmfPKSBBi9tWFog==
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/parse-path/-/parse-path-7.0.1.tgz#ae548cd36315fd8881a3610eae99fa08123ee0e2"
+  integrity sha512-6ReLMptznuuOEzLoGEa+I1oWRSj2Zna5jLWC+l6zlfAI4dbbSaIES29ThzuPkbhNahT65dWzfoZEO6cfJw2Ksg==
   dependencies:
     protocols "^2.0.0"
 
-parse-url@^8.1.0:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/parse-url/-/parse-url-8.1.0.tgz#972e0827ed4b57fc85f0ea6b0d839f0d8a57a57d"
-  integrity sha512-xDvOoLU5XRrcOZvnI6b8zA6n9O9ejNk/GExuz1yBuWUGn9KA97GI6HTs6u02wKara1CeVmZhH+0TZFdWScR89w==
+parse-url@^9.2.0:
+  version "9.2.0"
+  resolved "https://registry.yarnpkg.com/parse-url/-/parse-url-9.2.0.tgz#d75da32b3bbade66e4eb0763fb4851d27526b97b"
+  integrity sha512-bCgsFI+GeGWPAvAiUv63ZorMeif3/U0zaXABGJbOWt5OH2KCaPHF6S+0ok4aqM9RuIPGyZdx9tR9l13PsW4AYQ==
   dependencies:
+    "@types/parse-path" "^7.0.0"
     parse-path "^7.0.0"
 
-parse5@^7.1.2:
-  version "7.1.2"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.1.2.tgz#0736bebbfd77793823240a23b7fc5e010b7f8e32"
-  integrity sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==
+parse5@^7.0.0, parse5@^7.2.1:
+  version "7.2.1"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.2.1.tgz#8928f55915e6125f430cc44309765bf17556a33a"
+  integrity sha512-BuBYQYlv1ckiPdQi/ohiivi9Sagc9JG+Ozs0r7b/0iK3sKmrb0b9FdWdBbOdx6hBCM/F9Ir82ofnBhtZOjCRPQ==
   dependencies:
-    entities "^4.4.0"
+    entities "^4.5.0"
 
 parseurl@~1.3.3:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
   integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
 
-pascal-case@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.2.tgz#b48e0ef2b98e205e7c1dae747d0b1508237660eb"
-  integrity sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==
-  dependencies:
-    no-case "^3.0.4"
-    tslib "^2.0.3"
-
-pascalcase@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
-  integrity sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==
-
-path-browserify@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-0.0.1.tgz#e6c4ddd7ed3aa27c68a20cc4e50e1a4ee83bbc4a"
-  integrity sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==
-
-path-dirname@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/path-dirname/-/path-dirname-1.0.2.tgz#cc33d24d525e099a5388c0336c6e32b9160609e0"
-  integrity sha512-ALzNPpyNq9AqXMBjeymIjFDAkAFH06mHJH/cSBHAgU0s4vfpBn6b2nf8tiRLvagKD8RbTpq2FKTBg7cl9l3c7Q==
-
-path-exists@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
-  integrity sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==
-
 path-exists@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
   integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
 
+path-exists@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-5.0.0.tgz#a6aad9489200b21fab31e49cf09277e5116fb9e7"
+  integrity sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==
+
 path-is-absolute@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
   integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
 
-path-key@^3.0.0, path-key@^3.1.0:
+path-key@^3.1.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
   integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
@@ -8875,889 +9219,338 @@ path-parse@^1.0.7:
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
+path-scurry@^1.11.1:
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.11.1.tgz#7960a668888594a0720b12a911d1a742ab9f11d2"
+  integrity sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==
+  dependencies:
+    lru-cache "^10.2.0"
+    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
+
 path-type@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
-pathe@^0.3.3:
-  version "0.3.9"
-  resolved "https://registry.yarnpkg.com/pathe/-/pathe-0.3.9.tgz#4baff768f37f03e3d9341502865fb93116f65191"
-  integrity sha512-6Y6s0vT112P3jD8dGfuS6r+lpa0qqNrLyHPOwvXMnyNTQaYiwgau2DP3aNDsR13xqtGj7rrPo+jFUATpU6/s+g==
+path-type@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-6.0.0.tgz#2f1bb6791a91ce99194caede5d6c5920ed81eb51"
+  integrity sha512-Vj7sf++t5pBD637NSfkxpHSMfWaeig5+DKWLhcqIYx6mWQz5hdJTGDVMQiJcw1ZYkhs7AazKDGpRVji1LJCZUQ==
 
-pathe@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/pathe/-/pathe-1.1.0.tgz#e2e13f6c62b31a3289af4ba19886c230f295ec03"
-  integrity sha512-ODbEPR0KKHqECXW1GoxdDb+AZvULmXjVPy4rt+pGo2+TnjJTIPJQSVS6N63n8T2Ip+syHhbn52OewKicV0373w==
+pathe@^1.0.0, pathe@^1.1.0, pathe@^1.1.1, pathe@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/pathe/-/pathe-1.1.2.tgz#6c4cb47a945692e48a1ddd6e4094d170516437ec"
+  integrity sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==
 
-pathval@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/pathval/-/pathval-1.1.1.tgz#8534e77a77ce7ac5a2512ea21e0fdb8fcf6c3d8d"
-  integrity sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==
+pathe@^2.0.1, pathe@^2.0.2, pathe@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/pathe/-/pathe-2.0.3.tgz#3ecbec55421685b70a9da872b2cff3e1cbed1716"
+  integrity sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==
 
-pbkdf2@^3.0.3:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.1.2.tgz#dd822aa0887580e52f1a039dc3eda108efae3075"
-  integrity sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==
-  dependencies:
-    create-hash "^1.1.2"
-    create-hmac "^1.1.4"
-    ripemd160 "^2.0.1"
-    safe-buffer "^5.0.1"
-    sha.js "^2.4.8"
+pathval@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/pathval/-/pathval-2.0.0.tgz#7e2550b422601d4f6b8e26f1301bc8f15a741a25"
+  integrity sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==
 
-picocolors@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-0.2.1.tgz#570670f793646851d1ba135996962abad587859f"
-  integrity sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==
-
-picocolors@^1.0.0:
+perfect-debounce@^1.0.0:
   version "1.0.0"
-  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
-  integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
+  resolved "https://registry.yarnpkg.com/perfect-debounce/-/perfect-debounce-1.0.0.tgz#9c2e8bc30b169cc984a58b7d5b28049839591d2a"
+  integrity sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==
+
+picocolors@^1.0.0, picocolors@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
 
 picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.2.3, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
-picomodal@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/picomodal/-/picomodal-3.0.0.tgz#facd30f4fbf34a809c1e04ea525f004f399c0b82"
-  integrity sha512-FoR3TDfuLlqUvcEeK5ifpKSVVns6B4BQvc8SDF6THVMuadya6LLtji0QgUDSStw0ZR2J7I6UGi5V2V23rnPWTw==
+picomatch@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.2.tgz#77c742931e8f3b8820946c76cd0c1f13730d1dab"
+  integrity sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==
 
 pidtree@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/pidtree/-/pidtree-0.6.0.tgz#90ad7b6d42d5841e69e0a2419ef38f8883aa057c"
   integrity sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==
 
-pify@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
-  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
-
-pify@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
-  integrity sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==
-
-pify@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
-  integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==
-
-pify@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-5.0.0.tgz#1f5eca3f5e87ebec28cc6d54a0e4aaf00acc127f"
-  integrity sha512-eW/gHNMlxdSP6dmG6uJip6FXN0EQBwm2clYYd8Wul42Cwu/DK8HEftzsapcNdYe2MfLiIwZqsDk2RDEsTE79hA==
-
-pkg-dir@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-3.0.0.tgz#2749020f239ed990881b1f71210d51eb6523bea3"
-  integrity sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==
+pkg-types@^1.0.3, pkg-types@^1.2.1, pkg-types@^1.3.0, pkg-types@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-1.3.1.tgz#bd7cc70881192777eef5326c19deb46e890917df"
+  integrity sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==
   dependencies:
-    find-up "^3.0.0"
+    confbox "^0.1.8"
+    mlly "^1.7.4"
+    pathe "^2.0.1"
 
-pkg-dir@^4.1.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
-  integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
+pkg-types@^2.0.0, pkg-types@^2.0.1, pkg-types@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-2.1.0.tgz#70c9e1b9c74b63fdde749876ee0aa007ea9edead"
+  integrity sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==
   dependencies:
-    find-up "^4.0.0"
-
-pkg-types@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-1.0.2.tgz#c233efc5210a781e160e0cafd60c0d0510a4b12e"
-  integrity sha512-hM58GKXOcj8WTqUXnsQyJYXdeAPbythQgEF3nTcEo+nkD49chjQ9IKm/QJy9xf6JakXptz86h7ecP2024rrLaQ==
-  dependencies:
-    jsonc-parser "^3.2.0"
-    mlly "^1.1.1"
-    pathe "^1.1.0"
+    confbox "^0.2.1"
+    exsolve "^1.0.1"
+    pathe "^2.0.3"
 
 pluralize@^8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/pluralize/-/pluralize-8.0.0.tgz#1a6fa16a38d12a1901e0320fa017051c539ce3b1"
   integrity sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==
 
-pnp-webpack-plugin@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/pnp-webpack-plugin/-/pnp-webpack-plugin-1.7.0.tgz#65741384f6d8056f36e2255a8d67ffc20866f5c9"
-  integrity sha512-2Rb3vm+EXble/sMXNSu6eoBx8e79gKqhNq9F5ZWW6ERNCTE/Q0wQNne5541tE5vKjfM8hpNCYL+LGc1YTfI0dg==
-  dependencies:
-    ts-pnp "^1.1.6"
+possible-typed-array-names@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz#93e3582bc0e5426586d9d07b79ee40fc841de4ae"
+  integrity sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==
 
-posix-character-classes@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"
-  integrity sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==
-
-postcss-attribute-case-insensitive@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-5.0.2.tgz#03d761b24afc04c09e757e92ff53716ae8ea2741"
-  integrity sha512-XIidXV8fDr0kKt28vqki84fRK8VW8eTuIa4PChv2MqKuT6C9UjmSKzen6KaWhWEoYvwxFCa7n/tC1SZ3tyq4SQ==
+postcss-calc@^10.0.2:
+  version "10.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-10.1.1.tgz#52b385f2e628239686eb6e3a16207a43f36064ca"
+  integrity sha512-NYEsLHh8DgG/PRH2+G9BTuUdtf9ViS+vdoQ0YA5OQdGsfN4ztiwtDWNtBl9EKeqNMFnIu8IKZ0cLxEQ5r5KVMw==
   dependencies:
-    postcss-selector-parser "^6.0.10"
-
-postcss-calc@^8.2.3:
-  version "8.2.4"
-  resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-8.2.4.tgz#77b9c29bfcbe8a07ff6693dc87050828889739a5"
-  integrity sha512-SmWMSJmB8MRnnULldx0lQIyhSNvuDl9HfrZkaqqE/WHAhToYsAvDq+yAsA/kIyINDszOp3Rh0GFoNuH5Ypsm3Q==
-  dependencies:
-    postcss-selector-parser "^6.0.9"
+    postcss-selector-parser "^7.0.0"
     postcss-value-parser "^4.2.0"
 
-postcss-calc@^9.0.1:
-  version "9.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-9.0.1.tgz#a744fd592438a93d6de0f1434c572670361eb6c6"
-  integrity sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==
+postcss-colormin@^7.0.2:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-7.0.2.tgz#6f3c53c13158168669f45adc3926f35cb240ef8e"
+  integrity sha512-YntRXNngcvEvDbEjTdRWGU606eZvB5prmHG4BF0yLmVpamXbpsRJzevyy6MZVyuecgzI2AWAlvFi8DAeCqwpvA==
   dependencies:
-    postcss-selector-parser "^6.0.11"
-    postcss-value-parser "^4.2.0"
-
-postcss-clamp@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-clamp/-/postcss-clamp-4.1.0.tgz#7263e95abadd8c2ba1bd911b0b5a5c9c93e02363"
-  integrity sha512-ry4b1Llo/9zz+PKC+030KUnPITTJAHeOwjfAyyB60eT0AorGLdzp52s31OsPRHRf8NchkgFoG2y6fCfn1IV1Ow==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-color-functional-notation@^4.2.4:
-  version "4.2.4"
-  resolved "https://registry.yarnpkg.com/postcss-color-functional-notation/-/postcss-color-functional-notation-4.2.4.tgz#21a909e8d7454d3612d1659e471ce4696f28caec"
-  integrity sha512-2yrTAUZUab9s6CpxkxC4rVgFEVaR6/2Pipvi6qcgvnYiVqZcbDHEoBDhrXzyb7Efh2CCfHQNtcqWcIruDTIUeg==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-color-hex-alpha@^8.0.4:
-  version "8.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-color-hex-alpha/-/postcss-color-hex-alpha-8.0.4.tgz#c66e2980f2fbc1a63f5b079663340ce8b55f25a5"
-  integrity sha512-nLo2DCRC9eE4w2JmuKgVA3fGL3d01kGq752pVALF68qpGLmx2Qrk91QTKkdUqqp45T1K1XV8IhQpcu1hoAQflQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-color-rebeccapurple@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-7.1.1.tgz#63fdab91d878ebc4dd4b7c02619a0c3d6a56ced0"
-  integrity sha512-pGxkuVEInwLHgkNxUc4sdg4g3py7zUeCQ9sMfwyHAT+Ezk8a4OaaVZ8lIY5+oNqA/BXXgLyXv0+5wHP68R79hg==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-colormin@^5.3.1:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-5.3.1.tgz#86c27c26ed6ba00d96c79e08f3ffb418d1d1988f"
-  integrity sha512-UsWQG0AqTFQmpBegeLLc1+c3jIqBNB0zlDGRWR+dQ3pRKJL1oeMzyqmH3o2PIfn9MBdNrVPWhDbT769LxCTLJQ==
-  dependencies:
-    browserslist "^4.21.4"
+    browserslist "^4.23.3"
     caniuse-api "^3.0.0"
-    colord "^2.9.1"
+    colord "^2.9.3"
     postcss-value-parser "^4.2.0"
 
-postcss-colormin@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-6.0.2.tgz#2af9ce753937b08e058dbc6879e4aedfab42806b"
-  integrity sha512-TXKOxs9LWcdYo5cgmcSHPkyrLAh86hX1ijmyy6J8SbOhyv6ua053M3ZAM/0j44UsnQNIWdl8gb5L7xX2htKeLw==
+postcss-convert-values@^7.0.4:
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-7.0.4.tgz#fc13ecedded6365f3c794b502dbcf77d298da12c"
+  integrity sha512-e2LSXPqEHVW6aoGbjV9RsSSNDO3A0rZLCBxN24zvxF25WknMPpX8Dm9UxxThyEbaytzggRuZxaGXqaOhxQ514Q==
   dependencies:
-    browserslist "^4.22.2"
+    browserslist "^4.23.3"
+    postcss-value-parser "^4.2.0"
+
+postcss-discard-comments@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-7.0.3.tgz#9c414e8ee99d3514ad06a3465ccc20ec1dbce780"
+  integrity sha512-q6fjd4WU4afNhWOA2WltHgCbkRhZPgQe7cXF74fuVB/ge4QbM9HEaOIzGSiMvM+g/cOsNAUGdf2JDzqA2F8iLA==
+  dependencies:
+    postcss-selector-parser "^6.1.2"
+
+postcss-discard-duplicates@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-7.0.1.tgz#f87f2fe47d8f01afb1e98361c1db3ce1e8afd1a3"
+  integrity sha512-oZA+v8Jkpu1ct/xbbrntHRsfLGuzoP+cpt0nJe5ED2FQF8n8bJtn7Bo28jSmBYwqgqnqkuSXJfSUEE7if4nClQ==
+
+postcss-discard-empty@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-7.0.0.tgz#218829d1ef0a5d5142dd62f0aa60e00e599d2033"
+  integrity sha512-e+QzoReTZ8IAwhnSdp/++7gBZ/F+nBq9y6PomfwORfP7q9nBpK5AMP64kOt0bA+lShBFbBDcgpJ3X4etHg4lzA==
+
+postcss-discard-overridden@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-7.0.0.tgz#b123ea51e3d4e1d0a254cf71eaff1201926d319c"
+  integrity sha512-GmNAzx88u3k2+sBTZrJSDauR0ccpE24omTQCVmaTTZFz1du6AasspjaUPMJ2ud4RslZpoFKyf+6MSPETLojc6w==
+
+postcss-merge-longhand@^7.0.4:
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-7.0.4.tgz#a52d0662b4b29420f3b64a8d5b0ac5133d8db776"
+  integrity sha512-zer1KoZA54Q8RVHKOY5vMke0cCdNxMP3KBfDerjH/BYHh4nCIh+1Yy0t1pAEQF18ac/4z3OFclO+ZVH8azjR4A==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+    stylehacks "^7.0.4"
+
+postcss-merge-rules@^7.0.4:
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-7.0.4.tgz#648cc864d3121e6ec72c2a4f08df1cc801e60ce8"
+  integrity sha512-ZsaamiMVu7uBYsIdGtKJ64PkcQt6Pcpep/uO90EpLS3dxJi6OXamIobTYcImyXGoW0Wpugh7DSD3XzxZS9JCPg==
+  dependencies:
+    browserslist "^4.23.3"
     caniuse-api "^3.0.0"
-    colord "^2.9.1"
-    postcss-value-parser "^4.2.0"
+    cssnano-utils "^5.0.0"
+    postcss-selector-parser "^6.1.2"
 
-postcss-convert-values@^5.1.3:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-5.1.3.tgz#04998bb9ba6b65aa31035d669a6af342c5f9d393"
-  integrity sha512-82pC1xkJZtcJEfiLw6UXnXVXScgtBrjlO5CBmuDQc+dlb88ZYheFsjTn40+zBVi3DkfF7iezO0nJUPLcJK3pvA==
-  dependencies:
-    browserslist "^4.21.4"
-    postcss-value-parser "^4.2.0"
-
-postcss-convert-values@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-6.0.2.tgz#c4a7509aeb1cc7ac3f6948fcbffc2bf8cac7c56a"
-  integrity sha512-aeBmaTnGQ+NUSVQT8aY0sKyAD/BaLJenEKZ03YK0JnDE1w1Rr8XShoxdal2V2H26xTJKr3v5haByOhJuyT4UYw==
-  dependencies:
-    browserslist "^4.22.2"
-    postcss-value-parser "^4.2.0"
-
-postcss-custom-media@^8.0.2:
-  version "8.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-8.0.2.tgz#c8f9637edf45fef761b014c024cee013f80529ea"
-  integrity sha512-7yi25vDAoHAkbhAzX9dHx2yc6ntS4jQvejrNcC+csQJAXjj15e7VcWfMgLqBNAbOvqi5uIa9huOVwdHbf+sKqg==
+postcss-minify-font-values@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-7.0.0.tgz#d16a75a2548e000779566b3568fc874ee5d0aa17"
+  integrity sha512-2ckkZtgT0zG8SMc5aoNwtm5234eUx1GGFJKf2b1bSp8UflqaeFzR50lid4PfqVI9NtGqJ2J4Y7fwvnP/u1cQog==
   dependencies:
     postcss-value-parser "^4.2.0"
 
-postcss-custom-properties@^12.1.10:
-  version "12.1.11"
-  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-12.1.11.tgz#d14bb9b3989ac4d40aaa0e110b43be67ac7845cf"
-  integrity sha512-0IDJYhgU8xDv1KY6+VgUwuQkVtmYzRwu+dMjnmdMafXYv86SWqfxkc7qdDvWS38vsjaEtv8e0vGOUQrAiMBLpQ==
+postcss-minify-gradients@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-7.0.0.tgz#f6d84456e6d49164a55d0e45bb1b1809c6cf0959"
+  integrity sha512-pdUIIdj/C93ryCHew0UgBnL2DtUS3hfFa5XtERrs4x+hmpMYGhbzo6l/Ir5de41O0GaKVpK1ZbDNXSY6GkXvtg==
+  dependencies:
+    colord "^2.9.3"
+    cssnano-utils "^5.0.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-minify-params@^7.0.2:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-7.0.2.tgz#264a76e25f202d8b5ca5290569c0e8c3ac599dfe"
+  integrity sha512-nyqVLu4MFl9df32zTsdcLqCFfE/z2+f8GE1KHPxWOAmegSo6lpV2GNy5XQvrzwbLmiU7d+fYay4cwto1oNdAaQ==
+  dependencies:
+    browserslist "^4.23.3"
+    cssnano-utils "^5.0.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-minify-selectors@^7.0.4:
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-7.0.4.tgz#2b69c99ec48a1c223fce4840609d9c53340a11f5"
+  integrity sha512-JG55VADcNb4xFCf75hXkzc1rNeURhlo7ugf6JjiiKRfMsKlDzN9CXHZDyiG6x/zGchpjQS+UAgb1d4nqXqOpmA==
+  dependencies:
+    cssesc "^3.0.0"
+    postcss-selector-parser "^6.1.2"
+
+postcss-normalize-charset@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-7.0.0.tgz#92244ae73c31bf8f8885d5f16ff69e857ac6c001"
+  integrity sha512-ABisNUXMeZeDNzCQxPxBCkXexvBrUHV+p7/BXOY+ulxkcjUZO0cp8ekGBwvIh2LbCwnWbyMPNJVtBSdyhM2zYQ==
+
+postcss-normalize-display-values@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-display-values/-/postcss-normalize-display-values-7.0.0.tgz#01fb50e5e97ef8935363629bea5a6d3b3aac1342"
+  integrity sha512-lnFZzNPeDf5uGMPYgGOw7v0BfB45+irSRz9gHQStdkkhiM0gTfvWkWB5BMxpn0OqgOQuZG/mRlZyJxp0EImr2Q==
   dependencies:
     postcss-value-parser "^4.2.0"
 
-postcss-custom-selectors@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-6.0.3.tgz#1ab4684d65f30fed175520f82d223db0337239d9"
-  integrity sha512-fgVkmyiWDwmD3JbpCmB45SvvlCD6z9CG6Ie6Iere22W5aHea6oWa7EM2bpnv2Fj3I94L3VbtvX9KqwSi5aFzSg==
-  dependencies:
-    postcss-selector-parser "^6.0.4"
-
-postcss-dir-pseudo-class@^6.0.5:
-  version "6.0.5"
-  resolved "https://registry.yarnpkg.com/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-6.0.5.tgz#2bf31de5de76added44e0a25ecf60ae9f7c7c26c"
-  integrity sha512-eqn4m70P031PF7ZQIvSgy9RSJ5uI2171O/OO/zcRNYpJbvaeKFUlar1aJ7rmgiQtbm0FSPsRewjpdS0Oew7MPA==
-  dependencies:
-    postcss-selector-parser "^6.0.10"
-
-postcss-discard-comments@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-5.1.2.tgz#8df5e81d2925af2780075840c1526f0660e53696"
-  integrity sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==
-
-postcss-discard-comments@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-6.0.1.tgz#46176212bd9c3e5f48aa4b8b4868786726c41d36"
-  integrity sha512-f1KYNPtqYLUeZGCHQPKzzFtsHaRuECe6jLakf/RjSRqvF5XHLZnM2+fXLhb8Qh/HBFHs3M4cSLb1k3B899RYIg==
-
-postcss-discard-duplicates@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-5.1.0.tgz#9eb4fe8456706a4eebd6d3b7b777d07bad03e848"
-  integrity sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==
-
-postcss-discard-duplicates@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-6.0.1.tgz#112b1a95948e69b3484fdd43584dda6930977939"
-  integrity sha512-1hvUs76HLYR8zkScbwyJ8oJEugfPV+WchpnA+26fpJ7Smzs51CzGBHC32RS03psuX/2l0l0UKh2StzNxOrKCYg==
-
-postcss-discard-empty@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-5.1.1.tgz#e57762343ff7f503fe53fca553d18d7f0c369c6c"
-  integrity sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==
-
-postcss-discard-empty@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-6.0.1.tgz#b34cb45ec891246da4506b53e352390fdef126c4"
-  integrity sha512-yitcmKwmVWtNsrrRqGJ7/C0YRy53i0mjexBDQ9zYxDwTWVBgbU4+C9jIZLmQlTDT9zhml+u0OMFJh8+31krmOg==
-
-postcss-discard-overridden@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz#7e8c5b53325747e9d90131bb88635282fb4a276e"
-  integrity sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==
-
-postcss-discard-overridden@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-6.0.1.tgz#c63c559237758d74bc505452393a64dda9b19ef4"
-  integrity sha512-qs0ehZMMZpSESbRkw1+inkf51kak6OOzNRaoLd/U7Fatp0aN2HQ1rxGOrJvYcRAN9VpX8kUF13R2ofn8OlvFVA==
-
-postcss-double-position-gradients@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-double-position-gradients/-/postcss-double-position-gradients-3.1.2.tgz#b96318fdb477be95997e86edd29c6e3557a49b91"
-  integrity sha512-GX+FuE/uBR6eskOK+4vkXgT6pDkexLokPaz/AbJna9s5Kzp/yl488pKPjhy0obB475ovfT1Wv8ho7U/cHNaRgQ==
-  dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
-    postcss-value-parser "^4.2.0"
-
-postcss-env-function@^4.0.6:
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/postcss-env-function/-/postcss-env-function-4.0.6.tgz#7b2d24c812f540ed6eda4c81f6090416722a8e7a"
-  integrity sha512-kpA6FsLra+NqcFnL81TnsU+Z7orGtDTxcOhl6pwXeEq1yFPpRMkCDpHhrz8CFQDr/Wfm0jLiNQ1OsGGPjlqPwA==
+postcss-normalize-positions@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-positions/-/postcss-normalize-positions-7.0.0.tgz#4eebd7c9d3dde40c97b8047cad38124fc844c463"
+  integrity sha512-I0yt8wX529UKIGs2y/9Ybs2CelSvItfmvg/DBIjTnoUSrPxSV7Z0yZ8ShSVtKNaV/wAY+m7bgtyVQLhB00A1NQ==
   dependencies:
     postcss-value-parser "^4.2.0"
 
-postcss-focus-visible@^6.0.4:
-  version "6.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-focus-visible/-/postcss-focus-visible-6.0.4.tgz#50c9ea9afa0ee657fb75635fabad25e18d76bf9e"
-  integrity sha512-QcKuUU/dgNsstIK6HELFRT5Y3lbrMLEOwG+A4s5cA+fx3A3y/JTq3X9LaOj3OC3ALH0XqyrgQIgey/MIZ8Wczw==
-  dependencies:
-    postcss-selector-parser "^6.0.9"
-
-postcss-focus-within@^5.0.4:
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-focus-within/-/postcss-focus-within-5.0.4.tgz#5b1d2ec603195f3344b716c0b75f61e44e8d2e20"
-  integrity sha512-vvjDN++C0mu8jz4af5d52CB184ogg/sSxAFS+oUJQq2SuCe7T5U2iIsVJtsCp2d6R4j0jr5+q3rPkBVZkXD9fQ==
-  dependencies:
-    postcss-selector-parser "^6.0.9"
-
-postcss-font-variant@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-font-variant/-/postcss-font-variant-5.0.0.tgz#efd59b4b7ea8bb06127f2d031bfbb7f24d32fa66"
-  integrity sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==
-
-postcss-gap-properties@^3.0.5:
-  version "3.0.5"
-  resolved "https://registry.yarnpkg.com/postcss-gap-properties/-/postcss-gap-properties-3.0.5.tgz#f7e3cddcf73ee19e94ccf7cb77773f9560aa2fff"
-  integrity sha512-IuE6gKSdoUNcvkGIqdtjtcMtZIFyXZhmFd5RUlg97iVEvp1BZKV5ngsAjCjrVy+14uhGBQl9tzmi1Qwq4kqVOg==
-
-postcss-image-set-function@^4.0.7:
-  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/postcss-image-set-function/-/postcss-image-set-function-4.0.7.tgz#08353bd756f1cbfb3b6e93182c7829879114481f"
-  integrity sha512-9T2r9rsvYzm5ndsBE8WgtrMlIT7VbtTfE7b3BQnudUqnBcBo7L758oc+o+pdj/dUV0l5wjwSdjeOH2DZtfv8qw==
+postcss-normalize-repeat-style@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-7.0.0.tgz#0cb784655d5714d29bd3bda6dee2fb628aa7227b"
+  integrity sha512-o3uSGYH+2q30ieM3ppu9GTjSXIzOrRdCUn8UOMGNw7Af61bmurHTWI87hRybrP6xDHvOe5WlAj3XzN6vEO8jLw==
   dependencies:
     postcss-value-parser "^4.2.0"
 
-postcss-import-resolver@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-import-resolver/-/postcss-import-resolver-2.0.0.tgz#95c61ac5489047bd93ff42a9cd405cfe9041e2c0"
-  integrity sha512-y001XYgGvVwgxyxw9J1a5kqM/vtmIQGzx34g0A0Oy44MFcy/ZboZw1hu/iN3VYFjSTRzbvd7zZJJz0Kh0AGkTw==
-  dependencies:
-    enhanced-resolve "^4.1.1"
-
-postcss-import@^14.0.2:
-  version "14.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-14.1.0.tgz#a7333ffe32f0b8795303ee9e40215dac922781f0"
-  integrity sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==
-  dependencies:
-    postcss-value-parser "^4.0.0"
-    read-cache "^1.0.0"
-    resolve "^1.1.7"
-
-postcss-import@^15.1.0:
-  version "15.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-15.1.0.tgz#41c64ed8cc0e23735a9698b3249ffdbf704adc70"
-  integrity sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==
-  dependencies:
-    postcss-value-parser "^4.0.0"
-    read-cache "^1.0.0"
-    resolve "^1.1.7"
-
-postcss-initial@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-initial/-/postcss-initial-4.0.1.tgz#529f735f72c5724a0fb30527df6fb7ac54d7de42"
-  integrity sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==
-
-postcss-lab-function@^4.2.1:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/postcss-lab-function/-/postcss-lab-function-4.2.1.tgz#6fe4c015102ff7cd27d1bd5385582f67ebdbdc98"
-  integrity sha512-xuXll4isR03CrQsmxyz92LJB2xX9n+pZJ5jE9JgcnmsCammLyKdlzrBin+25dy6wIjfhJpKBAN80gsTlCgRk2w==
-  dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^1.1.0"
-    postcss-value-parser "^4.2.0"
-
-postcss-loader@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-4.3.0.tgz#2c4de9657cd4f07af5ab42bd60a673004da1b8cc"
-  integrity sha512-M/dSoIiNDOo8Rk0mUqoj4kpGq91gcxCfb9PoyZVdZ76/AuhxylHDYZblNE8o+EQ9AMSASeMFEKxZf5aU6wlx1Q==
-  dependencies:
-    cosmiconfig "^7.0.0"
-    klona "^2.0.4"
-    loader-utils "^2.0.0"
-    schema-utils "^3.0.0"
-    semver "^7.3.4"
-
-postcss-logical@^5.0.4:
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-logical/-/postcss-logical-5.0.4.tgz#ec75b1ee54421acc04d5921576b7d8db6b0e6f73"
-  integrity sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g==
-
-postcss-media-minmax@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-media-minmax/-/postcss-media-minmax-5.0.0.tgz#7140bddec173e2d6d657edbd8554a55794e2a5b5"
-  integrity sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ==
-
-postcss-merge-longhand@^5.1.7:
-  version "5.1.7"
-  resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-5.1.7.tgz#24a1bdf402d9ef0e70f568f39bdc0344d568fb16"
-  integrity sha512-YCI9gZB+PLNskrK0BB3/2OzPnGhPkBEwmwhfYk1ilBHYVAZB7/tkTHFBAnCrvBBOmeYyMYw3DMjT55SyxMBzjQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-    stylehacks "^5.1.1"
-
-postcss-merge-longhand@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-6.0.2.tgz#cd4e83014851da59545e9a906b245615550f4064"
-  integrity sha512-+yfVB7gEM8SrCo9w2lCApKIEzrTKl5yS1F4yGhV3kSim6JzbfLGJyhR1B6X+6vOT0U33Mgx7iv4X9MVWuaSAfw==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-    stylehacks "^6.0.2"
-
-postcss-merge-rules@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-5.1.4.tgz#2f26fa5cacb75b1402e213789f6766ae5e40313c"
-  integrity sha512-0R2IuYpgU93y9lhVbO/OylTtKMVcHb67zjWIfCiKR9rWL3GUk1677LAqD/BcHizukdZEjT8Ru3oHRoAYoJy44g==
-  dependencies:
-    browserslist "^4.21.4"
-    caniuse-api "^3.0.0"
-    cssnano-utils "^3.1.0"
-    postcss-selector-parser "^6.0.5"
-
-postcss-merge-rules@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-6.0.3.tgz#08fcf714faaad75b1980ecd961b080ae2f8ddeb3"
-  integrity sha512-yfkDqSHGohy8sGYIJwBmIGDv4K4/WrJPX355XrxQb/CSsT4Kc/RxDi6akqn5s9bap85AWgv21ArcUWwWdGNSHA==
-  dependencies:
-    browserslist "^4.22.2"
-    caniuse-api "^3.0.0"
-    cssnano-utils "^4.0.1"
-    postcss-selector-parser "^6.0.15"
-
-postcss-minify-font-values@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-5.1.0.tgz#f1df0014a726083d260d3bd85d7385fb89d1f01b"
-  integrity sha512-el3mYTgx13ZAPPirSVsHqFzl+BBBDrXvbySvPGFnQcTI4iNslrPaFq4muTkLZmKlGk4gyFAYUBMH30+HurREyA==
+postcss-normalize-string@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-string/-/postcss-normalize-string-7.0.0.tgz#a119d3e63a9614570d8413d572fb9fc8c6a64e8c"
+  integrity sha512-w/qzL212DFVOpMy3UGyxrND+Kb0fvCiBBujiaONIihq7VvtC7bswjWgKQU/w4VcRyDD8gpfqUiBQ4DUOwEJ6Qg==
   dependencies:
     postcss-value-parser "^4.2.0"
 
-postcss-minify-font-values@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-6.0.1.tgz#788eb930168be90225f3937f0b70aa19d8b532b2"
-  integrity sha512-tIwmF1zUPoN6xOtA/2FgVk1ZKrLcCvE0dpZLtzyyte0j9zUeB8RTbCqrHZGjJlxOvNWKMYtunLrrl7HPOiR46w==
+postcss-normalize-timing-functions@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-7.0.0.tgz#99d0ee8c4b23b7f4355fafb91385833b9b07108b"
+  integrity sha512-tNgw3YV0LYoRwg43N3lTe3AEWZ66W7Dh7lVEpJbHoKOuHc1sLrzMLMFjP8SNULHaykzsonUEDbKedv8C+7ej6g==
   dependencies:
     postcss-value-parser "^4.2.0"
 
-postcss-minify-gradients@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-5.1.1.tgz#f1fe1b4f498134a5068240c2f25d46fcd236ba2c"
-  integrity sha512-VGvXMTpCEo4qHTNSa9A0a3D+dxGFZCYwR6Jokk+/3oB6flu2/PnPXAh2x7x52EkY5xlIHLm+Le8tJxe/7TNhzw==
+postcss-normalize-unicode@^7.0.2:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-unicode/-/postcss-normalize-unicode-7.0.2.tgz#095f8d36ea29adfdf494069c1de101112992a713"
+  integrity sha512-ztisabK5C/+ZWBdYC+Y9JCkp3M9qBv/XFvDtSw0d/XwfT3UaKeW/YTm/MD/QrPNxuecia46vkfEhewjwcYFjkg==
   dependencies:
-    colord "^2.9.1"
-    cssnano-utils "^3.1.0"
+    browserslist "^4.23.3"
     postcss-value-parser "^4.2.0"
 
-postcss-minify-gradients@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-6.0.1.tgz#4faf1880b483dc37016658aa186b42194ff9b5bc"
-  integrity sha512-M1RJWVjd6IOLPl1hYiOd5HQHgpp6cvJVLrieQYS9y07Yo8itAr6jaekzJphaJFR0tcg4kRewCk3kna9uHBxn/w==
-  dependencies:
-    colord "^2.9.1"
-    cssnano-utils "^4.0.1"
-    postcss-value-parser "^4.2.0"
-
-postcss-minify-params@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-5.1.4.tgz#c06a6c787128b3208b38c9364cfc40c8aa5d7352"
-  integrity sha512-+mePA3MgdmVmv6g+30rn57USjOGSAyuxUmkfiWpzalZ8aiBkdPYjXWtHuwJGm1v5Ojy0Z0LaSYhHaLJQB0P8Jw==
-  dependencies:
-    browserslist "^4.21.4"
-    cssnano-utils "^3.1.0"
-    postcss-value-parser "^4.2.0"
-
-postcss-minify-params@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-6.0.2.tgz#bd64af642fa5610281b8a9461598bbb91f92ae05"
-  integrity sha512-zwQtbrPEBDj+ApELZ6QylLf2/c5zmASoOuA4DzolyVGdV38iR2I5QRMsZcHkcdkZzxpN8RS4cN7LPskOkTwTZw==
-  dependencies:
-    browserslist "^4.22.2"
-    cssnano-utils "^4.0.1"
-    postcss-value-parser "^4.2.0"
-
-postcss-minify-selectors@^5.2.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-5.2.1.tgz#d4e7e6b46147b8117ea9325a915a801d5fe656c6"
-  integrity sha512-nPJu7OjZJTsVUmPdm2TcaiohIwxP+v8ha9NehQ2ye9szv4orirRU3SDdtUmKH+10nzn0bAyOXZ0UEr7OpvLehg==
-  dependencies:
-    postcss-selector-parser "^6.0.5"
-
-postcss-minify-selectors@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-6.0.2.tgz#62065b38d3453ddc6627ba50e4f4a2154b031aa0"
-  integrity sha512-0b+m+w7OAvZejPQdN2GjsXLv5o0jqYHX3aoV0e7RBKPCsB7TYG5KKWBFhGnB/iP3213Ts8c5H4wLPLMm7z28Sg==
-  dependencies:
-    postcss-selector-parser "^6.0.15"
-
-postcss-modules-extract-imports@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz#cda1f047c0ae80c97dbe28c3e76a43b88025741d"
-  integrity sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==
-
-postcss-modules-local-by-default@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.0.tgz#ebbb54fae1598eecfdf691a02b3ff3b390a5a51c"
-  integrity sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==
-  dependencies:
-    icss-utils "^5.0.0"
-    postcss-selector-parser "^6.0.2"
-    postcss-value-parser "^4.1.0"
-
-postcss-modules-scope@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz#9ef3151456d3bbfa120ca44898dfca6f2fa01f06"
-  integrity sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==
-  dependencies:
-    postcss-selector-parser "^6.0.4"
-
-postcss-modules-values@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz#d7c5e7e68c3bb3c9b27cbf48ca0bb3ffb4602c9c"
-  integrity sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==
-  dependencies:
-    icss-utils "^5.0.0"
-
-postcss-nesting@^10.2.0:
-  version "10.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-10.2.0.tgz#0b12ce0db8edfd2d8ae0aaf86427370b898890be"
-  integrity sha512-EwMkYchxiDiKUhlJGzWsD9b2zvq/r2SSubcRrgP+jujMXFzqvANLt16lJANC+5uZ6hjI7lpRmI6O8JIl+8l1KA==
-  dependencies:
-    "@csstools/selector-specificity" "^2.0.0"
-    postcss-selector-parser "^6.0.10"
-
-postcss-normalize-charset@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz#9302de0b29094b52c259e9b2cf8dc0879879f0ed"
-  integrity sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==
-
-postcss-normalize-charset@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-6.0.1.tgz#5f70e1eb8bbdbcfcbed060ef70f179e8fef57d0c"
-  integrity sha512-aW5LbMNRZ+oDV57PF9K+WI1Z8MPnF+A8qbajg/T8PP126YrGX1f9IQx21GI2OlGz7XFJi/fNi0GTbY948XJtXg==
-
-postcss-normalize-display-values@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-display-values/-/postcss-normalize-display-values-5.1.0.tgz#72abbae58081960e9edd7200fcf21ab8325c3da8"
-  integrity sha512-WP4KIM4o2dazQXWmFaqMmcvsKmhdINFblgSeRgn8BJ6vxaMyaJkwAzpPpuvSIoG/rmX3M+IrRZEz2H0glrQNEA==
+postcss-normalize-url@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-7.0.0.tgz#c88cb7cf8952d3ff631e4eba924e7b060ca802f6"
+  integrity sha512-+d7+PpE+jyPX1hDQZYG+NaFD+Nd2ris6r8fPTBAjE8z/U41n/bib3vze8x7rKs5H1uEw5ppe9IojewouHk0klQ==
   dependencies:
     postcss-value-parser "^4.2.0"
 
-postcss-normalize-display-values@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-display-values/-/postcss-normalize-display-values-6.0.1.tgz#ff9aa30bbf1283294bfd9cc8b6fb81ff060a7f2d"
-  integrity sha512-mc3vxp2bEuCb4LgCcmG1y6lKJu1Co8T+rKHrcbShJwUmKJiEl761qb/QQCfFwlrvSeET3jksolCR/RZuMURudw==
+postcss-normalize-whitespace@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-whitespace/-/postcss-normalize-whitespace-7.0.0.tgz#46b025f0bea72139ddee63015619b0c21cebd845"
+  integrity sha512-37/toN4wwZErqohedXYqWgvcHUGlT8O/m2jVkAfAe9Bd4MzRqlBmXrJRePH0e9Wgnz2X7KymTgTOaaFizQe3AQ==
   dependencies:
     postcss-value-parser "^4.2.0"
 
-postcss-normalize-positions@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-positions/-/postcss-normalize-positions-5.1.1.tgz#ef97279d894087b59325b45c47f1e863daefbb92"
-  integrity sha512-6UpCb0G4eofTCQLFVuI3EVNZzBNPiIKcA1AKVka+31fTVySphr3VUgAIULBhxZkKgwLImhzMR2Bw1ORK+37INg==
+postcss-ordered-values@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-7.0.1.tgz#8b4b5b8070ca7756bd49f07d5edf274b8f6782e0"
+  integrity sha512-irWScWRL6nRzYmBOXReIKch75RRhNS86UPUAxXdmW/l0FcAsg0lvAXQCby/1lymxn/o0gVa6Rv/0f03eJOwHxw==
   dependencies:
+    cssnano-utils "^5.0.0"
     postcss-value-parser "^4.2.0"
 
-postcss-normalize-positions@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-positions/-/postcss-normalize-positions-6.0.1.tgz#41ffdc72994f024c6cd6e91dbfb40ab9abe6fe90"
-  integrity sha512-HRsq8u/0unKNvm0cvwxcOUEcakFXqZ41fv3FOdPn916XFUrympjr+03oaLkuZENz3HE9RrQE9yU0Xv43ThWjQg==
+postcss-reduce-initial@^7.0.2:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-7.0.2.tgz#3dc085347a5943e18547d4b0aa5bd4ff5a93b2c5"
+  integrity sha512-pOnu9zqQww7dEKf62Nuju6JgsW2V0KRNBHxeKohU+JkHd/GAH5uvoObqFLqkeB2n20mr6yrlWDvo5UBU5GnkfA==
   dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-repeat-style@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-5.1.1.tgz#e9eb96805204f4766df66fd09ed2e13545420fb2"
-  integrity sha512-mFpLspGWkQtBcWIRFLmewo8aC3ImN2i/J3v8YCFUwDnPu3Xz4rLohDO26lGjwNsQxB3YF0KKRwspGzE2JEuS0g==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-repeat-style@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-6.0.1.tgz#55dc54b6f80305b280a379899a6626e0a07b04a8"
-  integrity sha512-Gbb2nmCy6tTiA7Sh2MBs3fj9W8swonk6lw+dFFeQT68B0Pzwp1kvisJQkdV6rbbMSd9brMlS8I8ts52tAGWmGQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-string@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-string/-/postcss-normalize-string-5.1.0.tgz#411961169e07308c82c1f8c55f3e8a337757e228"
-  integrity sha512-oYiIJOf4T9T1N4i+abeIc7Vgm/xPCGih4bZz5Nm0/ARVJ7K6xrDlLwvwqOydvyL3RHNf8qZk6vo3aatiw/go3w==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-string@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-string/-/postcss-normalize-string-6.0.1.tgz#7605e0fb4ec7bf2709709991d13a949e4419db1d"
-  integrity sha512-5Fhx/+xzALJD9EI26Aq23hXwmv97Zfy2VFrt5PLT8lAhnBIZvmaT5pQk+NuJ/GWj/QWaKSKbnoKDGLbV6qnhXg==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-timing-functions@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-5.1.0.tgz#d5614410f8f0b2388e9f240aa6011ba6f52dafbb"
-  integrity sha512-DOEkzJ4SAXv5xkHl0Wa9cZLF3WCBhF3o1SKVxKQAa+0pYKlueTpCgvkFAHfk+Y64ezX9+nITGrDZeVGgITJXjg==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-timing-functions@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-6.0.1.tgz#ef937b7ca2fd62ed0b46645ea5728b842a3600db"
-  integrity sha512-4zcczzHqmCU7L5dqTB9rzeqPWRMc0K2HoR+Bfl+FSMbqGBUcP5LRfgcH4BdRtLuzVQK1/FHdFoGT3F7rkEnY+g==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-unicode@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-unicode/-/postcss-normalize-unicode-5.1.1.tgz#f67297fca3fea7f17e0d2caa40769afc487aa030"
-  integrity sha512-qnCL5jzkNUmKVhZoENp1mJiGNPcsJCs1aaRmURmeJGES23Z/ajaln+EPTD+rBeNkSryI+2WTdW+lwcVdOikrpA==
-  dependencies:
-    browserslist "^4.21.4"
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-unicode@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-unicode/-/postcss-normalize-unicode-6.0.2.tgz#361026744ff11baebaec771b60c2a5f36f274fd0"
-  integrity sha512-Ff2VdAYCTGyMUwpevTZPZ4w0+mPjbZzLLyoLh/RMpqUqeQKZ+xMm31hkxBavDcGKcxm6ACzGk0nBfZ8LZkStKA==
-  dependencies:
-    browserslist "^4.22.2"
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-url@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-5.1.0.tgz#ed9d88ca82e21abef99f743457d3729a042adcdc"
-  integrity sha512-5upGeDO+PVthOxSmds43ZeMeZfKH+/DKgGRD7TElkkyS46JXAUhMzIKiCa7BabPeIy3AQcTkXwVVN7DbqsiCew==
-  dependencies:
-    normalize-url "^6.0.1"
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-url@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-6.0.1.tgz#eae58cb4f5f9a4fa5bbbf6d4222dff534ad46186"
-  integrity sha512-jEXL15tXSvbjm0yzUV7FBiEXwhIa9H88JOXDGQzmcWoB4mSjZIsmtto066s2iW9FYuIrIF4k04HA2BKAOpbsaQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-whitespace@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-whitespace/-/postcss-normalize-whitespace-5.1.1.tgz#08a1a0d1ffa17a7cc6efe1e6c9da969cc4493cfa"
-  integrity sha512-83ZJ4t3NUDETIHTa3uEg6asWjSBYL5EdkVB0sDncx9ERzOKBVJIUeDO9RyA9Zwtig8El1d79HBp0JEi8wvGQnA==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-normalize-whitespace@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-whitespace/-/postcss-normalize-whitespace-6.0.1.tgz#b5933750b938814c028d3d2b2e5c0199e0037b53"
-  integrity sha512-76i3NpWf6bB8UHlVuLRxG4zW2YykF9CTEcq/9LGAiz2qBuX5cBStadkk0jSkg9a9TCIXbMQz7yzrygKoCW9JuA==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-opacity-percentage@^1.1.2:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/postcss-opacity-percentage/-/postcss-opacity-percentage-1.1.3.tgz#5b89b35551a556e20c5d23eb5260fbfcf5245da6"
-  integrity sha512-An6Ba4pHBiDtyVpSLymUUERMo2cU7s+Obz6BTrS+gxkbnSBNKSuD0AVUc+CpBMrpVPKKfoVz0WQCX+Tnst0i4A==
-
-postcss-ordered-values@^5.1.3:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-5.1.3.tgz#b6fd2bd10f937b23d86bc829c69e7732ce76ea38"
-  integrity sha512-9UO79VUhPwEkzbb3RNpqqghc6lcYej1aveQteWY+4POIwlqkYE21HKWaLDF6lWNuqCobEAyTovVhtI32Rbv2RQ==
-  dependencies:
-    cssnano-utils "^3.1.0"
-    postcss-value-parser "^4.2.0"
-
-postcss-ordered-values@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-6.0.1.tgz#553e735d009065b362da93340e57f43d5f2d0fbc"
-  integrity sha512-XXbb1O/MW9HdEhnBxitZpPFbIvDgbo9NK4c/5bOfiKpnIGZDoL2xd7/e6jW5DYLsWxBbs+1nZEnVgnjnlFViaA==
-  dependencies:
-    cssnano-utils "^4.0.1"
-    postcss-value-parser "^4.2.0"
-
-postcss-overflow-shorthand@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-overflow-shorthand/-/postcss-overflow-shorthand-3.0.4.tgz#7ed6486fec44b76f0eab15aa4866cda5d55d893e"
-  integrity sha512-otYl/ylHK8Y9bcBnPLo3foYFLL6a6Ak+3EQBPOTR7luMYCOsiVTUk1iLvNf6tVPNGXcoL9Hoz37kpfriRIFb4A==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-page-break@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-page-break/-/postcss-page-break-3.0.4.tgz#7fbf741c233621622b68d435babfb70dd8c1ee5f"
-  integrity sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==
-
-postcss-place@^7.0.5:
-  version "7.0.5"
-  resolved "https://registry.yarnpkg.com/postcss-place/-/postcss-place-7.0.5.tgz#95dbf85fd9656a3a6e60e832b5809914236986c4"
-  integrity sha512-wR8igaZROA6Z4pv0d+bvVrvGY4GVHihBCBQieXFY3kuSuMyOmEnnfFzHl/tQuqHZkfkIVBEbDvYcFfHmpSet9g==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-preset-env@^6.7.0, postcss-preset-env@^7.0.0, postcss-preset-env@^9.3.0:
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-7.8.3.tgz#2a50f5e612c3149cc7af75634e202a5b2ad4f1e2"
-  integrity sha512-T1LgRm5uEVFSEF83vHZJV2z19lHg4yJuZ6gXZZkqVsqv63nlr6zabMH3l4Pc01FQCyfWVrh2GaUeCVy9Po+Aag==
-  dependencies:
-    "@csstools/postcss-cascade-layers" "^1.1.1"
-    "@csstools/postcss-color-function" "^1.1.1"
-    "@csstools/postcss-font-format-keywords" "^1.0.1"
-    "@csstools/postcss-hwb-function" "^1.0.2"
-    "@csstools/postcss-ic-unit" "^1.0.1"
-    "@csstools/postcss-is-pseudo-class" "^2.0.7"
-    "@csstools/postcss-nested-calc" "^1.0.0"
-    "@csstools/postcss-normalize-display-values" "^1.0.1"
-    "@csstools/postcss-oklab-function" "^1.1.1"
-    "@csstools/postcss-progressive-custom-properties" "^1.3.0"
-    "@csstools/postcss-stepped-value-functions" "^1.0.1"
-    "@csstools/postcss-text-decoration-shorthand" "^1.0.0"
-    "@csstools/postcss-trigonometric-functions" "^1.0.2"
-    "@csstools/postcss-unset-value" "^1.0.2"
-    autoprefixer "^10.4.13"
-    browserslist "^4.21.4"
-    css-blank-pseudo "^3.0.3"
-    css-has-pseudo "^3.0.4"
-    css-prefers-color-scheme "^6.0.3"
-    cssdb "^7.1.0"
-    postcss-attribute-case-insensitive "^5.0.2"
-    postcss-clamp "^4.1.0"
-    postcss-color-functional-notation "^4.2.4"
-    postcss-color-hex-alpha "^8.0.4"
-    postcss-color-rebeccapurple "^7.1.1"
-    postcss-custom-media "^8.0.2"
-    postcss-custom-properties "^12.1.10"
-    postcss-custom-selectors "^6.0.3"
-    postcss-dir-pseudo-class "^6.0.5"
-    postcss-double-position-gradients "^3.1.2"
-    postcss-env-function "^4.0.6"
-    postcss-focus-visible "^6.0.4"
-    postcss-focus-within "^5.0.4"
-    postcss-font-variant "^5.0.0"
-    postcss-gap-properties "^3.0.5"
-    postcss-image-set-function "^4.0.7"
-    postcss-initial "^4.0.1"
-    postcss-lab-function "^4.2.1"
-    postcss-logical "^5.0.4"
-    postcss-media-minmax "^5.0.0"
-    postcss-nesting "^10.2.0"
-    postcss-opacity-percentage "^1.1.2"
-    postcss-overflow-shorthand "^3.0.4"
-    postcss-page-break "^3.0.4"
-    postcss-place "^7.0.5"
-    postcss-pseudo-class-any-link "^7.1.6"
-    postcss-replace-overflow-wrap "^4.0.0"
-    postcss-selector-not "^6.0.1"
-    postcss-value-parser "^4.2.0"
-
-postcss-pseudo-class-any-link@^7.1.6:
-  version "7.1.6"
-  resolved "https://registry.yarnpkg.com/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-7.1.6.tgz#2693b221902da772c278def85a4d9a64b6e617ab"
-  integrity sha512-9sCtZkO6f/5ML9WcTLcIyV1yz9D1rf0tWc+ulKcvV30s0iZKS/ONyETvoWsr6vnrmW+X+KmuK3gV/w5EWnT37w==
-  dependencies:
-    postcss-selector-parser "^6.0.10"
-
-postcss-reduce-initial@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-5.1.2.tgz#798cd77b3e033eae7105c18c9d371d989e1382d6"
-  integrity sha512-dE/y2XRaqAi6OvjzD22pjTUQ8eOfc6m/natGHgKFBK9DxFmIm69YmaRVQrGgFlEfc1HePIurY0TmDeROK05rIg==
-  dependencies:
-    browserslist "^4.21.4"
+    browserslist "^4.23.3"
     caniuse-api "^3.0.0"
 
-postcss-reduce-initial@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-6.0.2.tgz#763d25902406c872264041df69f182eb15a5d9be"
-  integrity sha512-YGKalhNlCLcjcLvjU5nF8FyeCTkCO5UtvJEt0hrPZVCTtRLSOH4z00T1UntQPj4dUmIYZgMj8qK77JbSX95hSw==
-  dependencies:
-    browserslist "^4.22.2"
-    caniuse-api "^3.0.0"
-
-postcss-reduce-transforms@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-5.1.0.tgz#333b70e7758b802f3dd0ddfe98bb1ccfef96b6e9"
-  integrity sha512-2fbdbmgir5AvpW9RLtdONx1QoYG2/EtqpNQbFASDlixBbAYuTcJ0dECwlqNqH7VbaUnEnh8SrxOe2sRIn24XyQ==
+postcss-reduce-transforms@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-7.0.0.tgz#0386080a14e5faad9f8eda33375b79fe7c4f9677"
+  integrity sha512-pnt1HKKZ07/idH8cpATX/ujMbtOGhUfE+m8gbqwJE05aTaNw8gbo34a2e3if0xc0dlu75sUOiqvwCGY3fzOHew==
   dependencies:
     postcss-value-parser "^4.2.0"
 
-postcss-reduce-transforms@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-6.0.1.tgz#7bf59d7c6e7066e3b18ef17237d2344bd3da6d75"
-  integrity sha512-fUbV81OkUe75JM+VYO1gr/IoA2b/dRiH6HvMwhrIBSUrxq3jNZQZitSnugcTLDi1KkQh1eR/zi+iyxviUNBkcQ==
-  dependencies:
-    postcss-value-parser "^4.2.0"
-
-postcss-replace-overflow-wrap@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-4.0.0.tgz#d2df6bed10b477bf9c52fab28c568b4b29ca4319"
-  integrity sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==
-
-postcss-selector-not@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-selector-not/-/postcss-selector-not-6.0.1.tgz#8f0a709bf7d4b45222793fc34409be407537556d"
-  integrity sha512-1i9affjAe9xu/y9uqWH+tD4r6/hDaXJruk8xn2x1vzxC2U3J3LKO3zJW4CyxlNhA56pADJ/djpEwpH1RClI2rQ==
-  dependencies:
-    postcss-selector-parser "^6.0.10"
-
-postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.5, postcss-selector-parser@^6.0.9:
-  version "6.0.11"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz#2e41dc39b7ad74046e1615185185cd0b17d0c8dc"
-  integrity sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==
+postcss-selector-parser@^6.0.15, postcss-selector-parser@^6.1.2:
+  version "6.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz#27ecb41fb0e3b6ba7a1ec84fff347f734c7929de"
+  integrity sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==
   dependencies:
     cssesc "^3.0.0"
     util-deprecate "^1.0.2"
 
-postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.0.15:
-  version "6.0.15"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.15.tgz#11cc2b21eebc0b99ea374ffb9887174855a01535"
-  integrity sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==
+postcss-selector-parser@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-7.1.0.tgz#4d6af97eba65d73bc4d84bcb343e865d7dd16262"
+  integrity sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA==
   dependencies:
     cssesc "^3.0.0"
     util-deprecate "^1.0.2"
 
-postcss-svgo@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-5.1.0.tgz#0a317400ced789f233a28826e77523f15857d80d"
-  integrity sha512-D75KsH1zm5ZrHyxPakAxJWtkyXew5qwS70v56exwvw542d9CRtTo78K0WeFxZB4G7JXKKMbEZtZayTGdIky/eA==
+postcss-svgo@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-7.0.1.tgz#2b63571d8e9568384df334bac9917baff4d23f58"
+  integrity sha512-0WBUlSL4lhD9rA5k1e5D8EN5wCEyZD6HJk0jIvRxl+FDVOMlJ7DePHYWGGVc5QRqrJ3/06FTXM0bxjmJpmTPSA==
   dependencies:
     postcss-value-parser "^4.2.0"
-    svgo "^2.7.0"
+    svgo "^3.3.2"
 
-postcss-svgo@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-6.0.2.tgz#dbc9d03e7f346bc0d82443078602a951e0214836"
-  integrity sha512-IH5R9SjkTkh0kfFOQDImyy1+mTCb+E830+9SV1O+AaDcoHTvfsvt6WwJeo7KwcHbFnevZVCsXhDmjFiGVuwqFQ==
+postcss-unique-selectors@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-7.0.3.tgz#483fc11215b23d517d5d9bbe5833d9915619ca33"
+  integrity sha512-J+58u5Ic5T1QjP/LDV9g3Cx4CNOgB5vz+kM6+OxHHhFACdcDeKhBXjQmB7fnIZM12YSTvsL0Opwco83DmacW2g==
   dependencies:
-    postcss-value-parser "^4.2.0"
-    svgo "^3.2.0"
+    postcss-selector-parser "^6.1.2"
 
-postcss-unique-selectors@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-5.1.1.tgz#a9f273d1eacd09e9aa6088f4b0507b18b1b541b6"
-  integrity sha512-5JiODlELrz8L2HwxfPnhOWZYWDxVHWL83ufOv84NrcgipI7TaeRsatAhK4Tr2/ZiYldpK/wBvw5BD3qfaK96GA==
-  dependencies:
-    postcss-selector-parser "^6.0.5"
-
-postcss-unique-selectors@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-6.0.2.tgz#09a34a5a31a649d3e9bca5962af0616f39d071d2"
-  integrity sha512-8IZGQ94nechdG7Y9Sh9FlIY2b4uS8/k8kdKRX040XHsS3B6d1HrJAkXrBSsSu4SuARruSsUjW3nlSw8BHkaAYQ==
-  dependencies:
-    postcss-selector-parser "^6.0.15"
-
-postcss-url@^10.1.3:
-  version "10.1.3"
-  resolved "https://registry.yarnpkg.com/postcss-url/-/postcss-url-10.1.3.tgz#54120cc910309e2475ec05c2cfa8f8a2deafdf1e"
-  integrity sha512-FUzyxfI5l2tKmXdYc6VTu3TWZsInayEKPbiyW+P6vmmIrrb4I6CGX0BFoewgYHLK+oIL5FECEK02REYRpBvUCw==
-  dependencies:
-    make-dir "~3.1.0"
-    mime "~2.5.2"
-    minimatch "~3.0.4"
-    xxhashjs "~0.2.2"
-
-postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
+postcss-value-parser@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@^7.0.36:
-  version "7.0.39"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.39.tgz#9624375d965630e2e1f2c02a935c82a59cb48309"
-  integrity sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==
+postcss@^8.4.48, postcss@^8.5.3:
+  version "8.5.3"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.3.tgz#1463b6f1c7fb16fe258736cba29a2de35237eafb"
+  integrity sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==
   dependencies:
-    picocolors "^0.2.1"
-    source-map "^0.6.1"
+    nanoid "^3.3.8"
+    picocolors "^1.1.1"
+    source-map-js "^1.2.1"
 
-postcss@^8.2.1, postcss@^8.2.15, postcss@^8.4.13, postcss@^8.4.14, postcss@^8.4.21:
-  version "8.4.21"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.21.tgz#c639b719a57efc3187b13a1d765675485f4134f4"
-  integrity sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==
+preact-render-to-string@^5.1.19:
+  version "5.2.6"
+  resolved "https://registry.yarnpkg.com/preact-render-to-string/-/preact-render-to-string-5.2.6.tgz#0ff0c86cd118d30affb825193f18e92bd59d0604"
+  integrity sha512-JyhErpYOvBV1hEPwIxc/fHWXPfnEGdRKxc8gFdAZ7XV4tlzyzG847XAyEZqoDnynP88akM4eaHcSOzNcLWFguw==
   dependencies:
-    nanoid "^3.3.4"
-    picocolors "^1.0.0"
-    source-map-js "^1.0.2"
+    pretty-format "^3.8.0"
 
-postcss@^8.4.33:
-  version "8.4.35"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.35.tgz#60997775689ce09011edf083a549cea44aabe2f7"
-  integrity sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==
-  dependencies:
-    nanoid "^3.3.7"
-    picocolors "^1.0.0"
-    source-map-js "^1.0.2"
+preact@^10.6.3:
+  version "10.26.4"
+  resolved "https://registry.yarnpkg.com/preact/-/preact-10.26.4.tgz#b514f4249453a4247c82ff6d1267d59b7d78f9f9"
+  integrity sha512-KJhO7LBFTjP71d83trW+Ilnjbo+ySsaAgCfXOXUlmGzJ4ygYPWmysm77yg4emwfmoz3b22yvH5IsVFHbhUaH5w==
 
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
-prelude-ls@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
-  integrity sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==
-
-prepend-http@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
-  integrity sha512-PhmXi5XmoyKw1Un4E+opM2KcsJInDvKyuOumcjjw3waw86ZNjHwVUOOWLc4bCzLdcKNaWBH9e99sbWzDQsVaYg==
-
 prettier-linter-helpers@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
@@ -9765,37 +9558,32 @@ prettier-linter-helpers@^1.0.0:
   dependencies:
     fast-diff "^1.1.2"
 
-"prettier@^1.18.2 || ^2.0.0", prettier@^2.4.1, prettier@^2.8.1:
-  version "2.8.7"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.7.tgz#bb79fc8729308549d28fe3a98fce73d2c0656450"
-  integrity sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==
+prettier@^3.4.2, prettier@^3.5.2:
+  version "3.5.3"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.5.3.tgz#4fc2ce0d657e7a02e602549f053b239cb7dfe1b5"
+  integrity sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==
 
-pretty-bytes@^5.6.0:
+pretty-bytes@^5.3.0:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"
   integrity sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==
 
-pretty-error@^2.1.1:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-2.1.2.tgz#be89f82d81b1c86ec8fdfbc385045882727f93b6"
-  integrity sha512-EY5oDzmsX5wvuynAByrmY0P0hcp+QpnAKbJng2A2MPjVKXCxrDSUkzghVJ4ZGPIv+JC4gX8fPUWscC0RtjsWGw==
-  dependencies:
-    lodash "^4.17.20"
-    renderkid "^2.0.4"
+pretty-bytes@^6.1.1:
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-6.1.1.tgz#38cd6bb46f47afbf667c202cfc754bffd2016a3b"
+  integrity sha512-mQUvGU6aUFQ+rNvTIAcZuWGRT9a6f6Yrg9bHs4ImKF+HZCEK+plBvnAZYSIQztknZF2qnzNtr6F8s0+IuptdlQ==
 
-pretty-format@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-27.5.1.tgz#2181879fdea51a7a5851fb39d920faa63f01d88e"
-  integrity sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==
-  dependencies:
-    ansi-regex "^5.0.1"
-    ansi-styles "^5.0.0"
-    react-is "^17.0.1"
+pretty-format@^3.8.0:
+  version "3.8.0"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-3.8.0.tgz#bfbed56d5e9a776645f4b1ff7aa1a3ac4fa3c385"
+  integrity sha512-WuxUnVtlWL1OfZFQFuqvnvs6MiAGk9UNsBostyBOB0Is9wb5uRESevA6rnl/rkksXaGX3GzZhPup5d6Vp1nFew==
 
-pretty-time@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/pretty-time/-/pretty-time-1.1.0.tgz#ffb7429afabb8535c346a34e41873adf3d74dd0e"
-  integrity sha512-28iF6xPQrP8Oa6uxE6a1biz+lWeTOAPKggvjB8HAs6nVMKZwf5bG++632Dx614hIWgUPkgivRfG+a8uAXGTIbA==
+pretty-ms@^9.0.0:
+  version "9.2.0"
+  resolved "https://registry.yarnpkg.com/pretty-ms/-/pretty-ms-9.2.0.tgz#e14c0aad6493b69ed63114442a84133d7e560ef0"
+  integrity sha512-4yf0QO/sllf/1zbZWYnvWw3NxCQwLXKzIj0G849LSufP15BXKM0rbD2Z3wVnkMfjdn/CB0Dpp444gYAACdsplg==
+  dependencies:
+    parse-ms "^4.0.0"
 
 process-nextick-args@~2.0.0:
   version "2.0.1"
@@ -9807,196 +9595,87 @@ process@^0.11.10:
   resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
   integrity sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==
 
-promise-inflight@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
-  integrity sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==
-
-proper-lockfile@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/proper-lockfile/-/proper-lockfile-4.1.2.tgz#c8b9de2af6b2f1601067f98e01ac66baa223141f"
-  integrity sha512-TjNPblN4BwAWMXU8s9AEz4JmQxnD1NNL7bNOY/AKUzyamc379FWASUhc/K1pL2noVb+XmZKLL68cjzLsiOAMaA==
+prompts@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.4.2.tgz#7b57e73b3a48029ad10ebd44f74b01722a4cb069"
+  integrity sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==
   dependencies:
-    graceful-fs "^4.2.4"
-    retry "^0.12.0"
-    signal-exit "^3.0.2"
+    kleur "^3.0.3"
+    sisteransi "^1.0.5"
+
+property-information@^6.0.0, property-information@^6.5.0:
+  version "6.5.0"
+  resolved "https://registry.yarnpkg.com/property-information/-/property-information-6.5.0.tgz#6212fbb52ba757e92ef4fb9d657563b933b7ffec"
+  integrity sha512-PgTgs/BlvHxOu8QuEN7wi5A0OmXaBcHpmCSTehcs6Uuu9IkDIEo13Hy7n898RHfrQ49vKCoGeWZSaAK01nwVig==
+
+property-information@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/property-information/-/property-information-7.0.0.tgz#3508a6d6b0b8eb3ca6eb2c6623b164d2ed2ab112"
+  integrity sha512-7D/qOz/+Y4X/rzSB6jKxKUsQnphO046ei8qxG59mtM3RG3DHgTK81HrxrmoDVINJb8NKT5ZsRbwHvQ6B68Iyhg==
 
 protocols@^2.0.0, protocols@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/protocols/-/protocols-2.0.1.tgz#8f155da3fc0f32644e83c5782c8e8212ccf70a86"
-  integrity sha512-/XJ368cyBJ7fzLMwLKv1e4vLxOju2MNAIokcr7meSaNcVbWz/CPcW22cP04mwxOErdA5mwjA8Q6w/cdAQxVn7Q==
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/protocols/-/protocols-2.0.2.tgz#822e8fcdcb3df5356538b3e91bfd890b067fd0a4"
+  integrity sha512-hHVTzba3wboROl0/aWRRG9dMytgH6ow//STBZh43l/wQgmMhYhOFi0EHWAPtoCz9IAUymsyP0TSBHkhgMEGNnQ==
 
-prr@~1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/prr/-/prr-1.0.1.tgz#d3fc114ba06995a45ec6893f484ceb1d78f5f476"
-  integrity sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==
+proxy-from-env@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
+  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
 
-pseudomap@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
-  integrity sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==
+punycode@^2.1.0, punycode@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
+  integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
 
-psl@^1.1.33:
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/psl/-/psl-1.9.0.tgz#d0df2a137f00794565fcaf3b2c00cd09f8d5a5a7"
-  integrity sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==
+quansync@^0.2.7:
+  version "0.2.10"
+  resolved "https://registry.yarnpkg.com/quansync/-/quansync-0.2.10.tgz#32053cf166fa36511aae95fc49796116f2dc20e1"
+  integrity sha512-t41VRkMYbkHyCYmOvx/6URnN80H7k4X0lLdBMGsz+maAwrJQYB1djpV6vHrQIBE0WBSGqhtEHrK9U3DWWH8v7A==
 
-public-encrypt@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/public-encrypt/-/public-encrypt-4.0.3.tgz#4fcc9d77a07e48ba7527e7cbe0de33d0701331e0"
-  integrity sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==
-  dependencies:
-    bn.js "^4.1.0"
-    browserify-rsa "^4.0.0"
-    create-hash "^1.1.0"
-    parse-asn1 "^5.0.0"
-    randombytes "^2.0.1"
-    safe-buffer "^5.1.2"
-
-pump@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/pump/-/pump-2.0.1.tgz#12399add6e4cf7526d973cbc8b5ce2e2908b3909"
-  integrity sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==
-  dependencies:
-    end-of-stream "^1.1.0"
-    once "^1.3.1"
-
-pump@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
-  integrity sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==
-  dependencies:
-    end-of-stream "^1.1.0"
-    once "^1.3.1"
-
-pumpify@^1.3.3:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/pumpify/-/pumpify-1.5.1.tgz#36513be246ab27570b1a374a5ce278bfd74370ce"
-  integrity sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==
-  dependencies:
-    duplexify "^3.6.0"
-    inherits "^2.0.3"
-    pump "^2.0.0"
-
-punycode@1.3.2:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.3.2.tgz#9653a036fb7c1ee42342f2325cceefea3926c48d"
-  integrity sha512-RofWgt/7fL5wP1Y7fxE7/EmTLzQVnB0ycyibJ0OOHIlJqTNzglYFxVwETOcIoJqJmpDXJ9xImDv+Fq34F/d4Dw==
-
-punycode@^1.2.4:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
-  integrity sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==
-
-punycode@^2.1.0, punycode@^2.1.1, punycode@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.0.tgz#f67fa67c94da8f4d0cfff981aee4118064199b8f"
-  integrity sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==
-
-qs@6.11.0:
-  version "6.11.0"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.0.tgz#fd0d963446f7a65e1367e01abd85429453f0c37a"
-  integrity sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==
-  dependencies:
-    side-channel "^1.0.4"
-
-query-string@^4.1.0:
-  version "4.3.4"
-  resolved "https://registry.yarnpkg.com/query-string/-/query-string-4.3.4.tgz#bbb693b9ca915c232515b228b1a02b609043dbeb"
-  integrity sha512-O2XLNDBIg1DnTOa+2XrIwSiXEV8h2KImXUnjhhn2+UsvZ+Es2uyd5CCRTNQlDGbzUQOW3aYCBx9rVA6dzsiY7Q==
-  dependencies:
-    object-assign "^4.1.0"
-    strict-uri-encode "^1.0.0"
-
-querystring-es3@^0.2.0:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
-  integrity sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA==
-
-querystring@0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.0.tgz#b209849203bb25df820da756e747005878521620"
-  integrity sha512-X/xY82scca2tau62i9mDyU9K+I+djTMUsvwf7xnUX5GLvVzgJybOJf4Y6o9Zx3oJK/LSXg5tTZBjwzqVPaPO2g==
-
-querystring@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.1.tgz#40d77615bb09d16902a85c3e38aa8b5ed761c2dd"
-  integrity sha512-wkvS7mL/JMugcup3/rMitHmd9ecIGd2lhFhK9N3UUQ450h66d1r3Y9nvXzQAW1Lq+wyx61k/1pfKS5KuKiyEbg==
-
-querystringify@^2.1.1:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
-  integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==
+quansync@^0.2.8:
+  version "0.2.8"
+  resolved "https://registry.yarnpkg.com/quansync/-/quansync-0.2.8.tgz#2e893d17bb754ba0988ea399ff0bc5f2a8467793"
+  integrity sha512-4+saucphJMazjt7iOM27mbFCk+D9dd/zmgMDCzRZ8MEoBfYp7lAvoN38et/phRQF6wOPMy/OROBGgoWeSKyluA==
 
 queue-microtask@^1.2.2:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
   integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
 
-quick-lru@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
-  integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
+radix3@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/radix3/-/radix3-1.1.2.tgz#fd27d2af3896c6bf4bcdfab6427c69c2afc69ec0"
+  integrity sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA==
 
-randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5, randombytes@^2.1.0:
+randombytes@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
   integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
   dependencies:
     safe-buffer "^5.1.0"
 
-randomfill@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/randomfill/-/randomfill-1.0.4.tgz#c92196fc86ab42be983f1bf31778224931d61458"
-  integrity sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==
-  dependencies:
-    randombytes "^2.0.5"
-    safe-buffer "^5.1.0"
-
-range-parser@^1.2.1, range-parser@~1.2.1:
+range-parser@~1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
   integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
 
-raw-body@2.5.2:
-  version "2.5.2"
-  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.2.tgz#99febd83b90e08975087e8f1f9419a149366b68a"
-  integrity sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==
+rc9@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/rc9/-/rc9-2.1.2.tgz#6282ff638a50caa0a91a31d76af4a0b9cbd1080d"
+  integrity sha512-btXCnMmRIBINM2LDZoEmOogIZU7Qe7zn4BpomSKZ/ykbLObuBdvG+mFq11DL6fjH1DRwHhrlgtYWG96bJiC7Cg==
   dependencies:
-    bytes "3.1.2"
-    http-errors "2.0.0"
-    iconv-lite "0.4.24"
-    unpipe "1.0.0"
+    defu "^6.1.4"
+    destr "^2.0.3"
 
-rc9@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/rc9/-/rc9-2.0.1.tgz#51e0f556759ee434e20ed29ca506b4ce97e7c6c0"
-  integrity sha512-9EfjLgNmzP9255YX8bGnILQcmdtOXKtUlFTu8bOZPJVtaUDZ2imswcUdpK51tMjTRQyB7r5RebNijrzuyGXcVA==
+read-package-up@^11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/read-package-up/-/read-package-up-11.0.0.tgz#71fb879fdaac0e16891e6e666df22de24a48d5ba"
+  integrity sha512-MbgfoNPANMdb4oRBNg5eqLbB2t2r+o5Ua1pNt8BqGp4I0FJZhuVSOj3PaBPni4azWuSzEdNn2evevzVmEk1ohQ==
   dependencies:
-    defu "^6.1.2"
-    destr "^1.2.2"
-    flat "^5.0.2"
-
-rc9@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/rc9/-/rc9-2.1.1.tgz#6614c32db7731b44cd48641ce68f373c3ee212a9"
-  integrity sha512-lNeOl38Ws0eNxpO3+wD1I9rkHGQyj1NU1jlzv4go2CtEnEQEUfqnIvZG7W+bC/aXdJ27n5x/yUjb6RoT9tko+Q==
-  dependencies:
-    defu "^6.1.2"
-    destr "^2.0.0"
-    flat "^5.0.2"
-
-react-is@^17.0.1:
-  version "17.0.2"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
-  integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
-
-read-cache@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
-  integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==
-  dependencies:
-    pify "^2.3.0"
+    find-up-simple "^1.0.0"
+    read-pkg "^9.0.0"
+    type-fest "^4.6.0"
 
 read-pkg-up@^7.0.1:
   version "7.0.1"
@@ -10017,7 +9696,18 @@ read-pkg@^5.2.0:
     parse-json "^5.0.0"
     type-fest "^0.6.0"
 
-"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
+read-pkg@^9.0.0:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-9.0.1.tgz#b1b81fb15104f5dbb121b6bbdee9bbc9739f569b"
+  integrity sha512-9viLL4/n1BJUCT1NXVTdS1jtm80yDEgR5T4yCelII49Mbj0v1rZdKqj7zCiYdbB0CuCgdrvHcNogAKTFPBocFA==
+  dependencies:
+    "@types/normalize-package-data" "^2.4.3"
+    normalize-package-data "^6.0.0"
+    parse-json "^8.0.0"
+    type-fest "^4.6.0"
+    unicorn-magic "^0.1.0"
+
+readable-stream@^2.0.5:
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b"
   integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
@@ -10030,23 +9720,28 @@ read-pkg@^5.2.0:
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-readable-stream@^3.6.0:
-  version "3.6.2"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
-  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
+readable-stream@^4.0.0:
+  version "4.7.0"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-4.7.0.tgz#cedbd8a1146c13dfff8dab14068028d58c15ac91"
+  integrity sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==
   dependencies:
-    inherits "^2.0.3"
-    string_decoder "^1.1.1"
-    util-deprecate "^1.0.1"
+    abort-controller "^3.0.0"
+    buffer "^6.0.3"
+    events "^3.3.0"
+    process "^0.11.10"
+    string_decoder "^1.3.0"
 
-readdirp@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-2.2.1.tgz#0e87622a3325aa33e892285caf8b4e846529a525"
-  integrity sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==
+readdir-glob@^1.1.2:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/readdir-glob/-/readdir-glob-1.1.3.tgz#c3d831f51f5e7bfa62fa2ffbe4b508c640f09584"
+  integrity sha512-v05I2k7xN8zXvPD9N+z/uhXPaj0sUFCe2rcWZIpBsqxfP7xXFQ0tipAd/wjj1YxWyWtUS5IDJpOG82JKt2EAVA==
   dependencies:
-    graceful-fs "^4.1.11"
-    micromatch "^3.1.10"
-    readable-stream "^2.0.2"
+    minimatch "^5.1.0"
+
+readdirp@^4.0.1:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-4.1.2.tgz#eb85801435fbf2a7ee58f19e0921b068fc69948d"
+  integrity sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==
 
 readdirp@~3.6.0:
   version "3.6.0"
@@ -10055,10 +9750,43 @@ readdirp@~3.6.0:
   dependencies:
     picomatch "^2.2.1"
 
-regenerate-unicode-properties@^10.1.0:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.0.tgz#7c3192cab6dd24e21cb4461e5ddd7dd24fa8374c"
-  integrity sha512-d1VudCLoIGitcU/hEg2QqvyGZQmdC0Lf8BqdOMXGFSvJP4bNV1+XqbPQeHHLD51Jh4QJJ225dlIFvY4Ly6MXmQ==
+redis-errors@^1.0.0, redis-errors@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/redis-errors/-/redis-errors-1.2.0.tgz#eb62d2adb15e4eaf4610c04afe1529384250abad"
+  integrity sha512-1qny3OExCf0UvUV/5wpYKf2YwPcOqXzkwKKSmKHiE6ZMQs5heeE/c8eXK+PNllPvmjgAbfnsbpkGZWy8cBpn9w==
+
+redis-parser@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/redis-parser/-/redis-parser-3.0.0.tgz#b66d828cdcafe6b4b8a428a7def4c6bcac31c8b4"
+  integrity sha512-DJnGAeenTdpMEH6uAJRK/uiyEIH9WVsUmoLwzudwGJUwZPp80PDBWPHXSAGNPwNvIXAbe7MSUB1zQFugFml66A==
+  dependencies:
+    redis-errors "^1.0.0"
+
+refa@^0.12.0, refa@^0.12.1:
+  version "0.12.1"
+  resolved "https://registry.yarnpkg.com/refa/-/refa-0.12.1.tgz#dac13c4782dc22b6bae6cce81a2b863888ea39c6"
+  integrity sha512-J8rn6v4DBb2nnFqkqwy6/NnTYMcgLA+sLr0iIO41qpv0n+ngb7ksag2tMRl0inb1bbO/esUwzW1vbJi7K0sI0g==
+  dependencies:
+    "@eslint-community/regexpp" "^4.8.0"
+
+reflect.getprototypeof@^1.0.6, reflect.getprototypeof@^1.0.9:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz#c629219e78a3316d8b604c765ef68996964e7bf9"
+  integrity sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.9"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.7"
+    get-proto "^1.0.1"
+    which-builtin-type "^1.2.1"
+
+regenerate-unicode-properties@^10.2.0:
+  version "10.2.0"
+  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.0.tgz#626e39df8c372338ea9b8028d1f99dc3fd9c3db0"
+  integrity sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==
   dependencies:
     regenerate "^1.4.2"
 
@@ -10067,12 +9795,7 @@ regenerate@^1.4.2:
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
   integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
-regenerator-runtime@^0.13.11, regenerator-runtime@^0.13.9:
-  version "0.13.11"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
-  integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
-
-regenerator-runtime@^0.14.0, regenerator-runtime@^0.14.1:
+regenerator-runtime@^0.14.0:
   version "0.14.1"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz#356ade10263f685dda125100cd862c1db895327f"
   integrity sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==
@@ -10084,88 +9807,239 @@ regenerator-transform@^0.15.2:
   dependencies:
     "@babel/runtime" "^7.8.4"
 
-regex-not@^1.0.0, regex-not@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/regex-not/-/regex-not-1.0.2.tgz#1f4ece27e00b0b65e0247a6810e6a85d83a5752c"
-  integrity sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==
+regex-recursion@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/regex-recursion/-/regex-recursion-6.0.2.tgz#a0b1977a74c87f073377b938dbedfab2ea582b33"
+  integrity sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg==
   dependencies:
-    extend-shallow "^3.0.2"
-    safe-regex "^1.1.0"
+    regex-utilities "^2.3.0"
 
-regexp-tree@^0.1.24, regexp-tree@~0.1.1:
-  version "0.1.24"
-  resolved "https://registry.yarnpkg.com/regexp-tree/-/regexp-tree-0.1.24.tgz#3d6fa238450a4d66e5bc9c4c14bb720e2196829d"
-  integrity sha512-s2aEVuLhvnVJW6s/iPgEGK6R+/xngd2jNQ+xy4bXNDKxZKJH6jpPHY6kVeVv1IeLCHgswRj+Kl3ELaDjG6V1iw==
+regex-utilities@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/regex-utilities/-/regex-utilities-2.3.0.tgz#87163512a15dce2908cf079c8960d5158ff43280"
+  integrity sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==
 
-regexp.prototype.flags@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz#87cab30f80f66660181a3bb7bf5981a872b367ac"
-  integrity sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==
+regex@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/regex/-/regex-6.0.1.tgz#282fa4435d0c700b09c0eb0982b602e05ab6a34f"
+  integrity sha512-uorlqlzAKjKQZ5P+kTJr3eeJGSVroLKoHmquUj4zHWuR+hEyNqlXsSKlYYF5F4NI6nl7tWCs0apKJ0lmfsXAPA==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    functions-have-names "^1.2.2"
+    regex-utilities "^2.3.0"
+
+regexp-ast-analysis@^0.7.0, regexp-ast-analysis@^0.7.1:
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/regexp-ast-analysis/-/regexp-ast-analysis-0.7.1.tgz#c0e24cb2a90f6eadd4cbaaba129317e29d29c482"
+  integrity sha512-sZuz1dYW/ZsfG17WSAG7eS85r5a0dDsvg+7BiiYR5o6lKCAtUrEwdmRmaGF6rwVj3LcmAeYkOWKEPlbPzN3Y3A==
+  dependencies:
+    "@eslint-community/regexpp" "^4.8.0"
+    refa "^0.12.1"
+
+regexp-tree@^0.1.24, regexp-tree@^0.1.27, regexp-tree@~0.1.1:
+  version "0.1.27"
+  resolved "https://registry.yarnpkg.com/regexp-tree/-/regexp-tree-0.1.27.tgz#2198f0ef54518ffa743fe74d983b56ffd631b6cd"
+  integrity sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==
+
+regexp.prototype.flags@^1.5.3:
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz#1ad6c62d44a259007e55b3970e00f746efbcaa19"
+  integrity sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==
+  dependencies:
+    call-bind "^1.0.8"
+    define-properties "^1.2.1"
+    es-errors "^1.3.0"
+    get-proto "^1.0.1"
+    gopd "^1.2.0"
+    set-function-name "^2.0.2"
 
 regexpp@^3.0.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.2.0.tgz#0425a2768d8f23bad70ca4b90461fa2f1213e1b2"
   integrity sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==
 
-regexpu-core@^5.3.1:
-  version "5.3.2"
-  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-5.3.2.tgz#11a2b06884f3527aec3e93dbbf4a3b958a95546b"
-  integrity sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==
+regexpu-core@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-6.2.0.tgz#0e5190d79e542bf294955dccabae04d3c7d53826"
+  integrity sha512-H66BPQMrv+V16t8xtmq+UC0CBpiTBA60V8ibS1QVReIp8T1z8hwFxqcGzm9K6lgsN7sB5edVH8a+ze6Fqm4weA==
   dependencies:
-    "@babel/regjsgen" "^0.8.0"
     regenerate "^1.4.2"
-    regenerate-unicode-properties "^10.1.0"
-    regjsparser "^0.9.1"
+    regenerate-unicode-properties "^10.2.0"
+    regjsgen "^0.8.0"
+    regjsparser "^0.12.0"
     unicode-match-property-ecmascript "^2.0.0"
     unicode-match-property-value-ecmascript "^2.1.0"
 
-regjsparser@^0.9.1:
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.9.1.tgz#272d05aa10c7c1f67095b1ff0addae8442fc5709"
-  integrity sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==
+regjsgen@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.8.0.tgz#df23ff26e0c5b300a6470cad160a9d090c3a37ab"
+  integrity sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==
+
+regjsparser@^0.12.0:
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.12.0.tgz#0e846df6c6530586429377de56e0475583b088dc"
+  integrity sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==
   dependencies:
-    jsesc "~0.5.0"
+    jsesc "~3.0.2"
 
-relateurl@^0.2.7:
-  version "0.2.7"
-  resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
-  integrity sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==
-
-remove-trailing-separator@^1.0.1:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz#c24bce2a283adad5bc3f58e0d48249b92379d8ef"
-  integrity sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw==
-
-renderkid@^2.0.4:
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-2.0.7.tgz#464f276a6bdcee606f4a15993f9b29fc74ca8609"
-  integrity sha512-oCcFyxaMrKsKcTY59qnCAtmDVSLfPbrv6A3tVbPdFMMrv5jaK10V6m40cKsoPNhAqN6rmHW9sswW4o3ruSrwUQ==
+rehype-external-links@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/rehype-external-links/-/rehype-external-links-3.0.0.tgz#2b28b5cda1932f83f045b6f80a3e1b15f168c6f6"
+  integrity sha512-yp+e5N9V3C6bwBeAC4n796kc86M4gJCdlVhiMTxIrJG5UHDMh+PJANf9heqORJbt1nrCbDwIlAZKjANIaVBbvw==
   dependencies:
-    css-select "^4.1.3"
-    dom-converter "^0.2.0"
-    htmlparser2 "^6.1.0"
-    lodash "^4.17.21"
-    strip-ansi "^3.0.1"
+    "@types/hast" "^3.0.0"
+    "@ungap/structured-clone" "^1.0.0"
+    hast-util-is-element "^3.0.0"
+    is-absolute-url "^4.0.0"
+    space-separated-tokens "^2.0.0"
+    unist-util-visit "^5.0.0"
 
-repeat-element@^1.1.2:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.4.tgz#be681520847ab58c7568ac75fbfad28ed42d39e9"
-  integrity sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==
+rehype-minify-whitespace@^6.0.0, rehype-minify-whitespace@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/rehype-minify-whitespace/-/rehype-minify-whitespace-6.0.2.tgz#7dd234ce0775656ce6b6b0aad0a6093de29b2278"
+  integrity sha512-Zk0pyQ06A3Lyxhe9vGtOtzz3Z0+qZ5+7icZ/PL/2x1SHPbKao5oB/g/rlc6BCTajqBb33JcOe71Ye1oFsuYbnw==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    hast-util-minify-whitespace "^1.0.0"
 
-repeat-string@^1.0.0, repeat-string@^1.6.1:
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
-  integrity sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==
+rehype-raw@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/rehype-raw/-/rehype-raw-7.0.0.tgz#59d7348fd5dbef3807bbaa1d443efd2dd85ecee4"
+  integrity sha512-/aE8hCfKlQeA8LmyeyQvQF3eBiLRGNlfBJEvWH7ivp9sBqs7TNqBL5X3v157rM4IFETqDnIOO+z5M/biZbo9Ww==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    hast-util-raw "^9.0.0"
+    vfile "^6.0.0"
+
+rehype-remark@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/rehype-remark/-/rehype-remark-10.0.0.tgz#de15bf1f920ce519291848cd0d99aabaad44cf71"
+  integrity sha512-+aDXY/icqMFOafJQomVjxe3BAP7aR3lIsQ3GV6VIwpbCD2nvNFOXjGvotMe5p0Ny+Gt6L13DhEf/FjOOpTuUbQ==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    hast-util-to-mdast "^10.0.0"
+    unified "^11.0.0"
+    vfile "^6.0.0"
+
+rehype-slug@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/rehype-slug/-/rehype-slug-6.0.0.tgz#1d21cf7fc8a83ef874d873c15e6adaee6344eaf1"
+  integrity sha512-lWyvf/jwu+oS5+hL5eClVd3hNdmwM1kAC0BUvEGD19pajQMIzcNUd/k9GsfQ+FfECvX+JE+e9/btsKH0EjJT6A==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    github-slugger "^2.0.0"
+    hast-util-heading-rank "^3.0.0"
+    hast-util-to-string "^3.0.0"
+    unist-util-visit "^5.0.0"
+
+rehype-sort-attribute-values@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/rehype-sort-attribute-values/-/rehype-sort-attribute-values-5.0.1.tgz#0c77507d178c5788d4899409f42220040877476f"
+  integrity sha512-lU3ABJO5frbUgV132YS6SL7EISf//irIm9KFMaeu5ixHfgWf6jhe+09Uf/Ef8pOYUJWKOaQJDRJGCXs6cNsdsQ==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    hast-util-is-element "^3.0.0"
+    unist-util-visit "^5.0.0"
+
+rehype-sort-attributes@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/rehype-sort-attributes/-/rehype-sort-attributes-5.0.1.tgz#750daa9aa57c30b8e571c2c8a8a30e47f9d6d2cd"
+  integrity sha512-Bxo+AKUIELcnnAZwJDt5zUDDRpt4uzhfz9d0PVGhcxYWsbFj5Cv35xuWxu5r1LeYNFNhgGqsr9Q2QiIOM/Qctg==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    unist-util-visit "^5.0.0"
+
+remark-emoji@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/remark-emoji/-/remark-emoji-5.0.1.tgz#fb08ef9f5a1a036e765d68ac3dcc1b81624f4f6f"
+  integrity sha512-QCqTSvcZ65Ym+P+VyBKd4JfJfh7icMl7cIOGVmPMzWkDtdD8pQ0nQG7yxGolVIiMzSx90EZ7SwNiVpYpfTxn7w==
+  dependencies:
+    "@types/mdast" "^4.0.4"
+    emoticon "^4.0.1"
+    mdast-util-find-and-replace "^3.0.1"
+    node-emoji "^2.1.3"
+    unified "^11.0.4"
+
+remark-gfm@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/remark-gfm/-/remark-gfm-4.0.1.tgz#33227b2a74397670d357bf05c098eaf8513f0d6b"
+  integrity sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    mdast-util-gfm "^3.0.0"
+    micromark-extension-gfm "^3.0.0"
+    remark-parse "^11.0.0"
+    remark-stringify "^11.0.0"
+    unified "^11.0.0"
+
+remark-mdc@^3.5.3:
+  version "3.5.3"
+  resolved "https://registry.yarnpkg.com/remark-mdc/-/remark-mdc-3.5.3.tgz#04355f84eb94801643b822249975d7b6b2f23043"
+  integrity sha512-XmIAhEYBCtDvGjvLfyCtF8Bj1Uey9v3JD2f9WutM32Xfy9Uif3vPqJtg9n2whwIsXBtD+nvK+bEBt0zrq1DqtA==
+  dependencies:
+    "@types/mdast" "^4.0.4"
+    "@types/unist" "^3.0.3"
+    flat "^6.0.1"
+    mdast-util-from-markdown "^2.0.2"
+    mdast-util-to-markdown "^2.1.2"
+    micromark "^4.0.1"
+    micromark-core-commonmark "^2.0.2"
+    micromark-factory-space "^2.0.1"
+    micromark-factory-whitespace "^2.0.1"
+    micromark-util-character "^2.1.1"
+    micromark-util-types "^2.0.1"
+    parse-entities "^4.0.1"
+    scule "^1.3.0"
+    stringify-entities "^4.0.4"
+    unified "^11.0.5"
+    unist-util-visit "^5.0.0"
+    unist-util-visit-parents "^6.0.1"
+    yaml "^2.6.1"
+
+remark-parse@^11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-11.0.0.tgz#aa60743fcb37ebf6b069204eb4da304e40db45a1"
+  integrity sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    micromark-util-types "^2.0.0"
+    unified "^11.0.0"
+
+remark-rehype@^11.1.1:
+  version "11.1.1"
+  resolved "https://registry.yarnpkg.com/remark-rehype/-/remark-rehype-11.1.1.tgz#f864dd2947889a11997c0a2667cd6b38f685bca7"
+  integrity sha512-g/osARvjkBXb6Wo0XvAeXQohVta8i84ACbenPpoSsxTOQH/Ae0/RGP4WZgnMH5pMLpsj4FG7OHmcIcXxpza8eQ==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    mdast-util-to-hast "^13.0.0"
+    unified "^11.0.0"
+    vfile "^6.0.0"
+
+remark-stringify@^11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/remark-stringify/-/remark-stringify-11.0.0.tgz#4c5b01dd711c269df1aaae11743eb7e2e7636fd3"
+  integrity sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    mdast-util-to-markdown "^2.0.0"
+    unified "^11.0.0"
+
+require-directory@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
+  integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
 
 require-from-string@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
   integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
 
+requireindex@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/requireindex/-/requireindex-1.2.0.tgz#3463cdb22ee151902635aa6c9535d4de9c2ef1ef"
+  integrity sha512-L9jEkOi3ASd9PYit2cwRfyppc9NoABujTP8/5gFcbERmo5jUoAKovIC3fsF17pkTnGsrByysqX+Kxd2OTNI1ww==
+
 requires-port@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
@@ -10176,171 +10050,178 @@ requrl@^3.0.2:
   resolved "https://registry.yarnpkg.com/requrl/-/requrl-3.0.2.tgz#d376104193b02a2d874dde68454c2db2dfeb0fac"
   integrity sha512-f3gjR6d8MhOpn46PP+DSJywbmxi95fxQm3coXBFwognjFLla9X6tr8BdNyaIKNOEkaRbRcm0/zYAqN19N1oyhg==
 
-resolve-alpn@^1.0.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/resolve-alpn/-/resolve-alpn-1.2.1.tgz#b7adbdac3546aaaec20b45e7d8265927072726f9"
-  integrity sha512-0a1F4l73/ZFZOakJnQ3FvkJ2+gSTQWz/r2KE5OdDY0TxPm5h4GkqkWWfM47T7HsbnOtcJVEF4epCVy6u7Q3K+g==
-
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
-resolve-url@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
-  integrity sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==
+resolve-from@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
+  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
 
-resolve@^1.1.7, resolve@^1.10.0, resolve@^1.10.1, resolve@^1.14.2, resolve@^1.22.0, resolve@^1.22.1:
-  version "1.22.1"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
-  integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
+resolve-pkg-maps@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz#616b3dc2c57056b5588c31cdf4b3d64db133720f"
+  integrity sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==
+
+resolve@^1.10.0, resolve@^1.10.1, resolve@^1.14.2, resolve@^1.22.1, resolve@^1.22.4:
+  version "1.22.10"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.10.tgz#b663e83ffb09bbf2386944736baae803029b8b39"
+  integrity sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==
   dependencies:
-    is-core-module "^2.9.0"
+    is-core-module "^2.16.0"
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
-responselike@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/responselike/-/responselike-2.0.1.tgz#9a0bc8fdc252f3fb1cca68b016591059ba1422bc"
-  integrity sha512-4gl03wn3hj1HP3yzgdI7d3lCkF95F21Pz4BPGvKHinyQzALR5CapwC8yIi0Rh58DEMQ/SguC03wFj2k0M/mHhw==
+restore-cursor@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-5.1.0.tgz#0766d95699efacb14150993f55baf0953ea1ebe7"
+  integrity sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==
   dependencies:
-    lowercase-keys "^2.0.0"
-
-restore-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
-  integrity sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==
-  dependencies:
-    onetime "^5.1.0"
-    signal-exit "^3.0.2"
-
-ret@~0.1.10:
-  version "0.1.15"
-  resolved "https://registry.yarnpkg.com/ret/-/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc"
-  integrity sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==
-
-retry@^0.12.0:
-  version "0.12.0"
-  resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
-  integrity sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==
+    onetime "^7.0.0"
+    signal-exit "^4.1.0"
 
 reusify@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
-  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.1.0.tgz#0fe13b9522e1473f51b558ee796e08f11f9b489f"
+  integrity sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==
 
-rfdc@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/rfdc/-/rfdc-1.3.0.tgz#d0b7c441ab2720d05dc4cf26e01c89631d9da08b"
-  integrity sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==
+rfdc@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/rfdc/-/rfdc-1.4.1.tgz#778f76c4fb731d93414e8f925fbecf64cce7f6ca"
+  integrity sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==
 
-rimraf@^2.5.4, rimraf@^2.6.2, rimraf@^2.6.3:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
-  integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==
+rimraf@^5.0.5:
+  version "5.0.10"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-5.0.10.tgz#23b9843d3dc92db71f96e1a2ce92e39fd2a8221c"
+  integrity sha512-l0OE8wL34P4nJH/H2ffoaniAokM2qSmrtXHmlpvYr5AVVX8msAyW0l8NVJFDxlSK4u3Uh/f41cQheDVdnYijwQ==
   dependencies:
-    glob "^7.1.3"
+    glob "^10.3.7"
 
-rimraf@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
-  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
+rollup-plugin-visualizer@^5.14.0:
+  version "5.14.0"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.14.0.tgz#be82d43fb3c644e396e2d50ac8a53d354022d57c"
+  integrity sha512-VlDXneTDaKsHIw8yzJAFWtrzguoJ/LnQ+lMpoVfYJ3jJF4Ihe5oYLAqLklIK/35lgUY+1yEzCkHyZ1j4A5w5fA==
   dependencies:
-    glob "^7.1.3"
+    open "^8.4.0"
+    picomatch "^4.0.2"
+    source-map "^0.7.4"
+    yargs "^17.5.1"
 
-ripemd160@^2.0.0, ripemd160@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.2.tgz#a1c1a6f624751577ba5d07914cbc92850585890c"
-  integrity sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==
-  dependencies:
-    hash-base "^3.0.0"
-    inherits "^2.0.1"
-
-"rollup@>=2.59.0 <2.78.0":
-  version "2.77.3"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.77.3.tgz#8f00418d3a2740036e15deb653bed1a90ee0cc12"
-  integrity sha512-/qxNTG7FbmefJWoeeYJFbHehJ2HNWnjkAFRKzWN/45eNBBF/r8lo992CwcJXEzyVxs5FmfId+vTSTQDb+bxA+g==
+rollup@^2.43.1, rollup@^2.77.2:
+  version "2.79.2"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.79.2.tgz#f150e4a5db4b121a21a747d762f701e5e9f49090"
+  integrity sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ==
   optionalDependencies:
     fsevents "~2.3.2"
 
-rollup@^2.58.0, rollup@^2.77.2:
-  version "2.79.1"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.79.1.tgz#bedee8faef7c9f93a2647ac0108748f497f081c7"
-  integrity sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==
+rollup@^4.30.1, rollup@^4.36.0:
+  version "4.36.0"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.36.0.tgz#f40f4db47ba3b4f5846d32a47e580c0ed7cd8f02"
+  integrity sha512-zwATAXNQxUcd40zgtQG0ZafcRK4g004WtEl7kbuhTWPvf07PsfohXl39jVUvPF7jvNAIkKPQ2XrsDlWuxBd++Q==
+  dependencies:
+    "@types/estree" "1.0.6"
   optionalDependencies:
+    "@rollup/rollup-android-arm-eabi" "4.36.0"
+    "@rollup/rollup-android-arm64" "4.36.0"
+    "@rollup/rollup-darwin-arm64" "4.36.0"
+    "@rollup/rollup-darwin-x64" "4.36.0"
+    "@rollup/rollup-freebsd-arm64" "4.36.0"
+    "@rollup/rollup-freebsd-x64" "4.36.0"
+    "@rollup/rollup-linux-arm-gnueabihf" "4.36.0"
+    "@rollup/rollup-linux-arm-musleabihf" "4.36.0"
+    "@rollup/rollup-linux-arm64-gnu" "4.36.0"
+    "@rollup/rollup-linux-arm64-musl" "4.36.0"
+    "@rollup/rollup-linux-loongarch64-gnu" "4.36.0"
+    "@rollup/rollup-linux-powerpc64le-gnu" "4.36.0"
+    "@rollup/rollup-linux-riscv64-gnu" "4.36.0"
+    "@rollup/rollup-linux-s390x-gnu" "4.36.0"
+    "@rollup/rollup-linux-x64-gnu" "4.36.0"
+    "@rollup/rollup-linux-x64-musl" "4.36.0"
+    "@rollup/rollup-win32-arm64-msvc" "4.36.0"
+    "@rollup/rollup-win32-ia32-msvc" "4.36.0"
+    "@rollup/rollup-win32-x64-msvc" "4.36.0"
     fsevents "~2.3.2"
 
-rollup@^3.18.0:
-  version "3.20.2"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.20.2.tgz#f798c600317f216de2e4ad9f4d9ab30a89b690ff"
-  integrity sha512-3zwkBQl7Ai7MFYQE0y1MeQ15+9jsi7XxfrqwTb/9EK8D9C9+//EBR4M+CuA1KODRaNbFez/lWxA5vhEGZp4MUg==
+rrweb-cssom@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz#3021d1b4352fbf3b614aaeed0bc0d5739abe0bc2"
+  integrity sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==
+
+rspack-resolver@^1.1.0, rspack-resolver@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/rspack-resolver/-/rspack-resolver-1.2.2.tgz#f4f8f740246c59bc83525f830aca628b71843e8a"
+  integrity sha512-Fwc19jMBA3g+fxDJH2B4WxwZjE0VaaOL7OX/A4Wn5Zv7bOD/vyPZhzXfaO73Xc2GAlfi96g5fGUa378WbIGfFw==
   optionalDependencies:
-    fsevents "~2.3.2"
+    "@unrs/rspack-resolver-binding-darwin-arm64" "1.2.2"
+    "@unrs/rspack-resolver-binding-darwin-x64" "1.2.2"
+    "@unrs/rspack-resolver-binding-freebsd-x64" "1.2.2"
+    "@unrs/rspack-resolver-binding-linux-arm-gnueabihf" "1.2.2"
+    "@unrs/rspack-resolver-binding-linux-arm64-gnu" "1.2.2"
+    "@unrs/rspack-resolver-binding-linux-arm64-musl" "1.2.2"
+    "@unrs/rspack-resolver-binding-linux-x64-gnu" "1.2.2"
+    "@unrs/rspack-resolver-binding-linux-x64-musl" "1.2.2"
+    "@unrs/rspack-resolver-binding-wasm32-wasi" "1.2.2"
+    "@unrs/rspack-resolver-binding-win32-arm64-msvc" "1.2.2"
+    "@unrs/rspack-resolver-binding-win32-x64-msvc" "1.2.2"
 
-rrweb-cssom@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz#ed298055b97cbddcdeb278f904857629dec5e0e1"
-  integrity sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==
+run-applescript@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/run-applescript/-/run-applescript-7.0.0.tgz#e5a553c2bffd620e169d276c1cd8f1b64778fbeb"
+  integrity sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==
 
-run-async@^2.4.0:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.1.tgz#8440eccf99ea3e70bd409d49aab88e10c189a455"
-  integrity sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==
-
-run-parallel@^1.1.9:
+run-parallel@^1.1.9, run-parallel@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
   integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
   dependencies:
     queue-microtask "^1.2.2"
 
-run-queue@^1.0.0, run-queue@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/run-queue/-/run-queue-1.0.3.tgz#e848396f057d223f24386924618e25694161ec47"
-  integrity sha512-ntymy489o0/QQplUDnpYAYUsO50K9SBrIVaKCWDOJzYJts0f9WH9RFJkyagebkw5+y1oi00R7ynNW/d12GBumg==
-  dependencies:
-    aproba "^1.1.1"
-
-rxjs@^6.6.0:
-  version "6.6.7"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.7.tgz#90ac018acabf491bf65044235d5863c4dab804c9"
-  integrity sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==
-  dependencies:
-    tslib "^1.9.0"
-
-rxjs@^7.8.0:
-  version "7.8.0"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.0.tgz#90a938862a82888ff4c7359811a595e14e1e09a4"
-  integrity sha512-F2+gxDshqmIub1KdvZkaEfGDwLNpPvk9Fs6LD/MyQxNgMds/WH9OdDDXOmxUZpME+iSK3rQCctkL0DYyytUqMg==
+rxjs@^7.4.0:
+  version "7.8.2"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.2.tgz#955bc473ed8af11a002a2be52071bf475638607b"
+  integrity sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==
   dependencies:
     tslib "^2.1.0"
 
-safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
-  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
+safe-array-concat@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.1.3.tgz#c9e54ec4f603b0bbb8e7e5007a5ee7aecd1538c3"
+  integrity sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    get-intrinsic "^1.2.6"
+    has-symbols "^1.1.0"
+    isarray "^2.0.5"
 
-safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@^5.2.0, safe-buffer@~5.2.0:
+safe-buffer@^5.1.0, safe-buffer@~5.2.0:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
 
-safe-regex-test@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.0.tgz#793b874d524eb3640d1873aad03596db2d4f2295"
-  integrity sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==
-  dependencies:
-    call-bind "^1.0.2"
-    get-intrinsic "^1.1.3"
-    is-regex "^1.1.4"
+safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
+  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
-safe-regex@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/safe-regex/-/safe-regex-1.1.0.tgz#40a3669f3b077d1e943d44629e157dd48023bf2e"
-  integrity sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==
+safe-push-apply@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/safe-push-apply/-/safe-push-apply-1.0.0.tgz#01850e981c1602d398c85081f360e4e6d03d27f5"
+  integrity sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==
   dependencies:
-    ret "~0.1.10"
+    es-errors "^1.3.0"
+    isarray "^2.0.5"
+
+safe-regex-test@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.1.0.tgz#7f87dfb67a3150782eaaf18583ff5d1711ac10c1"
+  integrity sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    is-regex "^1.2.1"
 
 safe-regex@^2.1.1:
   version "2.1.1"
@@ -10349,28 +10230,145 @@ safe-regex@^2.1.1:
   dependencies:
     regexp-tree "~0.1.1"
 
-"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0", safer-buffer@^2.1.0:
+"safer-buffer@>= 2.1.2 < 3.0.0":
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
-sass-loader@^10.2.0:
-  version "10.4.1"
-  resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-10.4.1.tgz#bea4e173ddf512c9d7f53e9ec686186146807cbf"
-  integrity sha512-aX/iJZTTpNUNx/OSYzo2KsjIUQHqvWsAhhUijFjAPdZTEhstjZI9zTNvkTTwsx+uNUJqUwOw5gacxQMx4hJxGQ==
-  dependencies:
-    klona "^2.0.4"
-    loader-utils "^2.0.0"
-    neo-async "^2.6.2"
-    schema-utils "^3.0.0"
-    semver "^7.3.2"
+sass-embedded-android-arm64@1.86.0:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded-android-arm64/-/sass-embedded-android-arm64-1.86.0.tgz#176423c639ac0f26c045a6f4dbc1fb18a3ae00cc"
+  integrity sha512-r7MZtlAI2VFUnKE8B5UOrpoE6OGpdf1dIB6ndoxb3oiURgMyfTVU7yvJcL12GGvtVwQ2boCj6dq//Lqq9CXPlQ==
 
-sass@~1.32.13:
-  version "1.32.13"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.32.13.tgz#8d29c849e625a415bce71609c7cf95e15f74ed00"
-  integrity sha512-dEgI9nShraqP7cXQH+lEXVf73WOPCse0QlFzSD8k+1TcOxCMwVXfQlr0jtoluZysQOyJGnfr21dLvYKDJq8HkA==
+sass-embedded-android-arm@1.86.0:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded-android-arm/-/sass-embedded-android-arm-1.86.0.tgz#0664724b1b14bab552aaec3267a6258ebfc6eb99"
+  integrity sha512-NS8v6BCbzskXUMBtzfuB+j2yQMgiwg5edKHTYfQU7gAWai2hkRhS06YNEMff3aRxV0IFInxPRHOobd8xWPHqeA==
+
+sass-embedded-android-ia32@1.86.0:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded-android-ia32/-/sass-embedded-android-ia32-1.86.0.tgz#b47043998cca8aa6f83cd9ee06e41712a6e563db"
+  integrity sha512-UjfElrGaOTNOnxLZLxf6MFndFIe7zyK+81f83BioZ7/jcoAd6iCHZT8yQMvu8wINyVodPcaXZl8KxlKcl62VAA==
+
+sass-embedded-android-riscv64@1.86.0:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded-android-riscv64/-/sass-embedded-android-riscv64-1.86.0.tgz#f9d8828e92c0f722d23f5e2c450d9747777c8acc"
+  integrity sha512-TsqCLxHWLFS2mbpUkL/nge3jSkaPK2VmLkkoi5iO/EQT4SFvm1lNUgPwlLXu9DplZ+aqGVzRS9Y6Psjv+qW7kw==
+
+sass-embedded-android-x64@1.86.0:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded-android-x64/-/sass-embedded-android-x64-1.86.0.tgz#d5f518e363fb74093cf9e0d7d0961eb98dbd80ff"
+  integrity sha512-8Q263GgwGjz7Jkf7Eghp7NrwqskDL95WO9sKrNm9iOd2re/M48W7RN/lpdcZwrUnEOhueks0RRyYyZYBNRz8Tg==
+
+sass-embedded-darwin-arm64@1.86.0:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded-darwin-arm64/-/sass-embedded-darwin-arm64-1.86.0.tgz#27c95876078e1769c02762eeccd958ad1764d612"
+  integrity sha512-d8oMEaIweq1tjrb/BT43igDviOMS1TeDpc51QF7vAHkt9drSjPmqEmbqStdFYPAGZj1j0RA4WCRoVl6jVixi/w==
+
+sass-embedded-darwin-x64@1.86.0:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded-darwin-x64/-/sass-embedded-darwin-x64-1.86.0.tgz#6bb7c9a4582a6d12238868465fef71528de635f2"
+  integrity sha512-5NLRtn0ZUDBkfpKOsgLGl9B34po4Qui8Nff/lXTO+YkxBQFX4GoMkYNk9EJqHwoLLzICsxIhNDMMDiPGz7Fdrw==
+
+sass-embedded-linux-arm64@1.86.0:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded-linux-arm64/-/sass-embedded-linux-arm64-1.86.0.tgz#64f3f0caf1001602f4ec211d13f42fea19e62da8"
+  integrity sha512-50A+0rhahRDRkKkv+qS7GDAAkW1VPm2RCX4zY4JWydhV4NwMXr6HbkLnsJ2MGixCyibPh59iflMpNBhe7SEMNg==
+
+sass-embedded-linux-arm@1.86.0:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded-linux-arm/-/sass-embedded-linux-arm-1.86.0.tgz#566cb78300f311e823133829ee4bd5077900a2f2"
+  integrity sha512-b6wm0+Il+blJDleRXAqA6JISGMjRb0/thTEg4NWgmiJwUoZjDycj5FTbfYPnLXjCEIMGaYmW3patrJ3JMJcT3Q==
+
+sass-embedded-linux-ia32@1.86.0:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded-linux-ia32/-/sass-embedded-linux-ia32-1.86.0.tgz#b8e9f79c8da5353717078009ea33b659f8776470"
+  integrity sha512-h0mr9w71TV3BRPk9JHr0flnRCznhkraY14gaj5T+t78vUFByOUMxp4hTr+JpZAR5mv0mIeoMwrQYwWJoqKI0mw==
+
+sass-embedded-linux-musl-arm64@1.86.0:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded-linux-musl-arm64/-/sass-embedded-linux-musl-arm64-1.86.0.tgz#1276122fff9171b3493d28c0e8cde13548816562"
+  integrity sha512-5OZjiJIUyhvKJIGNDEjyRUWDe+W91hq4Bji27sy8gdEuDzPWLx4NzwpKwsBUALUfyW/J5dxgi0ZAQnI3HieyQg==
+
+sass-embedded-linux-musl-arm@1.86.0:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded-linux-musl-arm/-/sass-embedded-linux-musl-arm-1.86.0.tgz#f6e448a6f15dd0f37a72ff097311e034ee173b8e"
+  integrity sha512-KZU70jBMVykC9HzS+o2FhrJaprFLDk3LWXVPtBFxgLlkcQ/apCkUCh2WVNViLhI2U4NrMSnTvd4kDnC/0m8qIw==
+
+sass-embedded-linux-musl-ia32@1.86.0:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded-linux-musl-ia32/-/sass-embedded-linux-musl-ia32-1.86.0.tgz#6c2188a621ee4634373b865607eda2553ff5361f"
+  integrity sha512-vq9wJ7kaELrsNU6Ld6kvrIHxoIUWaD+5T6TQVj4SJP/iw1NjonyCDMQGGs6UgsIEzvaIwtlSlDbRewAq+4PchA==
+
+sass-embedded-linux-musl-riscv64@1.86.0:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded-linux-musl-riscv64/-/sass-embedded-linux-musl-riscv64-1.86.0.tgz#67440171c30c38721dcaf145a143bc324af12599"
+  integrity sha512-UZJPu4zKe3phEzoSVRh5jcSicBBPe+jEbVNALHSSz881iOAYnDQXHITGeQ4mM1/7e/LTyryHk6EPBoaLOv6JrA==
+
+sass-embedded-linux-musl-x64@1.86.0:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded-linux-musl-x64/-/sass-embedded-linux-musl-x64-1.86.0.tgz#08b6b66f0ed7cf169a0f417b76f923579ec9458c"
+  integrity sha512-8taAgbWMk4QHneJcouWmWZJlmKa2O03g4I/CFo4bfMPL87bibY90pAsSDd+C+t81g0+2aK0/lY/BoB0r3qXLiA==
+
+sass-embedded-linux-riscv64@1.86.0:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded-linux-riscv64/-/sass-embedded-linux-riscv64-1.86.0.tgz#be6c53cd044be437e4e059f4d0b23834f8dec020"
+  integrity sha512-yREY6o2sLwiiA03MWHVpnUliLscz0flEmFW/wzxYZJDqg9eZteB3hUWgZD63eLm2PTZsYxDQpjAHpa48nnIEmA==
+
+sass-embedded-linux-x64@1.86.0:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded-linux-x64/-/sass-embedded-linux-x64-1.86.0.tgz#406a1ceaff89c4b04c2a06cc5556cb1ba031ec44"
+  integrity sha512-sH0F8np9PTgTbFcJWxfr1NzPkL5ID2NcpMtZyKPTdnn9NkE/L2UwXSo6xOvY0Duc4Hg+58wSrDnj6KbvdeHCPg==
+
+sass-embedded-win32-arm64@1.86.0:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded-win32-arm64/-/sass-embedded-win32-arm64-1.86.0.tgz#bd7217c0ee6ea900bfaf5d95fc5ead8e532cd668"
+  integrity sha512-4O1XVUxLTIjMOvrziYwEZgvFqC5sF6t0hTAPJ+h2uiAUZg9Joo0PvuEedXurjISgDBsb5W5DTL9hH9q1BbP4cQ==
+
+sass-embedded-win32-ia32@1.86.0:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded-win32-ia32/-/sass-embedded-win32-ia32-1.86.0.tgz#d6eed647d48a1f8fb8ecf4b5cf24254d90fccd5c"
+  integrity sha512-zuSP2axkGm4VaJWt38P464H+4424Swr9bzFNfbbznxe3Ue4RuqSBqwiLiYdg9Q1cecTQ2WGH7G7WO56KK7WLwg==
+
+sass-embedded-win32-x64@1.86.0:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded-win32-x64/-/sass-embedded-win32-x64-1.86.0.tgz#1425fddaca6817af9ef26e3dc1c4c6376ce75b9a"
+  integrity sha512-GVX0CHtukr3kjqfqretSlPiJzV7V4JxUjpRZV+yC9gUMTiDErilJh2Chw1r0+MYiYvumCDUSDlticmvJs7v0tA==
+
+sass-embedded@^1.85.1:
+  version "1.86.0"
+  resolved "https://registry.yarnpkg.com/sass-embedded/-/sass-embedded-1.86.0.tgz#c05c6141f1aea407f9a4eea78790209fdc74f0df"
+  integrity sha512-Ibq5DzxjSf9f/IJmKeHVeXlVqiZWdRJF+RXy6v6UupvMYVMU5Ei+teSFBvvpPD5bB2QhhnU/OJlSM0EBCtfr9g==
   dependencies:
-    chokidar ">=3.0.0 <4.0.0"
+    "@bufbuild/protobuf" "^2.0.0"
+    buffer-builder "^0.2.0"
+    colorjs.io "^0.5.0"
+    immutable "^5.0.2"
+    rxjs "^7.4.0"
+    supports-color "^8.1.1"
+    sync-child-process "^1.0.2"
+    varint "^6.0.0"
+  optionalDependencies:
+    sass-embedded-android-arm "1.86.0"
+    sass-embedded-android-arm64 "1.86.0"
+    sass-embedded-android-ia32 "1.86.0"
+    sass-embedded-android-riscv64 "1.86.0"
+    sass-embedded-android-x64 "1.86.0"
+    sass-embedded-darwin-arm64 "1.86.0"
+    sass-embedded-darwin-x64 "1.86.0"
+    sass-embedded-linux-arm "1.86.0"
+    sass-embedded-linux-arm64 "1.86.0"
+    sass-embedded-linux-ia32 "1.86.0"
+    sass-embedded-linux-musl-arm "1.86.0"
+    sass-embedded-linux-musl-arm64 "1.86.0"
+    sass-embedded-linux-musl-ia32 "1.86.0"
+    sass-embedded-linux-musl-riscv64 "1.86.0"
+    sass-embedded-linux-musl-x64 "1.86.0"
+    sass-embedded-linux-riscv64 "1.86.0"
+    sass-embedded-linux-x64 "1.86.0"
+    sass-embedded-win32-arm64 "1.86.0"
+    sass-embedded-win32-ia32 "1.86.0"
+    sass-embedded-win32-x64 "1.86.0"
 
 saxes@^6.0.0:
   version "6.0.0"
@@ -10379,95 +10377,49 @@ saxes@^6.0.0:
   dependencies:
     xmlchars "^2.2.0"
 
-schema-utils@2.7.0:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7"
-  integrity sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==
-  dependencies:
-    "@types/json-schema" "^7.0.4"
-    ajv "^6.12.2"
-    ajv-keywords "^3.4.1"
-
-schema-utils@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-1.0.0.tgz#0b79a93204d7b600d4b2850d1f66c2a34951c770"
-  integrity sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==
-  dependencies:
-    ajv "^6.1.0"
-    ajv-errors "^1.0.0"
-    ajv-keywords "^3.1.0"
-
-schema-utils@^2.0.0, schema-utils@^2.6.5, schema-utils@^2.7.0:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.1.tgz#1ca4f32d1b24c590c203b8e7a50bf0ea4cd394d7"
-  integrity sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==
-  dependencies:
-    "@types/json-schema" "^7.0.5"
-    ajv "^6.12.4"
-    ajv-keywords "^3.5.2"
-
-schema-utils@^3.0.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.1.1.tgz#bc74c4b6b6995c1d88f76a8b77bea7219e0c8281"
-  integrity sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==
-  dependencies:
-    "@types/json-schema" "^7.0.8"
-    ajv "^6.12.5"
-    ajv-keywords "^3.5.2"
-
-schema-utils@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.0.0.tgz#60331e9e3ae78ec5d16353c467c34b3a0a1d3df7"
-  integrity sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg==
+schema-utils@^4.2.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.3.0.tgz#3b669f04f71ff2dfb5aba7ce2d5a9d79b35622c0"
+  integrity sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==
   dependencies:
     "@types/json-schema" "^7.0.9"
-    ajv "^8.8.0"
+    ajv "^8.9.0"
     ajv-formats "^2.1.1"
-    ajv-keywords "^5.0.0"
+    ajv-keywords "^5.1.0"
 
-scule@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/scule/-/scule-0.2.1.tgz#0c1dc847b18e07219ae9a3832f2f83224e2079dc"
-  integrity sha512-M9gnWtn3J0W+UhJOHmBxBTwv8mZCan5i1Himp60t6vvZcor0wr+IM0URKmIglsWJ7bRujNAVVN77fp+uZaWoKg==
+scslre@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/scslre/-/scslre-0.3.0.tgz#c3211e9bfc5547fc86b1eabaa34ed1a657060155"
+  integrity sha512-3A6sD0WYP7+QrjbfNA2FN3FsOaGGFoekCVgTyypy53gPxhbkCIjtO6YWgdrfM+n/8sI8JeXZOIxsHjMTNxQ4nQ==
+  dependencies:
+    "@eslint-community/regexpp" "^4.8.0"
+    refa "^0.12.0"
+    regexp-ast-analysis "^0.7.0"
 
-scule@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/scule/-/scule-1.0.0.tgz#895e6f4ba887e78d8b9b4111e23ae84fef82376d"
-  integrity sha512-4AsO/FrViE/iDNEPaAQlb77tf0csuq27EsVpy6ett584EcRTp6pTDLoGWVxCD77y5iU5FauOvhsI4o1APwPoSQ==
+scule@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/scule/-/scule-1.3.0.tgz#6efbd22fd0bb801bdcc585c89266a7d2daa8fbd3"
+  integrity sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==
 
-"semver@2 || 3 || 4 || 5", semver@^5.6.0:
-  version "5.7.1"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
-  integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
+"semver@2 || 3 || 4 || 5":
+  version "5.7.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8"
+  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
 
-semver@^6.0.0, semver@^6.1.0, semver@^6.3.0:
-  version "6.3.0"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
-  integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
-
-semver@^6.3.1:
+semver@^6.1.0, semver@^6.3.1:
   version "6.3.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.0.0, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.6, semver@^7.3.7, semver@^7.3.8:
-  version "7.3.8"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798"
-  integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==
-  dependencies:
-    lru-cache "^6.0.0"
+semver@^7.0.0, semver@^7.3.5, semver@^7.3.6, semver@^7.3.7, semver@^7.3.8, semver@^7.5.3, semver@^7.5.4, semver@^7.6.0, semver@^7.6.3, semver@^7.7.1:
+  version "7.7.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.1.tgz#abd5098d82b18c6c81f6074ff2647fd3e7220c9f"
+  integrity sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==
 
-semver@^7.5.4:
-  version "7.6.0"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.0.tgz#1a46a4db4bffcccd97b743b5005c8325f23d4e2d"
-  integrity sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==
-  dependencies:
-    lru-cache "^6.0.0"
-
-send@0.18.0:
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/send/-/send-0.18.0.tgz#670167cc654b05f5aa4a767f9113bb371bc706be"
-  integrity sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==
+send@0.19.0:
+  version "0.19.0"
+  resolved "https://registry.yarnpkg.com/send/-/send-0.19.0.tgz#bbc5a388c8ea6c048967049dbeac0e4a3f09d7f8"
+  integrity sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==
   dependencies:
     debug "2.6.9"
     depd "2.0.0"
@@ -10483,84 +10435,66 @@ send@0.18.0:
     range-parser "~1.2.1"
     statuses "2.0.1"
 
-serialize-javascript@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-4.0.0.tgz#b525e1238489a5ecfc42afacc3fe99e666f4b1aa"
-  integrity sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==
-  dependencies:
-    randombytes "^2.1.0"
-
-serialize-javascript@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-5.0.1.tgz#7886ec848049a462467a97d3d918ebb2aaf934f4"
-  integrity sha512-SaaNal9imEO737H2c05Og0/8LUXG7EnsZyMa8MzkmuHoELfT6txuj0cMqRj6zfPKnmQ1yasR4PCJc8x+M4JSPA==
-  dependencies:
-    randombytes "^2.1.0"
-
-serialize-javascript@^6.0.0:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.1.tgz#b206efb27c3da0b0ab6b52f48d170b7996458e5c"
-  integrity sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==
-  dependencies:
-    randombytes "^2.1.0"
-
-serialize-javascript@^6.0.2:
+serialize-javascript@^6.0.1:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.2.tgz#defa1e055c83bf6d59ea805d8da862254eb6a6c2"
   integrity sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==
   dependencies:
     randombytes "^2.1.0"
 
-serve-placeholder@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/serve-placeholder/-/serve-placeholder-2.0.1.tgz#dfa741812f49dfea472a68c4f292dbc40d28389a"
-  integrity sha512-rUzLlXk4uPFnbEaIz3SW8VISTxMuONas88nYWjAWaM2W9VDbt9tyFOr3lq8RhVOFrT3XISoBw8vni5una8qMnQ==
+serve-placeholder@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/serve-placeholder/-/serve-placeholder-2.0.2.tgz#c5db17fb8e906687c275404eaeb29c0d93aacc36"
+  integrity sha512-/TMG8SboeiQbZJWRlfTCqMs2DD3SZgWp0kDQePz9yUuCnDfDh/92gf7/PxGhzXTKBIPASIHxFcZndoNbp6QOLQ==
   dependencies:
-    defu "^6.0.0"
+    defu "^6.1.4"
 
-serve-static@^1.14.1, serve-static@^1.15.0:
-  version "1.15.0"
-  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.15.0.tgz#faaef08cffe0a1a62f60cad0c4e513cff0ac9540"
-  integrity sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==
+serve-static@^1.16.2:
+  version "1.16.2"
+  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.16.2.tgz#b6a5343da47f6bdd2673848bf45754941e803296"
+  integrity sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==
   dependencies:
-    encodeurl "~1.0.2"
+    encodeurl "~2.0.0"
     escape-html "~1.0.3"
     parseurl "~1.3.3"
-    send "0.18.0"
+    send "0.19.0"
 
-server-destroy@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/server-destroy/-/server-destroy-1.0.1.tgz#f13bf928e42b9c3e79383e61cc3998b5d14e6cdd"
-  integrity sha512-rb+9B5YBIEzYcD6x2VKidaa+cqYBJQKnU4oe4E3ANwRRN56yk/ua1YCJT1n21NTS8w6CcOclAKNP3PhdCXKYtQ==
-
-set-value@^2.0.0, set-value@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/set-value/-/set-value-2.0.1.tgz#a18d40530e6f07de4228c7defe4227af8cad005b"
-  integrity sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==
+set-function-length@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.2.2.tgz#aac72314198eaed975cf77b2c3b6b880695e5449"
+  integrity sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==
   dependencies:
-    extend-shallow "^2.0.1"
-    is-extendable "^0.1.1"
-    is-plain-object "^2.0.3"
-    split-string "^3.0.1"
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.4"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.2"
 
-setimmediate@^1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
-  integrity sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==
+set-function-name@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.2.tgz#16a705c5a0dc2f5e638ca96d8a8cd4e1c2b90985"
+  integrity sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==
+  dependencies:
+    define-data-property "^1.1.4"
+    es-errors "^1.3.0"
+    functions-have-names "^1.2.3"
+    has-property-descriptors "^1.0.2"
+
+set-proto@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/set-proto/-/set-proto-1.0.0.tgz#0760dbcff30b2d7e801fd6e19983e56da337565e"
+  integrity sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==
+  dependencies:
+    dunder-proto "^1.0.1"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
 
 setprototypeof@1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
   integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
 
-sha.js@^2.4.0, sha.js@^2.4.8:
-  version "2.4.11"
-  resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.4.11.tgz#37a5cf0b81ecbc6943de109ba2960d1b26584ae7"
-  integrity sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==
-  dependencies:
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
-
 shebang-command@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
@@ -10574,70 +10508,118 @@ shebang-regex@^3.0.0:
   integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
 
 shell-quote@^1.8.1:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.1.tgz#6dbf4db75515ad5bac63b4f1894c3a154c766680"
-  integrity sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.2.tgz#d2d83e057959d53ec261311e9e9b8f51dcb2934a"
+  integrity sha512-AzqKpGKjrj7EM6rKVQEPpB288oCfnrEIuyoT9cyF4nmGa7V8Zk6f7RRqYisX8X9m+Q7bd632aZW4ky7EhbQztA==
 
-side-channel@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
-  integrity sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==
+shiki@^3.0.0:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/shiki/-/shiki-3.2.1.tgz#6b27ee9e7742e6c95f432031b78a8337e4be74ff"
+  integrity sha512-VML/2o1/KGYkEf/stJJ+s9Ypn7jUKQPomGLGYso4JJFMFxVDyPNsjsI3MB3KLjlMOeH44gyaPdXC6rik2WXvUQ==
   dependencies:
-    call-bind "^1.0.0"
-    get-intrinsic "^1.0.2"
-    object-inspect "^1.9.0"
+    "@shikijs/core" "3.2.1"
+    "@shikijs/engine-javascript" "3.2.1"
+    "@shikijs/engine-oniguruma" "3.2.1"
+    "@shikijs/langs" "3.2.1"
+    "@shikijs/themes" "3.2.1"
+    "@shikijs/types" "3.2.1"
+    "@shikijs/vscode-textmate" "^10.0.2"
+    "@types/hast" "^3.0.4"
+
+side-channel-list@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/side-channel-list/-/side-channel-list-1.0.0.tgz#10cb5984263115d3b7a0e336591e290a830af8ad"
+  integrity sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==
+  dependencies:
+    es-errors "^1.3.0"
+    object-inspect "^1.13.3"
+
+side-channel-map@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/side-channel-map/-/side-channel-map-1.0.1.tgz#d6bb6b37902c6fef5174e5f533fab4c732a26f42"
+  integrity sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.5"
+    object-inspect "^1.13.3"
+
+side-channel-weakmap@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz#11dda19d5368e40ce9ec2bdc1fb0ecbc0790ecea"
+  integrity sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==
+  dependencies:
+    call-bound "^1.0.2"
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.5"
+    object-inspect "^1.13.3"
+    side-channel-map "^1.0.1"
+
+side-channel@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.1.0.tgz#c3fcff9c4da932784873335ec9765fa94ff66bc9"
+  integrity sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==
+  dependencies:
+    es-errors "^1.3.0"
+    object-inspect "^1.13.3"
+    side-channel-list "^1.0.0"
+    side-channel-map "^1.0.1"
+    side-channel-weakmap "^1.0.2"
 
 siginfo@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/siginfo/-/siginfo-2.0.0.tgz#32e76c70b79724e3bb567cb9d543eb858ccfaf30"
   integrity sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==
 
-signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
-  version "3.0.7"
-  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
-  integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
-
-signal-exit@^4.1.0:
+signal-exit@^4.0.1, signal-exit@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"
   integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
 
-sirv@^2.0.3:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/sirv/-/sirv-2.0.4.tgz#5dd9a725c578e34e449f332703eb2a74e46a29b0"
-  integrity sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==
+simple-git@^3.27.0:
+  version "3.27.0"
+  resolved "https://registry.yarnpkg.com/simple-git/-/simple-git-3.27.0.tgz#f4b09e807bda56a4a3968f635c0e4888d3decbd5"
+  integrity sha512-ivHoFS9Yi9GY49ogc6/YAi3Fl9ROnF4VyubNylgCkA+RVqLaKWnDSzXOVzya8csELIaWaYNutsEuAhZrtOjozA==
+  dependencies:
+    "@kwsites/file-exists" "^1.1.1"
+    "@kwsites/promise-deferred" "^1.1.1"
+    debug "^4.3.5"
+
+sirv@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/sirv/-/sirv-3.0.1.tgz#32a844794655b727f9e2867b777e0060fbe07bf3"
+  integrity sha512-FoqMu0NCGBLCcAkS1qA+XJIQTR6/JHfQXl+uGteNCQ76T91DMUjPa9xfmeqMY3z80nLSg9yQmNjK0Px6RWsH/A==
   dependencies:
     "@polka/url" "^1.0.0-next.24"
     mrmime "^2.0.0"
     totalist "^3.0.0"
 
+sisteransi@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
+  integrity sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==
+
+skin-tone@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/skin-tone/-/skin-tone-2.0.0.tgz#4e3933ab45c0d4f4f781745d64b9f4c208e41237"
+  integrity sha512-kUMbT1oBJCpgrnKoSr0o6wPtvRWT9W9UKvGLwfJYO2WuahZRHOpEyL1ckyMGgMWh0UdpmaoFqKKD29WTomNEGA==
+  dependencies:
+    unicode-emoji-modifier-base "^1.0.0"
+
 slash@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
   integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
 
-slash@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-4.0.0.tgz#2422372176c4c6c5addb5e2ada885af984b396a7"
-  integrity sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==
+slash@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-5.1.0.tgz#be3adddcdf09ac38eebe8dcdc7b1a57a75b095ce"
+  integrity sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==
 
-slice-ansi@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-3.0.0.tgz#31ddc10930a1b7e0b67b08c96c2f49b77a789787"
-  integrity sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==
-  dependencies:
-    ansi-styles "^4.0.0"
-    astral-regex "^2.0.0"
-    is-fullwidth-code-point "^3.0.0"
-
-slice-ansi@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-4.0.0.tgz#500e8dd0fd55b05815086255b3195adf2a45fe6b"
-  integrity sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==
-  dependencies:
-    ansi-styles "^4.0.0"
-    astral-regex "^2.0.0"
-    is-fullwidth-code-point "^3.0.0"
+slashes@^3.0.12:
+  version "3.0.12"
+  resolved "https://registry.yarnpkg.com/slashes/-/slashes-3.0.12.tgz#3d664c877ad542dc1509eaf2c50f38d483a6435a"
+  integrity sha512-Q9VME8WyGkc7pJf6QEkj3wE+2CnvZMI+XJhwdTPR8Z/kWQRXi7boAWLDibRPyHRTUTPx5FaU7MsyrjI3yLB4HA==
 
 slice-ansi@^5.0.0:
   version "5.0.0"
@@ -10647,75 +10629,23 @@ slice-ansi@^5.0.0:
     ansi-styles "^6.0.0"
     is-fullwidth-code-point "^4.0.0"
 
-snapdragon-node@^2.0.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/snapdragon-node/-/snapdragon-node-2.1.1.tgz#6c175f86ff14bdb0724563e8f3c1b021a286853b"
-  integrity sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==
+slice-ansi@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-7.1.0.tgz#cd6b4655e298a8d1bdeb04250a433094b347b9a9"
+  integrity sha512-bSiSngZ/jWeX93BqeIAbImyTbEihizcwNjFoRUIY/T1wWQsfsm2Vw1agPKylXvQTU7iASGdHhyqRlqQzfz+Htg==
   dependencies:
-    define-property "^1.0.0"
-    isobject "^3.0.0"
-    snapdragon-util "^3.0.1"
+    ansi-styles "^6.2.1"
+    is-fullwidth-code-point "^5.0.0"
 
-snapdragon-util@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/snapdragon-util/-/snapdragon-util-3.0.1.tgz#f956479486f2acd79700693f6f7b805e45ab56e2"
-  integrity sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==
-  dependencies:
-    kind-of "^3.2.0"
+smob@^1.0.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/smob/-/smob-1.5.0.tgz#85d79a1403abf128d24d3ebc1cdc5e1a9548d3ab"
+  integrity sha512-g6T+p7QO8npa+/hNx9ohv1E5pVCmWrVCUzUXJyLdMmftX6ER0oiWY/w9knEonLpnOp6b6FenKnMfR8gqwWdwig==
 
-snapdragon@^0.8.1:
-  version "0.8.2"
-  resolved "https://registry.yarnpkg.com/snapdragon/-/snapdragon-0.8.2.tgz#64922e7c565b0e14204ba1aa7d6964278d25182d"
-  integrity sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==
-  dependencies:
-    base "^0.11.1"
-    debug "^2.2.0"
-    define-property "^0.2.5"
-    extend-shallow "^2.0.1"
-    map-cache "^0.2.2"
-    source-map "^0.5.6"
-    source-map-resolve "^0.5.0"
-    use "^3.1.0"
-
-sort-keys@^1.0.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-1.1.2.tgz#441b6d4d346798f1b4e49e8920adfba0e543f9ad"
-  integrity sha512-vzn8aSqKgytVik0iwdBEi+zevbTYZogewTUM6dtpmGwEcdzbub/TX4bCzRhebDCRC3QzXgJsLRKB2V/Oof7HXg==
-  dependencies:
-    is-plain-obj "^1.0.0"
-
-sort-keys@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-2.0.0.tgz#658535584861ec97d730d6cf41822e1f56684128"
-  integrity sha512-/dPCrG1s3ePpWm6yBbxZq5Be1dXGLyLn9Z791chDC3NFrpkVbWGzkBwPN1knaciexFXgRJ7hzdnwZ4stHSDmjg==
-  dependencies:
-    is-plain-obj "^1.0.0"
-
-sortablejs@1.10.2:
-  version "1.10.2"
-  resolved "https://registry.yarnpkg.com/sortablejs/-/sortablejs-1.10.2.tgz#6e40364d913f98b85a14f6678f92b5c1221f5290"
-  integrity sha512-YkPGufevysvfwn5rfdlGyrGjt7/CRHwvRPogD/lC+TnvcN29jDpCifKP+rBqf+LRldfXSTh+0CGLcSg0VIxq3A==
-
-source-list-map@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
-  integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
-
-source-map-js@^1.0.1, source-map-js@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
-  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
-
-source-map-resolve@^0.5.0:
-  version "0.5.3"
-  resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.3.tgz#190866bece7553e1f8f267a2ee82c606b5509a1a"
-  integrity sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==
-  dependencies:
-    atob "^2.1.2"
-    decode-uri-component "^0.2.0"
-    resolve-url "^0.2.1"
-    source-map-url "^0.4.0"
-    urix "^0.1.0"
+source-map-js@^1.0.1, source-map-js@^1.0.2, source-map-js@^1.2.0, source-map-js@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
+  integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
 
 source-map-support@~0.5.12, source-map-support@~0.5.20:
   version "0.5.21"
@@ -10725,36 +10655,33 @@ source-map-support@~0.5.12, source-map-support@~0.5.20:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
-source-map-url@^0.4.0:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.1.tgz#0af66605a745a5a2f91cf1bbf8a7afbc283dec56"
-  integrity sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==
-
-source-map@0.5.6:
-  version "0.5.6"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412"
-  integrity sha512-MjZkVp0NHr5+TPihLcadqnlVoGIoWo4IBHptutGh9wI3ttUYvCG26HkSuDi+K6lsZ25syXJXcctwgyVCt//xqA==
-
-source-map@^0.5.6:
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
-  integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
-
-source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
+source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
-source-map@^0.7.3:
+source-map@^0.7.3, source-map@^0.7.4:
   version "0.7.4"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
   integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
 
+source-map@^0.8.0-beta.0:
+  version "0.8.0-beta.0"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.8.0-beta.0.tgz#d4c1bb42c3f7ee925f005927ba10709e0d1d1f11"
+  integrity sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==
+  dependencies:
+    whatwg-url "^7.0.0"
+
 sourcemap-codec@^1.4.8:
   version "1.4.8"
   resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
   integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
 
+space-separated-tokens@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz#1ecd9d2350a3844572c3f4a312bceb018348859f"
+  integrity sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==
+
 spdx-correct@^3.0.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.2.0.tgz#4f5ab0668f0059e34f9c00dce331784a12de4e9c"
@@ -10764,9 +10691,9 @@ spdx-correct@^3.0.0:
     spdx-license-ids "^3.0.0"
 
 spdx-exceptions@^2.1.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz#3f28ce1a77a00372683eade4a433183527a2163d"
-  integrity sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz#5d607d27fc806f66d7b64a766650fa890f04ed66"
+  integrity sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==
 
 spdx-expression-parse@^3.0.0:
   version "3.0.1"
@@ -10776,128 +10703,65 @@ spdx-expression-parse@^3.0.0:
     spdx-exceptions "^2.1.0"
     spdx-license-ids "^3.0.0"
 
+spdx-expression-parse@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/spdx-expression-parse/-/spdx-expression-parse-4.0.0.tgz#a23af9f3132115465dac215c099303e4ceac5794"
+  integrity sha512-Clya5JIij/7C6bRR22+tnGXbc4VKlibKSVj2iHvVeX5iMW7s1SIQlqu699JkODJJIhh/pUu8L0/VLh8xflD+LQ==
+  dependencies:
+    spdx-exceptions "^2.1.0"
+    spdx-license-ids "^3.0.0"
+
 spdx-license-ids@^3.0.0:
-  version "3.0.13"
-  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.13.tgz#7189a474c46f8d47c7b0da4b987bb45e908bd2d5"
-  integrity sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==
+  version "3.0.21"
+  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.21.tgz#6d6e980c9df2b6fc905343a3b2d702a6239536c3"
+  integrity sha512-Bvg/8F5XephndSK3JffaRqdT+gyhfqIPwDHpX80tJrF8QQRYMo8sNMeaZ2Dp5+jhwKnUmIOyFFQfHRkjJm5nXg==
 
-split-string@^3.0.1, split-string@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/split-string/-/split-string-3.1.0.tgz#7cb09dda3a86585705c64b39a6466038682e8fe2"
-  integrity sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==
-  dependencies:
-    extend-shallow "^3.0.0"
+speakingurl@^14.0.1:
+  version "14.0.1"
+  resolved "https://registry.yarnpkg.com/speakingurl/-/speakingurl-14.0.1.tgz#f37ec8ddc4ab98e9600c1c9ec324a8c48d772a53"
+  integrity sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==
 
-sprintf-js@~1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
-  integrity sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==
-
-ssri@^6.0.1:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/ssri/-/ssri-6.0.2.tgz#157939134f20464e7301ddba3e90ffa8f7728ac5"
-  integrity sha512-cepbSq/neFK7xB6A50KHN0xHDotYzq58wWCa5LeWqnPrHG8GzfEjO/4O8kpmcGW+oaxkvhEJCWgbgNk4/ZV93Q==
-  dependencies:
-    figgy-pudding "^3.5.1"
-
-ssri@^8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/ssri/-/ssri-8.0.1.tgz#638e4e439e2ffbd2cd289776d5ca457c4f51a2af"
-  integrity sha512-97qShzy1AiyxvPNIkLWoGua7xoQzzPjQ0HAH4B0rWKo7SZ6USuPcrUiAFrws0UH8RrbWmgq3LMTObhPIHbbBeQ==
-  dependencies:
-    minipass "^3.1.1"
-
-stable@^0.1.8:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
-  integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
-
-stack-trace@0.0.10:
-  version "0.0.10"
-  resolved "https://registry.yarnpkg.com/stack-trace/-/stack-trace-0.0.10.tgz#547c70b347e8d32b4e108ea1a2a159e5fdde19c0"
-  integrity sha512-KGzahc7puUKkzyMt+IqAep+TVNbKP+k2Lmwhub39m1AsTSkaDutx56aDCo+HLDzf/D26BIHTJWNiTG1KAJiQCg==
+stable-hash@^0.0.5:
+  version "0.0.5"
+  resolved "https://registry.yarnpkg.com/stable-hash/-/stable-hash-0.0.5.tgz#94e8837aaeac5b4d0f631d2972adef2924b40269"
+  integrity sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==
 
 stackback@0.0.2:
   version "0.0.2"
   resolved "https://registry.yarnpkg.com/stackback/-/stackback-0.0.2.tgz#1ac8a0d9483848d1695e418b6d031a3c3ce68e3b"
   integrity sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==
 
-stackframe@^1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.3.4.tgz#b881a004c8c149a5e8efef37d51b16e412943310"
-  integrity sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==
-
-static-extend@^0.1.1:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/static-extend/-/static-extend-0.1.2.tgz#60809c39cbff55337226fd5e0b520f341f1fb5c6"
-  integrity sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==
-  dependencies:
-    define-property "^0.2.5"
-    object-copy "^0.1.0"
+standard-as-callback@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/standard-as-callback/-/standard-as-callback-2.1.0.tgz#8953fc05359868a77b5b9739a665c5977bb7df45"
+  integrity sha512-qoRRSyROncaz1z0mvYqIE4lCd9p2R90i6GxW3uZv5ucSu8tU7B5HXUP1gG8pVZsYNVaXjk8ClXHPttLyxAL48A==
 
 statuses@2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63"
   integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
 
-statuses@~1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
-  integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==
+std-env@^3.7.0, std-env@^3.8.0, std-env@^3.8.1:
+  version "3.8.1"
+  resolved "https://registry.yarnpkg.com/std-env/-/std-env-3.8.1.tgz#2b81c631c62e3d0b964b87f099b8dcab6c9a5346"
+  integrity sha512-vj5lIj3Mwf9D79hBkltk5qmkFI+biIKWS2IBxEyEU3AX1tUf7AoL8nSazCOiiqQsGKIq01SClsKEzweu34uwvA==
 
-std-env@^3.3.1, std-env@^3.3.2:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/std-env/-/std-env-3.3.2.tgz#af27343b001616015534292178327b202b9ee955"
-  integrity sha512-uUZI65yrV2Qva5gqE0+A7uVAvO40iPo6jGhs7s8keRfHCmtg+uB2X6EiLGCI9IgL1J17xGhvoOqSz79lzICPTA==
-
-std-env@^3.5.0, std-env@^3.6.0, std-env@^3.7.0:
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/std-env/-/std-env-3.7.0.tgz#c9f7386ced6ecf13360b6c6c55b8aaa4ef7481d2"
-  integrity sha512-JPbdCEQLj1w5GilpiHAx3qJvFndqybBysA3qUOnznweH4QbNYUsW/ea8QzSrnh0vNsezMMw5bcVool8lM0gwzg==
-
-stream-browserify@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.2.tgz#87521d38a44aa7ee91ce1cd2a47df0cb49dd660b"
-  integrity sha512-nX6hmklHs/gr2FuxYDltq8fJA1GDlxKQCz8O/IM4atRqBH8OORmBNgfvW5gG10GT/qQ9u0CzIvr2X5Pkt6ntqg==
+streamx@^2.15.0:
+  version "2.22.0"
+  resolved "https://registry.yarnpkg.com/streamx/-/streamx-2.22.0.tgz#cd7b5e57c95aaef0ff9b2aef7905afa62ec6e4a7"
+  integrity sha512-sLh1evHOzBy/iWRiR6d1zRcLao4gGZr3C1kzNz4fopCOKJb6xD9ub8Mpi9Mr1R6id5o43S+d93fI48UC5uM9aw==
   dependencies:
-    inherits "~2.0.1"
-    readable-stream "^2.0.2"
+    fast-fifo "^1.3.2"
+    text-decoder "^1.1.0"
+  optionalDependencies:
+    bare-events "^2.2.0"
 
-stream-each@^1.1.0:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/stream-each/-/stream-each-1.2.3.tgz#ebe27a0c389b04fbcc233642952e10731afa9bae"
-  integrity sha512-vlMC2f8I2u/bZGqkdfLQW/13Zihpej/7PmSiMQsbYddxuTsJp8vRe2x2FvVExZg7FaOds43ROAuFJwPR4MTZLw==
-  dependencies:
-    end-of-stream "^1.1.0"
-    stream-shift "^1.0.0"
+string-argv@^0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.2.tgz#2b6d0ef24b656274d957d54e0a4bbf6153dc02b6"
+  integrity sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==
 
-stream-http@^2.7.2:
-  version "2.8.3"
-  resolved "https://registry.yarnpkg.com/stream-http/-/stream-http-2.8.3.tgz#b2d242469288a5a27ec4fe8933acf623de6514fc"
-  integrity sha512-+TSkfINHDo4J+ZobQLWiMouQYB+UVYFttRA94FpEzzJ7ZdqcL4uUUQ7WkdkI4DSozGmgBUE/a47L+38PenXhUw==
-  dependencies:
-    builtin-status-codes "^3.0.0"
-    inherits "^2.0.1"
-    readable-stream "^2.3.6"
-    to-arraybuffer "^1.0.0"
-    xtend "^4.0.0"
-
-stream-shift@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.1.tgz#d7088281559ab2778424279b0877da3c392d5a3d"
-  integrity sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==
-
-strict-uri-encode@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
-  integrity sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ==
-
-string-argv@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.1.tgz#95e2fbec0427ae19184935f816d74aaa4c5c19da"
-  integrity sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==
-
-string-width@^4.0.0, string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.2, string-width@^4.2.3:
+"string-width-cjs@npm:string-width@^4.2.0":
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -10906,7 +10770,16 @@ string-width@^4.0.0, string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.1"
 
-string-width@^5.0.0:
+string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^5.0.1, string-width@^5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794"
   integrity sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==
@@ -10915,34 +10788,67 @@ string-width@^5.0.0:
     emoji-regex "^9.2.2"
     strip-ansi "^7.0.1"
 
-string.prototype.trim@^1.2.7:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.7.tgz#a68352740859f6893f14ce3ef1bb3037f7a90533"
-  integrity sha512-p6TmeT1T3411M8Cgg9wBTMRtY2q9+PNy9EV1i2lIXUN/btt763oIfxwN3RR8VU6wHX8j/1CFy0L+YuThm6bgOg==
+string-width@^7.0.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-7.2.0.tgz#b5bb8e2165ce275d4d43476dd2700ad9091db6dc"
+  integrity sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
+    emoji-regex "^10.3.0"
+    get-east-asian-width "^1.0.0"
+    strip-ansi "^7.1.0"
 
-string.prototype.trimend@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz#c4a27fa026d979d79c04f17397f250a462944533"
-  integrity sha512-JySq+4mrPf9EsDBEDYMOb/lM7XQLulwg5R/m1r0PXEFqrV0qHvl58sdTilSXtKOflCsK2E8jxf+GKC0T07RWwQ==
+string.prototype.matchall@^4.0.6:
+  version "4.0.12"
+  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz#6c88740e49ad4956b1332a911e949583a275d4c0"
+  integrity sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
+    call-bind "^1.0.8"
+    call-bound "^1.0.3"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.6"
+    es-errors "^1.3.0"
+    es-object-atoms "^1.0.0"
+    get-intrinsic "^1.2.6"
+    gopd "^1.2.0"
+    has-symbols "^1.1.0"
+    internal-slot "^1.1.0"
+    regexp.prototype.flags "^1.5.3"
+    set-function-name "^2.0.2"
+    side-channel "^1.1.0"
 
-string.prototype.trimstart@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz#e90ab66aa8e4007d92ef591bbf3cd422c56bdcf4"
-  integrity sha512-omqjMDaY92pbn5HOX7f9IccLA+U1tA9GvtU4JrodiXFfYB7jPzzHpRzpglLAjtUV6bB557zwClJezTqnAiYnQA==
+string.prototype.trim@^1.2.10:
+  version "1.2.10"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz#40b2dd5ee94c959b4dcfb1d65ce72e90da480c81"
+  integrity sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==
   dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    define-data-property "^1.1.4"
+    define-properties "^1.2.1"
+    es-abstract "^1.23.5"
+    es-object-atoms "^1.0.0"
+    has-property-descriptors "^1.0.2"
 
-string_decoder@^1.0.0, string_decoder@^1.1.1:
+string.prototype.trimend@^1.0.8, string.prototype.trimend@^1.0.9:
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz#62e2731272cd285041b36596054e9f66569b6942"
+  integrity sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==
+  dependencies:
+    call-bind "^1.0.8"
+    call-bound "^1.0.2"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+string.prototype.trimstart@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz#7ee834dda8c7c17eff3118472bb35bfedaa34dde"
+  integrity sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==
+  dependencies:
+    call-bind "^1.0.7"
+    define-properties "^1.2.1"
+    es-object-atoms "^1.0.0"
+
+string_decoder@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
   integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
@@ -10956,12 +10862,29 @@ string_decoder@~1.1.1:
   dependencies:
     safe-buffer "~5.1.0"
 
-strip-ansi@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
-  integrity sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==
+stringify-entities@^4.0.0, stringify-entities@^4.0.4:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/stringify-entities/-/stringify-entities-4.0.4.tgz#b3b79ef5f277cc4ac73caeb0236c5ba939b3a4f3"
+  integrity sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==
   dependencies:
-    ansi-regex "^2.0.0"
+    character-entities-html4 "^2.0.0"
+    character-entities-legacy "^3.0.0"
+
+stringify-object@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/stringify-object/-/stringify-object-3.3.0.tgz#703065aefca19300d3ce88af4f5b3956d7556629"
+  integrity sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==
+  dependencies:
+    get-own-enumerable-property-symbols "^3.0.0"
+    is-obj "^1.0.1"
+    is-regexp "^1.0.0"
+
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
 
 strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
@@ -10970,10 +10893,10 @@ strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   dependencies:
     ansi-regex "^5.0.1"
 
-strip-ansi@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.0.1.tgz#61740a08ce36b61e50e65653f07060d000975fb2"
-  integrity sha512-cXNxvT8dFNRVfhVME3JAe98mkXDYN2O1l7jmcwMnOslDeESg1rF/OZMtK0nRAhiari1unG5cD4jG3rapUAkLbw==
+strip-ansi@^7.0.1, strip-ansi@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45"
+  integrity sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==
   dependencies:
     ansi-regex "^6.0.1"
 
@@ -10982,16 +10905,21 @@ strip-bom@^3.0.0:
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
   integrity sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==
 
-strip-final-newline@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
-  integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
+strip-comments@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/strip-comments/-/strip-comments-2.0.1.tgz#4ad11c3fbcac177a67a40ac224ca339ca1c1ba9b"
+  integrity sha512-ZprKx+bBLXv067WTCALv8SSz5l2+XhpYCsVtSqlMnkAXMWDq+/ekVbl1ghqP9rUHTzv6sm/DwCOiYutU/yp1fw==
 
 strip-final-newline@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-3.0.0.tgz#52894c313fbff318835280aed60ff71ebf12b8fd"
   integrity sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==
 
+strip-final-newline@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-4.0.0.tgz#35a369ec2ac43df356e3edd5dcebb6429aa1fa5c"
+  integrity sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==
+
 strip-indent@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-3.0.0.tgz#c32e1cee940b6b3432c771bc2c54bcce73cd3001"
@@ -10999,92 +10927,103 @@ strip-indent@^3.0.0:
   dependencies:
     min-indent "^1.0.0"
 
-strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
+strip-indent@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-4.0.0.tgz#b41379433dd06f5eae805e21d631e07ee670d853"
+  integrity sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==
+  dependencies:
+    min-indent "^1.0.1"
+
+strip-json-comments@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
-strip-literal@^1.0.0, strip-literal@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/strip-literal/-/strip-literal-1.0.1.tgz#0115a332710c849b4e46497891fb8d585e404bd2"
-  integrity sha512-QZTsipNpa2Ppr6v1AmJHESqJ3Uz247MUS0OjrnnZjFAvEoWqxuyFuXn2xLgMtRnijJShAa1HL0gtJyUs7u7n3Q==
+strip-literal@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/strip-literal/-/strip-literal-3.0.0.tgz#ce9c452a91a0af2876ed1ae4e583539a353df3fc"
+  integrity sha512-TcccoMhJOM3OebGhSBEmp3UZ2SfDMZUEBdRA/9ynfLi8yYajyWX3JiXArcJt4Umh4vISpspkQIY8ZZoCqjbviA==
   dependencies:
-    acorn "^8.8.2"
+    js-tokens "^9.0.1"
 
-style-resources-loader@^1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/style-resources-loader/-/style-resources-loader-1.5.0.tgz#6e0585ca475b9dac45387c308be90d74c814f41f"
-  integrity sha512-fIfyvQ+uvXaCBGGAgfh+9v46ARQB1AWdaop2RpQw0PBVuROsTBqGvx8dj0kxwjGOAyq3vepe4AOK3M6+Q/q2jw==
+structured-clone-es@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/structured-clone-es/-/structured-clone-es-1.0.0.tgz#cc37f73c519c0d9e5d8d8efd3a7a9250207e688d"
+  integrity sha512-FL8EeKFFyNQv5cMnXI31CIMCsFarSVI2bF0U0ImeNE3g/F1IvJQyqzOXxPBRXiwQfyBTlbNe88jh1jFW0O/jiQ==
+
+style-mod@^4.0.0, style-mod@^4.1.0:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/style-mod/-/style-mod-4.1.2.tgz#ca238a1ad4786520f7515a8539d5a63691d7bf67"
+  integrity sha512-wnD1HyVqpJUI2+eKZ+eo1UwghftP6yuFheBqqe+bWCotBjC2K1YnteJILRMs3SM4V/0dLEW1SC27MWP5y+mwmw==
+
+stylehacks@^7.0.4:
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-7.0.4.tgz#9c21f7374f4bccc0082412b859b3c89d77d3277c"
+  integrity sha512-i4zfNrGMt9SB4xRK9L83rlsFCgdGANfeDAYacO1pkqcE7cRHPdWHwnKZVz7WY17Veq/FvyYsRAU++Ga+qDFIww==
   dependencies:
-    glob "^7.2.0"
-    loader-utils "^2.0.0"
-    schema-utils "^2.7.0"
-    tslib "^2.3.1"
+    browserslist "^4.23.3"
+    postcss-selector-parser "^6.1.2"
 
-stylehacks@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-5.1.1.tgz#7934a34eb59d7152149fa69d6e9e56f2fc34bcc9"
-  integrity sha512-sBpcd5Hx7G6seo7b1LkpttvTz7ikD0LlH5RmdcBNb6fFR0Fl7LQwHDFr300q4cwUqi+IYrFGmsIHieMBfnN/Bw==
+superjson@^2.2.1:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/superjson/-/superjson-2.2.2.tgz#9d52bf0bf6b5751a3c3472f1292e714782ba3173"
+  integrity sha512-5JRxVqC8I8NuOUjzBbvVJAKNM8qoVuH0O77h4WInc/qC2q5IreqKxYwgkga3PfA22OayK2ikceb/B26dztPl+Q==
   dependencies:
-    browserslist "^4.21.4"
-    postcss-selector-parser "^6.0.4"
+    copy-anything "^3.0.2"
 
-stylehacks@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-6.0.2.tgz#5bf2654561752547d4548765f35c9a49659b3742"
-  integrity sha512-00zvJGnCu64EpMjX8b5iCZ3us2Ptyw8+toEkb92VdmkEaRaSGBNKAoK6aWZckhXxmQP8zWiTaFaiMGIU8Ve8sg==
-  dependencies:
-    browserslist "^4.22.2"
-    postcss-selector-parser "^6.0.15"
+supports-color@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-10.0.0.tgz#32000d5e49f1ae70b2645d47701004644a1d7b90"
+  integrity sha512-HRVVSbCCMbj7/kdWF9Q+bbckjBHLtHMEoJWlkmYzzdwhYMkjkOwubLM6t7NbWKjgKamGDrWL1++KrjUO1t9oAQ==
 
-supports-color@^5.3.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
-  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
-  dependencies:
-    has-flag "^3.0.0"
-
-supports-color@^7.0.0, supports-color@^7.1.0:
+supports-color@^7.1.0:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
   integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
   dependencies:
     has-flag "^4.0.0"
 
-supports-color@^8.0.0:
+supports-color@^8.0.0, supports-color@^8.1.1:
   version "8.1.1"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
   integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
   dependencies:
     has-flag "^4.0.0"
 
+supports-color@^9.4.0:
+  version "9.4.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-9.4.0.tgz#17bfcf686288f531db3dea3215510621ccb55954"
+  integrity sha512-VL+lNrEoIXww1coLPOmiEmK/0sGigko5COxI09KzHc2VJXJsQ37UaQ+8quuxjDeA7+KnLGTWRyOXSLLR2Wb4jw==
+
 supports-preserve-symlinks-flag@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
-svg-tags@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/svg-tags/-/svg-tags-1.0.0.tgz#58f71cee3bd519b59d4b2a843b6c7de64ac04764"
-  integrity sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==
-
-svgo@^2.7.0:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/svgo/-/svgo-2.8.0.tgz#4ff80cce6710dc2795f0c7c74101e6764cfccd24"
-  integrity sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==
+svelte@^5.0.0:
+  version "5.34.6"
+  resolved "https://registry.yarnpkg.com/svelte/-/svelte-5.34.6.tgz#745539c54600118482718be64ce403a73b7e7678"
+  integrity sha512-dNhOyaHEHXItGojz2e6aCeoU0FUD+teDcbqJkPI/iMBMKwP9MyHtXYRKIzN4ehlBnLB6Do0pUY0RUSZQ/Zpcog==
   dependencies:
-    "@trysound/sax" "0.2.0"
-    commander "^7.2.0"
-    css-select "^4.1.3"
-    css-tree "^1.1.3"
-    csso "^4.2.0"
-    picocolors "^1.0.0"
-    stable "^0.1.8"
+    "@ampproject/remapping" "^2.3.0"
+    "@jridgewell/sourcemap-codec" "^1.5.0"
+    "@sveltejs/acorn-typescript" "^1.0.5"
+    "@types/estree" "^1.0.5"
+    acorn "^8.12.1"
+    aria-query "^5.3.1"
+    axobject-query "^4.1.0"
+    clsx "^2.1.1"
+    esm-env "^1.2.1"
+    esrap "^1.4.8"
+    is-reference "^3.0.3"
+    locate-character "^3.0.0"
+    magic-string "^0.30.11"
+    zimmerframe "^1.1.2"
 
-svgo@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/svgo/-/svgo-3.2.0.tgz#7a5dff2938d8c6096e00295c2390e8e652fa805d"
-  integrity sha512-4PP6CMW/V7l/GmKRKzsLR8xxjdHTV4IMvhTnpuHwwBazSIlw5W/5SmPjN8Dwyt7lKbSJrRDgp4t9ph0HgChFBQ==
+svgo@^3.3.2:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/svgo/-/svgo-3.3.2.tgz#ad58002652dffbb5986fc9716afe52d869ecbda8"
+  integrity sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==
   dependencies:
     "@trysound/sax" "0.2.0"
     commander "^7.2.0"
@@ -11099,72 +11038,73 @@ symbol-tree@^3.2.4:
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
   integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
 
-synckit@^0.8.4:
-  version "0.8.5"
-  resolved "https://registry.yarnpkg.com/synckit/-/synckit-0.8.5.tgz#b7f4358f9bb559437f9f167eb6bc46b3c9818fa3"
-  integrity sha512-L1dapNV6vu2s/4Sputv8xGsCdAVlb5nRDMFU/E27D44l5U6cw1g0dGd45uLc+OXjNMmF4ntiMdCimzcjFKQI8Q==
+sync-child-process@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/sync-child-process/-/sync-child-process-1.0.2.tgz#45e7c72e756d1243e80b547ea2e17957ab9e367f"
+  integrity sha512-8lD+t2KrrScJ/7KXCSyfhT3/hRq78rC0wBFqNJXv3mZyn6hW2ypM05JmlSvtqRbeq6jqA94oHbxAr2vYsJ8vDA==
   dependencies:
-    "@pkgr/utils" "^2.3.1"
-    tslib "^2.5.0"
+    sync-message-port "^1.0.0"
 
-systemjs@^6.12.1:
-  version "6.14.1"
-  resolved "https://registry.yarnpkg.com/systemjs/-/systemjs-6.14.1.tgz#95a580b91b50d0d69ff178ed4816f0ddbcea23c1"
-  integrity sha512-8ftwWd+XnQtZ/aGbatrN4QFNGrKJzmbtixW+ODpci7pyoTajg4sonPP8aFLESAcuVxaC1FyDESt+SpfFCH9rZQ==
-
-tapable@^1.0.0, tapable@^1.0.0-beta.5, tapable@^1.1.3:
+sync-message-port@^1.0.0:
   version "1.1.3"
-  resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
-  integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
+  resolved "https://registry.yarnpkg.com/sync-message-port/-/sync-message-port-1.1.3.tgz#6055c565ee8c81d2f9ee5aae7db757e6d9088c0c"
+  integrity sha512-GTt8rSKje5FilG+wEdfCkOcLL7LWqpMlr2c3LRuKt/YXxcJ52aGSbGBAdI4L3aaqfrBt6y711El53ItyH1NWzg==
+
+synckit@^0.9.1, synckit@^0.9.2:
+  version "0.9.2"
+  resolved "https://registry.yarnpkg.com/synckit/-/synckit-0.9.2.tgz#a3a935eca7922d48b9e7d6c61822ee6c3ae4ec62"
+  integrity sha512-vrozgXDQwYO72vHjUb/HnFbQx1exDjoKzqx23aXEg2a9VIg2TSFZ8FmeZpTjUCFMYw7mpX4BE2SFu8wI7asYsw==
+  dependencies:
+    "@pkgr/core" "^0.1.0"
+    tslib "^2.6.2"
+
+system-architecture@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/system-architecture/-/system-architecture-0.1.0.tgz#71012b3ac141427d97c67c56bc7921af6bff122d"
+  integrity sha512-ulAk51I9UVUyJgxlv9M6lFot2WP3e7t8Kz9+IS6D4rVba1tR9kON+Ey69f+1R4Q8cd45Lod6a4IcJIxnzGc/zA==
 
 tapable@^2.2.0:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
   integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
 
-tar@^6.0.2, tar@^6.1.13:
-  version "6.1.13"
-  resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.13.tgz#46e22529000f612180601a6fe0680e7da508847b"
-  integrity sha512-jdIBIN6LTIe2jqzay/2vtYLlBHa3JF42ot3h1dW8Q0PaAG4v8rm0cvpVePtau5C6OKXGGcgO9q2AMNSWxiLqKw==
+tar-stream@^3.0.0:
+  version "3.1.7"
+  resolved "https://registry.yarnpkg.com/tar-stream/-/tar-stream-3.1.7.tgz#24b3fb5eabada19fe7338ed6d26e5f7c482e792b"
+  integrity sha512-qJj60CXt7IU1Ffyc3NJMjh6EkuCFej46zUqJ4J7pqYlThyd9bO0XBTmcOIhSzZJVWfsLks0+nle/j538YAW9RQ==
   dependencies:
-    chownr "^2.0.0"
-    fs-minipass "^2.0.0"
-    minipass "^4.0.0"
-    minizlib "^2.1.1"
-    mkdirp "^1.0.3"
-    yallist "^4.0.0"
+    b4a "^1.6.4"
+    fast-fifo "^1.2.0"
+    streamx "^2.15.0"
 
-terser-webpack-plugin@^1.4.3:
-  version "1.4.5"
-  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-1.4.5.tgz#a217aefaea330e734ffacb6120ec1fa312d6040b"
-  integrity sha512-04Rfe496lN8EYruwi6oPQkG0vo8C+HT49X687FZnpPF0qMAIHONI6HEXYPKDOE8e5HjXTyKfqRd/agHtH0kOtw==
+tar@^7.4.0:
+  version "7.4.3"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-7.4.3.tgz#88bbe9286a3fcd900e94592cda7a22b192e80571"
+  integrity sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==
   dependencies:
-    cacache "^12.0.2"
-    find-cache-dir "^2.1.0"
-    is-wsl "^1.1.0"
-    schema-utils "^1.0.0"
-    serialize-javascript "^4.0.0"
-    source-map "^0.6.1"
-    terser "^4.1.2"
-    webpack-sources "^1.4.0"
-    worker-farm "^1.7.0"
+    "@isaacs/fs-minipass" "^4.0.0"
+    chownr "^3.0.0"
+    minipass "^7.1.2"
+    minizlib "^3.0.1"
+    mkdirp "^3.0.1"
+    yallist "^5.0.0"
 
-terser-webpack-plugin@^4.2.3:
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-4.2.3.tgz#28daef4a83bd17c1db0297070adc07fc8cfc6a9a"
-  integrity sha512-jTgXh40RnvOrLQNgIkwEKnQ8rmHjHK4u+6UBEi+W+FPmvb+uo+chJXntKe7/3lW5mNysgSWD60KyesnhW8D6MQ==
+temp-dir@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-2.0.0.tgz#bde92b05bdfeb1516e804c9c00ad45177f31321e"
+  integrity sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==
+
+tempy@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/tempy/-/tempy-0.6.0.tgz#65e2c35abc06f1124a97f387b08303442bde59f3"
+  integrity sha512-G13vtMYPT/J8A4X2SjdtBTphZlrp1gKv6hZiOjw14RCWg6GbHuQBGtjlx75xLbYV/wEc0D7G5K4rxKP/cXk8Bw==
   dependencies:
-    cacache "^15.0.5"
-    find-cache-dir "^3.3.1"
-    jest-worker "^26.5.0"
-    p-limit "^3.0.2"
-    schema-utils "^3.0.0"
-    serialize-javascript "^5.0.1"
-    source-map "^0.6.1"
-    terser "^5.3.4"
-    webpack-sources "^1.4.3"
+    is-stream "^2.0.0"
+    temp-dir "^2.0.0"
+    type-fest "^0.16.0"
+    unique-string "^2.0.0"
 
-terser@^4.1.2, terser@^4.6.13, terser@^4.6.3:
+terser@^4.6.13:
   version "4.8.1"
   resolved "https://registry.yarnpkg.com/terser/-/terser-4.8.1.tgz#a00e5634562de2239fd404c649051bf6fc21144f"
   integrity sha512-4GnLC0x667eJG0ewJTa6z/yXrbLGv80D9Ru6HIpCQmO+Q4PfEtBFi0ObSckqwL6VyQv/7ENJieXHo2ANmdQwgw==
@@ -11173,111 +11113,72 @@ terser@^4.1.2, terser@^4.6.13, terser@^4.6.3:
     source-map "~0.6.1"
     source-map-support "~0.5.12"
 
-terser@^5.3.4:
-  version "5.16.6"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-5.16.6.tgz#f6c7a14a378ee0630fbe3ac8d1f41b4681109533"
-  integrity sha512-IBZ+ZQIA9sMaXmRZCUMDjNH0D5AQQfdn4WUjHL0+1lF4TP1IHRJbrhb6fNaXWikrYQTSkb7SLxkeXAiy1p7mbg==
+terser@^5.17.4:
+  version "5.39.0"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.39.0.tgz#0e82033ed57b3ddf1f96708d123cca717d86ca3a"
+  integrity sha512-LBAhFyLho16harJoWMg/nZsQYgTrg5jXOn2nCYjRUcZZEdE3qa2zb8QEDRUGVZBW4rlazf2fxkg8tztybTaqWw==
   dependencies:
-    "@jridgewell/source-map" "^0.3.2"
-    acorn "^8.5.0"
+    "@jridgewell/source-map" "^0.3.3"
+    acorn "^8.8.2"
     commander "^2.20.0"
     source-map-support "~0.5.20"
 
-text-table@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
-  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
-
-thread-loader@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/thread-loader/-/thread-loader-3.0.4.tgz#c392e4c0241fbc80430eb680e4886819b504a31b"
-  integrity sha512-ByaL2TPb+m6yArpqQUZvP+5S1mZtXsEP7nWKKlAUTm7fCml8kB5s1uI3+eHRP2bk5mVYfRSBI7FFf+tWEyLZwA==
+text-decoder@^1.1.0:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/text-decoder/-/text-decoder-1.2.3.tgz#b19da364d981b2326d5f43099c310cc80d770c65"
+  integrity sha512-3/o9z3X0X0fTupwsYvR03pJ/DjWuqqrfwBgTQzdWDiQSm9KitAyz/9WqsT2JQW7KV2m+bC2ol/zqpW37NHxLaA==
   dependencies:
-    json-parse-better-errors "^1.0.2"
-    loader-runner "^4.1.0"
-    loader-utils "^2.0.0"
-    neo-async "^2.6.2"
-    schema-utils "^3.0.0"
+    b4a "^1.6.4"
 
-through2@^2.0.0:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
-  integrity sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==
+tiny-invariant@^1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.3.3.tgz#46680b7a873a0d5d10005995eb90a70d74d60127"
+  integrity sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==
+
+tinybench@^2.9.0:
+  version "2.9.0"
+  resolved "https://registry.yarnpkg.com/tinybench/-/tinybench-2.9.0.tgz#103c9f8ba6d7237a47ab6dd1dcff77251863426b"
+  integrity sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==
+
+tinyexec@^0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/tinyexec/-/tinyexec-0.3.2.tgz#941794e657a85e496577995c6eef66f53f42b3d2"
+  integrity sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==
+
+tinyglobby@0.2.12, tinyglobby@^0.2.10, tinyglobby@^0.2.11, tinyglobby@^0.2.12:
+  version "0.2.12"
+  resolved "https://registry.yarnpkg.com/tinyglobby/-/tinyglobby-0.2.12.tgz#ac941a42e0c5773bd0b5d08f32de82e74a1a61b5"
+  integrity sha512-qkf4trmKSIiMTs/E63cxH+ojC2unam7rJ0WrauAzpT3ECNTxGRMlaXxVbfxMUC/w0LaYk6jQ4y/nGR9uBO3tww==
   dependencies:
-    readable-stream "~2.3.6"
-    xtend "~4.0.1"
+    fdir "^6.4.3"
+    picomatch "^4.0.2"
 
-through@^2.3.6, through@^2.3.8:
-  version "2.3.8"
-  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
-  integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
+tinypool@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/tinypool/-/tinypool-1.0.2.tgz#706193cc532f4c100f66aa00b01c42173d9051b2"
+  integrity sha512-al6n+QEANGFOMf/dmUMsuS5/r9B06uwlyNjZZql/zv8J7ybHCgoihBNORZCY2mzUuAnomQa2JdhyHKzZxPCrFA==
 
-time-fix-plugin@^2.0.7:
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/time-fix-plugin/-/time-fix-plugin-2.0.7.tgz#4ba70ae2e40cedf34dabe505eda7b71b1b244f50"
-  integrity sha512-uVFet1LQToeUX0rTcSiYVYVoGuBpc8gP/2jnlUzuHMHe+gux6XLsNzxLUweabMwiUj5ejhoIMsUI55nVSEa/Vw==
-
-timers-browserify@^2.0.4:
-  version "2.0.12"
-  resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.12.tgz#44a45c11fbf407f34f97bccd1577c652361b00ee"
-  integrity sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==
-  dependencies:
-    setimmediate "^1.0.4"
-
-tiny-glob@^0.2.9:
-  version "0.2.9"
-  resolved "https://registry.yarnpkg.com/tiny-glob/-/tiny-glob-0.2.9.tgz#2212d441ac17928033b110f8b3640683129d31e2"
-  integrity sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==
-  dependencies:
-    globalyzer "0.1.0"
-    globrex "^0.1.2"
-
-tinybench@^2.3.1:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/tinybench/-/tinybench-2.4.0.tgz#83f60d9e5545353610fe7993bd783120bc20c7a7"
-  integrity sha512-iyziEiyFxX4kyxSp+MtY1oCH/lvjH3PxFN8PGCDeqcZWAJ/i+9y+nL85w99PxVzrIvew/GSkSbDYtiGVa85Afg==
-
-tinypool@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/tinypool/-/tinypool-0.4.0.tgz#3cf3ebd066717f9f837e8d7d31af3c127fdb5446"
-  integrity sha512-2ksntHOKf893wSAH4z/+JbPpi92esw8Gn9N2deXX+B0EO92hexAVI9GIZZPx7P5aYo5KULfeOSt3kMOmSOy6uA==
-
-tinyspy@^1.0.2:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/tinyspy/-/tinyspy-1.1.1.tgz#0cb91d5157892af38cb2d217f5c7e8507a5bf092"
-  integrity sha512-UVq5AXt/gQlti7oxoIg5oi/9r0WpF7DGEVwXgqWSMmyN16+e3tl5lIvTaOpJ3TAtu5xFzWccFRM4R5NaWHF+4g==
-
-tmp@^0.0.33:
-  version "0.0.33"
-  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
-  integrity sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==
-  dependencies:
-    os-tmpdir "~1.0.2"
-
-to-arraybuffer@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
-  integrity sha512-okFlQcoGTi4LQBG/PgSYblw9VOyptsz2KJZqc6qtgGdes8VktzUQkj4BI2blit072iS8VODNcMA+tvnS9dnuMA==
-
-to-fast-properties@^2.0.0:
+tinyrainbow@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
-  integrity sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==
+  resolved "https://registry.yarnpkg.com/tinyrainbow/-/tinyrainbow-2.0.0.tgz#9509b2162436315e80e3eee0fcce4474d2444294"
+  integrity sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==
 
-to-object-path@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/to-object-path/-/to-object-path-0.3.0.tgz#297588b7b0e7e0ac08e04e672f85c1f4999e17af"
-  integrity sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==
-  dependencies:
-    kind-of "^3.0.2"
+tinyspy@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/tinyspy/-/tinyspy-3.0.2.tgz#86dd3cf3d737b15adcf17d7887c84a75201df20a"
+  integrity sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==
 
-to-regex-range@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-2.1.1.tgz#7c80c17b9dfebe599e27367e0d4dd5590141db38"
-  integrity sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==
+tldts-core@^6.1.84:
+  version "6.1.84"
+  resolved "https://registry.yarnpkg.com/tldts-core/-/tldts-core-6.1.84.tgz#f8ac2af9969bf9c2f7a99fa05d9c667b5e5b768c"
+  integrity sha512-NaQa1W76W2aCGjXybvnMYzGSM4x8fvG2AN/pla7qxcg0ZHbooOPhA8kctmOZUDfZyhDL27OGNbwAeig8P4p1vg==
+
+tldts@^6.1.32:
+  version "6.1.84"
+  resolved "https://registry.yarnpkg.com/tldts/-/tldts-6.1.84.tgz#fb58b1ceb70972a1ecd683606cea3d06c78f7238"
+  integrity sha512-aRGIbCIF3teodtUFAYSdQONVmDRy21REM3o6JnqWn5ZkQBJJ4gHxhw6OfwQ+WkSAi3ASamrS4N4nyazWx6uTYg==
   dependencies:
-    is-number "^3.0.0"
-    repeat-string "^1.6.1"
+    tldts-core "^6.1.84"
 
 to-regex-range@^5.0.1:
   version "5.0.1"
@@ -11286,95 +11187,96 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
-to-regex@^3.0.1, to-regex@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/to-regex/-/to-regex-3.0.2.tgz#13cfdd9b336552f30b51f33a8ae1b42a7a7599ce"
-  integrity sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==
-  dependencies:
-    define-property "^2.0.2"
-    extend-shallow "^3.0.2"
-    regex-not "^1.0.2"
-    safe-regex "^1.1.0"
-
 toidentifier@1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
   integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
 
+tosource@^2.0.0-alpha.3:
+  version "2.0.0-alpha.3"
+  resolved "https://registry.yarnpkg.com/tosource/-/tosource-2.0.0-alpha.3.tgz#ef385dac9092e009bf25c018838ddaae436daeb6"
+  integrity sha512-KAB2lrSS48y91MzFPFuDg4hLbvDiyTjOVgaK7Erw+5AmZXNq4sFRVn8r6yxSLuNs15PaokrDRpS61ERY9uZOug==
+
 totalist@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/totalist/-/totalist-3.0.1.tgz#ba3a3d600c915b1a97872348f79c127475f6acf8"
   integrity sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==
 
-tough-cookie@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.2.tgz#e53e84b85f24e0b65dd526f46628db6c85f6b874"
-  integrity sha512-G9fqXWoYFZgTc2z8Q5zaHy/vJMjm+WV0AkAeHxVCQiEB1b+dGvWzFW6QV07cY5jQ5gRkeid2qIkzkxUnmoQZUQ==
+tough-cookie@^5.0.0:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-5.1.2.tgz#66d774b4a1d9e12dc75089725af3ac75ec31bed7"
+  integrity sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==
   dependencies:
-    psl "^1.1.33"
-    punycode "^2.1.1"
-    universalify "^0.2.0"
-    url-parse "^1.5.3"
+    tldts "^6.1.32"
 
-tr46@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-4.1.1.tgz#281a758dcc82aeb4fe38c7dfe4d11a395aac8469"
-  integrity sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==
+tr46@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-1.0.1.tgz#a8b13fd6bfd2489519674ccde55ba3693b706d09"
+  integrity sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==
   dependencies:
-    punycode "^2.3.0"
+    punycode "^2.1.0"
+
+tr46@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-5.1.0.tgz#4a077922360ae807e172075ce5beb79b36e4a101"
+  integrity sha512-IUWnUK7ADYR5Sl1fZlO1INDUhVhatWl7BtJWsIhwJ0UAK7ilzzIa8uIqOO/aYVWHZPJkKbEL+362wrzoeRF7bw==
+  dependencies:
+    punycode "^2.3.1"
 
 tr46@~0.0.3:
   version "0.0.3"
   resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
   integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
 
-ts-loader@^8.0.17:
-  version "8.4.0"
-  resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-8.4.0.tgz#e845ea0f38d140bdc3d7d60293ca18d12ff2720f"
-  integrity sha512-6nFY3IZ2//mrPc+ImY3hNWx1vCHyEhl6V+wLmL4CZcm6g1CqX7UKrkc6y0i4FwcfOhxyMPCfaEvh20f4r9GNpw==
-  dependencies:
-    chalk "^4.1.0"
-    enhanced-resolve "^4.0.0"
-    loader-utils "^2.0.0"
-    micromatch "^4.0.0"
-    semver "^7.3.4"
+trim-lines@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/trim-lines/-/trim-lines-3.0.1.tgz#d802e332a07df861c48802c04321017b1bd87338"
+  integrity sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==
 
-ts-pnp@^1.1.6:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/ts-pnp/-/ts-pnp-1.2.0.tgz#a500ad084b0798f1c3071af391e65912c86bca92"
-  integrity sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw==
+trim-trailing-lines@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/trim-trailing-lines/-/trim-trailing-lines-2.1.0.tgz#9aac7e89b09cb35badf663de7133c6de164f86df"
+  integrity sha512-5UR5Biq4VlVOtzqkm2AZlgvSlDJtME46uV0br0gENbwN4l5+mMKT4b9gJKqWtuL2zAIqajGJGuvbCbcAJUZqBg==
 
-tsconfig-paths@^3.14.1:
-  version "3.14.2"
-  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz#6e32f1f79412decd261f92d633a9dc1cfa99f088"
-  integrity sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==
+trough@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/trough/-/trough-2.2.0.tgz#94a60bd6bd375c152c1df911a4b11d5b0256f50f"
+  integrity sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==
+
+ts-api-utils@^1.0.1:
+  version "1.4.3"
+  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.4.3.tgz#bfc2215fe6528fecab2b0fba570a2e8a4263b064"
+  integrity sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==
+
+ts-api-utils@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-2.0.1.tgz#660729385b625b939aaa58054f45c058f33f10cd"
+  integrity sha512-dnlgjFSVetynI8nzgJ+qF62efpglpWRk8isUEWZGWlJYySCTD6aKvbUDu+zbPeDakk3bg5H4XpitHukgfL1m9w==
+
+tsconfig-paths@^3.15.0:
+  version "3.15.0"
+  resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz#5299ec605e55b1abb23ec939ef15edaf483070d4"
+  integrity sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==
   dependencies:
     "@types/json5" "^0.0.29"
     json5 "^1.0.2"
     minimist "^1.2.6"
     strip-bom "^3.0.0"
 
-tslib@^1.8.1, tslib@^1.9.0:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
-  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
+tslib@^2.1.0, tslib@^2.4.0, tslib@^2.6.2, tslib@^2.8.1:
+  version "2.8.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
+  integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
 
-tslib@^2.0.3, tslib@^2.1.0, tslib@^2.3.1, tslib@^2.4.0, tslib@^2.5.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.5.0.tgz#42bfed86f5787aeb41d031866c8f402429e0fddf"
-  integrity sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==
-
-tsutils@^3.21.0:
-  version "3.21.0"
-  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
-  integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
+tsx@^4.19.0:
+  version "4.19.3"
+  resolved "https://registry.yarnpkg.com/tsx/-/tsx-4.19.3.tgz#2bdbcb87089374d933596f8645615142ed727666"
+  integrity sha512-4H8vUNGNjQ4V2EOoGw005+c+dGuPSnhpPBPHBtsZdGZBk/iJb4kguGlPWaZTZ3q5nMtFOEsY0nRDlh9PJyd6SQ==
   dependencies:
-    tslib "^1.8.1"
-
-tty-browserify@0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.0.tgz#a157ba402da24e9bf957f9aa69d524eed42901a6"
-  integrity sha512-JVa5ijo+j/sOoHGjw0sxw734b1LhBkQ3bvUGNdxnVXDCX81Yx7TFgnZygxrIIWn23hbfTaMYLwRmAxFyDuFmIw==
+    esbuild "~0.25.0"
+    get-tsconfig "^4.7.5"
+  optionalDependencies:
+    fsevents "~2.3.3"
 
 type-check@^0.4.0, type-check@~0.4.0:
   version "0.4.0"
@@ -11383,129 +11285,157 @@ type-check@^0.4.0, type-check@~0.4.0:
   dependencies:
     prelude-ls "^1.2.1"
 
-type-check@~0.3.2:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
-  integrity sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==
-  dependencies:
-    prelude-ls "~1.1.2"
-
-type-detect@^4.0.0, type-detect@^4.0.5:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
-  integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
+type-fest@^0.16.0:
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.16.0.tgz#3240b891a78b0deae910dbeb86553e552a148860"
+  integrity sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==
 
 type-fest@^0.20.2:
   version "0.20.2"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
   integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
 
-type-fest@^0.21.3:
-  version "0.21.3"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
-  integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
-
 type-fest@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.6.0.tgz#8d2a2370d3df886eb5c90ada1c5bf6188acf838b"
   integrity sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==
 
-type-fest@^0.8.0, type-fest@^0.8.1:
+type-fest@^0.8.1:
   version "0.8.1"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
   integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
 
-type-is@~1.6.18:
-  version "1.6.18"
-  resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
-  integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
-  dependencies:
-    media-typer "0.3.0"
-    mime-types "~2.1.24"
+type-fest@^4.18.2, type-fest@^4.6.0, type-fest@^4.7.1:
+  version "4.37.0"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-4.37.0.tgz#7cf008bf77b63a33f7ca014fa2a3f09fd69e8937"
+  integrity sha512-S/5/0kFftkq27FPNye0XM1e2NsnoD/3FS+pBmbjmmtLT6I+i344KoOf7pvXreaFsDamWeaJX55nczA1m5PsBDg==
 
-typed-array-length@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.4.tgz#89d83785e5c4098bec72e08b319651f0eac9c1bb"
-  integrity sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==
+typed-array-buffer@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz#a72395450a4869ec033fd549371b47af3a2ee536"
+  integrity sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==
   dependencies:
-    call-bind "^1.0.2"
+    call-bound "^1.0.3"
+    es-errors "^1.3.0"
+    is-typed-array "^1.1.14"
+
+typed-array-byte-length@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz#8407a04f7d78684f3d252aa1a143d2b77b4160ce"
+  integrity sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==
+  dependencies:
+    call-bind "^1.0.8"
     for-each "^0.3.3"
-    is-typed-array "^1.1.9"
+    gopd "^1.2.0"
+    has-proto "^1.2.0"
+    is-typed-array "^1.1.14"
 
-typedarray@^0.0.6:
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
-  integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==
-
-typescript@^4.9.5, typescript@~4.2:
-  version "4.9.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.5.tgz#095979f9bcc0d09da324d58d03ce8f8374cbe65a"
-  integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==
-
-ua-parser-js@^1.0.37:
-  version "1.0.37"
-  resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-1.0.37.tgz#b5dc7b163a5c1f0c510b08446aed4da92c46373f"
-  integrity sha512-bhTyI94tZofjo+Dn8SN6Zv8nBDvyXTymAdM3LDI/0IboIUwTu1rEhW7v2TfiVsoYWgkQ4kOVqnI8APUFbIQIFQ==
-
-uc.micro@^1.0.1, uc.micro@^1.0.5:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/uc.micro/-/uc.micro-1.0.6.tgz#9c411a802a409a91fc6cf74081baba34b24499ac"
-  integrity sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==
-
-ufo@0.7.9, ufo@^0.7.9:
-  version "0.7.9"
-  resolved "https://registry.yarnpkg.com/ufo/-/ufo-0.7.9.tgz#0268e3734b413c9ed6f3510201f42372821b875c"
-  integrity sha512-6t9LrLk3FhqTS+GW3IqlITtfRB5JAVr5MMNjpBECfK827W+Vh5Ilw/LhTcHWrt6b3hkeBvcbjx4Ti7QVFzmcww==
-
-ufo@^0.8.5:
-  version "0.8.6"
-  resolved "https://registry.yarnpkg.com/ufo/-/ufo-0.8.6.tgz#c0ec89bc0e0c9fa59a683680feb0f28b55ec323b"
-  integrity sha512-fk6CmUgwKCfX79EzcDQQpSCMxrHstvbLswFChHS0Vump+kFkw7nJBfTZoC1j0bOGoY9I7R3n2DGek5ajbcYnOw==
-
-ufo@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.1.1.tgz#e70265e7152f3aba425bd013d150b2cdf4056d7c"
-  integrity sha512-MvlCc4GHrmZdAllBc0iUDowff36Q9Ndw/UzqmEKyrfSzokTd9ZCy1i+IIk5hrYKkjoYVQyNbrw7/F8XJ2rEwTg==
-
-ufo@^1.3.2:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.4.0.tgz#39845b31be81b4f319ab1d99fd20c56cac528d32"
-  integrity sha512-Hhy+BhRBleFjpJ2vchUNN40qgkh0366FWJGqVLYBHev0vpHTrXSA0ryT+74UiW6KWsldNurQMKGqCm1M2zBciQ==
-
-uglify-js@^3.5.1:
-  version "3.17.4"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.17.4.tgz#61678cf5fa3f5b7eb789bb345df29afb8257c22c"
-  integrity sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==
-
-unbox-primitive@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"
-  integrity sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==
+typed-array-byte-offset@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz#ae3698b8ec91a8ab945016108aef00d5bff12355"
+  integrity sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==
   dependencies:
-    call-bind "^1.0.2"
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    for-each "^0.3.3"
+    gopd "^1.2.0"
+    has-proto "^1.2.0"
+    is-typed-array "^1.1.15"
+    reflect.getprototypeof "^1.0.9"
+
+typed-array-length@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.7.tgz#ee4deff984b64be1e118b0de8c9c877d5ce73d3d"
+  integrity sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==
+  dependencies:
+    call-bind "^1.0.7"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    is-typed-array "^1.1.13"
+    possible-typed-array-names "^1.0.0"
+    reflect.getprototypeof "^1.0.6"
+
+typescript@5.3:
+  version "5.3.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.3.3.tgz#b3ce6ba258e72e6305ba66f5c9b452aaee3ffe37"
+  integrity sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==
+
+ufo@^1.1.2, ufo@^1.3.1, ufo@^1.3.2, ufo@^1.5.4:
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.5.4.tgz#16d6949674ca0c9e0fbbae1fa20a71d7b1ded754"
+  integrity sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==
+
+ultrahtml@^1.5.3:
+  version "1.5.3"
+  resolved "https://registry.yarnpkg.com/ultrahtml/-/ultrahtml-1.5.3.tgz#e7a903a4b28a0e49b71b0801b444050bb0a369c7"
+  integrity sha512-GykOvZwgDWZlTQMtp5jrD4BVL+gNn2NVlVafjcFUJ7taY20tqYdwdoWBFy6GBJsNTZe1GkGPkSl5knQAjtgceg==
+
+unbox-primitive@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.1.0.tgz#8d9d2c9edeea8460c7f35033a88867944934d1e2"
+  integrity sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==
+  dependencies:
+    call-bound "^1.0.3"
     has-bigints "^1.0.2"
-    has-symbols "^1.0.3"
-    which-boxed-primitive "^1.0.2"
+    has-symbols "^1.1.0"
+    which-boxed-primitive "^1.1.1"
 
-unctx@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/unctx/-/unctx-2.1.2.tgz#12d34c540ef4fbaffb2a3b38a0697e42b152d478"
-  integrity sha512-KK18aLRKe3OlbPyHbXAkIWSU3xK8GInomXfA7fzDMGFXQ1crX1UWrCzKesVXeUyHIayHUrnTvf87IPCKMyeKTg==
+unconfig@^0.5.5:
+  version "0.5.5"
+  resolved "https://registry.yarnpkg.com/unconfig/-/unconfig-0.5.5.tgz#5026af9c50211fc7f2c866953674b17f6b49f09a"
+  integrity sha512-VQZ5PT9HDX+qag0XdgQi8tJepPhXiR/yVOkn707gJDKo31lGjRilPREiQJ9Z6zd/Ugpv6ZvO5VxVIcatldYcNQ==
   dependencies:
-    acorn "^8.8.2"
-    estree-walker "^3.0.3"
-    magic-string "^0.27.0"
-    unplugin "^1.0.1"
+    "@antfu/utils" "^0.7.10"
+    defu "^6.1.4"
+    importx "^0.4.3"
 
-unfetch@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/unfetch/-/unfetch-5.0.0.tgz#8a5b6e5779ebe4dde0049f7d7a81d4a1af99d142"
-  integrity sha512-3xM2c89siXg0nHvlmYsQ2zkLASvVMBisZm5lF3gFDqfF2xonNStDJyMpvaOBe0a1Edxmqrf2E0HBdmy9QyZaeg==
+uncrypto@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/uncrypto/-/uncrypto-0.1.3.tgz#e1288d609226f2d02d8d69ee861fa20d8348ef2b"
+  integrity sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==
+
+unctx@^2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/unctx/-/unctx-2.4.1.tgz#93346a98d4a38c64cc5861f6098f4ce7c6f8164a"
+  integrity sha512-AbaYw0Nm4mK4qjhns67C+kgxR2YWiwlDBPzxrN8h8C6VtAdCgditAY5Dezu3IJy4XVqAnbrXt9oQJvsn3fyozg==
+  dependencies:
+    acorn "^8.14.0"
+    estree-walker "^3.0.3"
+    magic-string "^0.30.17"
+    unplugin "^2.1.0"
+
+undici-types@~6.20.0:
+  version "6.20.0"
+  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-6.20.0.tgz#8171bf22c1f588d1554d55bf204bc624af388433"
+  integrity sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==
+
+unenv@^2.0.0-rc.12, unenv@^2.0.0-rc.15:
+  version "2.0.0-rc.15"
+  resolved "https://registry.yarnpkg.com/unenv/-/unenv-2.0.0-rc.15.tgz#7fe427b6634f00bda1ade4fecdbc6b2dd7af63be"
+  integrity sha512-J/rEIZU8w6FOfLNz/hNKsnY+fFHWnu9MH4yRbSZF3xbbGHovcetXPs7sD+9p8L6CeNC//I9bhRYAOsBt2u7/OA==
+  dependencies:
+    defu "^6.1.4"
+    exsolve "^1.0.4"
+    ohash "^2.0.11"
+    pathe "^2.0.3"
+    ufo "^1.5.4"
+
+unhead@2.0.0-rc.13:
+  version "2.0.0-rc.13"
+  resolved "https://registry.yarnpkg.com/unhead/-/unhead-2.0.0-rc.13.tgz#97f54a86823215ab8e511ed2edf21d7bb8fb2fb8"
+  integrity sha512-cuG4Uu6kS9/zF2+XL/5od6S1J4GJqm3xB/I6PVoXgqEVCKryziGdLo+uaqewgOWnv5y5kDRiSuRQz/7fh0nUfw==
+  dependencies:
+    hookable "^5.5.3"
 
 unicode-canonical-property-names-ecmascript@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc"
-  integrity sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz#cb3173fe47ca743e228216e4a3ddc4c84d628cc2"
+  integrity sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==
+
+unicode-emoji-modifier-base@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/unicode-emoji-modifier-base/-/unicode-emoji-modifier-base-1.0.0.tgz#dbbd5b54ba30f287e2a8d5a249da6c0cef369459"
+  integrity sha512-yLSH4py7oFH3oG/9K+XWrz1pSi3dfUrWEnInbxMfArOfc1+33BlGPQtLsOYwvdMy11AwUBetYuaRxSPqgkq+8g==
 
 unicode-match-property-ecmascript@^2.0.0:
   version "2.0.0"
@@ -11516,110 +11446,243 @@ unicode-match-property-ecmascript@^2.0.0:
     unicode-property-aliases-ecmascript "^2.0.0"
 
 unicode-match-property-value-ecmascript@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz#cb5fffdcd16a05124f5a4b0bf7c3770208acbbe0"
-  integrity sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.0.tgz#a0401aee72714598f739b68b104e4fe3a0cb3c71"
+  integrity sha512-4IehN3V/+kkr5YeSSDDQG8QLqO26XpL2XP3GQtqwlT/QYSECAwFztxVHjlbh0+gjJ3XmNLS0zDsbgs9jWKExLg==
 
 unicode-property-aliases-ecmascript@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz#43d41e3be698bd493ef911077c9b131f827e8ccd"
   integrity sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==
 
-unimport@^3.0.2:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/unimport/-/unimport-3.0.4.tgz#b54d414b0f78673e76c9cbc2568b915c2d64b7c9"
-  integrity sha512-eoof/HLiNJcIkVpnqc7sJbzKSLx39J6xTaP7E4ElgVQKeq2t9fPTkvJKcA55IJTaRPkEkDq8kcc/IZPmrypnFg==
+unicorn-magic@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/unicorn-magic/-/unicorn-magic-0.1.0.tgz#1bb9a51c823aaf9d73a8bfcd3d1a23dde94b0ce4"
+  integrity sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==
+
+unicorn-magic@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/unicorn-magic/-/unicorn-magic-0.3.0.tgz#4efd45c85a69e0dd576d25532fbfa22aa5c8a104"
+  integrity sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==
+
+unified@^11.0.0, unified@^11.0.4, unified@^11.0.5:
+  version "11.0.5"
+  resolved "https://registry.yarnpkg.com/unified/-/unified-11.0.5.tgz#f66677610a5c0a9ee90cab2b8d4d66037026d9e1"
+  integrity sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==
   dependencies:
-    "@rollup/pluginutils" "^5.0.2"
+    "@types/unist" "^3.0.0"
+    bail "^2.0.0"
+    devlop "^1.0.0"
+    extend "^3.0.0"
+    is-plain-obj "^4.0.0"
+    trough "^2.0.0"
+    vfile "^6.0.0"
+
+unimport@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/unimport/-/unimport-4.1.2.tgz#10ba452519ec23113c1e68b8e9ab26c307a6eebd"
+  integrity sha512-oVUL7PSlyVV3QRhsdcyYEMaDX8HJyS/CnUonEJTYA3//bWO+o/4gG8F7auGWWWkrrxBQBYOO8DKe+C53ktpRXw==
+  dependencies:
+    acorn "^8.14.0"
     escape-string-regexp "^5.0.0"
-    fast-glob "^3.2.12"
-    local-pkg "^0.4.3"
-    magic-string "^0.30.0"
-    mlly "^1.2.0"
-    pathe "^1.1.0"
-    pkg-types "^1.0.2"
-    scule "^1.0.0"
-    strip-literal "^1.0.1"
-    unplugin "^1.3.1"
+    estree-walker "^3.0.3"
+    local-pkg "^1.0.0"
+    magic-string "^0.30.17"
+    mlly "^1.7.4"
+    pathe "^2.0.3"
+    picomatch "^4.0.2"
+    pkg-types "^1.3.1"
+    scule "^1.3.0"
+    strip-literal "^3.0.0"
+    tinyglobby "^0.2.11"
+    unplugin "^2.2.0"
+    unplugin-utils "^0.2.4"
 
-union-value@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.1.tgz#0b6fe7b835aecda61c6ea4d4f02c14221e109847"
-  integrity sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==
+unique-string@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-2.0.0.tgz#39c6451f81afb2749de2b233e3f7c5e8843bd89d"
+  integrity sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==
   dependencies:
-    arr-union "^3.1.0"
-    get-value "^2.0.6"
-    is-extendable "^0.1.1"
-    set-value "^2.0.1"
+    crypto-random-string "^2.0.0"
 
-unique-filename@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/unique-filename/-/unique-filename-1.1.1.tgz#1d69769369ada0583103a1e6ae87681b56573230"
-  integrity sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==
+unist-builder@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/unist-builder/-/unist-builder-4.0.0.tgz#817b326c015a6f9f5e92bb55b8e8bc5e578fe243"
+  integrity sha512-wmRFnH+BLpZnTKpc5L7O67Kac89s9HMrtELpnNaE6TAobq5DTZZs5YaTQfAZBA9bFPECx2uVAPO31c+GVug8mg==
   dependencies:
-    unique-slug "^2.0.0"
+    "@types/unist" "^3.0.0"
 
-unique-slug@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/unique-slug/-/unique-slug-2.0.2.tgz#baabce91083fc64e945b0f3ad613e264f7cd4e6c"
-  integrity sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==
+unist-util-find-after@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/unist-util-find-after/-/unist-util-find-after-5.0.0.tgz#3fccc1b086b56f34c8b798e1ff90b5c54468e896"
+  integrity sha512-amQa0Ep2m6hE2g72AugUItjbuM8X8cGQnFoHk0pGfrFeT9GZhzN5SW8nRsiGKK7Aif4CrACPENkA6P/Lw6fHGQ==
   dependencies:
-    imurmurhash "^0.1.4"
+    "@types/unist" "^3.0.0"
+    unist-util-is "^6.0.0"
 
-universalify@^0.1.0:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
-  integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
+unist-util-is@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-6.0.0.tgz#b775956486aff107a9ded971d996c173374be424"
+  integrity sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==
+  dependencies:
+    "@types/unist" "^3.0.0"
 
-universalify@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.2.0.tgz#6451760566fa857534745ab1dde952d1b1761be0"
-  integrity sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==
+unist-util-position@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/unist-util-position/-/unist-util-position-5.0.0.tgz#678f20ab5ca1207a97d7ea8a388373c9cf896be4"
+  integrity sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==
+  dependencies:
+    "@types/unist" "^3.0.0"
+
+unist-util-stringify-position@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz#449c6e21a880e0855bf5aabadeb3a740314abac2"
+  integrity sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==
+  dependencies:
+    "@types/unist" "^3.0.0"
+
+unist-util-visit-parents@^6.0.0, unist-util-visit-parents@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/unist-util-visit-parents/-/unist-util-visit-parents-6.0.1.tgz#4d5f85755c3b8f0dc69e21eca5d6d82d22162815"
+  integrity sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==
+  dependencies:
+    "@types/unist" "^3.0.0"
+    unist-util-is "^6.0.0"
+
+unist-util-visit@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-5.0.0.tgz#a7de1f31f72ffd3519ea71814cccf5fd6a9217d6"
+  integrity sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==
+  dependencies:
+    "@types/unist" "^3.0.0"
+    unist-util-is "^6.0.0"
+    unist-util-visit-parents "^6.0.0"
 
 universalify@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.1.tgz#168efc2180964e6386d061e094df61afe239b18d"
+  integrity sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==
+
+unplugin-utils@^0.2.0, unplugin-utils@^0.2.3, unplugin-utils@^0.2.4:
+  version "0.2.4"
+  resolved "https://registry.yarnpkg.com/unplugin-utils/-/unplugin-utils-0.2.4.tgz#56e4029a6906645a10644f8befc404b06d5d24d0"
+  integrity sha512-8U/MtpkPkkk3Atewj1+RcKIjb5WBimZ/WSLhhR3w6SsIj8XJuKTacSP8g+2JhfSGw0Cb125Y+2zA/IzJZDVbhA==
+  dependencies:
+    pathe "^2.0.2"
+    picomatch "^4.0.2"
+
+unplugin-vue-router@^0.10.8:
+  version "0.10.9"
+  resolved "https://registry.yarnpkg.com/unplugin-vue-router/-/unplugin-vue-router-0.10.9.tgz#7a806275214993f6e67f666430fa637bb6e84181"
+  integrity sha512-DXmC0GMcROOnCmN56GRvi1bkkG1BnVs4xJqNvucBUeZkmB245URvtxOfbo3H6q4SOUQQbLPYWd6InzvjRh363A==
+  dependencies:
+    "@babel/types" "^7.26.0"
+    "@rollup/pluginutils" "^5.1.3"
+    "@vue-macros/common" "^1.15.0"
+    ast-walker-scope "^0.6.2"
+    chokidar "^3.6.0"
+    fast-glob "^3.3.2"
+    json5 "^2.2.3"
+    local-pkg "^0.5.1"
+    magic-string "^0.30.14"
+    mlly "^1.7.3"
+    pathe "^1.1.2"
+    scule "^1.3.0"
+    unplugin "2.0.0-beta.1"
+    yaml "^2.6.1"
+
+unplugin-vue-router@^0.12.0:
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/unplugin-vue-router/-/unplugin-vue-router-0.12.0.tgz#416a698871acd054d3479841ba97ea34473f3bfb"
+  integrity sha512-xjgheKU0MegvXQcy62GVea0LjyOdMxN0/QH+ijN29W62ZlMhG7o7K+0AYqfpprvPwpWtuRjiyC5jnV2SxWye2w==
+  dependencies:
+    "@babel/types" "^7.26.8"
+    "@vue-macros/common" "^1.16.1"
+    ast-walker-scope "^0.6.2"
+    chokidar "^4.0.3"
+    fast-glob "^3.3.3"
+    json5 "^2.2.3"
+    local-pkg "^1.0.0"
+    magic-string "^0.30.17"
+    micromatch "^4.0.8"
+    mlly "^1.7.4"
+    pathe "^2.0.2"
+    scule "^1.3.0"
+    unplugin "^2.2.0"
+    unplugin-utils "^0.2.3"
+    yaml "^2.7.0"
+
+unplugin@2.0.0-beta.1:
+  version "2.0.0-beta.1"
+  resolved "https://registry.yarnpkg.com/unplugin/-/unplugin-2.0.0-beta.1.tgz#3f8c9ecfae03fc9e22d9821ba68d52aa46a13aeb"
+  integrity sha512-2qzQo5LN2DmUZXkWDHvGKLF5BP0WN+KthD6aPnPJ8plRBIjv4lh5O07eYcSxgO2znNw9s4MNhEO1sB+JDllDbQ==
+  dependencies:
+    acorn "^8.14.0"
+    webpack-virtual-modules "^0.6.2"
+
+unplugin@^1.1.0, unplugin@^1.10.0:
+  version "1.16.1"
+  resolved "https://registry.yarnpkg.com/unplugin/-/unplugin-1.16.1.tgz#a844d2e3c3b14a4ac2945c42be80409321b61199"
+  integrity sha512-4/u/j4FrCKdi17jaxuJA0jClGxB1AvU2hw/IuayPc4ay1XGaJs/rbb4v5WKwAjNifjmXK9PIFyuPiaK8azyR9w==
+  dependencies:
+    acorn "^8.14.0"
+    webpack-virtual-modules "^0.6.2"
+
+unplugin@^2.1.0, unplugin@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/unplugin/-/unplugin-2.2.0.tgz#2659dee5c6b3de9b7ea671228c18263886ae58b6"
+  integrity sha512-m1ekpSwuOT5hxkJeZGRxO7gXbXT3gF26NjQ7GdVHoLoF8/nopLcd/QfPigpCy7i51oFHiRJg/CyHhj4vs2+KGw==
+  dependencies:
+    acorn "^8.14.0"
+    webpack-virtual-modules "^0.6.2"
+
+unstorage@^1.15.0:
+  version "1.15.0"
+  resolved "https://registry.yarnpkg.com/unstorage/-/unstorage-1.15.0.tgz#d1f23cba0901c5317d15a751a299e50fbb637674"
+  integrity sha512-m40eHdGY/gA6xAPqo8eaxqXgBuzQTlAKfmB1iF7oCKXE1HfwHwzDJBywK+qQGn52dta+bPlZluPF7++yR3p/bg==
+  dependencies:
+    anymatch "^3.1.3"
+    chokidar "^4.0.3"
+    destr "^2.0.3"
+    h3 "^1.15.0"
+    lru-cache "^10.4.3"
+    node-fetch-native "^1.6.6"
+    ofetch "^1.4.1"
+    ufo "^1.5.4"
+
+untun@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/untun/-/untun-0.1.3.tgz#5d10dee37a3a5737ff03d158be877dae0a0e58a6"
+  integrity sha512-4luGP9LMYszMRZwsvyUd9MrxgEGZdZuZgpVQHEEX0lCYFESasVRvZd0EYpCkOIbJKHMuv0LskpXc/8Un+MJzEQ==
+  dependencies:
+    citty "^0.1.5"
+    consola "^3.2.3"
+    pathe "^1.1.1"
+
+untyped@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
-  integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
-
-"unorm@>= 1.0.0":
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/unorm/-/unorm-1.6.0.tgz#029b289661fba714f1a9af439eb51d9b16c205af"
-  integrity sha512-b2/KCUlYZUeA7JFUuRJZPUtr4gZvBh7tavtv4fvk4+KV9pfGiR6CQAQAWl49ZpR3ts2dk4FYkP7EIgDJoiOLDA==
-
-unpipe@1.0.0, unpipe@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
-  integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
-
-unplugin@^1.0.1, unplugin@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/unplugin/-/unplugin-1.3.1.tgz#7af993ba8695d17d61b0845718380caf6af5109f"
-  integrity sha512-h4uUTIvFBQRxUKS2Wjys6ivoeofGhxzTe2sRWlooyjHXVttcVfV/JiavNd3d4+jty0SVV0dxGw9AkY9MwiaCEw==
+  resolved "https://registry.yarnpkg.com/untyped/-/untyped-2.0.0.tgz#86bc205a4ec4b0137282285866b8278557aeee97"
+  integrity sha512-nwNCjxJTjNuLCgFr42fEak5OcLuB3ecca+9ksPFNvtfYSLpjf+iJqSIaSnIile6ZPbKYxI5k2AfXqeopGudK/g==
   dependencies:
-    acorn "^8.8.2"
-    chokidar "^3.5.3"
-    webpack-sources "^3.2.3"
-    webpack-virtual-modules "^0.5.0"
+    citty "^0.1.6"
+    defu "^6.1.4"
+    jiti "^2.4.2"
+    knitwork "^1.2.0"
+    scule "^1.3.0"
 
-unset-value@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/unset-value/-/unset-value-1.0.0.tgz#8376873f7d2335179ffb1e6fc3a8ed0dfc8ab559"
-  integrity sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==
+unwasm@^0.3.9:
+  version "0.3.9"
+  resolved "https://registry.yarnpkg.com/unwasm/-/unwasm-0.3.9.tgz#01eca80a1cf2133743bc1bf5cfa749cc145beea0"
+  integrity sha512-LDxTx/2DkFURUd+BU1vUsF/moj0JsoTvl+2tcg2AUOiEzVturhGGx17/IMgGvKUYdZwr33EJHtChCJuhu9Ouvg==
   dependencies:
-    has-value "^0.3.1"
-    isobject "^3.0.0"
+    knitwork "^1.0.0"
+    magic-string "^0.30.8"
+    mlly "^1.6.1"
+    pathe "^1.1.2"
+    pkg-types "^1.0.3"
+    unplugin "^1.10.0"
 
-untyped@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/untyped/-/untyped-1.2.2.tgz#d442a5d4b4281b5344cefed318736eb480b70c2f"
-  integrity sha512-EANYd5L6AdpgfldlgMcmvOOnj092nWhy0ybhc7uhEH12ipytDYz89EOegBQKj8qWL3u1wgYnmFjADhsuCJs5Aw==
-  dependencies:
-    "@babel/core" "^7.20.12"
-    "@babel/standalone" "^7.20.12"
-    "@babel/types" "^7.20.7"
-    scule "^1.0.0"
-
-upath@^1.1.1:
+upath@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
   integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
@@ -11629,26 +11692,23 @@ upath@^2.0.1:
   resolved "https://registry.yarnpkg.com/upath/-/upath-2.0.1.tgz#50c73dea68d6f6b990f51d279ce6081665d61a8b"
   integrity sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==
 
-update-browserslist-db@^1.0.10:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz#0f54b876545726f17d00cd9a2561e6dade943ff3"
-  integrity sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==
-  dependencies:
-    escalade "^3.1.1"
-    picocolors "^1.0.0"
-
-update-browserslist-db@^1.0.13:
-  version "1.0.13"
-  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz#3c5e4f5c083661bd38ef64b6328c26ed6c8248c4"
-  integrity sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==
-  dependencies:
-    escalade "^3.1.1"
-    picocolors "^1.0.0"
-
-upper-case@^1.1.1:
+update-browserslist-db@^1.1.1:
   version "1.1.3"
-  resolved "https://registry.yarnpkg.com/upper-case/-/upper-case-1.1.3.tgz#f6b4501c2ec4cdd26ba78be7222961de77621598"
-  integrity sha512-WRbjgmYzgXkCV7zNVpy5YgrHgbBv126rMALQQMrmzOVC4GM2waQ9x7xtm8VU+1yF2kWyPzI9zbZ48n4vSxwfSA==
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz#348377dd245216f9e7060ff50b15a1b740b75420"
+  integrity sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==
+  dependencies:
+    escalade "^3.2.0"
+    picocolors "^1.1.1"
+
+uqr@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/uqr/-/uqr-0.1.2.tgz#5c6cd5dcff9581f9bb35b982cb89e2c483a41d7d"
+  integrity sha512-MJu7ypHq6QasgF5YRTjqscSzQp/W11zoUk6kvmlH+fmWEs63Y0Eib13hYFwAzagRJcVY8WVnlV+eBDUGMJ5IbA==
+
+uri-js-replace@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/uri-js-replace/-/uri-js-replace-1.0.1.tgz#c285bb352b701c9dfdaeffc4da5be77f936c9048"
+  integrity sha512-W+C9NWNLFOoBI2QWDp4UT9pv65r2w5Cx+3sTYFvtMdDBxkKt1syCqsUdSFAChbEe1uK5TfS04wt/nGwmaeIQ0g==
 
 uri-js@^4.2.2:
   version "4.4.1"
@@ -11657,93 +11717,17 @@ uri-js@^4.2.2:
   dependencies:
     punycode "^2.1.0"
 
-urix@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
-  integrity sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==
-
-url-loader@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/url-loader/-/url-loader-4.1.1.tgz#28505e905cae158cf07c92ca622d7f237e70a4e2"
-  integrity sha512-3BTV812+AVHHOJQO8O5MkWgZ5aosP7GnROJwvzLS9hWDj00lZ6Z0wNak423Lp9PBZN05N+Jk/N5Si8jRAlGyWA==
-  dependencies:
-    loader-utils "^2.0.0"
-    mime-types "^2.1.27"
-    schema-utils "^3.0.0"
-
-url-parse@^1.5.3:
-  version "1.5.10"
-  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1"
-  integrity sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==
-  dependencies:
-    querystringify "^2.1.1"
-    requires-port "^1.0.0"
-
-url@^0.11.0:
-  version "0.11.0"
-  resolved "https://registry.yarnpkg.com/url/-/url-0.11.0.tgz#3838e97cfc60521eb73c525a8e55bfdd9e2e28f1"
-  integrity sha512-kbailJa29QrtXnxgq+DdCEGlbTeYM2eJUxsz6vjZavrCYPMIFHMKQmSKYAIuUK2i7hgPm28a8piX5NTUtM/LKQ==
-  dependencies:
-    punycode "1.3.2"
-    querystring "0.2.0"
-
-use@^3.1.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/use/-/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f"
-  integrity sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==
-
-uslug@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/uslug/-/uslug-1.0.4.tgz#b9a22f0914e0a86140633dacc302e5f4fa450677"
-  integrity sha512-Jrbpp/NS3TvIGNjfJT1sn3/BCeykoxR8GbNYW5lF6fUscLkbXFwj1b7m4DvIkHm8k3Qr6Co68lbTmoZTMGk/ow==
-  dependencies:
-    unorm ">= 1.0.0"
-
-util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
+util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
   integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
 
-util.promisify@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.0.tgz#440f7165a459c9a16dc145eb8e72f35687097030"
-  integrity sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==
-  dependencies:
-    define-properties "^1.1.2"
-    object.getownpropertydescriptors "^2.0.3"
+uuid@^8.3.2:
+  version "8.3.2"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
+  integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
 
-util@0.10.3:
-  version "0.10.3"
-  resolved "https://registry.yarnpkg.com/util/-/util-0.10.3.tgz#7afb1afe50805246489e3db7fe0ed379336ac0f9"
-  integrity sha512-5KiHfsmkqacuKjkRkdV7SsfDJ2EGiPsK92s2MhNSY0craxjTdKTtqKsJaCWp4LW33ZZ0OPUv1WO/TFvNQRiQxQ==
-  dependencies:
-    inherits "2.0.1"
-
-util@^0.11.0:
-  version "0.11.1"
-  resolved "https://registry.yarnpkg.com/util/-/util-0.11.1.tgz#3236733720ec64bb27f6e26f421aaa2e1b588d61"
-  integrity sha512-HShAsny+zS2TZfaXxD9tYj4HQGlBezXZMZuM/S5PKLLoZkShZiGk9o5CzukI1LVHZvjdvZ2Sj1aW/Ndn2NB/HQ==
-  dependencies:
-    inherits "2.0.3"
-
-utila@~0.4:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
-  integrity sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==
-
-utils-merge@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
-  integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
-
-v-jsoneditor@^1.4.5:
-  version "1.4.5"
-  resolved "https://registry.yarnpkg.com/v-jsoneditor/-/v-jsoneditor-1.4.5.tgz#e6164c17a9f7c36fb591d907c0c32f4375409fae"
-  integrity sha512-xrfCsvu/BC1UV/phzqWOjBqxEOPg8hWg3sntQYihmJUs4fdJjSXI6nGBatvntO9nrqSGLlKsS6RGV+FbhZsERg==
-  dependencies:
-    jsoneditor "^9.5.3"
-
-validate-npm-package-license@^3.0.1:
+validate-npm-package-license@^3.0.1, validate-npm-package-license@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
   integrity sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==
@@ -11751,29 +11735,136 @@ validate-npm-package-license@^3.0.1:
     spdx-correct "^3.0.0"
     spdx-expression-parse "^3.0.0"
 
-vanilla-picker@^2.12.1:
-  version "2.12.1"
-  resolved "https://registry.yarnpkg.com/vanilla-picker/-/vanilla-picker-2.12.1.tgz#6e619eecf553891b8d2d042b745a23c91f19f34c"
-  integrity sha512-2qrEP9VYylKXbyzXKsbu2dferBTvqnlsr29XjHwFE+/MEp0VNj6oEUESLDtKZ7DWzGdSv1x/+ujqFZF+KsO3cg==
+vanilla-jsoneditor@^3.0.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/vanilla-jsoneditor/-/vanilla-jsoneditor-3.6.0.tgz#e235da88e834298f409ee160dfd096fafa8271ec"
+  integrity sha512-x+SSCob2elc81/pedbtpIXwhZCPEYXfx6IvZpEIbYeZowqlkO+zg8Qt05C+PXQaWPwAo4/l/YUzvfPVrg+e9tQ==
+  dependencies:
+    "@codemirror/autocomplete" "^6.18.1"
+    "@codemirror/commands" "^6.7.1"
+    "@codemirror/lang-json" "^6.0.1"
+    "@codemirror/language" "^6.10.3"
+    "@codemirror/lint" "^6.8.2"
+    "@codemirror/search" "^6.5.6"
+    "@codemirror/state" "^6.4.1"
+    "@codemirror/view" "^6.34.1"
+    "@fortawesome/free-regular-svg-icons" "^6.6.0"
+    "@fortawesome/free-solid-svg-icons" "^6.6.0"
+    "@jsonquerylang/jsonquery" "^3.1.1 || ^4.0.0 || ^5.0.0"
+    "@lezer/highlight" "^1.2.1"
+    "@replit/codemirror-indentation-markers" "^6.5.3"
+    ajv "^8.17.1"
+    codemirror-wrapped-line-indent "^1.0.8"
+    diff-sequences "^29.6.3"
+    immutable-json-patch "^6.0.1"
+    jmespath "^0.16.0"
+    json-source-map "^0.6.1"
+    jsonpath-plus "^10.3.0"
+    jsonrepair "^3.0.0"
+    lodash-es "^4.17.21"
+    memoize-one "^6.0.0"
+    natural-compare-lite "^1.4.0"
+    svelte "^5.0.0"
+    vanilla-picker "^2.12.3"
+
+vanilla-picker@^2.12.3:
+  version "2.12.3"
+  resolved "https://registry.yarnpkg.com/vanilla-picker/-/vanilla-picker-2.12.3.tgz#1cc47b641a2b9c9afc5ac3a9a02febace0f1b17a"
+  integrity sha512-qVkT1E7yMbUsB2mmJNFmaXMWE2hF8ffqzMMwe9zdAikd8u2VfnsVY2HQcOUi2F38bgbxzlJBEdS1UUhOXdF9GQ==
   dependencies:
     "@sphinxxxx/color-conversion" "^2.2.2"
 
-vary@^1.1.2, vary@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
-  integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
+varint@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/varint/-/varint-6.0.0.tgz#9881eb0ce8feaea6512439d19ddf84bf551661d0"
+  integrity sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==
 
-vite-node@0.29.8:
-  version "0.29.8"
-  resolved "https://registry.yarnpkg.com/vite-node/-/vite-node-0.29.8.tgz#6a1c9d4fb31e7b4e0f825d3a37abe3404e52bd8e"
-  integrity sha512-b6OtCXfk65L6SElVM20q5G546yu10/kNrhg08afEoWlFRJXFq9/6glsvSVY+aI6YeC1tu2TtAqI2jHEQmOmsFw==
+vfile-location@^5.0.0:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/vfile-location/-/vfile-location-5.0.3.tgz#cb9eacd20f2b6426d19451e0eafa3d0a846225c3"
+  integrity sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg==
+  dependencies:
+    "@types/unist" "^3.0.0"
+    vfile "^6.0.0"
+
+vfile-message@^4.0.0:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/vfile-message/-/vfile-message-4.0.2.tgz#c883c9f677c72c166362fd635f21fc165a7d1181"
+  integrity sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==
+  dependencies:
+    "@types/unist" "^3.0.0"
+    unist-util-stringify-position "^4.0.0"
+
+vfile@^6.0.0, vfile@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/vfile/-/vfile-6.0.3.tgz#3652ab1c496531852bf55a6bac57af981ebc38ab"
+  integrity sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==
+  dependencies:
+    "@types/unist" "^3.0.0"
+    vfile-message "^4.0.0"
+
+vite-dev-rpc@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/vite-dev-rpc/-/vite-dev-rpc-1.0.7.tgz#e81567c4e5b7e7d8074af56a2120bd0ea61cbdb7"
+  integrity sha512-FxSTEofDbUi2XXujCA+hdzCDkXFG1PXktMjSk1efq9Qb5lOYaaM9zNSvKvPPF7645Bak79kSp1PTooMW2wktcA==
+  dependencies:
+    birpc "^2.0.19"
+    vite-hot-client "^2.0.4"
+
+vite-hot-client@^0.2.4:
+  version "0.2.4"
+  resolved "https://registry.yarnpkg.com/vite-hot-client/-/vite-hot-client-0.2.4.tgz#c88789f1615cf4e95690cd5fca98b2e449a29637"
+  integrity sha512-a1nzURqO7DDmnXqabFOliz908FRmIppkBKsJthS8rbe8hBEXwEwe4C3Pp33Z1JoFCYfVL4kTOMLKk0ZZxREIeA==
+
+vite-hot-client@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/vite-hot-client/-/vite-hot-client-2.0.4.tgz#db383e0337c758fbabf14dad26f9a1bcb9e9e175"
+  integrity sha512-W9LOGAyGMrbGArYJN4LBCdOC5+Zwh7dHvOHC0KmGKkJhsOzaKbpo/jEjpPKVHIW0/jBWj8RZG0NUxfgA8BxgAg==
+
+vite-node@3.0.9, vite-node@^3.0.8:
+  version "3.0.9"
+  resolved "https://registry.yarnpkg.com/vite-node/-/vite-node-3.0.9.tgz#97d0b062d3857fb8eaeb6cc6a1d400f847d4a15d"
+  integrity sha512-w3Gdx7jDcuT9cNn9jExXgOyKmf5UOTb6WMHz8LGAm54eS1Elf5OuBhCxl6zJxGhEeIkgsE1WbHuoL0mj/UXqXg==
   dependencies:
     cac "^6.7.14"
-    debug "^4.3.4"
-    mlly "^1.1.0"
-    pathe "^1.1.0"
-    picocolors "^1.0.0"
-    vite "^3.0.0 || ^4.0.0"
+    debug "^4.4.0"
+    es-module-lexer "^1.6.0"
+    pathe "^2.0.3"
+    vite "^5.0.0 || ^6.0.0"
+
+vite-plugin-checker@^0.9.0:
+  version "0.9.1"
+  resolved "https://registry.yarnpkg.com/vite-plugin-checker/-/vite-plugin-checker-0.9.1.tgz#9f2166047848cc9199ff05e61d12d0480b680604"
+  integrity sha512-neH3CSNWdkZ+zi+WPt/0y5+IO2I0UAI0NX6MaXqU/KxN1Lz6np/7IooRB6VVAMBa4nigqm1GRF6qNa4+EL5jDQ==
+  dependencies:
+    "@babel/code-frame" "^7.26.2"
+    chokidar "^4.0.3"
+    npm-run-path "^6.0.0"
+    picocolors "^1.1.1"
+    picomatch "^4.0.2"
+    strip-ansi "^7.1.0"
+    tiny-invariant "^1.3.3"
+    tinyglobby "^0.2.12"
+    vscode-uri "^3.1.0"
+
+vite-plugin-commonjs@^0.10.4:
+  version "0.10.4"
+  resolved "https://registry.yarnpkg.com/vite-plugin-commonjs/-/vite-plugin-commonjs-0.10.4.tgz#5bcf316a323e3b88e392ec2de8754ca5f249b74f"
+  integrity sha512-eWQuvQKCcx0QYB5e5xfxBNjQKyrjEWZIR9UOkOV6JAgxVhtbZvCOF+FNC2ZijBJ3U3Px04ZMMyyMyFBVWIJ5+g==
+  dependencies:
+    acorn "^8.12.1"
+    magic-string "^0.30.11"
+    vite-plugin-dynamic-import "^1.6.0"
+
+vite-plugin-dynamic-import@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/vite-plugin-dynamic-import/-/vite-plugin-dynamic-import-1.6.0.tgz#c9680b2093fc897721fe535202acc8af77537ae4"
+  integrity sha512-TM0sz70wfzTIo9YCxVFwS8OA9lNREsh+0vMHGSkWDTZ7bgd1Yjs5RV8EgB634l/91IsXJReg0xtmuQqP0mf+rg==
+  dependencies:
+    acorn "^8.12.1"
+    es-module-lexer "^1.5.4"
+    fast-glob "^3.3.2"
+    magic-string "^0.30.11"
 
 vite-plugin-eslint@^1.8.1:
   version "1.8.1"
@@ -11784,114 +11875,143 @@ vite-plugin-eslint@^1.8.1:
     "@types/eslint" "^8.4.5"
     rollup "^2.77.2"
 
-vite-plugin-vue2@^1.8.2:
-  version "1.9.3"
-  resolved "https://registry.yarnpkg.com/vite-plugin-vue2/-/vite-plugin-vue2-1.9.3.tgz#a73363e70d7fe6e420a52890ca650d3d270245f5"
-  integrity sha512-0KhHSEeht0VHJtt4Z2cJ9bWBq4dP3HoXpapqAHV+f+cUa6KywYdOd+z6sSGLpuGjN8F9YinrFIo8dfVmMOpc8Q==
+vite-plugin-inspect@^11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/vite-plugin-inspect/-/vite-plugin-inspect-11.0.0.tgz#7417875e1e17e066847392e018031d47b48ca987"
+  integrity sha512-Q0RDNcMs1mbI2yGRwOzSapnnA6NFO0j88+Vb8pJX0iYMw34WczwKJi3JgheItDhbWRq/CLUR0cs+ajZpcUaIFQ==
   dependencies:
-    "@babel/core" "^7.16.10"
-    "@babel/parser" "^7.16.10"
-    "@babel/plugin-proposal-class-properties" "^7.16.7"
-    "@babel/plugin-proposal-decorators" "^7.16.7"
-    "@babel/plugin-transform-typescript" "^7.16.8"
-    "@rollup/pluginutils" "^4.1.1"
-    "@vue/babel-helper-vue-jsx-merge-props" "^1.2.1"
-    "@vue/babel-preset-jsx" "^1.2.4"
-    "@vue/component-compiler-utils" "^3.2.2"
-    consolidate "^0.16.0"
-    debug "^4.3.2"
-    fs-extra "^9.1.0"
-    hash-sum "^2.0.0"
-    magic-string "^0.25.7"
-    prettier "^2.4.1"
-    querystring "^0.2.1"
-    rollup "^2.58.0"
-    slash "^3.0.0"
-    source-map "^0.7.3"
-    vue-template-es2015-compiler "^1.9.1"
+    ansis "^3.16.0"
+    debug "^4.4.0"
+    error-stack-parser-es "^1.0.5"
+    ohash "^2.0.4"
+    open "^10.1.0"
+    perfect-debounce "^1.0.0"
+    sirv "^3.0.1"
+    unplugin-utils "^0.2.0"
+    vite-dev-rpc "^1.0.7"
 
-vite@^2.5.1:
-  version "2.9.15"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-2.9.15.tgz#2858dd5b2be26aa394a283e62324281892546f0b"
-  integrity sha512-fzMt2jK4vQ3yK56te3Kqpkaeq9DkcZfBbzHwYpobasvgYmP2SoAr6Aic05CsB4CzCZbsDv4sujX3pkEGhLabVQ==
+"vite-plugin-pwa@>=0.20.5 <1":
+  version "0.21.1"
+  resolved "https://registry.yarnpkg.com/vite-plugin-pwa/-/vite-plugin-pwa-0.21.1.tgz#2fb718ce6c7e62729d51e91bce739232e4a8e792"
+  integrity sha512-rkTbKFbd232WdiRJ9R3u+hZmf5SfQljX1b45NF6oLA6DSktEKpYllgTo1l2lkiZWMWV78pABJtFjNXfBef3/3Q==
   dependencies:
-    esbuild "^0.14.27"
-    postcss "^8.4.13"
-    resolve "^1.22.0"
-    rollup ">=2.59.0 <2.78.0"
+    debug "^4.3.6"
+    pretty-bytes "^6.1.1"
+    tinyglobby "^0.2.10"
+    workbox-build "^7.3.0"
+    workbox-window "^7.3.0"
+
+vite-plugin-vue-tracer@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/vite-plugin-vue-tracer/-/vite-plugin-vue-tracer-0.1.1.tgz#cf1195f82320a52ca7bc90f7f0ff9c85d01a0f11"
+  integrity sha512-8BuReHmbSPd6iRQDQhlyK5+DexY1Hmb4K0GUVo9Te1Yaz8gyOZspBm9qdG1SvebdSIKw3WNlzpdstJ47TJ4bOw==
+  dependencies:
+    estree-walker "^3.0.3"
+    magic-string "^0.30.17"
+    pathe "^2.0.3"
+    source-map-js "^1.2.1"
+
+vite-plugin-vuetify@^2.0.4:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/vite-plugin-vuetify/-/vite-plugin-vuetify-2.1.0.tgz#56767be099fd18a44ec2f9831d49269722e0e538"
+  integrity sha512-4wEAQtZaigPpwbFcZbrKpYwutOsWwWdeXn22B9XHzDPQNxVsKT+K9lKcXZnI5JESO1Iaql48S9rOk8RZZEt+Mw==
+  dependencies:
+    "@vuetify/loader-shared" "^2.1.0"
+    debug "^4.3.3"
+    upath "^2.0.1"
+
+"vite@^5.0.0 || ^6.0.0", vite@^6.2.0, vite@^6.2.1:
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-6.2.2.tgz#8098b12a6bfd95abe39399aa7d5faa56545d7a1a"
+  integrity sha512-yW7PeMM+LkDzc7CgJuRLMW2Jz0FxMOsVJ8Lv3gpgW9WLcb9cTW+121UEr1hvmfR7w3SegR5ItvYyzVz1vxNJgQ==
+  dependencies:
+    esbuild "^0.25.0"
+    postcss "^8.5.3"
+    rollup "^4.30.1"
   optionalDependencies:
-    fsevents "~2.3.2"
+    fsevents "~2.3.3"
 
-"vite@^3.0.0 || ^4.0.0":
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-4.2.1.tgz#6c2eb337b0dfd80a9ded5922163b94949d7fc254"
-  integrity sha512-7MKhqdy0ISo4wnvwtqZkjke6XN4taqQ2TBaTccLIpOKv7Vp2h4Y+NpmWCnGDeSvvn45KxvWgGyb0MkHvY1vgbg==
+vitest@^3.0.7:
+  version "3.0.9"
+  resolved "https://registry.yarnpkg.com/vitest/-/vitest-3.0.9.tgz#8cf607d27dcaa12b9f21111f001a4e3e92511ba5"
+  integrity sha512-BbcFDqNyBlfSpATmTtXOAOj71RNKDDvjBM/uPfnxxVGrG+FSH2RQIwgeEngTaTkuU/h0ScFvf+tRcKfYXzBybQ==
   dependencies:
-    esbuild "^0.17.5"
-    postcss "^8.4.21"
-    resolve "^1.22.1"
-    rollup "^3.18.0"
-  optionalDependencies:
-    fsevents "~2.3.2"
+    "@vitest/expect" "3.0.9"
+    "@vitest/mocker" "3.0.9"
+    "@vitest/pretty-format" "^3.0.9"
+    "@vitest/runner" "3.0.9"
+    "@vitest/snapshot" "3.0.9"
+    "@vitest/spy" "3.0.9"
+    "@vitest/utils" "3.0.9"
+    chai "^5.2.0"
+    debug "^4.4.0"
+    expect-type "^1.1.0"
+    magic-string "^0.30.17"
+    pathe "^2.0.3"
+    std-env "^3.8.0"
+    tinybench "^2.9.0"
+    tinyexec "^0.3.2"
+    tinypool "^1.0.2"
+    tinyrainbow "^2.0.0"
+    vite "^5.0.0 || ^6.0.0"
+    vite-node "3.0.9"
+    why-is-node-running "^2.3.0"
 
-vitest@^0.29.0:
-  version "0.29.8"
-  resolved "https://registry.yarnpkg.com/vitest/-/vitest-0.29.8.tgz#9c13cfa007c3511e86c26e1fe9a686bb4dbaec80"
-  integrity sha512-JIAVi2GK5cvA6awGpH0HvH/gEG9PZ0a/WoxdiV3PmqK+3CjQMf8c+J/Vhv4mdZ2nRyXFw66sAg6qz7VNkaHfDQ==
-  dependencies:
-    "@types/chai" "^4.3.4"
-    "@types/chai-subset" "^1.3.3"
-    "@types/node" "*"
-    "@vitest/expect" "0.29.8"
-    "@vitest/runner" "0.29.8"
-    "@vitest/spy" "0.29.8"
-    "@vitest/utils" "0.29.8"
-    acorn "^8.8.1"
-    acorn-walk "^8.2.0"
-    cac "^6.7.14"
-    chai "^4.3.7"
-    debug "^4.3.4"
-    local-pkg "^0.4.2"
-    pathe "^1.1.0"
-    picocolors "^1.0.0"
-    source-map "^0.6.1"
-    std-env "^3.3.1"
-    strip-literal "^1.0.0"
-    tinybench "^2.3.1"
-    tinypool "^0.4.0"
-    tinyspy "^1.0.2"
-    vite "^3.0.0 || ^4.0.0"
-    vite-node "0.29.8"
-    why-is-node-running "^2.2.2"
+vscode-uri@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/vscode-uri/-/vscode-uri-3.1.0.tgz#dd09ec5a66a38b5c3fffc774015713496d14e09c"
+  integrity sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==
 
-vm-browserify@^1.0.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
-  integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
-
-vue-advanced-cropper@^1.11.6:
-  version "1.11.6"
-  resolved "https://registry.yarnpkg.com/vue-advanced-cropper/-/vue-advanced-cropper-1.11.6.tgz#38f824e515747d749168e20de6d5eeea1a8d508b"
-  integrity sha512-S/3VXfnvq/8C3Js6OaxfPN709l7mrWRqI4GRklGM08glyXF147Nl74EkfyVNv7zhuNLM4stPvaQB7XUvRH9/iA==
+vue-advanced-cropper@^2.8.9:
+  version "2.8.9"
+  resolved "https://registry.yarnpkg.com/vue-advanced-cropper/-/vue-advanced-cropper-2.8.9.tgz#119ec7ade91dcf80fb22940ecbbf265ad0ae1bc4"
+  integrity sha512-1jc5gO674kVGpJKekoaol6ZlwaF5VYDLSBwBOUpViW0IOrrRsyLw6XNszjEqgbavvqinlKNS6Kqlom3B5M72Tw==
   dependencies:
     classnames "^2.2.6"
     debounce "^1.2.0"
     easy-bem "^1.0.2"
 
-vue-client-only@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/vue-client-only/-/vue-client-only-2.1.0.tgz#1a67a47b8ecacfa86d75830173fffee3bf8a4ee3"
-  integrity sha512-vKl1skEKn8EK9f8P2ZzhRnuaRHLHrlt1sbRmazlvsx6EiC3A8oWF8YCBrMJzoN+W3OnElwIGbVjsx6/xelY1AA==
+vue-bundle-renderer@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/vue-bundle-renderer/-/vue-bundle-renderer-2.1.1.tgz#77147f96d865729828b3a5dff2bccffa8370dde9"
+  integrity sha512-+qALLI5cQncuetYOXp4yScwYvqh8c6SMXee3B+M7oTZxOgtESP0l4j/fXdEJoZ+EdMxkGWIj+aSEyjXkOdmd7g==
+  dependencies:
+    ufo "^1.5.4"
 
-vue-demi@*, vue-demi@^0.13.11:
-  version "0.13.11"
-  resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.13.11.tgz#7d90369bdae8974d87b1973564ad390182410d99"
-  integrity sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==
+vue-demi@^0.14.10:
+  version "0.14.10"
+  resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.14.10.tgz#afc78de3d6f9e11bf78c55e8510ee12814522f04"
+  integrity sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==
 
-vue-eslint-parser@^9.0.1, vue-eslint-parser@^9.0.3:
-  version "9.1.0"
-  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-9.1.0.tgz#0e121d1bb29bd10763c83e3cc583ee03434a9dd5"
-  integrity sha512-NGn/iQy8/Wb7RrRa4aRkokyCZfOUWk19OP5HP6JEozQFX5AoS/t+Z0ZN7FY4LlmWc4FNI922V7cvX28zctN8dQ==
+vue-devtools-stub@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/vue-devtools-stub/-/vue-devtools-stub-0.1.0.tgz#a65b9485edecd4273cedcb8102c739b83add2c81"
+  integrity sha512-RutnB7X8c5hjq39NceArgXg28WZtZpGc3+J16ljMiYnFhKvd8hITxSWQSQ5bvldxMDU6gG5mkxl1MTQLXckVSQ==
+
+vue-draggable-plus@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/vue-draggable-plus/-/vue-draggable-plus-0.6.0.tgz#e4da6917e94ca73402f34113073f44771691fa5e"
+  integrity sha512-G5TSfHrt9tX9EjdG49InoFJbt2NYk0h3kgjgKxkFWr3ulIUays0oFObr5KZ8qzD4+QnhtALiRwIqY6qul4egqw==
+  dependencies:
+    "@types/sortablejs" "^1.15.8"
+
+vue-eslint-parser@^10.1.1:
+  version "10.1.1"
+  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-10.1.1.tgz#0d56d17a8e64cda088c8601dcbfc2ea51548e3d2"
+  integrity sha512-bh2Z/Au5slro9QJ3neFYLanZtb1jH+W2bKqGHXAoYD4vZgNG3KeotL7JpPv5xzY4UXUXJl7TrIsnzECH63kd3Q==
+  dependencies:
+    debug "^4.4.0"
+    eslint-scope "^8.2.0"
+    eslint-visitor-keys "^4.2.0"
+    espree "^10.3.0"
+    esquery "^1.6.0"
+    lodash "^4.17.21"
+    semver "^7.6.3"
+
+vue-eslint-parser@^9.0.3, vue-eslint-parser@^9.4.3:
+  version "9.4.3"
+  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz#9b04b22c71401f1e8bca9be7c3e3416a4bde76a8"
+  integrity sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==
   dependencies:
     debug "^4.3.4"
     eslint-scope "^7.1.1"
@@ -11901,281 +12021,110 @@ vue-eslint-parser@^9.0.1, vue-eslint-parser@^9.0.3:
     lodash "^4.17.21"
     semver "^7.3.6"
 
-vue-hot-reload-api@^2.3.0:
-  version "2.3.4"
-  resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"
-  integrity sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==
-
-vue-i18n@^8.26.7:
-  version "8.28.2"
-  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-8.28.2.tgz#913558066e274395c0a9f40b2f3393d5c2636840"
-  integrity sha512-C5GZjs1tYlAqjwymaaCPDjCyGo10ajUphiwA922jKt9n7KPpqR7oM1PCwYzhB/E7+nT3wfdG3oRre5raIT1rKA==
-
-vue-loader@^15.11.1:
-  version "15.11.1"
-  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-15.11.1.tgz#dee91169211276ed43c5715caef88a56b1f497b0"
-  integrity sha512-0iw4VchYLePqJfJu9s62ACWUXeSqM30SQqlIftbYWM3C+jpPcEHKSPUZBLjSF9au4HTHQ/naF6OGnO3Q/qGR3Q==
+vue-i18n@^10.0.0, vue-i18n@^10.0.5:
+  version "10.0.6"
+  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-10.0.6.tgz#d7df8a575479c9d771036d0cbd740096740e9f86"
+  integrity sha512-pQPspK5H4srzlu+47+HEY2tmiY3GyYIvSPgSBdQaYVWv7t1zj1t9p1FvHlxBXyJ17t9stG/Vxj+pykrvPWBLeQ==
   dependencies:
-    "@vue/component-compiler-utils" "^3.1.0"
-    hash-sum "^1.0.2"
-    loader-utils "^1.1.0"
-    vue-hot-reload-api "^2.3.0"
-    vue-style-loader "^4.1.0"
+    "@intlify/core-base" "10.0.6"
+    "@intlify/shared" "10.0.6"
+    "@vue/devtools-api" "^6.5.0"
 
-vue-meta@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/vue-meta/-/vue-meta-2.4.0.tgz#a419fb4b4135ce965dab32ec641d1989c2ee4845"
-  integrity sha512-XEeZUmlVeODclAjCNpWDnjgw+t3WA6gdzs6ENoIAgwO1J1d5p1tezDhtteLUFwcaQaTtayRrsx7GL6oXp/m2Jw==
+vue-router@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.5.0.tgz#58fc5fe374e10b6018f910328f756c3dae081f14"
+  integrity sha512-HDuk+PuH5monfNuY+ct49mNmkCRK4xJAV9Ts4z9UFc4rzdDnxQLyCMGGc8pKhZhHTVzfanpNwB/lwqevcBwI4w==
   dependencies:
-    deepmerge "^4.2.2"
+    "@vue/devtools-api" "^6.6.4"
 
-vue-no-ssr@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/vue-no-ssr/-/vue-no-ssr-1.1.1.tgz#875f3be6fb0ae41568a837f3ac1a80eaa137b998"
-  integrity sha512-ZMjqRpWabMPqPc7gIrG0Nw6vRf1+itwf0Itft7LbMXs2g3Zs/NFmevjZGN1x7K3Q95GmIjWbQZTVerxiBxI+0g==
-
-vue-router@^3.6.5:
-  version "3.6.5"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-3.6.5.tgz#95847d52b9a7e3f1361cb605c8e6441f202afad8"
-  integrity sha512-VYXZQLtjuvKxxcshuRAwjHnciqZVoXAjTjcqBTz4rKc8qih9g9pI3hbDjmqXaHdgL3v8pV6P8Z335XvHzESxLQ==
-
-vue-server-renderer@^2.7.16:
-  version "2.7.16"
-  resolved "https://registry.yarnpkg.com/vue-server-renderer/-/vue-server-renderer-2.7.16.tgz#b41736366f1caf4535b3ff75822783c975a303aa"
-  integrity sha512-U7GgR4rYmHmbs3Z2gqsasfk7JNuTsy/xrR5EMMGRLkjN8+ryDlqQq6Uu3DcmbCATAei814YOxyl0eq2HNqgXyQ==
+vue@^3.4, vue@^3.5.13:
+  version "3.5.13"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.5.13.tgz#9f760a1a982b09c0c04a867903fc339c9f29ec0a"
+  integrity sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==
   dependencies:
-    chalk "^4.1.2"
-    hash-sum "^2.0.0"
-    he "^1.2.0"
-    lodash.template "^4.5.0"
-    lodash.uniq "^4.5.0"
-    resolve "^1.22.0"
-    serialize-javascript "^6.0.0"
-    source-map "0.5.6"
+    "@vue/compiler-dom" "3.5.13"
+    "@vue/compiler-sfc" "3.5.13"
+    "@vue/runtime-dom" "3.5.13"
+    "@vue/server-renderer" "3.5.13"
+    "@vue/shared" "3.5.13"
 
-vue-style-loader@^4.1.0, vue-style-loader@^4.1.3:
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/vue-style-loader/-/vue-style-loader-4.1.3.tgz#6d55863a51fa757ab24e89d9371465072aa7bc35"
-  integrity sha512-sFuh0xfbtpRlKfm39ss/ikqs9AbKCoXZBpHeVZ8Tx650o0k0q/YCM7FRvigtxpACezfq6af+a7JeqVTWvncqDg==
+vuetify-nuxt-module@0.18.3:
+  version "0.18.3"
+  resolved "https://registry.yarnpkg.com/vuetify-nuxt-module/-/vuetify-nuxt-module-0.18.3.tgz#7d397a561a7410ccfea289a32646498570542554"
+  integrity sha512-Mv5mcqfqk5dR9oVJiITXn5p4NmDzp57AR2Txf/0iIoAjFlMsDWzTpUvn9ELTzDI3Z0LjiYVqptwxrOlMcju2Wg==
   dependencies:
-    hash-sum "^1.0.2"
-    loader-utils "^1.0.2"
+    "@nuxt/kit" "^3.12.4"
+    defu "^6.1.4"
+    destr "^2.0.3"
+    local-pkg "^0.5.0"
+    pathe "^1.1.2"
+    perfect-debounce "^1.0.0"
+    ufo "^1.5.4"
+    unconfig "^0.5.5"
+    upath "^2.0.1"
+    vite-plugin-vuetify "^2.0.4"
+    vuetify "^3.7.0"
 
-vue-template-compiler@2.7.16, vue-template-compiler@^2.6.14, vue-template-compiler@^2.7.16:
-  version "2.7.16"
-  resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.7.16.tgz#c81b2d47753264c77ac03b9966a46637482bb03b"
-  integrity sha512-AYbUWAJHLGGQM7+cNTELw+KsOG9nl2CnSv467WobS5Cv9uk3wFcnr1Etsz2sEIHEZvw1U+o9mRlEO6QbZvUPGQ==
+vuetify@^3.7.0:
+  version "3.7.18"
+  resolved "https://registry.yarnpkg.com/vuetify/-/vuetify-3.7.18.tgz#53b7184b8df224c6d2c696b2a62557564710bca1"
+  integrity sha512-JDkPIaug4hP9c+K/wxSgmTiLTMjBTYv2ATPvudhkRKuhsoym89aWCXb1CVbs7FRYuRsJEOGojpwpL5rBfDDy9g==
+
+w3c-keyname@^2.2.4:
+  version "2.2.8"
+  resolved "https://registry.yarnpkg.com/w3c-keyname/-/w3c-keyname-2.2.8.tgz#7b17c8c6883d4e8b86ac8aba79d39e880f8869c5"
+  integrity sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==
+
+w3c-xmlserializer@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz#f925ba26855158594d907313cedd1476c5967f6c"
+  integrity sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==
   dependencies:
-    de-indent "^1.0.2"
-    he "^1.2.0"
+    xml-name-validator "^5.0.0"
 
-vue-template-es2015-compiler@^1.9.0, vue-template-es2015-compiler@^1.9.1:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
-  integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
-
-vue@^2.7.16:
-  version "2.7.16"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-2.7.16.tgz#98c60de9def99c0e3da8dae59b304ead43b967c9"
-  integrity sha512-4gCtFXaAA3zYZdTp5s4Hl2sozuySsgz4jy1EnpBHNfpMa9dK1ZCG7viqBPCwXtmgc8nHqUsAu3G4gtmXkkY3Sw==
-  dependencies:
-    "@vue/compiler-sfc" "2.7.16"
-    csstype "^3.1.0"
-
-vuedraggable@^2.24.3:
-  version "2.24.3"
-  resolved "https://registry.yarnpkg.com/vuedraggable/-/vuedraggable-2.24.3.tgz#43c93849b746a24ce503e123d5b259c701ba0d19"
-  integrity sha512-6/HDXi92GzB+Hcs9fC6PAAozK1RLt1ewPTLjK0anTYguXLAeySDmcnqE8IC0xa7shvSzRjQXq3/+dsZ7ETGF3g==
-  dependencies:
-    sortablejs "1.10.2"
-
-vuetify-loader@^1.7.3:
-  version "1.9.2"
-  resolved "https://registry.yarnpkg.com/vuetify-loader/-/vuetify-loader-1.9.2.tgz#adcadac71c6d9b24bde42a5b81dfda1871f73f81"
-  integrity sha512-8PP2w7aAs/rjA+Izec6qY7sHVb75MNrGQrDOTZJ5IEnvl+NiFhVpU2iWdRDZ3eMS842cWxSWStvkr+KJJKy+Iw==
-  dependencies:
-    acorn "^8.4.1"
-    acorn-walk "^8.2.0"
-    decache "^4.6.0"
-    file-loader "^6.2.0"
-    loader-utils "^2.0.0"
-
-vuetify@^2.6, vuetify@^2.6.13:
-  version "2.6.14"
-  resolved "https://registry.yarnpkg.com/vuetify/-/vuetify-2.6.14.tgz#a5bf662de938efe0450ac59776b04f760f5407d2"
-  integrity sha512-nr6wU3uTzhhEPssH23cW0Ee/hCrayp7cjl3nNjM2OmNwiJlV91tZiL1VO3597SqZyjh1xIa+m9J2rpKTSdIlrA==
-
-vuex@^3.6.2:
-  version "3.6.2"
-  resolved "https://registry.yarnpkg.com/vuex/-/vuex-3.6.2.tgz#236bc086a870c3ae79946f107f16de59d5895e71"
-  integrity sha512-ETW44IqCgBpVomy520DT5jf8n0zoCac+sxWnn+hMe/CzaSejb/eVw2YToiXYX+Ex/AuHHia28vWTq4goAexFbw==
-
-w3c-xmlserializer@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz#aebdc84920d806222936e3cdce408e32488a3073"
-  integrity sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==
-  dependencies:
-    xml-name-validator "^4.0.0"
-
-watchpack-chokidar2@^2.0.1:
+web-namespaces@^2.0.0:
   version "2.0.1"
-  resolved "https://registry.yarnpkg.com/watchpack-chokidar2/-/watchpack-chokidar2-2.0.1.tgz#38500072ee6ece66f3769936950ea1771be1c957"
-  integrity sha512-nCFfBIPKr5Sh61s4LPpy1Wtfi0HE8isJ3d2Yb5/Ppw2P2B/3eVSEBjKfN0fmHJSK14+31KwMKmcrzs2GM4P0Ww==
-  dependencies:
-    chokidar "^2.1.8"
-
-watchpack@^1.7.4:
-  version "1.7.5"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.7.5.tgz#1267e6c55e0b9b5be44c2023aed5437a2c26c453"
-  integrity sha512-9P3MWk6SrKjHsGkLT2KHXdQ/9SNkyoJbabxnKOoJepsvJjJG8uYTR3yTPxPQvNDI3w4Nz1xnE0TLHK4RIVe/MQ==
-  dependencies:
-    graceful-fs "^4.1.2"
-    neo-async "^2.5.0"
-  optionalDependencies:
-    chokidar "^3.4.1"
-    watchpack-chokidar2 "^2.0.1"
-
-watchpack@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d"
-  integrity sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==
-  dependencies:
-    glob-to-regexp "^0.4.1"
-    graceful-fs "^4.1.2"
+  resolved "https://registry.yarnpkg.com/web-namespaces/-/web-namespaces-2.0.1.tgz#1010ff7c650eccb2592cebeeaf9a1b253fd40692"
+  integrity sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==
 
 webidl-conversions@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
   integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
 
+webidl-conversions@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
+  integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
+
 webidl-conversions@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz#256b4e1882be7debbf01d05f0aa2039778ea080a"
   integrity sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==
 
-webpack-bundle-analyzer@^4.10.1:
-  version "4.10.1"
-  resolved "https://registry.yarnpkg.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.10.1.tgz#84b7473b630a7b8c21c741f81d8fe4593208b454"
-  integrity sha512-s3P7pgexgT/HTUSYgxJyn28A+99mmLq4HsJepMPzu0R8ImJc52QNqaFYW1Z2z2uIb1/J3eYgaAWVpaC+v/1aAQ==
-  dependencies:
-    "@discoveryjs/json-ext" "0.5.7"
-    acorn "^8.0.4"
-    acorn-walk "^8.0.0"
-    commander "^7.2.0"
-    debounce "^1.2.1"
-    escape-string-regexp "^4.0.0"
-    gzip-size "^6.0.0"
-    html-escaper "^2.0.2"
-    is-plain-object "^5.0.0"
-    opener "^1.5.2"
-    picocolors "^1.0.0"
-    sirv "^2.0.3"
-    ws "^7.3.1"
+webpack-virtual-modules@^0.6.2:
+  version "0.6.2"
+  resolved "https://registry.yarnpkg.com/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz#057faa9065c8acf48f24cb57ac0e77739ab9a7e8"
+  integrity sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==
 
-webpack-dev-middleware@^5.0.0:
-  version "5.3.3"
-  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz#efae67c2793908e7311f1d9b06f2a08dcc97e51f"
-  integrity sha512-hj5CYrY0bZLB+eTO+x/j67Pkrquiy7kWepMHmUMoPsmcUaeEnQJqFzHJOyxgWlq746/wUuA64p9ta34Kyb01pA==
-  dependencies:
-    colorette "^2.0.10"
-    memfs "^3.4.3"
-    mime-types "^2.1.31"
-    range-parser "^1.2.1"
-    schema-utils "^4.0.0"
-
-webpack-hot-middleware@^2.26.0:
-  version "2.26.1"
-  resolved "https://registry.yarnpkg.com/webpack-hot-middleware/-/webpack-hot-middleware-2.26.1.tgz#87214f1e3f9f3acab9271fef9e6ed7b637d719c0"
-  integrity sha512-khZGfAeJx6I8K9zKohEWWYN6KDlVw2DHownoe+6Vtwj1LP9WFgegXnVMSkZ/dBEBtXFwrkkydsaPFlB7f8wU2A==
-  dependencies:
-    ansi-html-community "0.0.8"
-    html-entities "^2.1.0"
-    strip-ansi "^6.0.0"
-
-webpack-node-externals@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/webpack-node-externals/-/webpack-node-externals-3.0.0.tgz#1a3407c158d547a9feb4229a9e3385b7b60c9917"
-  integrity sha512-LnL6Z3GGDPht/AigwRh2dvL9PQPFQ8skEpVrWZXLWBYmqcaojHNN0onvHzie6rq7EWKrrBfPYqNEzTJgiwEQDQ==
-
-webpack-sources@^1.0.1, webpack-sources@^1.1.0, webpack-sources@^1.4.0, webpack-sources@^1.4.1, webpack-sources@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
-  integrity sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==
-  dependencies:
-    source-list-map "^2.0.0"
-    source-map "~0.6.1"
-
-webpack-sources@^3.2.3:
-  version "3.2.3"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde"
-  integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
-
-webpack-virtual-modules@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/webpack-virtual-modules/-/webpack-virtual-modules-0.5.0.tgz#362f14738a56dae107937ab98ea7062e8bdd3b6c"
-  integrity sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==
-
-webpack@^4.47.0:
-  version "4.47.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.47.0.tgz#8b8a02152d7076aeb03b61b47dad2eeed9810ebc"
-  integrity sha512-td7fYwgLSrky3fI1EuU5cneU4+pbH6GgOfuKNS1tNPcfdGinGELAqsb/BP4nnvZyKSG2i/xFGU7+n2PvZA8HJQ==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/helper-module-context" "1.9.0"
-    "@webassemblyjs/wasm-edit" "1.9.0"
-    "@webassemblyjs/wasm-parser" "1.9.0"
-    acorn "^6.4.1"
-    ajv "^6.10.2"
-    ajv-keywords "^3.4.1"
-    chrome-trace-event "^1.0.2"
-    enhanced-resolve "^4.5.0"
-    eslint-scope "^4.0.3"
-    json-parse-better-errors "^1.0.2"
-    loader-runner "^2.4.0"
-    loader-utils "^1.2.3"
-    memory-fs "^0.4.1"
-    micromatch "^3.1.10"
-    mkdirp "^0.5.3"
-    neo-async "^2.6.1"
-    node-libs-browser "^2.2.1"
-    schema-utils "^1.0.0"
-    tapable "^1.1.3"
-    terser-webpack-plugin "^1.4.3"
-    watchpack "^1.7.4"
-    webpack-sources "^1.4.1"
-
-webpackbar@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/webpackbar/-/webpackbar-6.0.0.tgz#4fa3a040842d3d6928de5291bdc1553e3b84e5a6"
-  integrity sha512-RdB0RskzOaix1VFMnBXSkKMbUgvZliRqgoNp0gCnG6iUe9RS9sf018AJ/1h5NAeh+ttwXkXjXKC6NdjE/OOcaA==
-  dependencies:
-    ansi-escapes "^4.3.2"
-    chalk "^4.1.2"
-    consola "^3.2.3"
-    figures "^3.2.0"
-    markdown-table "^2.0.0"
-    pretty-time "^1.1.0"
-    std-env "^3.6.0"
-    wrap-ansi "^7.0.0"
-
-whatwg-encoding@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz#e7635f597fd87020858626805a2729fa7698ac53"
-  integrity sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==
+whatwg-encoding@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz#d0f4ef769905d426e1688f3e34381a99b60b76e5"
+  integrity sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==
   dependencies:
     iconv-lite "0.6.3"
 
-whatwg-mimetype@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz#5fa1a7623867ff1af6ca3dc72ad6b8a4208beba7"
-  integrity sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==
+whatwg-mimetype@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz#bc1bf94a985dc50388d54a9258ac405c3ca2fc0a"
+  integrity sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==
 
-whatwg-url@^12.0.0, whatwg-url@^12.0.1:
-  version "12.0.1"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-12.0.1.tgz#fd7bcc71192e7c3a2a97b9a8d6b094853ed8773c"
-  integrity sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==
+whatwg-url@^14.0.0, whatwg-url@^14.1.0:
+  version "14.2.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-14.2.0.tgz#4ee02d5d725155dae004f6ae95c73e7ef5d95663"
+  integrity sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==
   dependencies:
-    tr46 "^4.1.1"
+    tr46 "^5.1.0"
     webidl-conversions "^7.0.0"
 
 whatwg-url@^5.0.0:
@@ -12186,28 +12135,67 @@ whatwg-url@^5.0.0:
     tr46 "~0.0.3"
     webidl-conversions "^3.0.0"
 
-which-boxed-primitive@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"
-  integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==
+whatwg-url@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-7.1.0.tgz#c2c492f1eca612988efd3d2266be1b9fc6170d06"
+  integrity sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==
   dependencies:
-    is-bigint "^1.0.1"
-    is-boolean-object "^1.1.0"
-    is-number-object "^1.0.4"
-    is-string "^1.0.5"
-    is-symbol "^1.0.3"
+    lodash.sortby "^4.7.0"
+    tr46 "^1.0.1"
+    webidl-conversions "^4.0.2"
 
-which-typed-array@^1.1.9:
-  version "1.1.9"
-  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.9.tgz#307cf898025848cf995e795e8423c7f337efbde6"
-  integrity sha512-w9c4xkx6mPidwp7180ckYWfMmvxpjlZuIudNtDf4N/tTAUB8VJbX25qZoAsrtGuYNnGw3pa0AXgbGKRB8/EceA==
+which-boxed-primitive@^1.1.0, which-boxed-primitive@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz#d76ec27df7fa165f18d5808374a5fe23c29b176e"
+  integrity sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==
   dependencies:
-    available-typed-arrays "^1.0.5"
-    call-bind "^1.0.2"
-    for-each "^0.3.3"
-    gopd "^1.0.1"
-    has-tostringtag "^1.0.0"
-    is-typed-array "^1.1.10"
+    is-bigint "^1.1.0"
+    is-boolean-object "^1.2.1"
+    is-number-object "^1.1.1"
+    is-string "^1.1.1"
+    is-symbol "^1.1.1"
+
+which-builtin-type@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/which-builtin-type/-/which-builtin-type-1.2.1.tgz#89183da1b4907ab089a6b02029cc5d8d6574270e"
+  integrity sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==
+  dependencies:
+    call-bound "^1.0.2"
+    function.prototype.name "^1.1.6"
+    has-tostringtag "^1.0.2"
+    is-async-function "^2.0.0"
+    is-date-object "^1.1.0"
+    is-finalizationregistry "^1.1.0"
+    is-generator-function "^1.0.10"
+    is-regex "^1.2.1"
+    is-weakref "^1.0.2"
+    isarray "^2.0.5"
+    which-boxed-primitive "^1.1.0"
+    which-collection "^1.0.2"
+    which-typed-array "^1.1.16"
+
+which-collection@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/which-collection/-/which-collection-1.0.2.tgz#627ef76243920a107e7ce8e96191debe4b16c2a0"
+  integrity sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==
+  dependencies:
+    is-map "^2.0.3"
+    is-set "^2.0.3"
+    is-weakmap "^2.0.2"
+    is-weakset "^2.0.3"
+
+which-typed-array@^1.1.16, which-typed-array@^1.1.18:
+  version "1.1.19"
+  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.19.tgz#df03842e870b6b88e117524a4b364b6fc689f956"
+  integrity sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==
+  dependencies:
+    available-typed-arrays "^1.0.7"
+    call-bind "^1.0.8"
+    call-bound "^1.0.4"
+    for-each "^0.3.5"
+    get-proto "^1.0.1"
+    gopd "^1.2.0"
+    has-tostringtag "^1.0.2"
 
 which@^2.0.1:
   version "2.0.2"
@@ -12216,42 +12204,188 @@ which@^2.0.1:
   dependencies:
     isexe "^2.0.0"
 
-why-is-node-running@^2.2.2:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/why-is-node-running/-/why-is-node-running-2.2.2.tgz#4185b2b4699117819e7154594271e7e344c9973e"
-  integrity sha512-6tSwToZxTOcotxHeA+qGCq1mVzKR3CwcJGmVcY+QE8SHy6TnpFnh8PAvPNHYr7EcuVeG0QSMxtYCuO1ta/G/oA==
+which@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/which/-/which-5.0.0.tgz#d93f2d93f79834d4363c7d0c23e00d07c466c8d6"
+  integrity sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==
+  dependencies:
+    isexe "^3.1.1"
+
+why-is-node-running@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/why-is-node-running/-/why-is-node-running-2.3.0.tgz#a3f69a97107f494b3cdc3bdddd883a7d65cebf04"
+  integrity sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==
   dependencies:
     siginfo "^2.0.0"
     stackback "0.0.2"
 
-widest-line@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/widest-line/-/widest-line-3.1.0.tgz#8292333bbf66cb45ff0de1603b136b7ae1496eca"
-  integrity sha512-NsmoXalsWVDMGupxZ5R08ka9flZjjiLvHVAWYOKtiKM8ujtZWr9cRffak+uSE48+Ob8ObalXpwyeUiyDD6QFgg==
+word-wrap@^1.2.5:
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
+  integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
+
+workbox-background-sync@7.3.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/workbox-background-sync/-/workbox-background-sync-7.3.0.tgz#b6340731a8d5b42b9e75a8a87c8806928e6e6303"
+  integrity sha512-PCSk3eK7Mxeuyatb22pcSx9dlgWNv3+M8PqPaYDokks8Y5/FX4soaOqj3yhAZr5k6Q5JWTOMYgaJBpbw11G9Eg==
   dependencies:
-    string-width "^4.0.0"
+    idb "^7.0.1"
+    workbox-core "7.3.0"
 
-word-wrap@^1.2.3, word-wrap@~1.2.3:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
-  integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
-
-workbox-cdn@^5.1.3:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/workbox-cdn/-/workbox-cdn-5.1.4.tgz#dbd8acee70b1978be70106207590bbb76af935cf"
-  integrity sha512-04gM3mi8QGutokkSaA9xunVfjURnLbo9TTWyi8+pSDCEW5cD8u5GbJiliLK1vB9CShk/9OY1UDfW+XcmD+d6KQ==
-
-worker-farm@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/worker-farm/-/worker-farm-1.7.0.tgz#26a94c5391bbca926152002f69b84a4bf772e5a8"
-  integrity sha512-rvw3QTZc8lAxyVrqcSGVm5yP/IJ2UcB3U0graE3LCFoZ0Yn2x4EoVSqJKdB/T5M+FLcRPjz4TDacRf3OCfNUzw==
+workbox-broadcast-update@7.3.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/workbox-broadcast-update/-/workbox-broadcast-update-7.3.0.tgz#bff86b91795c4b9fa46a758d1a7a151828623280"
+  integrity sha512-T9/F5VEdJVhwmrIAE+E/kq5at2OY6+OXXgOWQevnubal6sO92Gjo24v6dCVwQiclAF5NS3hlmsifRrpQzZCdUA==
   dependencies:
-    errno "~0.1.7"
+    workbox-core "7.3.0"
 
-wrap-ansi@^6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz#e9393ba07102e6c91a3b221478f0257cd2856e53"
-  integrity sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==
+workbox-build@^7.3.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/workbox-build/-/workbox-build-7.3.0.tgz#ab688f3241b32862236aeeb62b240195f1fe4b62"
+  integrity sha512-JGL6vZTPlxnlqZRhR/K/msqg3wKP+m0wfEUVosK7gsYzSgeIxvZLi1ViJJzVL7CEeI8r7rGFV973RiEqkP3lWQ==
+  dependencies:
+    "@apideck/better-ajv-errors" "^0.3.1"
+    "@babel/core" "^7.24.4"
+    "@babel/preset-env" "^7.11.0"
+    "@babel/runtime" "^7.11.2"
+    "@rollup/plugin-babel" "^5.2.0"
+    "@rollup/plugin-node-resolve" "^15.2.3"
+    "@rollup/plugin-replace" "^2.4.1"
+    "@rollup/plugin-terser" "^0.4.3"
+    "@surma/rollup-plugin-off-main-thread" "^2.2.3"
+    ajv "^8.6.0"
+    common-tags "^1.8.0"
+    fast-json-stable-stringify "^2.1.0"
+    fs-extra "^9.0.1"
+    glob "^7.1.6"
+    lodash "^4.17.20"
+    pretty-bytes "^5.3.0"
+    rollup "^2.43.1"
+    source-map "^0.8.0-beta.0"
+    stringify-object "^3.3.0"
+    strip-comments "^2.0.1"
+    tempy "^0.6.0"
+    upath "^1.2.0"
+    workbox-background-sync "7.3.0"
+    workbox-broadcast-update "7.3.0"
+    workbox-cacheable-response "7.3.0"
+    workbox-core "7.3.0"
+    workbox-expiration "7.3.0"
+    workbox-google-analytics "7.3.0"
+    workbox-navigation-preload "7.3.0"
+    workbox-precaching "7.3.0"
+    workbox-range-requests "7.3.0"
+    workbox-recipes "7.3.0"
+    workbox-routing "7.3.0"
+    workbox-strategies "7.3.0"
+    workbox-streams "7.3.0"
+    workbox-sw "7.3.0"
+    workbox-window "7.3.0"
+
+workbox-cacheable-response@7.3.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/workbox-cacheable-response/-/workbox-cacheable-response-7.3.0.tgz#557b0f5fdfceb22fe243e3f19807c76a0ae646e3"
+  integrity sha512-eAFERIg6J2LuyELhLlmeRcJFa5e16Mj8kL2yCDbhWE+HUun9skRQrGIFVUagqWj4DMaaPSMWfAolM7XZZxNmxA==
+  dependencies:
+    workbox-core "7.3.0"
+
+workbox-core@7.3.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/workbox-core/-/workbox-core-7.3.0.tgz#f24fb92041a0b7482fe2dd856544aaa9fa105248"
+  integrity sha512-Z+mYrErfh4t3zi7NVTvOuACB0A/jA3bgxUN3PwtAVHvfEsZxV9Iju580VEETug3zYJRc0Dmii/aixI/Uxj8fmw==
+
+workbox-expiration@7.3.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/workbox-expiration/-/workbox-expiration-7.3.0.tgz#2c1ee1fdada34aa7e7474f706d5429c914bd10d2"
+  integrity sha512-lpnSSLp2BM+K6bgFCWc5bS1LR5pAwDWbcKt1iL87/eTSJRdLdAwGQznZE+1czLgn/X05YChsrEegTNxjM067vQ==
+  dependencies:
+    idb "^7.0.1"
+    workbox-core "7.3.0"
+
+workbox-google-analytics@7.3.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/workbox-google-analytics/-/workbox-google-analytics-7.3.0.tgz#3c4d4956c0a9800dfb587d82ec8bc0f9cf963791"
+  integrity sha512-ii/tSfFdhjLHZ2BrYgFNTrb/yk04pw2hasgbM70jpZfLk0vdJAXgaiMAWsoE+wfJDNWoZmBYY0hMVI0v5wWDbg==
+  dependencies:
+    workbox-background-sync "7.3.0"
+    workbox-core "7.3.0"
+    workbox-routing "7.3.0"
+    workbox-strategies "7.3.0"
+
+workbox-navigation-preload@7.3.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/workbox-navigation-preload/-/workbox-navigation-preload-7.3.0.tgz#9d54693b9179d5175e66af5ef9a92d1b7cf3e605"
+  integrity sha512-fTJzogmFaTv4bShZ6aA7Bfj4Cewaq5rp30qcxl2iYM45YD79rKIhvzNHiFj1P+u5ZZldroqhASXwwoyusnr2cg==
+  dependencies:
+    workbox-core "7.3.0"
+
+workbox-precaching@7.3.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/workbox-precaching/-/workbox-precaching-7.3.0.tgz#a84663d69efdb334f25c04dba0a72ed3391c4da8"
+  integrity sha512-ckp/3t0msgXclVAYaNndAGeAoWQUv7Rwc4fdhWL69CCAb2UHo3Cef0KIUctqfQj1p8h6aGyz3w8Cy3Ihq9OmIw==
+  dependencies:
+    workbox-core "7.3.0"
+    workbox-routing "7.3.0"
+    workbox-strategies "7.3.0"
+
+workbox-range-requests@7.3.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/workbox-range-requests/-/workbox-range-requests-7.3.0.tgz#1b3d5c235a0ff5271418c3a7183281dc131ccd0d"
+  integrity sha512-EyFmM1KpDzzAouNF3+EWa15yDEenwxoeXu9bgxOEYnFfCxns7eAxA9WSSaVd8kujFFt3eIbShNqa4hLQNFvmVQ==
+  dependencies:
+    workbox-core "7.3.0"
+
+workbox-recipes@7.3.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/workbox-recipes/-/workbox-recipes-7.3.0.tgz#fa407101e8ce52850dfba8e17a5afccb733a3942"
+  integrity sha512-BJro/MpuW35I/zjZQBcoxsctgeB+kyb2JAP5EB3EYzePg8wDGoQuUdyYQS+CheTb+GhqJeWmVs3QxLI8EBP1sg==
+  dependencies:
+    workbox-cacheable-response "7.3.0"
+    workbox-core "7.3.0"
+    workbox-expiration "7.3.0"
+    workbox-precaching "7.3.0"
+    workbox-routing "7.3.0"
+    workbox-strategies "7.3.0"
+
+workbox-routing@7.3.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/workbox-routing/-/workbox-routing-7.3.0.tgz#fc86296bc1155c112ee2c16b3180853586c30208"
+  integrity sha512-ZUlysUVn5ZUzMOmQN3bqu+gK98vNfgX/gSTZ127izJg/pMMy4LryAthnYtjuqcjkN4HEAx1mdgxNiKJMZQM76A==
+  dependencies:
+    workbox-core "7.3.0"
+
+workbox-strategies@7.3.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/workbox-strategies/-/workbox-strategies-7.3.0.tgz#bb1530f205806895aacdea3639e6cf6bfb3a6cb0"
+  integrity sha512-tmZydug+qzDFATwX7QiEL5Hdf7FrkhjaF9db1CbB39sDmEZJg3l9ayDvPxy8Y18C3Y66Nrr9kkN1f/RlkDgllg==
+  dependencies:
+    workbox-core "7.3.0"
+
+workbox-streams@7.3.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/workbox-streams/-/workbox-streams-7.3.0.tgz#a4c0ae51b66121a2aa6f89229e237aca6dc27eb5"
+  integrity sha512-SZnXucyg8x2Y61VGtDjKPO5EgPUG5NDn/v86WYHX+9ZqvAsGOytP0Jxp1bl663YUuMoXSAtsGLL+byHzEuMRpw==
+  dependencies:
+    workbox-core "7.3.0"
+    workbox-routing "7.3.0"
+
+workbox-sw@7.3.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/workbox-sw/-/workbox-sw-7.3.0.tgz#39215017e868d7cfe6835b2961f55369d89b3e73"
+  integrity sha512-aCUyoAZU9IZtH05mn0ACUpyHzPs0lMeJimAYkQkBsOWiqaJLgusfDCR+yllkPkFRxWpZKF8vSvgHYeG7LwhlmA==
+
+workbox-window@7.3.0, workbox-window@^7.3.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/workbox-window/-/workbox-window-7.3.0.tgz#e71bb0b4d880d2295c96bf1ccadb6cea0df51c07"
+  integrity sha512-qW8PDy16OV1UBaUNGlTVcepzrlzyzNW/ZJvFQQs2j2TzGsg6IKjcpZC1RSquqQnTOafl5pCj5bGfAHlCjOOjdA==
+  dependencies:
+    "@types/trusted-types" "^2.0.2"
+    workbox-core "7.3.0"
+
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
   dependencies:
     ansi-styles "^4.0.0"
     string-width "^4.1.0"
@@ -12266,73 +12400,53 @@ wrap-ansi@^7.0.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
+wrap-ansi@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"
+  integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==
+  dependencies:
+    ansi-styles "^6.1.0"
+    string-width "^5.0.1"
+    strip-ansi "^7.0.1"
+
+wrap-ansi@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-9.0.0.tgz#1a3dc8b70d85eeb8398ddfb1e4a02cd186e58b3e"
+  integrity sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q==
+  dependencies:
+    ansi-styles "^6.2.1"
+    string-width "^7.0.0"
+    strip-ansi "^7.1.0"
+
 wrappy@1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
   integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
 
-write-file-atomic@^2.0.0:
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.4.3.tgz#1fd2e9ae1df3e75b8d8c367443c692d4ca81f481"
-  integrity sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==
-  dependencies:
-    graceful-fs "^4.1.11"
-    imurmurhash "^0.1.4"
-    signal-exit "^3.0.2"
-
-write-json-file@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/write-json-file/-/write-json-file-2.3.0.tgz#2b64c8a33004d54b8698c76d585a77ceb61da32f"
-  integrity sha512-84+F0igFp2dPD6UpAQjOUX3CdKUOqUzn6oE9sDBNzUXINR5VceJ1rauZltqQB/bcYsx3EpKys4C7/PivKUAiWQ==
-  dependencies:
-    detect-indent "^5.0.0"
-    graceful-fs "^4.1.2"
-    make-dir "^1.0.0"
-    pify "^3.0.0"
-    sort-keys "^2.0.0"
-    write-file-atomic "^2.0.0"
-
-ws@^7.3.1:
-  version "7.5.9"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.9.tgz#54fa7db29f4c7cec68b1ddd3a89de099942bb591"
-  integrity sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==
-
-ws@^8.13.0:
-  version "8.13.0"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.13.0.tgz#9a9fb92f93cf41512a0735c8f4dd09b8a1211cd0"
-  integrity sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==
+ws@^8.18.0, ws@^8.18.1:
+  version "8.18.1"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.18.1.tgz#ea131d3784e1dfdff91adb0a4a116b127515e3cb"
+  integrity sha512-RKW2aJZMXeMxVpnZ6bck+RswznaxmzdULiBr6KY7XkTnW8uvt0iT9H5DkHUChXrc+uurzwa0rVI16n/Xzjdz1w==
 
 xml-name-validator@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz#79a006e2e63149a8600f15430f0a4725d1524835"
   integrity sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==
 
+xml-name-validator@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-5.0.0.tgz#82be9b957f7afdacf961e5980f1bf227c0bf7673"
+  integrity sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==
+
 xmlchars@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
   integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
 
-xtend@^4.0.0, xtend@~4.0.1:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
-  integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
-
-xxhashjs@~0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/xxhashjs/-/xxhashjs-0.2.2.tgz#8a6251567621a1c46a5ae204da0249c7f8caa9d8"
-  integrity sha512-AkTuIuVTET12tpsVIQo+ZU6f/qDmKuRUcjaqR+OIvm+aCBsZ95i7UVY5WJ9TMsSaZ0DA2WxoZ4acu0sPH+OKAw==
-  dependencies:
-    cuint "^0.2.2"
-
-y18n@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.3.tgz#b5f259c82cd6e336921efd7bfd8bf560de9eeedf"
-  integrity sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==
-
-yallist@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
-  integrity sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==
+y18n@^5.0.5:
+  version "5.0.8"
+  resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
+  integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
 
 yallist@^3.0.2:
   version "3.1.1"
@@ -12344,15 +12458,46 @@ yallist@^4.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
-yaml@^1.10.0, yaml@^1.10.2, yaml@^1.7.2:
-  version "1.10.2"
-  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
-  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+yallist@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-5.0.0.tgz#00e2de443639ed0d78fd87de0d27469fbcffb533"
+  integrity sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==
 
-yaml@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.2.1.tgz#3014bf0482dcd15147aa8e56109ce8632cd60ce4"
-  integrity sha512-e0WHiYql7+9wr4cWMx3TVQrNwejKaEe7/rHNmQmqRjazfOP5W8PB6Jpebb5o6fIapbz9o9+2ipcaTM2ZwDI6lw==
+yaml-ast-parser@0.0.43:
+  version "0.0.43"
+  resolved "https://registry.yarnpkg.com/yaml-ast-parser/-/yaml-ast-parser-0.0.43.tgz#e8a23e6fb4c38076ab92995c5dca33f3d3d7c9bb"
+  integrity sha512-2PTINUwsRqSd+s8XxKaJWQlUuEMHJQyEuh2edBbW8KNJz0SJPwUSD2zRWqezFEdN7IzAgeuYHFUCF7o8zRdZ0A==
+
+yaml-eslint-parser@^1.2.2:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/yaml-eslint-parser/-/yaml-eslint-parser-1.3.0.tgz#975dd11f8349e18c15c88b0e41a6d0b0377969cd"
+  integrity sha512-E/+VitOorXSLiAqtTd7Yqax0/pAS3xaYMP+AUUJGOK1OZG3rhcj9fcJOM5HJ2VrP1FrStVCWr1muTfQCdj4tAA==
+  dependencies:
+    eslint-visitor-keys "^3.0.0"
+    yaml "^2.0.0"
+
+yaml@^2.0.0, yaml@^2.6.1, yaml@^2.7.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.7.0.tgz#aef9bb617a64c937a9a748803786ad8d3ffe1e98"
+  integrity sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==
+
+yargs-parser@^21.1.1:
+  version "21.1.1"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"
+  integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
+
+yargs@^17.5.1:
+  version "17.7.2"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.2.tgz#991df39aca675a192b816e1e0363f9d75d2aa269"
+  integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==
+  dependencies:
+    cliui "^8.0.1"
+    escalade "^3.1.1"
+    get-caller-file "^2.0.5"
+    require-directory "^2.1.1"
+    string-width "^4.2.3"
+    y18n "^5.0.5"
+    yargs-parser "^21.1.1"
 
 yocto-queue@^0.1.0:
   version "0.1.0"
@@ -12360,6 +12505,48 @@ yocto-queue@^0.1.0:
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
 
 yocto-queue@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-1.0.0.tgz#7f816433fb2cbc511ec8bf7d263c3b58a1a3c251"
-  integrity sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-1.2.0.tgz#4a29a93e7591328fa31768701e6ea66962401f79"
+  integrity sha512-KHBC7z61OJeaMGnF3wqNZj+GGNXOyypZviiKpQeiHirG5Ib1ImwcLBH70rbMSkKfSmUNBsdf2PwaEJtKvgmkNw==
+
+yoctocolors@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/yoctocolors/-/yoctocolors-2.1.1.tgz#e0167474e9fbb9e8b3ecca738deaa61dd12e56fc"
+  integrity sha512-GQHQqAopRhwU8Kt1DDM8NjibDXHC8eoh1erhGAJPEyveY9qqVeXvVikNKrDz69sHowPMorbPUrH/mx8c50eiBQ==
+
+youch-core@^0.3.1, youch-core@^0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/youch-core/-/youch-core-0.3.2.tgz#b8d473857cceb06f9ef5a9fd6c1038c80f132570"
+  integrity sha512-fusrlIMLeRvTFYLUjJ9KzlGC3N+6MOPJ68HNj/yJv2nz7zq8t4HEviLms2gkdRPUS7F5rZ5n+pYx9r88m6IE1g==
+  dependencies:
+    "@poppinss/exception" "^1.2.0"
+    error-stack-parser-es "^1.0.5"
+
+youch@^4.1.0-beta.6:
+  version "4.1.0-beta.6"
+  resolved "https://registry.yarnpkg.com/youch/-/youch-4.1.0-beta.6.tgz#cdac0d912244c79a9f6c6e156e0caaba9904c958"
+  integrity sha512-y1aNsEeoLXnWb6pI9TvfNPIxySyo4Un3OGxKn7rsNj8+tgSquzXEWkzfA5y6gU0fvzmQgvx3JBn/p51qQ8Xg9A==
+  dependencies:
+    "@poppinss/dumper" "^0.6.3"
+    "@speed-highlight/core" "^1.2.7"
+    cookie "^1.0.2"
+    youch-core "^0.3.1"
+
+zimmerframe@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/zimmerframe/-/zimmerframe-1.1.2.tgz#5b75f1fa83b07ae2a428d51e50f58e2ae6855e5e"
+  integrity sha512-rAbqEGa8ovJy4pyBxZM70hg4pE6gDgaQ0Sl9M3enG3I0d6H4XSAM3GeNGLKnsBpuijUow064sf7ww1nutC5/3w==
+
+zip-stream@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/zip-stream/-/zip-stream-6.0.1.tgz#e141b930ed60ccaf5d7fa9c8260e0d1748a2bbfb"
+  integrity sha512-zK7YHHz4ZXpW89AHXUPbQVGKI7uvkd3hzusTdotCg1UxyaVtg0zFJSTfW/Dq5f7OBBVnq6cZIaC8Ti4hb6dtCA==
+  dependencies:
+    archiver-utils "^5.0.0"
+    compress-commons "^6.0.2"
+    readable-stream "^4.0.0"
+
+zwitch@^2.0.0, zwitch@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/zwitch/-/zwitch-2.0.4.tgz#c827d4b0acb76fc3e685a4c6ec2902d51070e9d7"
+  integrity sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==
diff --git a/tests/e2e/login.spec.ts b/tests/e2e/login.spec.ts
index be2831e67..88d31c0eb 100644
--- a/tests/e2e/login.spec.ts
+++ b/tests/e2e/login.spec.ts
@@ -5,11 +5,9 @@ test('password login', async ({ page }) => {
     const password = "MyPassword"
     const name = "Change Me"
 
-    await page.goto('http://localhost:9000/login');
-    await page.getByLabel('Email or Username').click();
-    await page.getByLabel('Email or Username').fill(username);
-    await page.locator('div').filter({ hasText: /^Password$/ }).nth(3).click();
-    await page.getByLabel('Password').fill(password);
+    await page.goto('/login');
+    await page.getByLabel('Email or Username', { exact: true }).fill(username);
+    await page.getByLabel('Password', { exact: true }).fill(password);
     await page.getByRole('button', { name: 'Login', exact: true }).click();
     // skip admin setup page
     await page.getByRole('link', { name: "I'm already set up, just bring me to the homepage" }).click();
@@ -21,12 +19,11 @@ test('ldap login', async ({ page }) => {
     const password = "bender"
     const name = "Bender Bending Rodríguez"
 
-    await page.goto('http://localhost:9000/login');
-    await page.getByLabel('Email or Username').click();
-    await page.getByLabel('Email or Username').fill(username);
-    await page.locator('div').filter({ hasText: /^Password$/ }).nth(3).click();
-    await page.getByLabel('Password').fill(password);
+    await page.goto('/login');
+    await page.getByLabel('Email or Username', { exact: true }).fill(username);
+    await page.getByLabel('Password', { exact: true }).fill(password);
     await page.getByRole('button', { name: 'Login', exact: true }).click();
+    await expect(page).toHaveURL(/\/g\/home/);
     await expect(page.getByRole('navigation')).toContainText(name);
     await expect(page.getByRole('link', { name: 'Settings' })).not.toBeVisible();
 });
@@ -36,11 +33,9 @@ test('ldap admin login', async ({ page }) => {
     const password = "professor"
     const name = "Hubert J. Farnsworth"
 
-    await page.goto('http://localhost:9000/login');
-    await page.getByLabel('Email or Username').click();
-    await page.getByLabel('Email or Username').fill(username);
-    await page.locator('div').filter({ hasText: /^Password$/ }).nth(3).click();
-    await page.getByLabel('Password').fill(password);
+    await page.goto('/login');
+    await page.getByLabel('Email or Username', { exact: true }).fill(username);
+    await page.getByLabel('Password', { exact: true }).fill(password);
     await page.getByRole('button', { name: 'Login', exact: true }).click();
     // skip admin setup page
     await page.getByRole('link', { name: "I'm already set up, just bring me to the homepage" }).click();
@@ -59,11 +54,12 @@ test('oidc initial login', async ({ page }) => {
         "groups": ["user"]
     }
 
-    await page.goto('http://localhost:9000/login');
+    await page.goto('/login');
     await page.getByRole('button', { name: 'Login with OAuth' }).click();
     await page.getByPlaceholder('Enter any user/subject').fill(username);
     await page.getByPlaceholder('Optional claims JSON value,').fill(JSON.stringify(claims));
     await page.getByRole('button', { name: 'Sign-in' }).click();
+    await expect(page).toHaveURL(/\/g\/home/);
     await expect(page.getByRole('navigation')).toContainText(name);
     await expect(page.getByRole('link', { name: 'Settings' })).not.toBeVisible();
 });
@@ -79,12 +75,12 @@ test('oidc login with user not in propery group', async ({ page }) => {
         "groups": []
     }
 
-    await page.goto('http://localhost:9000/login');
+    await page.goto('/login');
     await page.getByRole('button', { name: 'Login with OAuth' }).click();
     await page.getByPlaceholder('Enter any user/subject').fill(username);
     await page.getByPlaceholder('Optional claims JSON value,').fill(JSON.stringify(claims));
     await page.getByRole('button', { name: 'Sign-in' }).click();
-    await expect(page).toHaveURL(/.*\/login\/?\?direct=1/)
+    await expect(page).toHaveURL(/\/login\?direct=1/);
     await expect(page.getByRole('button', { name: 'Login with OAuth' })).toBeVisible()
 });
 
@@ -99,20 +95,21 @@ test('oidc sequential login', async ({ page }) => {
         "groups": ["user"]
     }
 
-    await page.goto('http://localhost:9000/login');
+    await page.goto('/login');
     await page.getByRole('button', { name: 'Login with OAuth' }).click();
     await page.getByPlaceholder('Enter any user/subject').fill(username);
     await page.getByPlaceholder('Optional claims JSON value,').fill(JSON.stringify(claims));
     await page.getByRole('button', { name: 'Sign-in' }).click();
+    await expect(page).toHaveURL(/\/g\/home/, { timeout: 15000 });
     await expect(page.getByRole('navigation')).toContainText(name);
     await page.getByRole('button', { name: 'Logout' }).click();
 
-    await page.goto('http://localhost:9000/login');
+    await expect(page).toHaveURL(/\/login\?direct=1/);
     await page.getByRole('button', { name: 'Login with OAuth' }).click();
     await page.getByPlaceholder('Enter any user/subject').fill(username);
     await page.getByPlaceholder('Optional claims JSON value,').fill(JSON.stringify(claims));
     await page.getByRole('button', { name: 'Sign-in' }).click();
-    await expect(page.getByRole('navigation')).toContainText(name);
+    await expect(page.getByRole('navigation')).toContainText(name, { timeout: 15000 });
 });
 
 test('settings page verify oidc', async ({ page }) => {
@@ -126,7 +123,7 @@ test('settings page verify oidc', async ({ page }) => {
         "groups": ["user"]
     }
 
-    await page.goto('http://localhost:9000/login');
+    await page.goto('/login');
     await page.getByRole('button', { name: 'Login with OAuth' }).click();
     await page.getByPlaceholder('Enter any user/subject').fill(username);
     await page.getByPlaceholder('Optional claims JSON value,').fill(JSON.stringify(claims));
@@ -134,18 +131,20 @@ test('settings page verify oidc', async ({ page }) => {
     await expect(page.getByRole('navigation')).toContainText(name);
     await page.getByRole('button', { name: 'Logout' }).click();
 
-    await page.goto('http://localhost:9000/login');
+    await expect(page).toHaveURL(/\/login\?direct=1/);
     await page.getByLabel('Email or Username').click();
     await page.getByLabel('Email or Username').fill('changeme@example.com');
-    await page.getByLabel('Password').click();
-    await page.getByLabel('Password').fill('MyPassword');
+    await page.getByLabel('Password', { exact: true }).click();
+    await page.getByLabel('Password', { exact: true }).fill('MyPassword');
     await page.getByRole('button', { name: 'Login', exact: true }).click();
     // skip admin setup page
+    await expect(page).toHaveURL(/\/admin\/setup/, { timeout: 15000 });
     await page.getByRole('link', { name: "I'm already set up, just bring me to the homepage" }).click();
-    await page.getByRole('link', { name: 'Settings' }).click();
-    await page.getByRole('link', { name: 'Users' }).click();
+    await expect(page).toHaveURL(/\/g\/home/);
+    // validate user settings
+    await page.goto('/admin/manage/users');
     await page.getByRole('cell', { name: username, exact: true }).click();
-    await expect(page.getByText('Permissions Administrator')).toBeVisible();
+    await expect(page.getByText('Administrator')).toBeVisible();
 });
 
 test('oidc admin user', async ({ page }) => {
@@ -159,12 +158,13 @@ test('oidc admin user', async ({ page }) => {
         "groups": ["user", "admin"]
     }
 
-    await page.goto('http://localhost:9000/login');
+    await page.goto('/login');
     await page.getByRole('button', { name: 'Login with OAuth' }).click();
     await page.getByPlaceholder('Enter any user/subject').fill(username);
     await page.getByPlaceholder('Optional claims JSON value,').fill(JSON.stringify(claims));
     await page.getByRole('button', { name: 'Sign-in' }).click();
     // skip admin setup page
+    await expect(page).toHaveURL(/\/admin\/setup/, { timeout: 15000 });
     await page.getByRole('link', { name: "I'm already set up, just bring me to the homepage" }).click();
     await expect(page.getByRole('navigation')).toContainText(name);
     await expect(page.getByRole('link', { name: 'Settings' })).toBeVisible();
diff --git a/tests/e2e/playwright.config.ts b/tests/e2e/playwright.config.ts
index 1580891b9..38e7f74a3 100644
--- a/tests/e2e/playwright.config.ts
+++ b/tests/e2e/playwright.config.ts
@@ -24,7 +24,7 @@ export default defineConfig({
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     /* Base URL to use in actions like `await page.goto('/')`. */
-    // baseURL: 'http://127.0.0.1:3000',
+    baseURL: 'http://localhost:9000',
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: 'on-first-retry',
diff --git a/tests/e2e/yarn.lock b/tests/e2e/yarn.lock
index 465de88af..6dc9e4f79 100644
--- a/tests/e2e/yarn.lock
+++ b/tests/e2e/yarn.lock
@@ -4,17 +4,17 @@
 
 "@playwright/test@^1.40.1":
   version "1.47.2"
-  resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.47.2.tgz#dbe7051336bfc5cc599954214f9111181dbc7475"
+  resolved "https://registry.npmjs.org/@playwright/test/-/test-1.47.2.tgz"
   integrity sha512-jTXRsoSPONAs8Za9QEQdyjFn+0ZQFjCiIztAIF6bi1HqhBzG9Ma7g1WotyiGqFSBRZjIEqMdT8RUlbk1QVhzCQ==
   dependencies:
     playwright "1.47.2"
 
-"@types/node@^20.10.4":
-  version "20.16.5"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.16.5.tgz#d43c7f973b32ffdf9aa7bd4f80e1072310fd7a53"
-  integrity sha512-VwYCweNo3ERajwy0IUlqqcyZ8/A7Zwa9ZP3MnENWcB11AejO+tLy3pu850goUW2FC/IJMdZUfKpX/yxL1gymCA==
+"@types/node@^22.13.10":
+  version "22.13.10"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-22.13.10.tgz#df9ea358c5ed991266becc3109dc2dc9125d77e4"
+  integrity sha512-I6LPUvlRH+O6VRUqYOcMudhaIdUVWfsjnZavnsraHvpBwaEyMN29ry+0UVJhImYL16xsscu0aske3yA+uPOWfw==
   dependencies:
-    undici-types "~6.19.2"
+    undici-types "~6.20.0"
 
 fsevents@2.3.2:
   version "2.3.2"
@@ -23,19 +23,19 @@ fsevents@2.3.2:
 
 playwright-core@1.47.2:
   version "1.47.2"
-  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.47.2.tgz#7858da9377fa32a08be46ba47d7523dbd9460a4e"
+  resolved "https://registry.npmjs.org/playwright-core/-/playwright-core-1.47.2.tgz"
   integrity sha512-3JvMfF+9LJfe16l7AbSmU555PaTl2tPyQsVInqm3id16pdDfvZ8TTZ/pyzmkbDrZTQefyzU7AIHlZqQnxpqHVQ==
 
 playwright@1.47.2:
   version "1.47.2"
-  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.47.2.tgz#155688aa06491ee21fb3e7555b748b525f86eb20"
+  resolved "https://registry.npmjs.org/playwright/-/playwright-1.47.2.tgz"
   integrity sha512-nx1cLMmQWqmA3UsnjaaokyoUpdVaaDhJhMoxX2qj3McpjnsqFHs516QAKYhqHAgOP+oCFTEOCOAaD1RgD/RQfA==
   dependencies:
     playwright-core "1.47.2"
   optionalDependencies:
     fsevents "2.3.2"
 
-undici-types@~6.19.2:
-  version "6.19.8"
-  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-6.19.8.tgz#35111c9d1437ab83a7cdc0abae2f26d88eda0a02"
-  integrity sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==
+undici-types@~6.20.0:
+  version "6.20.0"
+  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-6.20.0.tgz#8171bf22c1f588d1554d55bf204bc624af388433"
+  integrity sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==