diff --git a/cypress.config.js b/cypress.config.js
new file mode 100644
index 00000000..1748a081
--- /dev/null
+++ b/cypress.config.js
@@ -0,0 +1,65 @@
+const path = require('path')
+const vue = require('@vitejs/plugin-vue')
+const { defineConfig } = require('cypress')
+const codeCoverageTask = require('@cypress/code-coverage/task')
+const istanbul = require('vite-plugin-istanbul')
+
+module.exports = defineConfig({
+  video: false,
+  numTestsKeptInMemory: 5,
+  retries: {
+    runMode: 1,
+    openMode: 0,
+  },
+  e2e: {
+    // setupNodeEvents(on, config) {},
+  },
+  component: {
+    devServer: {
+      framework: 'vue',
+      bundler: 'vite',
+      viteConfig: {
+        logLevel: 'silent',
+        resolve: {
+          alias: {
+            '@': path.resolve(__dirname, 'src'),
+            '@module': path.resolve(__dirname, 'node_modules'),
+            vue: path.resolve(
+              __dirname,
+              'node_modules',
+              'vue',
+              'dist',
+              'vue.esm-bundler.js'
+            ),
+          },
+        },
+        plugins: [
+          vue(),
+          istanbul({
+            include: ['src/components', 'src/composables', 'src/utils'],
+            exclude: [
+              'node_modules',
+              '^src/**',
+              '**/*.test.js',
+              '**/*.stories.js',
+              '**/*.fixtures.js',
+            ],
+            cypress: true,
+            requireEnv: false,
+            extension: ['.js', '.vue'],
+          }),
+        ],
+        build: {
+          sourcemap: true,
+        },
+      },
+    },
+    setupNodeEvents(on, config) {
+      codeCoverageTask(on, config)
+
+      return config
+    },
+    port: 3030,
+    specPattern: 'src/components/**/*.test.js',
+  },
+})
diff --git a/cypress.json b/cypress.json
deleted file mode 100644
index 00cefdcc..00000000
--- a/cypress.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "video": false,
-  "numTestsKeptInMemory": 5,
-  "component": {
-    "componentFolder": "src/components",
-    "testFiles": "**/*.test.js",
-    "port": 3030
-  },
-  "retries": {
-    "runMode": 1,
-    "openMode": 0
-  }
-}
diff --git a/cypress/integration/init.test.js b/cypress/e2e/init.cy.js
similarity index 100%
rename from cypress/integration/init.test.js
rename to cypress/e2e/init.cy.js
diff --git a/cypress/plugins/index.js b/cypress/plugins/index.js
deleted file mode 100644
index 90881e49..00000000
--- a/cypress/plugins/index.js
+++ /dev/null
@@ -1,72 +0,0 @@
-const path = require('path')
-const { startDevServer } = require('@cypress/vite-dev-server')
-const codeCoverageTask = require('@cypress/code-coverage/task')
-const istanbul = require('vite-plugin-istanbul')
-
-/// <reference types="cypress" />
-// ***********************************************************
-// This example plugins/index.js can be used to load plugins
-//
-// You can change the location of this file or turn off loading
-// the plugins file with the 'pluginsFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/plugins-guide
-// ***********************************************************
-
-// This function is called when a project is opened or re-opened (e.g. due to
-// the project's config changing)
-
-/**
- * @type {Cypress.PluginConfig}
- */
-// eslint-disable-next-line no-unused-vars
-module.exports = (on, config) => {
-  // `on` is used to hook into various events Cypress emits
-  // `config` is the resolved Cypress config
-
-  on('dev-server:start', options => {
-    const viteConfig = {
-      logLevel: 'silent',
-      resolve: {
-        alias: {
-          '@': path.resolve(__dirname, '..', '..', 'src'),
-          '@module': path.resolve(__dirname, '..', '..', 'node_modules'),
-          vue: path.resolve(
-            __dirname,
-            '..',
-            '..',
-            'node_modules',
-            'vue',
-            'dist',
-            'vue.esm-bundler.js'
-          ),
-        },
-      },
-      plugins: [
-        istanbul({
-          include: ['src/components', 'src/composables', 'src/utils'],
-          exclude: [
-            'node_modules',
-            '^src/**',
-            '**/*.test.js',
-            '**/*.stories.js',
-            '**/*.fixtures.js',
-          ],
-          cypress: true,
-          requireEnv: false,
-          extension: ['.js', '.vue'],
-        }),
-      ],
-      build: {
-        sourcemap: true,
-      },
-    }
-
-    return startDevServer({ options, viteConfig })
-  })
-
-  codeCoverageTask(on, config)
-
-  return config
-}
diff --git a/cypress/support/component-index.html b/cypress/support/component-index.html
new file mode 100644
index 00000000..910611c2
--- /dev/null
+++ b/cypress/support/component-index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <title>Components App</title>
+  </head>
+  <body>
+    <div data-cy-root></div>
+  </body>
+</html>
diff --git a/cypress/support/component.js b/cypress/support/component.js
new file mode 100644
index 00000000..4ff1b990
--- /dev/null
+++ b/cypress/support/component.js
@@ -0,0 +1,34 @@
+// ***********************************************************
+// This example support/component.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import Cypress Real Event plugin.
+// https://github.com/dmtrKovalenko/cypress-real-events
+import 'cypress-real-events/support'
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+
+// Import Cypress code coverage plugin.
+import '@cypress/code-coverage/support'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')
+
+import { mount } from 'cypress/vue'
+
+Cypress.Commands.add('mount', mount)
+
+// Example use:
+// cy.mount(MyComponent)
diff --git a/cypress/support/index.js b/cypress/support/e2e.js
similarity index 100%
rename from cypress/support/index.js
rename to cypress/support/e2e.js
diff --git a/package-lock.json b/package-lock.json
index f09788a6..fff2a0ba 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -25,7 +25,7 @@
         "@commitlint/config-conventional": "^17.0.2",
         "@cypress/code-coverage": "^3.9.12",
         "@cypress/vite-dev-server": "^2.2.0",
-        "@cypress/vue": "^3.0.3",
+        "@cypress/vue": "^4.0.0",
         "@semantic-release/changelog": "^6.0.1",
         "@semantic-release/git": "^10.0.1",
         "@storybook/addon-actions": "^6.4.0",
@@ -36,11 +36,12 @@
         "@storybook/theming": "^6.4.0",
         "@storybook/vue3": "^6.4.0",
         "@uswds/uswds": "^3.6.1",
-        "@vitejs/plugin-vue": "^2.1.0",
+        "@vitejs/plugin-vue": "^4.0.0",
+        "agadoo": "^3.0.0",
         "babel-loader": "^8.2.3",
         "commitizen": "^4.2.4",
         "cross-env": "^7.0.3",
-        "cypress": "^9.3.1",
+        "cypress": "^13.6.1",
         "cypress-real-events": "^1.5.1",
         "cz-customizable": "^6.3.0",
         "eslint": "^8.1.0",
@@ -54,7 +55,7 @@
         "lint-staged": "^13.0.2",
         "prettier": "^2.4.1",
         "semantic-release": "^19.0.5",
-        "vite": "^2.6.4",
+        "vite": "^4.0.0",
         "vite-plugin-istanbul": "^2.5.1",
         "vue": "^3.2.33",
         "vue-loader": "^17.0.0",
@@ -2698,16 +2699,10 @@
         "node": ">=8"
       }
     },
-    "node_modules/@cypress/mount-utils": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@cypress/mount-utils/-/mount-utils-1.0.2.tgz",
-      "integrity": "sha512-Fn3fdTiyayHoy8Ol0RSu4MlBH2maQ2ZEXeEVKl/zHHXEQpld5HX3vdNLhK5YLij8cLynA4DxOT/nO9iEnIiOXw==",
-      "dev": true
-    },
     "node_modules/@cypress/request": {
-      "version": "2.88.12",
-      "resolved": "https://registry.npmjs.org/@cypress/request/-/request-2.88.12.tgz",
-      "integrity": "sha512-tOn+0mDZxASFM+cuAP9szGUGPI1HwWVSvdzm7V4cCsPdFTx6qMj29CwaQmRAMIEhORIUBFBsYROYJcveK4uOjA==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@cypress/request/-/request-3.0.1.tgz",
+      "integrity": "sha512-TWivJlJi8ZDx2wGOw1dbLuHJKUYX7bWySw377nlnGOW3hP9/MUKIsEdXT/YngWxVdgNCHRBmFlBipE+5/2ZZlQ==",
       "dev": true,
       "dependencies": {
         "aws-sign2": "~0.7.0",
@@ -2723,7 +2718,7 @@
         "json-stringify-safe": "~5.0.1",
         "mime-types": "~2.1.19",
         "performance-now": "^2.1.0",
-        "qs": "~6.10.3",
+        "qs": "6.10.4",
         "safe-buffer": "^5.1.2",
         "tough-cookie": "^4.1.3",
         "tunnel-agent": "^0.6.0",
@@ -2747,6 +2742,21 @@
         "node": ">= 0.12"
       }
     },
+    "node_modules/@cypress/request/node_modules/qs": {
+      "version": "6.10.4",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.4.tgz",
+      "integrity": "sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==",
+      "dev": true,
+      "dependencies": {
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/@cypress/vite-dev-server": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/@cypress/vite-dev-server/-/vite-dev-server-2.2.3.tgz",
@@ -2761,14 +2771,10 @@
       }
     },
     "node_modules/@cypress/vue": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@cypress/vue/-/vue-3.1.2.tgz",
-      "integrity": "sha512-CqIBupPW6EhXJ7lXE64MBKh3VfdShHnuC3HBV/euHBt9tsgSo7RZHBTZUsKc8aM745VzVnuNiax+JV4CplrtLQ==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@cypress/vue/-/vue-4.2.2.tgz",
+      "integrity": "sha512-M5u8w3OwEwvhYo43tBwduYn3hra5m5yIIAak8mFt+mt58yCmkW57q6mkNkZNZNtVei2eMHIcCfAWLoZmpqg4fg==",
       "dev": true,
-      "dependencies": {
-        "@cypress/mount-utils": "1.0.2",
-        "@vue/test-utils": "^2.0.0-rc.10"
-      },
       "engines": {
         "node": ">=8"
       },
@@ -2780,9 +2786,6 @@
       "peerDependenciesMeta": {
         "@cypress/webpack-dev-server": {
           "optional": true
-        },
-        "babel-loader": {
-          "optional": true
         }
       }
     },
@@ -2837,6 +2840,358 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
+      "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz",
+      "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz",
+      "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
+      "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz",
+      "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz",
+      "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz",
+      "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz",
+      "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz",
+      "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz",
+      "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz",
+      "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz",
+      "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz",
+      "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz",
+      "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz",
+      "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz",
+      "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz",
+      "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz",
+      "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz",
+      "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz",
+      "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz",
+      "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz",
+      "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
@@ -3258,9 +3613,9 @@
       }
     },
     "node_modules/@jridgewell/source-map": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.2.tgz",
-      "integrity": "sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==",
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
+      "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
       "dev": true,
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.0",
@@ -3268,9 +3623,9 @@
       }
     },
     "node_modules/@jridgewell/source-map/node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz",
-      "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==",
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
       "dev": true,
       "dependencies": {
         "@jridgewell/set-array": "^1.0.1",
@@ -3729,6 +4084,23 @@
         "node": ">=12"
       }
     },
+    "node_modules/@rollup/plugin-virtual": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-virtual/-/plugin-virtual-3.0.2.tgz",
+      "integrity": "sha512-10monEYsBp3scM4/ND4LNH5Rxvh3e/cVeL3jWTgZ2SrQ+BmUoQcopVQvnaMcOnykb1VkxUFuDAN+0FnpTFRy2A==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@rollup/pluginutils": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz",
@@ -6508,15 +6880,15 @@
       }
     },
     "node_modules/@vitejs/plugin-vue": {
-      "version": "2.3.4",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-2.3.4.tgz",
-      "integrity": "sha512-IfFNbtkbIm36O9KB8QodlwwYvTEsJb4Lll4c2IwB3VHc2gie2mSPtSzL0eYay7X2jd/2WX02FjSGTWR6OPr/zg==",
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.5.1.tgz",
+      "integrity": "sha512-DaUzYFr+2UGDG7VSSdShKa9sIWYBa1LL8KC0MNOf2H5LjcTPjob0x8LbkqXWmAtbANJCkpiQTj66UVcQkN2s3g==",
       "dev": true,
       "engines": {
-        "node": ">=12.0.0"
+        "node": "^14.18.0 || >=16.0.0"
       },
       "peerDependencies": {
-        "vite": "^2.5.10",
+        "vite": "^4.0.0 || ^5.0.0",
         "vue": "^3.2.25"
       }
     },
@@ -6692,15 +7064,6 @@
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.9.tgz",
       "integrity": "sha512-ZE0VTIR0LmYgeyhurPTpy4KzKsuDyQbMSdM49eKkMnT5X4VfFBLysMzjIZhLEFQYjjOVVfbvUDHckwjDFiO2eA=="
     },
-    "node_modules/@vue/test-utils": {
-      "version": "2.0.0-rc.21",
-      "resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.0.0-rc.21.tgz",
-      "integrity": "sha512-wIJR4e/jISBKVKfiod3DV32BlDsoD744WVCuCaGtaSKvhvTL9gI5vl2AYSy00V51YaM8dCOFi3zcpCON8G1WqA==",
-      "dev": true,
-      "peerDependencies": {
-        "vue": "^3.0.1"
-      }
-    },
     "node_modules/@vueuse/components": {
       "version": "9.13.0",
       "resolved": "https://registry.npmjs.org/@vueuse/components/-/components-9.13.0.tgz",
@@ -7144,6 +7507,32 @@
         "node": ">= 10.0.0"
       }
     },
+    "node_modules/agadoo": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/agadoo/-/agadoo-3.0.0.tgz",
+      "integrity": "sha512-gq+fjT3Ilrhb88Jf+vYMjdO/+3znYfa7vJ4IMLPFsBPUxglnr40Ed3yCLrW6IABdJAedB94b2BkqR6I04lh3dg==",
+      "dev": true,
+      "dependencies": {
+        "@rollup/plugin-virtual": "^3.0.1",
+        "acorn": "^8.8.1",
+        "rollup": "^3.5.0"
+      },
+      "bin": {
+        "agadoo": "cli.js"
+      }
+    },
+    "node_modules/agadoo/node_modules/acorn": {
+      "version": "8.11.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
+      "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/agent-base": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
@@ -7665,7 +8054,7 @@
     "node_modules/assert-plus": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
-      "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+      "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==",
       "dev": true,
       "engines": {
         "node": ">=0.8"
@@ -7793,16 +8182,16 @@
     "node_modules/aws-sign2": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
-      "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=",
+      "integrity": "sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==",
       "dev": true,
       "engines": {
         "node": "*"
       }
     },
     "node_modules/aws4": {
-      "version": "1.11.0",
-      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz",
-      "integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==",
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.12.0.tgz",
+      "integrity": "sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==",
       "dev": true
     },
     "node_modules/babel-core": {
@@ -8131,7 +8520,7 @@
     "node_modules/bcrypt-pbkdf": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
-      "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=",
+      "integrity": "sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==",
       "dev": true,
       "dependencies": {
         "tweetnacl": "^0.14.3"
@@ -8946,7 +9335,7 @@
     "node_modules/caseless": {
       "version": "0.12.0",
       "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
-      "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=",
+      "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==",
       "dev": true
     },
     "node_modules/ccount": {
@@ -10675,15 +11064,15 @@
       "dev": true
     },
     "node_modules/cypress": {
-      "version": "9.7.0",
-      "resolved": "https://registry.npmjs.org/cypress/-/cypress-9.7.0.tgz",
-      "integrity": "sha512-+1EE1nuuuwIt/N1KXRR2iWHU+OiIt7H28jJDyyI4tiUftId/DrXYEwoDa5+kH2pki1zxnA0r6HrUGHV5eLbF5Q==",
+      "version": "13.6.1",
+      "resolved": "https://registry.npmjs.org/cypress/-/cypress-13.6.1.tgz",
+      "integrity": "sha512-k1Wl5PQcA/4UoTffYKKaxA0FJKwg8yenYNYRzLt11CUR0Kln+h7Udne6mdU1cUIdXBDTVZWtmiUjzqGs7/pEpw==",
       "dev": true,
       "hasInstallScript": true,
       "dependencies": {
-        "@cypress/request": "^2.88.10",
+        "@cypress/request": "^3.0.0",
         "@cypress/xvfb": "^1.2.4",
-        "@types/node": "^14.14.31",
+        "@types/node": "^18.17.5",
         "@types/sinonjs__fake-timers": "8.1.1",
         "@types/sizzle": "^2.3.2",
         "arch": "^2.2.0",
@@ -10695,12 +11084,12 @@
         "check-more-types": "^2.24.0",
         "cli-cursor": "^3.1.0",
         "cli-table3": "~0.6.1",
-        "commander": "^5.1.0",
+        "commander": "^6.2.1",
         "common-tags": "^1.8.0",
         "dayjs": "^1.10.4",
-        "debug": "^4.3.2",
+        "debug": "^4.3.4",
         "enquirer": "^2.3.6",
-        "eventemitter2": "^6.4.3",
+        "eventemitter2": "6.4.7",
         "execa": "4.1.0",
         "executable": "^4.1.1",
         "extract-zip": "2.0.1",
@@ -10713,12 +11102,13 @@
         "listr2": "^3.8.3",
         "lodash": "^4.17.21",
         "log-symbols": "^4.0.0",
-        "minimist": "^1.2.6",
+        "minimist": "^1.2.8",
         "ospath": "^1.2.2",
         "pretty-bytes": "^5.6.0",
+        "process": "^0.11.10",
         "proxy-from-env": "1.0.0",
         "request-progress": "^3.0.0",
-        "semver": "^7.3.2",
+        "semver": "^7.5.3",
         "supports-color": "^8.1.1",
         "tmp": "~0.2.1",
         "untildify": "^4.0.0",
@@ -10728,7 +11118,7 @@
         "cypress": "bin/cypress"
       },
       "engines": {
-        "node": ">=12.0.0"
+        "node": "^16.0.0 || ^18.0.0 || >=20.0.0"
       }
     },
     "node_modules/cypress-real-events": {
@@ -10741,10 +11131,13 @@
       }
     },
     "node_modules/cypress/node_modules/@types/node": {
-      "version": "14.18.16",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-14.18.16.tgz",
-      "integrity": "sha512-X3bUMdK/VmvrWdoTkz+VCn6nwKwrKCFTHtqwBIaQJNx4RUIBBUFXM00bqPz/DsDd+Icjmzm6/tyYZzeGVqb6/Q==",
-      "dev": true
+      "version": "18.19.3",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.3.tgz",
+      "integrity": "sha512-k5fggr14DwAytoA/t8rPrIz++lXK7/DqckthCmoZOKNsEbJkId4Z//BqgApXBUGrGddrigYa1oqheo/7YmW4rg==",
+      "dev": true,
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
     },
     "node_modules/cypress/node_modules/ansi-styles": {
       "version": "4.3.0",
@@ -10789,15 +11182,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/cypress/node_modules/commander": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-5.1.0.tgz",
-      "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/cypress/node_modules/execa": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/execa/-/execa-4.1.0.tgz",
@@ -10869,6 +11253,15 @@
         "node": ">=8.12.0"
       }
     },
+    "node_modules/cypress/node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/cypress/node_modules/semver": {
       "version": "7.5.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
@@ -10949,7 +11342,7 @@
     "node_modules/dashdash": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
-      "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=",
+      "integrity": "sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==",
       "dev": true,
       "dependencies": {
         "assert-plus": "^1.0.0"
@@ -11786,7 +12179,7 @@
     "node_modules/ecc-jsbn": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
-      "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=",
+      "integrity": "sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==",
       "dev": true,
       "dependencies": {
         "jsbn": "~0.1.0",
@@ -12100,9 +12493,9 @@
       "dev": true
     },
     "node_modules/esbuild": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.14.38.tgz",
-      "integrity": "sha512-12fzJ0fsm7gVZX1YQ1InkOE5f9Tl7cgf6JPYXRJtPIoE0zkWAbHdPHVPPaLi9tYAcEBqheGzqLn/3RdTOyBfcA==",
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
+      "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
       "dev": true,
       "hasInstallScript": true,
       "bin": {
@@ -12112,346 +12505,28 @@
         "node": ">=12"
       },
       "optionalDependencies": {
-        "esbuild-android-64": "0.14.38",
-        "esbuild-android-arm64": "0.14.38",
-        "esbuild-darwin-64": "0.14.38",
-        "esbuild-darwin-arm64": "0.14.38",
-        "esbuild-freebsd-64": "0.14.38",
-        "esbuild-freebsd-arm64": "0.14.38",
-        "esbuild-linux-32": "0.14.38",
-        "esbuild-linux-64": "0.14.38",
-        "esbuild-linux-arm": "0.14.38",
-        "esbuild-linux-arm64": "0.14.38",
-        "esbuild-linux-mips64le": "0.14.38",
-        "esbuild-linux-ppc64le": "0.14.38",
-        "esbuild-linux-riscv64": "0.14.38",
-        "esbuild-linux-s390x": "0.14.38",
-        "esbuild-netbsd-64": "0.14.38",
-        "esbuild-openbsd-64": "0.14.38",
-        "esbuild-sunos-64": "0.14.38",
-        "esbuild-windows-32": "0.14.38",
-        "esbuild-windows-64": "0.14.38",
-        "esbuild-windows-arm64": "0.14.38"
-      }
-    },
-    "node_modules/esbuild-android-64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.14.38.tgz",
-      "integrity": "sha512-aRFxR3scRKkbmNuGAK+Gee3+yFxkTJO/cx83Dkyzo4CnQl/2zVSurtG6+G86EQIZ+w+VYngVyK7P3HyTBKu3nw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-android-arm64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.14.38.tgz",
-      "integrity": "sha512-L2NgQRWuHFI89IIZIlpAcINy9FvBk6xFVZ7xGdOwIm8VyhX1vNCEqUJO3DPSSy945Gzdg98cxtNt8Grv1CsyhA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-darwin-64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.14.38.tgz",
-      "integrity": "sha512-5JJvgXkX87Pd1Og0u/NJuO7TSqAikAcQQ74gyJ87bqWRVeouky84ICoV4sN6VV53aTW+NE87qLdGY4QA2S7KNA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-darwin-arm64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.38.tgz",
-      "integrity": "sha512-eqF+OejMI3mC5Dlo9Kdq/Ilbki9sQBw3QlHW3wjLmsLh+quNfHmGMp3Ly1eWm981iGBMdbtSS9+LRvR2T8B3eQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-freebsd-64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.38.tgz",
-      "integrity": "sha512-epnPbhZUt93xV5cgeY36ZxPXDsQeO55DppzsIgWM8vgiG/Rz+qYDLmh5ts3e+Ln1wA9dQ+nZmVHw+RjaW3I5Ig==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-freebsd-arm64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.38.tgz",
-      "integrity": "sha512-/9icXUYJWherhk+y5fjPI5yNUdFPtXHQlwP7/K/zg8t8lQdHVj20SqU9/udQmeUo5pDFHMYzcEFfJqgOVeKNNQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-linux-32": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.14.38.tgz",
-      "integrity": "sha512-QfgfeNHRFvr2XeHFzP8kOZVnal3QvST3A0cgq32ZrHjSMFTdgXhMhmWdKzRXP/PKcfv3e2OW9tT9PpcjNvaq6g==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-linux-64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.14.38.tgz",
-      "integrity": "sha512-uuZHNmqcs+Bj1qiW9k/HZU3FtIHmYiuxZ/6Aa+/KHb/pFKr7R3aVqvxlAudYI9Fw3St0VCPfv7QBpUITSmBR1Q==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-linux-arm": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.14.38.tgz",
-      "integrity": "sha512-FiFvQe8J3VKTDXG01JbvoVRXQ0x6UZwyrU4IaLBZeq39Bsbatd94Fuc3F1RGqPF5RbIWW7RvkVQjn79ejzysnA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-linux-arm64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.38.tgz",
-      "integrity": "sha512-HlMGZTEsBrXrivr64eZ/EO0NQM8H8DuSENRok9d+Jtvq8hOLzrxfsAT9U94K3KOGk2XgCmkaI2KD8hX7F97lvA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-linux-mips64le": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.38.tgz",
-      "integrity": "sha512-qd1dLf2v7QBiI5wwfil9j0HG/5YMFBAmMVmdeokbNAMbcg49p25t6IlJFXAeLzogv1AvgaXRXvgFNhScYEUXGQ==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-linux-ppc64le": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.38.tgz",
-      "integrity": "sha512-mnbEm7o69gTl60jSuK+nn+pRsRHGtDPfzhrqEUXyCl7CTOCLtWN2bhK8bgsdp6J/2NyS/wHBjs1x8aBWwP2X9Q==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-linux-riscv64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.38.tgz",
-      "integrity": "sha512-+p6YKYbuV72uikChRk14FSyNJZ4WfYkffj6Af0/Tw63/6TJX6TnIKE+6D3xtEc7DeDth1fjUOEqm+ApKFXbbVQ==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-linux-s390x": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.38.tgz",
-      "integrity": "sha512-0zUsiDkGJiMHxBQ7JDU8jbaanUY975CdOW1YDrurjrM0vWHfjv9tLQsW9GSyEb/heSK1L5gaweRjzfUVBFoybQ==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-netbsd-64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.38.tgz",
-      "integrity": "sha512-cljBAApVwkpnJZfnRVThpRBGzCi+a+V9Ofb1fVkKhtrPLDYlHLrSYGtmnoTVWDQdU516qYI8+wOgcGZ4XIZh0Q==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-openbsd-64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.38.tgz",
-      "integrity": "sha512-CDswYr2PWPGEPpLDUO50mL3WO/07EMjnZDNKpmaxUPsrW+kVM3LoAqr/CE8UbzugpEiflYqJsGPLirThRB18IQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-sunos-64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.14.38.tgz",
-      "integrity": "sha512-2mfIoYW58gKcC3bck0j7lD3RZkqYA7MmujFYmSn9l6TiIcAMpuEvqksO+ntBgbLep/eyjpgdplF7b+4T9VJGOA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-windows-32": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.14.38.tgz",
-      "integrity": "sha512-L2BmEeFZATAvU+FJzJiRLFUP+d9RHN+QXpgaOrs2klshoAm1AE6Us4X6fS9k33Uy5SzScn2TpcgecbqJza1Hjw==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-windows-64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.14.38.tgz",
-      "integrity": "sha512-Khy4wVmebnzue8aeSXLC+6clo/hRYeNIm0DyikoEqX+3w3rcvrhzpoix0S+MF9vzh6JFskkIGD7Zx47ODJNyCw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/esbuild-windows-arm64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.38.tgz",
-      "integrity": "sha512-k3FGCNmHBkqdJXuJszdWciAH77PukEyDsdIryEHn9cKLQFxzhT39dSumeTuggaQcXY57UlmLGIkklWZo2qzHpw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
+        "@esbuild/android-arm": "0.18.20",
+        "@esbuild/android-arm64": "0.18.20",
+        "@esbuild/android-x64": "0.18.20",
+        "@esbuild/darwin-arm64": "0.18.20",
+        "@esbuild/darwin-x64": "0.18.20",
+        "@esbuild/freebsd-arm64": "0.18.20",
+        "@esbuild/freebsd-x64": "0.18.20",
+        "@esbuild/linux-arm": "0.18.20",
+        "@esbuild/linux-arm64": "0.18.20",
+        "@esbuild/linux-ia32": "0.18.20",
+        "@esbuild/linux-loong64": "0.18.20",
+        "@esbuild/linux-mips64el": "0.18.20",
+        "@esbuild/linux-ppc64": "0.18.20",
+        "@esbuild/linux-riscv64": "0.18.20",
+        "@esbuild/linux-s390x": "0.18.20",
+        "@esbuild/linux-x64": "0.18.20",
+        "@esbuild/netbsd-x64": "0.18.20",
+        "@esbuild/openbsd-x64": "0.18.20",
+        "@esbuild/sunos-x64": "0.18.20",
+        "@esbuild/win32-arm64": "0.18.20",
+        "@esbuild/win32-ia32": "0.18.20",
+        "@esbuild/win32-x64": "0.18.20"
       }
     },
     "node_modules/escalade": {
@@ -12963,9 +13038,9 @@
       }
     },
     "node_modules/eventemitter2": {
-      "version": "6.4.5",
-      "resolved": "https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.5.tgz",
-      "integrity": "sha512-bXE7Dyc1i6oQElDG0jMRZJrRAn9QR2xyyFGmBdZleNmyQX0FqGYmhZIrIrpPfm/w//LTo4tVQGOGQcGCb5q9uw==",
+      "version": "6.4.7",
+      "resolved": "https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.7.tgz",
+      "integrity": "sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg==",
       "dev": true
     },
     "node_modules/eventemitter3": {
@@ -13366,7 +13441,7 @@
     "node_modules/extsprintf": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
-      "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=",
+      "integrity": "sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==",
       "dev": true,
       "engines": [
         "node >=0.6.0"
@@ -13901,7 +13976,7 @@
     "node_modules/forever-agent": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
-      "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=",
+      "integrity": "sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==",
       "dev": true,
       "engines": {
         "node": "*"
@@ -14213,10 +14288,13 @@
       }
     },
     "node_modules/function-bind": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-      "dev": true
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
     },
     "node_modules/function.prototype.name": {
       "version": "1.1.5",
@@ -14393,7 +14471,7 @@
     "node_modules/getpass": {
       "version": "0.1.7",
       "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
-      "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=",
+      "integrity": "sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==",
       "dev": true,
       "dependencies": {
         "assert-plus": "^1.0.0"
@@ -14941,6 +15019,18 @@
         "node": ">=8"
       }
     },
+    "node_modules/hasown": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
+      "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/hast-to-hyperscript": {
       "version": "9.0.1",
       "resolved": "https://registry.npmjs.org/hast-to-hyperscript/-/hast-to-hyperscript-9.0.1.tgz",
@@ -15150,6 +15240,29 @@
         "node": ">= 6"
       }
     },
+    "node_modules/html-minifier-terser/node_modules/terser": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-4.8.1.tgz",
+      "integrity": "sha512-4GnLC0x667eJG0ewJTa6z/yXrbLGv80D9Ru6HIpCQmO+Q4PfEtBFi0ObSckqwL6VyQv/7ENJieXHo2ANmdQwgw==",
+      "dev": true,
+      "dependencies": {
+        "commander": "^2.20.0",
+        "source-map": "~0.6.1",
+        "source-map-support": "~0.5.12"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/html-minifier-terser/node_modules/terser/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true
+    },
     "node_modules/html-void-elements": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-1.0.5.tgz",
@@ -16085,12 +16198,12 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.9.0.tgz",
-      "integrity": "sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==",
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
+      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
       "dev": true,
       "dependencies": {
-        "has": "^1.0.3"
+        "hasown": "^2.0.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -16646,7 +16759,7 @@
     "node_modules/isstream": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
-      "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=",
+      "integrity": "sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==",
       "dev": true
     },
     "node_modules/issue-parser": {
@@ -17140,7 +17253,7 @@
     "node_modules/jsbn": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
-      "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=",
+      "integrity": "sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==",
       "dev": true
     },
     "node_modules/jscodeshift": {
@@ -19270,9 +19383,9 @@
       "optional": true
     },
     "node_modules/nanoid": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
-      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
       "funding": [
         {
           "type": "github",
@@ -23244,7 +23357,7 @@
     "node_modules/performance-now": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
-      "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
+      "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==",
       "dev": true
     },
     "node_modules/picocolors": {
@@ -25006,12 +25119,12 @@
       "dev": true
     },
     "node_modules/resolve": {
-      "version": "1.22.0",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.0.tgz",
-      "integrity": "sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==",
+      "version": "1.22.8",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
       "dev": true,
       "dependencies": {
-        "is-core-module": "^2.8.1",
+        "is-core-module": "^2.13.0",
         "path-parse": "^1.0.7",
         "supports-preserve-symlinks-flag": "^1.0.0"
       },
@@ -25160,15 +25273,16 @@
       }
     },
     "node_modules/rollup": {
-      "version": "2.70.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.70.2.tgz",
-      "integrity": "sha512-EitogNZnfku65I1DD5Mxe8JYRUCy0hkK5X84IlDtUs+O6JRMpRciXTzyCUuX11b5L5pvjH+OmFXiQ3XjabcXgg==",
+      "version": "3.29.4",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz",
+      "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
       },
       "engines": {
-        "node": ">=10.0.0"
+        "node": ">=14.18.0",
+        "npm": ">=8.0.0"
       },
       "optionalDependencies": {
         "fsevents": "~2.3.2"
@@ -26437,9 +26551,9 @@
       "dev": true
     },
     "node_modules/sshpk": {
-      "version": "1.17.0",
-      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.17.0.tgz",
-      "integrity": "sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==",
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.18.0.tgz",
+      "integrity": "sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==",
       "dev": true,
       "dependencies": {
         "asn1": "~0.2.3",
@@ -27329,20 +27443,21 @@
       }
     },
     "node_modules/terser": {
-      "version": "4.8.1",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-4.8.1.tgz",
-      "integrity": "sha512-4GnLC0x667eJG0ewJTa6z/yXrbLGv80D9Ru6HIpCQmO+Q4PfEtBFi0ObSckqwL6VyQv/7ENJieXHo2ANmdQwgw==",
+      "version": "5.25.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.25.0.tgz",
+      "integrity": "sha512-we0I9SIsfvNUMP77zC9HG+MylwYYsGFSBG8qm+13oud2Yh+O104y614FRbyjpxys16jZwot72Fpi827YvGzuqg==",
       "dev": true,
       "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.8.2",
         "commander": "^2.20.0",
-        "source-map": "~0.6.1",
-        "source-map-support": "~0.5.12"
+        "source-map-support": "~0.5.20"
       },
       "bin": {
         "terser": "bin/terser"
       },
       "engines": {
-        "node": ">=6.0.0"
+        "node": ">=10"
       }
     },
     "node_modules/terser-webpack-plugin": {
@@ -27372,24 +27487,6 @@
         "webpack": "^4.0.0 || ^5.0.0"
       }
     },
-    "node_modules/terser-webpack-plugin/node_modules/acorn": {
-      "version": "8.8.2",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
-      "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
-      "dev": true,
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/terser-webpack-plugin/node_modules/commander": {
-      "version": "2.20.3",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "dev": true
-    },
     "node_modules/terser-webpack-plugin/node_modules/find-cache-dir": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
@@ -27504,22 +27601,16 @@
         "url": "https://opencollective.com/webpack"
       }
     },
-    "node_modules/terser-webpack-plugin/node_modules/terser": {
-      "version": "5.16.2",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.16.2.tgz",
-      "integrity": "sha512-JKuM+KvvWVqT7muHVyrwv7FVRPnmHDwF6XwoIxdbF5Witi0vu99RYpxDexpJndXt3jbZZmmWr2/mQa6HvSNdSg==",
+    "node_modules/terser/node_modules/acorn": {
+      "version": "8.11.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
+      "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
       "dev": true,
-      "dependencies": {
-        "@jridgewell/source-map": "^0.3.2",
-        "acorn": "^8.5.0",
-        "commander": "^2.20.0",
-        "source-map-support": "~0.5.20"
-      },
       "bin": {
-        "terser": "bin/terser"
+        "acorn": "bin/acorn"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=0.4.0"
       }
     },
     "node_modules/terser/node_modules/commander": {
@@ -27725,9 +27816,9 @@
       }
     },
     "node_modules/tough-cookie/node_modules/punycode": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
-      "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
       "dev": true,
       "engines": {
         "node": ">=6"
@@ -27994,7 +28085,7 @@
     "node_modules/tunnel-agent": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
-      "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
+      "integrity": "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==",
       "dev": true,
       "dependencies": {
         "safe-buffer": "^5.0.1"
@@ -28006,7 +28097,7 @@
     "node_modules/tweetnacl": {
       "version": "0.14.5",
       "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
-      "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=",
+      "integrity": "sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==",
       "dev": true
     },
     "node_modules/type-check": {
@@ -28116,6 +28207,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "dev": true
+    },
     "node_modules/unfetch": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/unfetch/-/unfetch-4.2.0.tgz",
@@ -28759,7 +28856,7 @@
     "node_modules/verror": {
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
-      "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=",
+      "integrity": "sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==",
       "dev": true,
       "engines": [
         "node >=0.6.0"
@@ -28773,7 +28870,7 @@
     "node_modules/verror/node_modules/core-util-is": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
-      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
+      "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==",
       "dev": true
     },
     "node_modules/vfile": {
@@ -28840,39 +28937,57 @@
       }
     },
     "node_modules/vite": {
-      "version": "2.9.16",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-2.9.16.tgz",
-      "integrity": "sha512-X+6q8KPyeuBvTQV8AVSnKDvXoBMnTx8zxh54sOwmmuOdxkjMmEJXH2UEchA+vTMps1xw9vL64uwJOWryULg7nA==",
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.1.tgz",
+      "integrity": "sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==",
       "dev": true,
       "dependencies": {
-        "esbuild": "^0.14.27",
-        "postcss": "^8.4.13",
-        "resolve": "^1.22.0",
-        "rollup": ">=2.59.0 <2.78.0"
+        "esbuild": "^0.18.10",
+        "postcss": "^8.4.27",
+        "rollup": "^3.27.1"
       },
       "bin": {
         "vite": "bin/vite.js"
       },
       "engines": {
-        "node": ">=12.2.0"
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
       },
       "optionalDependencies": {
         "fsevents": "~2.3.2"
       },
       "peerDependencies": {
+        "@types/node": ">= 14",
         "less": "*",
+        "lightningcss": "^1.21.0",
         "sass": "*",
-        "stylus": "*"
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
       },
       "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
         "less": {
           "optional": true
         },
+        "lightningcss": {
+          "optional": true
+        },
         "sass": {
           "optional": true
         },
         "stylus": {
           "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
         }
       }
     },
@@ -28901,9 +29016,9 @@
       "dev": true
     },
     "node_modules/vite/node_modules/postcss": {
-      "version": "8.4.13",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.13.tgz",
-      "integrity": "sha512-jtL6eTBrza5MPzy8oJLFuUscHDXTV5KcLlqAWHl5q5WYRfnNRGSmOZmOZ1T6Gy7A99mOZfqungmZMpMmCVJ8ZA==",
+      "version": "8.4.32",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.32.tgz",
+      "integrity": "sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==",
       "dev": true,
       "funding": [
         {
@@ -28913,10 +29028,14 @@
         {
           "type": "tidelift",
           "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
         }
       ],
       "dependencies": {
-        "nanoid": "^3.3.3",
+        "nanoid": "^3.3.7",
         "picocolors": "^1.0.0",
         "source-map-js": "^1.0.2"
       },
@@ -29754,6 +29873,12 @@
       "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
       "dev": true
     },
+    "node_modules/webpack/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true
+    },
     "node_modules/webpack/node_modules/eslint-scope": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-4.0.3.tgz",
@@ -29958,6 +30083,23 @@
         "figgy-pudding": "^3.5.1"
       }
     },
+    "node_modules/webpack/node_modules/terser": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-4.8.1.tgz",
+      "integrity": "sha512-4GnLC0x667eJG0ewJTa6z/yXrbLGv80D9Ru6HIpCQmO+Q4PfEtBFi0ObSckqwL6VyQv/7ENJieXHo2ANmdQwgw==",
+      "dev": true,
+      "dependencies": {
+        "commander": "^2.20.0",
+        "source-map": "~0.6.1",
+        "source-map-support": "~0.5.12"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/webpack/node_modules/terser-webpack-plugin": {
       "version": "1.4.5",
       "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.5.tgz",
@@ -32218,16 +32360,10 @@
         }
       }
     },
-    "@cypress/mount-utils": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@cypress/mount-utils/-/mount-utils-1.0.2.tgz",
-      "integrity": "sha512-Fn3fdTiyayHoy8Ol0RSu4MlBH2maQ2ZEXeEVKl/zHHXEQpld5HX3vdNLhK5YLij8cLynA4DxOT/nO9iEnIiOXw==",
-      "dev": true
-    },
     "@cypress/request": {
-      "version": "2.88.12",
-      "resolved": "https://registry.npmjs.org/@cypress/request/-/request-2.88.12.tgz",
-      "integrity": "sha512-tOn+0mDZxASFM+cuAP9szGUGPI1HwWVSvdzm7V4cCsPdFTx6qMj29CwaQmRAMIEhORIUBFBsYROYJcveK4uOjA==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@cypress/request/-/request-3.0.1.tgz",
+      "integrity": "sha512-TWivJlJi8ZDx2wGOw1dbLuHJKUYX7bWySw377nlnGOW3hP9/MUKIsEdXT/YngWxVdgNCHRBmFlBipE+5/2ZZlQ==",
       "dev": true,
       "requires": {
         "aws-sign2": "~0.7.0",
@@ -32243,7 +32379,7 @@
         "json-stringify-safe": "~5.0.1",
         "mime-types": "~2.1.19",
         "performance-now": "^2.1.0",
-        "qs": "~6.10.3",
+        "qs": "6.10.4",
         "safe-buffer": "^5.1.2",
         "tough-cookie": "^4.1.3",
         "tunnel-agent": "^0.6.0",
@@ -32260,6 +32396,15 @@
             "combined-stream": "^1.0.6",
             "mime-types": "^2.1.12"
           }
+        },
+        "qs": {
+          "version": "6.10.4",
+          "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.4.tgz",
+          "integrity": "sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==",
+          "dev": true,
+          "requires": {
+            "side-channel": "^1.0.4"
+          }
         }
       }
     },
@@ -32274,14 +32419,11 @@
       }
     },
     "@cypress/vue": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@cypress/vue/-/vue-3.1.2.tgz",
-      "integrity": "sha512-CqIBupPW6EhXJ7lXE64MBKh3VfdShHnuC3HBV/euHBt9tsgSo7RZHBTZUsKc8aM745VzVnuNiax+JV4CplrtLQ==",
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@cypress/vue/-/vue-4.2.2.tgz",
+      "integrity": "sha512-M5u8w3OwEwvhYo43tBwduYn3hra5m5yIIAak8mFt+mt58yCmkW57q6mkNkZNZNtVei2eMHIcCfAWLoZmpqg4fg==",
       "dev": true,
-      "requires": {
-        "@cypress/mount-utils": "1.0.2",
-        "@vue/test-utils": "^2.0.0-rc.10"
-      }
+      "requires": {}
     },
     "@cypress/webpack-preprocessor": {
       "version": "6.0.0",
@@ -32329,6 +32471,160 @@
       "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==",
       "dev": true
     },
+    "@esbuild/android-arm": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
+      "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/android-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz",
+      "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/android-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz",
+      "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/darwin-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
+      "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/darwin-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz",
+      "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/freebsd-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz",
+      "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/freebsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz",
+      "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-arm": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz",
+      "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz",
+      "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-ia32": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz",
+      "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-loong64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz",
+      "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-mips64el": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz",
+      "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-ppc64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz",
+      "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-riscv64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz",
+      "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-s390x": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz",
+      "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz",
+      "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/netbsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz",
+      "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/openbsd-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz",
+      "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/sunos-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz",
+      "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/win32-arm64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz",
+      "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/win32-ia32": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz",
+      "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/win32-x64": {
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz",
+      "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==",
+      "dev": true,
+      "optional": true
+    },
     "@eslint-community/eslint-utils": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
@@ -32645,9 +32941,9 @@
       "dev": true
     },
     "@jridgewell/source-map": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.2.tgz",
-      "integrity": "sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==",
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
+      "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
       "dev": true,
       "requires": {
         "@jridgewell/gen-mapping": "^0.3.0",
@@ -32655,9 +32951,9 @@
       },
       "dependencies": {
         "@jridgewell/gen-mapping": {
-          "version": "0.3.2",
-          "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz",
-          "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==",
+          "version": "0.3.3",
+          "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+          "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
           "dev": true,
           "requires": {
             "@jridgewell/set-array": "^1.0.1",
@@ -33019,6 +33315,13 @@
         "config-chain": "^1.1.11"
       }
     },
+    "@rollup/plugin-virtual": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-virtual/-/plugin-virtual-3.0.2.tgz",
+      "integrity": "sha512-10monEYsBp3scM4/ND4LNH5Rxvh3e/cVeL3jWTgZ2SrQ+BmUoQcopVQvnaMcOnykb1VkxUFuDAN+0FnpTFRy2A==",
+      "dev": true,
+      "requires": {}
+    },
     "@rollup/pluginutils": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz",
@@ -35024,9 +35327,9 @@
       }
     },
     "@vitejs/plugin-vue": {
-      "version": "2.3.4",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-2.3.4.tgz",
-      "integrity": "sha512-IfFNbtkbIm36O9KB8QodlwwYvTEsJb4Lll4c2IwB3VHc2gie2mSPtSzL0eYay7X2jd/2WX02FjSGTWR6OPr/zg==",
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.5.1.tgz",
+      "integrity": "sha512-DaUzYFr+2UGDG7VSSdShKa9sIWYBa1LL8KC0MNOf2H5LjcTPjob0x8LbkqXWmAtbANJCkpiQTj66UVcQkN2s3g==",
       "dev": true,
       "requires": {}
     },
@@ -35180,13 +35483,6 @@
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.9.tgz",
       "integrity": "sha512-ZE0VTIR0LmYgeyhurPTpy4KzKsuDyQbMSdM49eKkMnT5X4VfFBLysMzjIZhLEFQYjjOVVfbvUDHckwjDFiO2eA=="
     },
-    "@vue/test-utils": {
-      "version": "2.0.0-rc.21",
-      "resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.0.0-rc.21.tgz",
-      "integrity": "sha512-wIJR4e/jISBKVKfiod3DV32BlDsoD744WVCuCaGtaSKvhvTL9gI5vl2AYSy00V51YaM8dCOFi3zcpCON8G1WqA==",
-      "dev": true,
-      "requires": {}
-    },
     "@vueuse/components": {
       "version": "9.13.0",
       "resolved": "https://registry.npmjs.org/@vueuse/components/-/components-9.13.0.tgz",
@@ -35485,6 +35781,25 @@
       "integrity": "sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==",
       "dev": true
     },
+    "agadoo": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/agadoo/-/agadoo-3.0.0.tgz",
+      "integrity": "sha512-gq+fjT3Ilrhb88Jf+vYMjdO/+3znYfa7vJ4IMLPFsBPUxglnr40Ed3yCLrW6IABdJAedB94b2BkqR6I04lh3dg==",
+      "dev": true,
+      "requires": {
+        "@rollup/plugin-virtual": "^3.0.1",
+        "acorn": "^8.8.1",
+        "rollup": "^3.5.0"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "8.11.2",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
+          "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
+          "dev": true
+        }
+      }
+    },
     "agent-base": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
@@ -35911,7 +36226,7 @@
     "assert-plus": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
-      "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+      "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==",
       "dev": true
     },
     "assign-symbols": {
@@ -35990,13 +36305,13 @@
     "aws-sign2": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
-      "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=",
+      "integrity": "sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==",
       "dev": true
     },
     "aws4": {
-      "version": "1.11.0",
-      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz",
-      "integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==",
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.12.0.tgz",
+      "integrity": "sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==",
       "dev": true
     },
     "babel-core": {
@@ -36240,7 +36555,7 @@
     "bcrypt-pbkdf": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
-      "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=",
+      "integrity": "sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==",
       "dev": true,
       "requires": {
         "tweetnacl": "^0.14.3"
@@ -36878,7 +37193,7 @@
     "caseless": {
       "version": "0.12.0",
       "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
-      "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=",
+      "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==",
       "dev": true
     },
     "ccount": {
@@ -38252,14 +38567,14 @@
       "dev": true
     },
     "cypress": {
-      "version": "9.7.0",
-      "resolved": "https://registry.npmjs.org/cypress/-/cypress-9.7.0.tgz",
-      "integrity": "sha512-+1EE1nuuuwIt/N1KXRR2iWHU+OiIt7H28jJDyyI4tiUftId/DrXYEwoDa5+kH2pki1zxnA0r6HrUGHV5eLbF5Q==",
+      "version": "13.6.1",
+      "resolved": "https://registry.npmjs.org/cypress/-/cypress-13.6.1.tgz",
+      "integrity": "sha512-k1Wl5PQcA/4UoTffYKKaxA0FJKwg8yenYNYRzLt11CUR0Kln+h7Udne6mdU1cUIdXBDTVZWtmiUjzqGs7/pEpw==",
       "dev": true,
       "requires": {
-        "@cypress/request": "^2.88.10",
+        "@cypress/request": "^3.0.0",
         "@cypress/xvfb": "^1.2.4",
-        "@types/node": "^14.14.31",
+        "@types/node": "^18.17.5",
         "@types/sinonjs__fake-timers": "8.1.1",
         "@types/sizzle": "^2.3.2",
         "arch": "^2.2.0",
@@ -38271,12 +38586,12 @@
         "check-more-types": "^2.24.0",
         "cli-cursor": "^3.1.0",
         "cli-table3": "~0.6.1",
-        "commander": "^5.1.0",
+        "commander": "^6.2.1",
         "common-tags": "^1.8.0",
         "dayjs": "^1.10.4",
-        "debug": "^4.3.2",
+        "debug": "^4.3.4",
         "enquirer": "^2.3.6",
-        "eventemitter2": "^6.4.3",
+        "eventemitter2": "6.4.7",
         "execa": "4.1.0",
         "executable": "^4.1.1",
         "extract-zip": "2.0.1",
@@ -38289,12 +38604,13 @@
         "listr2": "^3.8.3",
         "lodash": "^4.17.21",
         "log-symbols": "^4.0.0",
-        "minimist": "^1.2.6",
+        "minimist": "^1.2.8",
         "ospath": "^1.2.2",
         "pretty-bytes": "^5.6.0",
+        "process": "^0.11.10",
         "proxy-from-env": "1.0.0",
         "request-progress": "^3.0.0",
-        "semver": "^7.3.2",
+        "semver": "^7.5.3",
         "supports-color": "^8.1.1",
         "tmp": "~0.2.1",
         "untildify": "^4.0.0",
@@ -38302,10 +38618,13 @@
       },
       "dependencies": {
         "@types/node": {
-          "version": "14.18.16",
-          "resolved": "https://registry.npmjs.org/@types/node/-/node-14.18.16.tgz",
-          "integrity": "sha512-X3bUMdK/VmvrWdoTkz+VCn6nwKwrKCFTHtqwBIaQJNx4RUIBBUFXM00bqPz/DsDd+Icjmzm6/tyYZzeGVqb6/Q==",
-          "dev": true
+          "version": "18.19.3",
+          "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.3.tgz",
+          "integrity": "sha512-k5fggr14DwAytoA/t8rPrIz++lXK7/DqckthCmoZOKNsEbJkId4Z//BqgApXBUGrGddrigYa1oqheo/7YmW4rg==",
+          "dev": true,
+          "requires": {
+            "undici-types": "~5.26.4"
+          }
         },
         "ansi-styles": {
           "version": "4.3.0",
@@ -38337,12 +38656,6 @@
             }
           }
         },
-        "commander": {
-          "version": "5.1.0",
-          "resolved": "https://registry.npmjs.org/commander/-/commander-5.1.0.tgz",
-          "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==",
-          "dev": true
-        },
         "execa": {
           "version": "4.1.0",
           "resolved": "https://registry.npmjs.org/execa/-/execa-4.1.0.tgz",
@@ -38393,6 +38706,12 @@
           "integrity": "sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==",
           "dev": true
         },
+        "minimist": {
+          "version": "1.2.8",
+          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+          "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+          "dev": true
+        },
         "semver": {
           "version": "7.5.4",
           "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
@@ -38458,7 +38777,7 @@
     "dashdash": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
-      "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=",
+      "integrity": "sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==",
       "dev": true,
       "requires": {
         "assert-plus": "^1.0.0"
@@ -39103,7 +39422,7 @@
     "ecc-jsbn": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
-      "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=",
+      "integrity": "sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==",
       "dev": true,
       "requires": {
         "jsbn": "~0.1.0",
@@ -39368,172 +39687,34 @@
       "dev": true
     },
     "esbuild": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.14.38.tgz",
-      "integrity": "sha512-12fzJ0fsm7gVZX1YQ1InkOE5f9Tl7cgf6JPYXRJtPIoE0zkWAbHdPHVPPaLi9tYAcEBqheGzqLn/3RdTOyBfcA==",
-      "dev": true,
-      "requires": {
-        "esbuild-android-64": "0.14.38",
-        "esbuild-android-arm64": "0.14.38",
-        "esbuild-darwin-64": "0.14.38",
-        "esbuild-darwin-arm64": "0.14.38",
-        "esbuild-freebsd-64": "0.14.38",
-        "esbuild-freebsd-arm64": "0.14.38",
-        "esbuild-linux-32": "0.14.38",
-        "esbuild-linux-64": "0.14.38",
-        "esbuild-linux-arm": "0.14.38",
-        "esbuild-linux-arm64": "0.14.38",
-        "esbuild-linux-mips64le": "0.14.38",
-        "esbuild-linux-ppc64le": "0.14.38",
-        "esbuild-linux-riscv64": "0.14.38",
-        "esbuild-linux-s390x": "0.14.38",
-        "esbuild-netbsd-64": "0.14.38",
-        "esbuild-openbsd-64": "0.14.38",
-        "esbuild-sunos-64": "0.14.38",
-        "esbuild-windows-32": "0.14.38",
-        "esbuild-windows-64": "0.14.38",
-        "esbuild-windows-arm64": "0.14.38"
-      }
-    },
-    "esbuild-android-64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.14.38.tgz",
-      "integrity": "sha512-aRFxR3scRKkbmNuGAK+Gee3+yFxkTJO/cx83Dkyzo4CnQl/2zVSurtG6+G86EQIZ+w+VYngVyK7P3HyTBKu3nw==",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-android-arm64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.14.38.tgz",
-      "integrity": "sha512-L2NgQRWuHFI89IIZIlpAcINy9FvBk6xFVZ7xGdOwIm8VyhX1vNCEqUJO3DPSSy945Gzdg98cxtNt8Grv1CsyhA==",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-darwin-64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.14.38.tgz",
-      "integrity": "sha512-5JJvgXkX87Pd1Og0u/NJuO7TSqAikAcQQ74gyJ87bqWRVeouky84ICoV4sN6VV53aTW+NE87qLdGY4QA2S7KNA==",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-darwin-arm64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.38.tgz",
-      "integrity": "sha512-eqF+OejMI3mC5Dlo9Kdq/Ilbki9sQBw3QlHW3wjLmsLh+quNfHmGMp3Ly1eWm981iGBMdbtSS9+LRvR2T8B3eQ==",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-freebsd-64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.38.tgz",
-      "integrity": "sha512-epnPbhZUt93xV5cgeY36ZxPXDsQeO55DppzsIgWM8vgiG/Rz+qYDLmh5ts3e+Ln1wA9dQ+nZmVHw+RjaW3I5Ig==",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-freebsd-arm64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.38.tgz",
-      "integrity": "sha512-/9icXUYJWherhk+y5fjPI5yNUdFPtXHQlwP7/K/zg8t8lQdHVj20SqU9/udQmeUo5pDFHMYzcEFfJqgOVeKNNQ==",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-linux-32": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.14.38.tgz",
-      "integrity": "sha512-QfgfeNHRFvr2XeHFzP8kOZVnal3QvST3A0cgq32ZrHjSMFTdgXhMhmWdKzRXP/PKcfv3e2OW9tT9PpcjNvaq6g==",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-linux-64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.14.38.tgz",
-      "integrity": "sha512-uuZHNmqcs+Bj1qiW9k/HZU3FtIHmYiuxZ/6Aa+/KHb/pFKr7R3aVqvxlAudYI9Fw3St0VCPfv7QBpUITSmBR1Q==",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-linux-arm": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.14.38.tgz",
-      "integrity": "sha512-FiFvQe8J3VKTDXG01JbvoVRXQ0x6UZwyrU4IaLBZeq39Bsbatd94Fuc3F1RGqPF5RbIWW7RvkVQjn79ejzysnA==",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-linux-arm64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.38.tgz",
-      "integrity": "sha512-HlMGZTEsBrXrivr64eZ/EO0NQM8H8DuSENRok9d+Jtvq8hOLzrxfsAT9U94K3KOGk2XgCmkaI2KD8hX7F97lvA==",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-linux-mips64le": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.38.tgz",
-      "integrity": "sha512-qd1dLf2v7QBiI5wwfil9j0HG/5YMFBAmMVmdeokbNAMbcg49p25t6IlJFXAeLzogv1AvgaXRXvgFNhScYEUXGQ==",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-linux-ppc64le": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.38.tgz",
-      "integrity": "sha512-mnbEm7o69gTl60jSuK+nn+pRsRHGtDPfzhrqEUXyCl7CTOCLtWN2bhK8bgsdp6J/2NyS/wHBjs1x8aBWwP2X9Q==",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-linux-riscv64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.38.tgz",
-      "integrity": "sha512-+p6YKYbuV72uikChRk14FSyNJZ4WfYkffj6Af0/Tw63/6TJX6TnIKE+6D3xtEc7DeDth1fjUOEqm+ApKFXbbVQ==",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-linux-s390x": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.38.tgz",
-      "integrity": "sha512-0zUsiDkGJiMHxBQ7JDU8jbaanUY975CdOW1YDrurjrM0vWHfjv9tLQsW9GSyEb/heSK1L5gaweRjzfUVBFoybQ==",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-netbsd-64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.38.tgz",
-      "integrity": "sha512-cljBAApVwkpnJZfnRVThpRBGzCi+a+V9Ofb1fVkKhtrPLDYlHLrSYGtmnoTVWDQdU516qYI8+wOgcGZ4XIZh0Q==",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-openbsd-64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.38.tgz",
-      "integrity": "sha512-CDswYr2PWPGEPpLDUO50mL3WO/07EMjnZDNKpmaxUPsrW+kVM3LoAqr/CE8UbzugpEiflYqJsGPLirThRB18IQ==",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-sunos-64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.14.38.tgz",
-      "integrity": "sha512-2mfIoYW58gKcC3bck0j7lD3RZkqYA7MmujFYmSn9l6TiIcAMpuEvqksO+ntBgbLep/eyjpgdplF7b+4T9VJGOA==",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-windows-32": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.14.38.tgz",
-      "integrity": "sha512-L2BmEeFZATAvU+FJzJiRLFUP+d9RHN+QXpgaOrs2klshoAm1AE6Us4X6fS9k33Uy5SzScn2TpcgecbqJza1Hjw==",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-windows-64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.14.38.tgz",
-      "integrity": "sha512-Khy4wVmebnzue8aeSXLC+6clo/hRYeNIm0DyikoEqX+3w3rcvrhzpoix0S+MF9vzh6JFskkIGD7Zx47ODJNyCw==",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-windows-arm64": {
-      "version": "0.14.38",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.38.tgz",
-      "integrity": "sha512-k3FGCNmHBkqdJXuJszdWciAH77PukEyDsdIryEHn9cKLQFxzhT39dSumeTuggaQcXY57UlmLGIkklWZo2qzHpw==",
-      "dev": true,
-      "optional": true
+      "version": "0.18.20",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
+      "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
+      "dev": true,
+      "requires": {
+        "@esbuild/android-arm": "0.18.20",
+        "@esbuild/android-arm64": "0.18.20",
+        "@esbuild/android-x64": "0.18.20",
+        "@esbuild/darwin-arm64": "0.18.20",
+        "@esbuild/darwin-x64": "0.18.20",
+        "@esbuild/freebsd-arm64": "0.18.20",
+        "@esbuild/freebsd-x64": "0.18.20",
+        "@esbuild/linux-arm": "0.18.20",
+        "@esbuild/linux-arm64": "0.18.20",
+        "@esbuild/linux-ia32": "0.18.20",
+        "@esbuild/linux-loong64": "0.18.20",
+        "@esbuild/linux-mips64el": "0.18.20",
+        "@esbuild/linux-ppc64": "0.18.20",
+        "@esbuild/linux-riscv64": "0.18.20",
+        "@esbuild/linux-s390x": "0.18.20",
+        "@esbuild/linux-x64": "0.18.20",
+        "@esbuild/netbsd-x64": "0.18.20",
+        "@esbuild/openbsd-x64": "0.18.20",
+        "@esbuild/sunos-x64": "0.18.20",
+        "@esbuild/win32-arm64": "0.18.20",
+        "@esbuild/win32-ia32": "0.18.20",
+        "@esbuild/win32-x64": "0.18.20"
+      }
     },
     "escalade": {
       "version": "3.1.1",
@@ -39894,9 +40075,9 @@
       "dev": true
     },
     "eventemitter2": {
-      "version": "6.4.5",
-      "resolved": "https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.5.tgz",
-      "integrity": "sha512-bXE7Dyc1i6oQElDG0jMRZJrRAn9QR2xyyFGmBdZleNmyQX0FqGYmhZIrIrpPfm/w//LTo4tVQGOGQcGCb5q9uw==",
+      "version": "6.4.7",
+      "resolved": "https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.7.tgz",
+      "integrity": "sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg==",
       "dev": true
     },
     "eventemitter3": {
@@ -40231,7 +40412,7 @@
     "extsprintf": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
-      "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=",
+      "integrity": "sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==",
       "dev": true
     },
     "fast-deep-equal": {
@@ -40677,7 +40858,7 @@
     "forever-agent": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
-      "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=",
+      "integrity": "sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==",
       "dev": true
     },
     "fork-ts-checker-webpack-plugin": {
@@ -40921,9 +41102,9 @@
       "optional": true
     },
     "function-bind": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
       "dev": true
     },
     "function.prototype.name": {
@@ -41050,7 +41231,7 @@
     "getpass": {
       "version": "0.1.7",
       "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
-      "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=",
+      "integrity": "sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==",
       "dev": true,
       "requires": {
         "assert-plus": "^1.0.0"
@@ -41476,6 +41657,15 @@
         }
       }
     },
+    "hasown": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
+      "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.2"
+      }
+    },
     "hast-to-hyperscript": {
       "version": "9.0.1",
       "resolved": "https://registry.npmjs.org/hast-to-hyperscript/-/hast-to-hyperscript-9.0.1.tgz",
@@ -41639,6 +41829,25 @@
           "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
           "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
           "dev": true
+        },
+        "terser": {
+          "version": "4.8.1",
+          "resolved": "https://registry.npmjs.org/terser/-/terser-4.8.1.tgz",
+          "integrity": "sha512-4GnLC0x667eJG0ewJTa6z/yXrbLGv80D9Ru6HIpCQmO+Q4PfEtBFi0ObSckqwL6VyQv/7ENJieXHo2ANmdQwgw==",
+          "dev": true,
+          "requires": {
+            "commander": "^2.20.0",
+            "source-map": "~0.6.1",
+            "source-map-support": "~0.5.12"
+          },
+          "dependencies": {
+            "commander": {
+              "version": "2.20.3",
+              "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+              "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+              "dev": true
+            }
+          }
         }
       }
     },
@@ -42367,12 +42576,12 @@
       }
     },
     "is-core-module": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.9.0.tgz",
-      "integrity": "sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==",
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
+      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
       "dev": true,
       "requires": {
-        "has": "^1.0.3"
+        "hasown": "^2.0.0"
       }
     },
     "is-data-descriptor": {
@@ -42769,7 +42978,7 @@
     "isstream": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
-      "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=",
+      "integrity": "sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==",
       "dev": true
     },
     "issue-parser": {
@@ -43143,7 +43352,7 @@
     "jsbn": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
-      "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=",
+      "integrity": "sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==",
       "dev": true
     },
     "jscodeshift": {
@@ -44748,9 +44957,9 @@
       "optional": true
     },
     "nanoid": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
-      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA=="
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g=="
     },
     "nanomatch": {
       "version": "1.2.13",
@@ -47628,7 +47837,7 @@
     "performance-now": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
-      "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
+      "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==",
       "dev": true
     },
     "picocolors": {
@@ -49033,12 +49242,12 @@
       "dev": true
     },
     "resolve": {
-      "version": "1.22.0",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.0.tgz",
-      "integrity": "sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==",
+      "version": "1.22.8",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
       "dev": true,
       "requires": {
-        "is-core-module": "^2.8.1",
+        "is-core-module": "^2.13.0",
         "path-parse": "^1.0.7",
         "supports-preserve-symlinks-flag": "^1.0.0"
       }
@@ -49151,9 +49360,9 @@
       }
     },
     "rollup": {
-      "version": "2.70.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.70.2.tgz",
-      "integrity": "sha512-EitogNZnfku65I1DD5Mxe8JYRUCy0hkK5X84IlDtUs+O6JRMpRciXTzyCUuX11b5L5pvjH+OmFXiQ3XjabcXgg==",
+      "version": "3.29.4",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz",
+      "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==",
       "dev": true,
       "requires": {
         "fsevents": "~2.3.2"
@@ -50189,9 +50398,9 @@
       "dev": true
     },
     "sshpk": {
-      "version": "1.17.0",
-      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.17.0.tgz",
-      "integrity": "sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==",
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.18.0.tgz",
+      "integrity": "sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==",
       "dev": true,
       "requires": {
         "asn1": "~0.2.3",
@@ -50870,16 +51079,23 @@
       }
     },
     "terser": {
-      "version": "4.8.1",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-4.8.1.tgz",
-      "integrity": "sha512-4GnLC0x667eJG0ewJTa6z/yXrbLGv80D9Ru6HIpCQmO+Q4PfEtBFi0ObSckqwL6VyQv/7ENJieXHo2ANmdQwgw==",
+      "version": "5.25.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.25.0.tgz",
+      "integrity": "sha512-we0I9SIsfvNUMP77zC9HG+MylwYYsGFSBG8qm+13oud2Yh+O104y614FRbyjpxys16jZwot72Fpi827YvGzuqg==",
       "dev": true,
       "requires": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.8.2",
         "commander": "^2.20.0",
-        "source-map": "~0.6.1",
-        "source-map-support": "~0.5.12"
+        "source-map-support": "~0.5.20"
       },
       "dependencies": {
+        "acorn": {
+          "version": "8.11.2",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
+          "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
+          "dev": true
+        },
         "commander": {
           "version": "2.20.3",
           "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
@@ -50905,18 +51121,6 @@
         "webpack-sources": "^1.4.3"
       },
       "dependencies": {
-        "acorn": {
-          "version": "8.8.2",
-          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
-          "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
-          "dev": true
-        },
-        "commander": {
-          "version": "2.20.3",
-          "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-          "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-          "dev": true
-        },
         "find-cache-dir": {
           "version": "3.3.2",
           "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
@@ -50995,18 +51199,6 @@
             "ajv": "^6.12.5",
             "ajv-keywords": "^3.5.2"
           }
-        },
-        "terser": {
-          "version": "5.16.2",
-          "resolved": "https://registry.npmjs.org/terser/-/terser-5.16.2.tgz",
-          "integrity": "sha512-JKuM+KvvWVqT7muHVyrwv7FVRPnmHDwF6XwoIxdbF5Witi0vu99RYpxDexpJndXt3jbZZmmWr2/mQa6HvSNdSg==",
-          "dev": true,
-          "requires": {
-            "@jridgewell/source-map": "^0.3.2",
-            "acorn": "^8.5.0",
-            "commander": "^2.20.0",
-            "source-map-support": "~0.5.20"
-          }
         }
       }
     },
@@ -51181,9 +51373,9 @@
       },
       "dependencies": {
         "punycode": {
-          "version": "2.3.0",
-          "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
-          "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
+          "version": "2.3.1",
+          "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+          "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
           "dev": true
         },
         "universalify": {
@@ -51361,7 +51553,7 @@
     "tunnel-agent": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
-      "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
+      "integrity": "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==",
       "dev": true,
       "requires": {
         "safe-buffer": "^5.0.1"
@@ -51370,7 +51562,7 @@
     "tweetnacl": {
       "version": "0.14.5",
       "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
-      "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=",
+      "integrity": "sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==",
       "dev": true
     },
     "type-check": {
@@ -51449,6 +51641,12 @@
         "which-boxed-primitive": "^1.0.2"
       }
     },
+    "undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "dev": true
+    },
     "unfetch": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/unfetch/-/unfetch-4.2.0.tgz",
@@ -51933,7 +52131,7 @@
     "verror": {
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
-      "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=",
+      "integrity": "sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==",
       "dev": true,
       "requires": {
         "assert-plus": "^1.0.0",
@@ -51944,7 +52142,7 @@
         "core-util-is": {
           "version": "1.0.2",
           "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
-          "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
+          "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==",
           "dev": true
         }
       }
@@ -51986,16 +52184,15 @@
       }
     },
     "vite": {
-      "version": "2.9.16",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-2.9.16.tgz",
-      "integrity": "sha512-X+6q8KPyeuBvTQV8AVSnKDvXoBMnTx8zxh54sOwmmuOdxkjMmEJXH2UEchA+vTMps1xw9vL64uwJOWryULg7nA==",
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.1.tgz",
+      "integrity": "sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==",
       "dev": true,
       "requires": {
-        "esbuild": "^0.14.27",
+        "esbuild": "^0.18.10",
         "fsevents": "~2.3.2",
-        "postcss": "^8.4.13",
-        "resolve": "^1.22.0",
-        "rollup": ">=2.59.0 <2.78.0"
+        "postcss": "^8.4.27",
+        "rollup": "^3.27.1"
       },
       "dependencies": {
         "picocolors": {
@@ -52005,12 +52202,12 @@
           "dev": true
         },
         "postcss": {
-          "version": "8.4.13",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.13.tgz",
-          "integrity": "sha512-jtL6eTBrza5MPzy8oJLFuUscHDXTV5KcLlqAWHl5q5WYRfnNRGSmOZmOZ1T6Gy7A99mOZfqungmZMpMmCVJ8ZA==",
+          "version": "8.4.32",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.32.tgz",
+          "integrity": "sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==",
           "dev": true,
           "requires": {
-            "nanoid": "^3.3.3",
+            "nanoid": "^3.3.7",
             "picocolors": "^1.0.0",
             "source-map-js": "^1.0.2"
           }
@@ -52599,6 +52796,12 @@
           "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
           "dev": true
         },
+        "commander": {
+          "version": "2.20.3",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+          "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+          "dev": true
+        },
         "eslint-scope": {
           "version": "4.0.3",
           "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-4.0.3.tgz",
@@ -52768,6 +52971,17 @@
             "figgy-pudding": "^3.5.1"
           }
         },
+        "terser": {
+          "version": "4.8.1",
+          "resolved": "https://registry.npmjs.org/terser/-/terser-4.8.1.tgz",
+          "integrity": "sha512-4GnLC0x667eJG0ewJTa6z/yXrbLGv80D9Ru6HIpCQmO+Q4PfEtBFi0ObSckqwL6VyQv/7ENJieXHo2ANmdQwgw==",
+          "dev": true,
+          "requires": {
+            "commander": "^2.20.0",
+            "source-map": "~0.6.1",
+            "source-map-support": "~0.5.12"
+          }
+        },
         "terser-webpack-plugin": {
           "version": "1.4.5",
           "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.5.tgz",
diff --git a/package.json b/package.json
index 68b1d235..e18018c2 100644
--- a/package.json
+++ b/package.json
@@ -49,10 +49,11 @@
     "commit": "cz",
     "new": "cross-env HYGEN_TMPLS=./.hygen hygen new",
     "lint": "eslint --ext .js,.vue --fix .",
+    "lint:tree-shaking": "npm run build && npx agadoo dist/vue-uswds.components.es.js",
     "cypress:open": "cypress open",
-    "cypress:open-ct": "cypress open-ct",
+    "cypress:open-ct": "cypress open --component",
     "pretest:component": "rm -rf .nyc_output coverage || true",
-    "test:component": "cypress run-ct",
+    "test:component": "cypress run --component",
     "test:e2e": "cypress run",
     "prepare": "husky install",
     "prepublishOnly": "npm run build",
@@ -79,7 +80,7 @@
     "@commitlint/config-conventional": "^17.0.2",
     "@cypress/code-coverage": "^3.9.12",
     "@cypress/vite-dev-server": "^2.2.0",
-    "@cypress/vue": "^3.0.3",
+    "@cypress/vue": "^4.0.0",
     "@semantic-release/changelog": "^6.0.1",
     "@semantic-release/git": "^10.0.1",
     "@storybook/addon-actions": "^6.4.0",
@@ -90,11 +91,12 @@
     "@storybook/theming": "^6.4.0",
     "@storybook/vue3": "^6.4.0",
     "@uswds/uswds": "^3.6.1",
-    "@vitejs/plugin-vue": "^2.1.0",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "agadoo": "^3.0.0",
     "babel-loader": "^8.2.3",
     "commitizen": "^4.2.4",
     "cross-env": "^7.0.3",
-    "cypress": "^9.3.1",
+    "cypress": "^13.6.1",
     "cypress-real-events": "^1.5.1",
     "cz-customizable": "^6.3.0",
     "eslint": "^8.1.0",
@@ -108,7 +110,7 @@
     "lint-staged": "^13.0.2",
     "prettier": "^2.4.1",
     "semantic-release": "^19.0.5",
-    "vite": "^2.6.4",
+    "vite": "^4.0.0",
     "vite-plugin-istanbul": "^2.5.1",
     "vue": "^3.2.33",
     "vue-loader": "^17.0.0",
diff --git a/src/components/BaseHeading/BaseHeading.test.js b/src/components/BaseHeading/BaseHeading.test.js
index 99f76ae4..1f14e51a 100644
--- a/src/components/BaseHeading/BaseHeading.test.js
+++ b/src/components/BaseHeading/BaseHeading.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import BaseHeading from './BaseHeading.vue'
 
 describe('BaseHeading', () => {
   it('renders the component', () => {
-    mount(BaseHeading, {
+    cy.mount(BaseHeading, {
       slots: {
         default: () => 'Test',
       },
@@ -13,7 +12,7 @@ describe('BaseHeading', () => {
   })
 
   it('renders as a custom heading tag', () => {
-    mount(BaseHeading, {
+    cy.mount(BaseHeading, {
       slots: {
         default: () => 'Test',
       },
@@ -38,7 +37,7 @@ describe('BaseHeading', () => {
   it('warns in console about invalid heading tag', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(BaseHeading, {
+    cy.mount(BaseHeading, {
       slots: {
         default: () => 'Test',
       },
diff --git a/src/components/BaseLink/BaseLink.test.js b/src/components/BaseLink/BaseLink.test.js
index e7445f09..13004723 100644
--- a/src/components/BaseLink/BaseLink.test.js
+++ b/src/components/BaseLink/BaseLink.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import BaseLink from './BaseLink.vue'
 
 describe('BaseLink', () => {
   it('renders the component', () => {
-    mount(BaseLink, {
+    cy.mount(BaseLink, {
       props: {
         to: '/test-page',
       },
@@ -24,7 +23,7 @@ describe('BaseLink', () => {
   })
 
   it('renders a regular `a` tag if the `href` prop is used', () => {
-    mount(BaseLink, {
+    cy.mount(BaseLink, {
       props: {
         href: '/test-page',
       },
@@ -38,7 +37,7 @@ describe('BaseLink', () => {
   })
 
   it('renders a regular `a` tag if the `to` prop is an external URL', () => {
-    mount(BaseLink, {
+    cy.mount(BaseLink, {
       props: {
         to: 'https://google.com',
       },
@@ -52,7 +51,7 @@ describe('BaseLink', () => {
   })
 
   it('renders as a `nuxt-link` if $nuxt is detected', () => {
-    mount(BaseLink, {
+    cy.mount(BaseLink, {
       props: {
         to: '/test-page',
       },
@@ -71,7 +70,7 @@ describe('BaseLink', () => {
   })
 
   it('`routerComponentName` prop overrides what component is rendered', () => {
-    mount(BaseLink, {
+    cy.mount(BaseLink, {
       props: {
         to: '/test-page',
         routerComponentName: 'g-link',
@@ -91,7 +90,7 @@ describe('BaseLink', () => {
   })
 
   it('uses globally injected router component name', () => {
-    mount(BaseLink, {
+    cy.mount(BaseLink, {
       props: {
         to: '/test-page',
       },
@@ -118,7 +117,7 @@ describe('BaseLink', () => {
   })
 
   it('spacebar triggers click if `a` has `usa-button` class', () => {
-    mount(BaseLink, {
+    cy.mount(BaseLink, {
       props: {
         href: '#',
       },
@@ -128,7 +127,9 @@ describe('BaseLink', () => {
       slots: {
         default: () => 'Test spacebar click',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('@wrapper')
       .vue()
diff --git a/src/components/UsaAccordion/UsaAccordion.test.js b/src/components/UsaAccordion/UsaAccordion.test.js
index aa31f6bf..31d9343e 100644
--- a/src/components/UsaAccordion/UsaAccordion.test.js
+++ b/src/components/UsaAccordion/UsaAccordion.test.js
@@ -1,12 +1,11 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { h, toRaw } from 'vue'
 import UsaAccordion from './UsaAccordion.vue'
 import UsaAccordionItem from '@/components/UsaAccordionItem'
 
 describe('UsaAccordion', () => {
   it('renders the component', () => {
-    mount(UsaAccordion, {
+    cy.mount(UsaAccordion, {
       slots: {
         default: () => [
           h(UsaAccordionItem, { label: 'Accordion 1' }, () =>
@@ -58,7 +57,7 @@ describe('UsaAccordion', () => {
   })
 
   it('add bordered CSS class', () => {
-    mount(UsaAccordion, {
+    cy.mount(UsaAccordion, {
       props: {
         bordered: true,
       },
@@ -68,7 +67,7 @@ describe('UsaAccordion', () => {
   })
 
   it('add `aria-multiselectable` attribute', () => {
-    mount(UsaAccordion, {
+    cy.mount(UsaAccordion, {
       props: {
         multiselectable: true,
       },
@@ -80,7 +79,7 @@ describe('UsaAccordion', () => {
   })
 
   it('toggle accordion items when clicked', () => {
-    mount(UsaAccordion, {
+    cy.mount(UsaAccordion, {
       props: {},
       slots: {
         default: () => [
@@ -137,7 +136,7 @@ describe('UsaAccordion', () => {
   })
 
   it('items stay open when `multiselectable` prop is used', () => {
-    mount(UsaAccordion, {
+    cy.mount(UsaAccordion, {
       props: { multiselectable: true },
       slots: {
         default: () => [
@@ -194,7 +193,7 @@ describe('UsaAccordion', () => {
   })
 
   it('items with `open` prop are open by default', () => {
-    mount(UsaAccordion, {
+    cy.mount(UsaAccordion, {
       slots: {
         default: () => [
           h(UsaAccordionItem, { label: 'Accordion 1' }, () =>
@@ -232,7 +231,7 @@ describe('UsaAccordion', () => {
   })
 
   it('only last default open item allowed if not `multiselectable`', () => {
-    mount(UsaAccordion, {
+    cy.mount(UsaAccordion, {
       slots: {
         default: () => [
           h(UsaAccordionItem, { label: 'Accordion 1', open: true }, () =>
@@ -283,7 +282,7 @@ describe('UsaAccordion', () => {
   })
 
   it('custom heading tag is used', () => {
-    mount(UsaAccordion, {
+    cy.mount(UsaAccordion, {
       props: {
         headingTag: 'h4',
       },
@@ -306,7 +305,7 @@ describe('UsaAccordion', () => {
   })
 
   it('emits accordion item changes', () => {
-    mount(UsaAccordion, {
+    cy.mount(UsaAccordion, {
       slots: {
         default: () => [
           h(UsaAccordionItem, { label: 'Accordion 1' }, () =>
@@ -320,7 +319,9 @@ describe('UsaAccordion', () => {
           ),
         ],
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('@wrapper')
       .vue()
diff --git a/src/components/UsaAccordion/UsaAccordion.vue b/src/components/UsaAccordion/UsaAccordion.vue
index 6c27741a..ba1270d1 100644
--- a/src/components/UsaAccordion/UsaAccordion.vue
+++ b/src/components/UsaAccordion/UsaAccordion.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { computed, provide, reactive, watch, toRef } from 'vue'
-import useAccordion from '@/composables/useAccordion.js'
+import { useAccordion } from '@/composables/useAccordion.js'
 
 const emit = defineEmits(['update:accordionItems'])
 
diff --git a/src/components/UsaAccordionItem/UsaAccordionItem.test.js b/src/components/UsaAccordionItem/UsaAccordionItem.test.js
index 9063a521..41154095 100644
--- a/src/components/UsaAccordionItem/UsaAccordionItem.test.js
+++ b/src/components/UsaAccordionItem/UsaAccordionItem.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaAccordionItem from './UsaAccordionItem.vue'
 import UsaAccordion from '@/components/UsaAccordion'
 
@@ -16,7 +15,7 @@ describe('UsaAccordionItem', () => {
       `,
     }
 
-    mount(AccordionWrapper, {})
+    cy.mount(AccordionWrapper, {})
 
     cy.get('.usa-accordion__button').should('contain', 'Test Accordion Label')
     cy.get('.usa-accordion__content').should(
@@ -37,7 +36,7 @@ describe('UsaAccordionItem', () => {
       `,
     }
 
-    mount(AccordionWrapper, {})
+    cy.mount(AccordionWrapper, {})
 
     cy.get('.usa-accordion__button')
       .should('have.attr', 'aria-controls')
@@ -61,7 +60,7 @@ describe('UsaAccordionItem', () => {
       `,
     }
 
-    mount(AccordionWrapper, {})
+    cy.mount(AccordionWrapper, {})
 
     cy.get('.usa-accordion__button').should(
       'contain',
@@ -88,7 +87,7 @@ describe('UsaAccordionItem', () => {
       `,
     }
 
-    mount(AccordionWrapper, {})
+    cy.mount(AccordionWrapper, {})
 
     cy.get('.test-heading-class').should('exist')
     cy.get('.test-button-class').should('exist')
diff --git a/src/components/UsaAlert/UsaAlert.test.js b/src/components/UsaAlert/UsaAlert.test.js
index 3d04f5f6..e5c1d462 100644
--- a/src/components/UsaAlert/UsaAlert.test.js
+++ b/src/components/UsaAlert/UsaAlert.test.js
@@ -1,12 +1,11 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaAlert from './UsaAlert.vue'
 
 const defaultSlotContent = 'Test default slot content'
 
 describe('UsaAlert', () => {
   it('renders the component', () => {
-    mount(UsaAlert, {
+    cy.mount(UsaAlert, {
       props: {
         heading: 'Test Heading Prop Text',
       },
@@ -30,7 +29,7 @@ describe('UsaAlert', () => {
       'validation',
     ]
 
-    mount(UsaAlert, {
+    cy.mount(UsaAlert, {
       props: {
         variant: 'info',
         heading: 'Informative status',
@@ -52,7 +51,7 @@ describe('UsaAlert', () => {
   })
 
   it('does not render the heading element if there is no heading content', () => {
-    mount(UsaAlert, {
+    cy.mount(UsaAlert, {
       slots: {
         default: () => defaultSlotContent,
       },
@@ -62,7 +61,7 @@ describe('UsaAlert', () => {
   })
 
   it('does not visually show the heading when the `slim` prop is true', () => {
-    mount(UsaAlert, {
+    cy.mount(UsaAlert, {
       props: {
         variant: 'info',
         heading: 'Test Heading',
@@ -78,7 +77,7 @@ describe('UsaAlert', () => {
   })
 
   it('does not show the icon when the `no-icon` prop is true', () => {
-    mount(UsaAlert, {
+    cy.mount(UsaAlert, {
       props: {
         variant: 'info',
         heading: 'Test Heading',
@@ -93,7 +92,7 @@ describe('UsaAlert', () => {
   })
 
   it('adds a custom `role` prop value', () => {
-    mount(UsaAlert, {
+    cy.mount(UsaAlert, {
       props: {
         variant: 'info',
         heading: 'Test Heading',
@@ -108,7 +107,7 @@ describe('UsaAlert', () => {
   })
 
   it('adds a default role of `alert` for error messages', () => {
-    mount(UsaAlert, {
+    cy.mount(UsaAlert, {
       props: {
         variant: 'error',
         heading: 'Test Heading',
@@ -130,7 +129,7 @@ describe('UsaAlert', () => {
   })
 
   it('renders custom heading tag', () => {
-    mount(UsaAlert, {
+    cy.mount(UsaAlert, {
       props: {
         variant: 'info',
         heading: 'Test Heading Prop',
@@ -145,7 +144,7 @@ describe('UsaAlert', () => {
   })
 
   it('uses the `heading` slot content', () => {
-    mount(UsaAlert, {
+    cy.mount(UsaAlert, {
       props: {
         variant: 'info',
         heading: 'Test Heading Prop',
@@ -160,7 +159,7 @@ describe('UsaAlert', () => {
   })
 
   it('uses the `message` slot content', () => {
-    mount(UsaAlert, {
+    cy.mount(UsaAlert, {
       props: {
         variant: 'info',
         heading: 'Test Heading Prop',
@@ -175,7 +174,7 @@ describe('UsaAlert', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaAlert, {
+    cy.mount(UsaAlert, {
       props: {
         variant: 'info',
         heading: 'Test Heading',
@@ -196,7 +195,7 @@ describe('UsaAlert', () => {
   it('warns in console about invalid variant prop', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaAlert, {
+    cy.mount(UsaAlert, {
       props: {
         variant: 'notvariant',
         heading: 'Test Heading',
diff --git a/src/components/UsaBanner/UsaBanner.test.js b/src/components/UsaBanner/UsaBanner.test.js
index 86083481..8e91d738 100644
--- a/src/components/UsaBanner/UsaBanner.test.js
+++ b/src/components/UsaBanner/UsaBanner.test.js
@@ -1,11 +1,10 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { h } from 'vue'
 import UsaBanner from './UsaBanner.vue'
 
 describe('UsaBanner', () => {
   it('renders the component', () => {
-    mount(UsaBanner, {
+    cy.mount(UsaBanner, {
       props: {
         customClasses: {},
       },
@@ -78,7 +77,7 @@ describe('UsaBanner', () => {
   })
 
   it('uses custom prop text', () => {
-    mount(UsaBanner, {
+    cy.mount(UsaBanner, {
       props: {
         open: true,
         ariaLabel: 'Test arial label',
@@ -106,7 +105,7 @@ describe('UsaBanner', () => {
   })
 
   it('uses custom CSS classes', () => {
-    mount(UsaBanner, {
+    cy.mount(UsaBanner, {
       props: {
         customClasses: {
           accordion: ['test-banner-class'],
@@ -126,7 +125,7 @@ describe('UsaBanner', () => {
   })
 
   it('click button toggle banner open/close', () => {
-    mount(UsaBanner, {
+    cy.mount(UsaBanner, {
       props: {
         id: 'test-id',
       },
@@ -201,16 +200,20 @@ describe('UsaBanner', () => {
   })
 
   it('v-model binds to open prop and emits update event', () => {
-    const wrapper = mount(UsaBanner, {
-      props: {
-        open: false,
-        'onUpdate:open': async open => {
-          await wrapper.vue().then(vm => {
-            vm.setProps({ open: open })
-          })
+    // eslint-disable-next-line cypress/no-assigning-return-values
+    const wrapper = cy
+      .mount(UsaBanner, {
+        props: {
+          open: false,
+          'onUpdate:open': async open => {
+            await wrapper.vue().then(vm => {
+              vm.setProps({ open: open })
+            })
+          },
         },
-      },
-    }).as('wrapper')
+      })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-banner__button').as('button').click()
 
@@ -236,7 +239,7 @@ describe('UsaBanner', () => {
   })
 
   it('uses custom slot content', () => {
-    mount(UsaBanner, {
+    cy.mount(UsaBanner, {
       props: {
         open: true,
         actionText: 'Scoped slot button action text',
@@ -272,7 +275,7 @@ describe('UsaBanner', () => {
   })
 
   it('uses injected prop values', () => {
-    mount(UsaBanner, {
+    cy.mount(UsaBanner, {
       props: {},
       global: {
         provide: {
diff --git a/src/components/UsaBanner/UsaBanner.vue b/src/components/UsaBanner/UsaBanner.vue
index 3e8a8975..aa9ed122 100644
--- a/src/components/UsaBanner/UsaBanner.vue
+++ b/src/components/UsaBanner/UsaBanner.vue
@@ -5,7 +5,7 @@ import {
   GRID_NAMESPACE,
   IMAGE_PATH,
 } from '@/utils/constants.js'
-import useToggle from '@/composables/useToggle.js'
+import { useToggle } from '@/composables/useToggle.js'
 import UsaBannerContent from '@/components/UsaBannerContent'
 
 const prefixSeparator = inject('vueUswds.prefixSeparator', PREFIX_SEPARATOR)
diff --git a/src/components/UsaBannerContent/UsaBannerContent.test.js b/src/components/UsaBannerContent/UsaBannerContent.test.js
index 7d965055..485ec898 100644
--- a/src/components/UsaBannerContent/UsaBannerContent.test.js
+++ b/src/components/UsaBannerContent/UsaBannerContent.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaBannerContent from './UsaBannerContent.vue'
 
 describe('UsaBannerContent', () => {
   it('renders the component', () => {
-    mount(UsaBannerContent, {})
+    cy.mount(UsaBannerContent, {})
 
     cy.get('[data-v-app] > div').should('exist')
     cy.get('.usa-banner__guidance').should('have.length', 2)
@@ -33,7 +32,7 @@ describe('UsaBannerContent', () => {
   })
 
   it('uses custom slot content', () => {
-    mount(UsaBannerContent, {
+    cy.mount(UsaBannerContent, {
       slots: {
         'tld-icon': () => 'test tld icon',
         'tld-description': () => 'test tld description',
@@ -49,7 +48,7 @@ describe('UsaBannerContent', () => {
   })
 
   it('uses injected prop values', () => {
-    mount(UsaBannerContent, {
+    cy.mount(UsaBannerContent, {
       global: {
         provide: {
           'vueUswds.svgSpritePath': '/test.svg',
@@ -67,7 +66,7 @@ describe('UsaBannerContent', () => {
   it('warns in console of deprecated slots', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaBannerContent, {
+    cy.mount(UsaBannerContent, {
       slots: {
         tldIcon: () => 'deprecated test tld icon',
         tldDescription: () => 'deprecated test tld description',
diff --git a/src/components/UsaBreadcrumb/UsaBreadcrumb.test.js b/src/components/UsaBreadcrumb/UsaBreadcrumb.test.js
index ee622ce3..844aa4e5 100644
--- a/src/components/UsaBreadcrumb/UsaBreadcrumb.test.js
+++ b/src/components/UsaBreadcrumb/UsaBreadcrumb.test.js
@@ -1,6 +1,5 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
 import { h } from 'vue'
-import { mount } from '@cypress/vue'
 import UsaBreadcrumb from './UsaBreadcrumb.vue'
 
 describe('UsaBreadcrumb', () => {
@@ -29,11 +28,13 @@ describe('UsaBreadcrumb', () => {
   })
 
   it('renders the component', () => {
-    mount(UsaBreadcrumb, {
+    cy.mount(UsaBreadcrumb, {
       props: {
         items: testBreadcrumbs,
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('nav.usa-breadcrumb')
       .should('have.attr', 'aria-label')
@@ -90,7 +91,7 @@ describe('UsaBreadcrumb', () => {
   it('adds correct `current` item markup if explicity set', () => {
     testBreadcrumbs[1].current = true
 
-    mount(UsaBreadcrumb, {
+    cy.mount(UsaBreadcrumb, {
       props: {
         items: testBreadcrumbs,
       },
@@ -114,7 +115,7 @@ describe('UsaBreadcrumb', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaBreadcrumb, {
+    cy.mount(UsaBreadcrumb, {
       props: {
         items: testBreadcrumbs,
         customClasses: {
@@ -133,7 +134,7 @@ describe('UsaBreadcrumb', () => {
   })
 
   it('uses the `default` slot content', () => {
-    mount(UsaBreadcrumb, {
+    cy.mount(UsaBreadcrumb, {
       props: {
         items: testBreadcrumbs,
       },
@@ -148,7 +149,7 @@ describe('UsaBreadcrumb', () => {
   })
 
   it('does not render list if no items', () => {
-    mount(UsaBreadcrumb, {})
+    cy.mount(UsaBreadcrumb, {})
 
     cy.get('ol').as('list').should('exist')
 
diff --git a/src/components/UsaBreadcrumbItem/UsaBreadcrumbItem.test.js b/src/components/UsaBreadcrumbItem/UsaBreadcrumbItem.test.js
index 5ed33cec..e94b343b 100644
--- a/src/components/UsaBreadcrumbItem/UsaBreadcrumbItem.test.js
+++ b/src/components/UsaBreadcrumbItem/UsaBreadcrumbItem.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaBreadcrumbItem from './UsaBreadcrumbItem.vue'
 
 describe('UsaBreadcrumbItem', () => {
   it('renders the component', () => {
-    mount(UsaBreadcrumbItem, {
+    cy.mount(UsaBreadcrumbItem, {
       props: {
         href: '/test-page',
       },
@@ -25,7 +24,7 @@ describe('UsaBreadcrumbItem', () => {
   })
 
   it('adds correct `current` item markup if explicity set', () => {
-    mount(UsaBreadcrumbItem, {
+    cy.mount(UsaBreadcrumbItem, {
       props: {
         href: '/test-page',
         current: true,
@@ -45,7 +44,7 @@ describe('UsaBreadcrumbItem', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaBreadcrumbItem, {
+    cy.mount(UsaBreadcrumbItem, {
       props: {
         props: {
           href: '/test-page',
diff --git a/src/components/UsaButton/UsaButton.test.js b/src/components/UsaButton/UsaButton.test.js
index 43fb106c..afe15849 100644
--- a/src/components/UsaButton/UsaButton.test.js
+++ b/src/components/UsaButton/UsaButton.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaButton from './UsaButton.vue'
 
 describe('UsaButton', () => {
   it('renders the component', () => {
-    mount(UsaButton, {
+    cy.mount(UsaButton, {
       slots: {
         default: () => 'Button',
       },
@@ -14,14 +13,16 @@ describe('UsaButton', () => {
   })
 
   it('render correct button type', () => {
-    mount(UsaButton, {
+    cy.mount(UsaButton, {
       props: {
         type: 'submit',
       },
       slots: {
         default: () => 'Button',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('button').should('have.attr', 'type').and('contain', 'submit')
 
@@ -31,14 +32,16 @@ describe('UsaButton', () => {
   })
 
   it('`disabled` attr matches `disabled` prop', () => {
-    mount(UsaButton, {
+    cy.mount(UsaButton, {
       props: {
         disabled: true,
       },
       slots: {
         default: () => 'Button',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('button').should('have.attr', 'disabled')
 
@@ -58,7 +61,7 @@ describe('UsaButton', () => {
       'unstyled',
     ]
 
-    mount(UsaButton, {
+    cy.mount(UsaButton, {
       slots: {
         default: () => 'Button',
       },
@@ -76,7 +79,7 @@ describe('UsaButton', () => {
   })
 
   it('the `inverse` variant gets both the `inverse` and `outline` classes', () => {
-    mount(UsaButton, {
+    cy.mount(UsaButton, {
       props: {
         variant: 'inverse',
       },
@@ -91,11 +94,13 @@ describe('UsaButton', () => {
   })
 
   it('adds the correct size class', () => {
-    mount(UsaButton, {
+    cy.mount(UsaButton, {
       slots: {
         default: () => 'Button',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('button').should('not.have.class', 'usa-button--big')
 
@@ -105,7 +110,7 @@ describe('UsaButton', () => {
   })
 
   it('uses the `before` and `after` slot content', () => {
-    mount(UsaButton, {
+    cy.mount(UsaButton, {
       slots: {
         before: () => 'Before Slot',
         default: () => 'Button',
diff --git a/src/components/UsaButtonGroup/UsaButtonGroup.test.js b/src/components/UsaButtonGroup/UsaButtonGroup.test.js
index c01092c7..01fd0407 100644
--- a/src/components/UsaButtonGroup/UsaButtonGroup.test.js
+++ b/src/components/UsaButtonGroup/UsaButtonGroup.test.js
@@ -1,16 +1,17 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
 import { h } from 'vue'
-import { mount } from '@cypress/vue'
 import UsaButtonGroup from './UsaButtonGroup.vue'
 import UsaButtonGroupItem from '@/components/UsaButtonGroupItem'
 
 describe('UsaButtonGroup', () => {
   it('renders the component', () => {
-    mount(UsaButtonGroup, {
+    cy.mount(UsaButtonGroup, {
       slots: {
         default: () => h(UsaButtonGroupItem, {}, () => 'Test button'),
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('ul.usa-button-group').should('contain', 'Test button')
 
diff --git a/src/components/UsaButtonGroupItem/UsaButtonGroupItem.test.js b/src/components/UsaButtonGroupItem/UsaButtonGroupItem.test.js
index a696a611..5682350c 100644
--- a/src/components/UsaButtonGroupItem/UsaButtonGroupItem.test.js
+++ b/src/components/UsaButtonGroupItem/UsaButtonGroupItem.test.js
@@ -1,11 +1,10 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
 import { h } from 'vue'
-import { mount } from '@cypress/vue'
 import UsaButtonGroupItem from './UsaButtonGroupItem.vue'
 
 describe('UsaButtonGroupItem', () => {
   it('renders the component', () => {
-    mount(UsaButtonGroupItem, {
+    cy.mount(UsaButtonGroupItem, {
       slots: {
         default: () => h('button', { class: 'usa-button' }, 'Test button'),
       },
diff --git a/src/components/UsaCard/UsaCard.test.js b/src/components/UsaCard/UsaCard.test.js
index 2daaeb94..7f2d4ae1 100644
--- a/src/components/UsaCard/UsaCard.test.js
+++ b/src/components/UsaCard/UsaCard.test.js
@@ -1,6 +1,5 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
 import { h } from 'vue'
-import { mount } from '@cypress/vue'
 import UsaCard from './UsaCard.vue'
 
 describe('UsaCard', () => {
@@ -24,7 +23,7 @@ describe('UsaCard', () => {
   ])
 
   it('renders the component', () => {
-    mount(UsaCard, {
+    cy.mount(UsaCard, {
       props: {
         heading: 'Card',
       },
@@ -46,7 +45,7 @@ describe('UsaCard', () => {
   })
 
   it('correct CSS classes are applied for each prop value', () => {
-    mount(UsaCard, {
+    cy.mount(UsaCard, {
       props: {
         heading: 'Card prop classes',
         flag: true,
@@ -77,7 +76,7 @@ describe('UsaCard', () => {
   })
 
   it('uses the `heading` slot content', () => {
-    mount(UsaCard, {
+    cy.mount(UsaCard, {
       props: {
         heading: 'Card',
       },
@@ -93,7 +92,7 @@ describe('UsaCard', () => {
   })
 
   it('renders custom heading tag', () => {
-    mount(UsaCard, {
+    cy.mount(UsaCard, {
       props: {
         heading: 'Card w/ h4 heading tag',
         headingTag: 'h4',
@@ -109,7 +108,7 @@ describe('UsaCard', () => {
   })
 
   it('does not render header if prop or slot is not used', () => {
-    mount(UsaCard, {
+    cy.mount(UsaCard, {
       slots: {
         media: () => testMedia,
         default: () => testContent,
@@ -121,7 +120,7 @@ describe('UsaCard', () => {
   })
 
   it('renders custom card tag', () => {
-    mount(UsaCard, {
+    cy.mount(UsaCard, {
       props: {
         heading: 'Card w/ custom element',
         cardTag: 'section',
@@ -137,7 +136,7 @@ describe('UsaCard', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaCard, {
+    cy.mount(UsaCard, {
       props: {
         heading: 'Card w/ custom classes',
         customClasses: {
diff --git a/src/components/UsaCharacterCount/UsaCharacterCount.test.js b/src/components/UsaCharacterCount/UsaCharacterCount.test.js
index 8518f4cb..538e378b 100644
--- a/src/components/UsaCharacterCount/UsaCharacterCount.test.js
+++ b/src/components/UsaCharacterCount/UsaCharacterCount.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { h } from 'vue'
 import UsaCharacterCount from './UsaCharacterCount.vue'
 import UsaTextInput from '@/components/UsaTextInput'
@@ -7,14 +6,16 @@ import UsaTextarea from '@/components/UsaTextarea'
 
 describe('UsaCharacterCount', () => {
   it('renders the component with text input', () => {
-    mount(UsaCharacterCount, {
+    cy.mount(UsaCharacterCount, {
       props: {
         maxlength: 10,
       },
       slots: {
         default: () => h(UsaTextInput),
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('div.usa-character-count').should('exist')
     cy.get('span.usa-character-count__message')
@@ -102,14 +103,16 @@ describe('UsaCharacterCount', () => {
   })
 
   it('renders the component with textarea form element', () => {
-    mount(UsaCharacterCount, {
+    cy.mount(UsaCharacterCount, {
       props: {
         maxlength: 10,
       },
       slots: {
         default: () => h(UsaTextarea),
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('div.usa-character-count').should('exist')
     cy.get('span.usa-character-count__message')
@@ -200,14 +203,16 @@ describe('UsaCharacterCount', () => {
   })
 
   it('character count for text input form element includes default value', () => {
-    mount(UsaCharacterCount, {
+    cy.mount(UsaCharacterCount, {
       props: {
         maxlength: 10,
       },
       slots: {
         default: () => h(UsaTextInput, { 'model-value': 12345 }),
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-input').should('have.value', 12345)
     cy.get('.usa-character-count__message').should(
@@ -221,14 +226,16 @@ describe('UsaCharacterCount', () => {
   })
 
   it('character count for textarea form element includes default value', () => {
-    mount(UsaCharacterCount, {
+    cy.mount(UsaCharacterCount, {
       props: {
         maxlength: 10,
       },
       slots: {
         default: () => h(UsaTextarea, { 'model-value': 12345 }),
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-textarea').should('have.value', 12345)
     cy.get('.usa-character-count__message').should(
@@ -242,7 +249,7 @@ describe('UsaCharacterCount', () => {
   })
 
   it('custom id is added to message element and referenced on text input form element', () => {
-    mount(UsaCharacterCount, {
+    cy.mount(UsaCharacterCount, {
       props: {
         maxlength: 10,
         id: 'test-id',
@@ -259,7 +266,7 @@ describe('UsaCharacterCount', () => {
   })
 
   it('custom id is added to message element and referenced on textarea form element', () => {
-    mount(UsaCharacterCount, {
+    cy.mount(UsaCharacterCount, {
       props: {
         maxlength: 10,
         id: 'test-id',
@@ -276,7 +283,7 @@ describe('UsaCharacterCount', () => {
   })
 
   it('uses custom slot content and scoped values', () => {
-    mount(UsaCharacterCount, {
+    cy.mount(UsaCharacterCount, {
       props: {
         maxlength: 5,
       },
@@ -301,7 +308,9 @@ describe('UsaCharacterCount', () => {
             `over, maxlength: ${maxlength}, charactersOver: ${charactersOver}`
           ),
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('span.remaining-message').should('not.exist')
     cy.get('span.over-message').should('not.exist')
@@ -329,7 +338,7 @@ describe('UsaCharacterCount', () => {
   it('console prints warning about invalid `maxlength` prop value', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaCharacterCount, {
+    cy.mount(UsaCharacterCount, {
       props: {
         maxlength: 0,
       },
diff --git a/src/components/UsaCheckbox/UsaCheckbox.test.js b/src/components/UsaCheckbox/UsaCheckbox.test.js
index 2adf3e53..28bd36cc 100644
--- a/src/components/UsaCheckbox/UsaCheckbox.test.js
+++ b/src/components/UsaCheckbox/UsaCheckbox.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaCheckbox from './UsaCheckbox.vue'
 
 describe('UsaCheckbox', () => {
   it('renders the component', () => {
-    mount(UsaCheckbox, {
+    cy.mount(UsaCheckbox, {
       props: {
         label: 'Test label',
         description: 'Test description',
@@ -15,7 +14,9 @@ describe('UsaCheckbox', () => {
         value: 'test-checkbox-value',
         name: 'text-checkbox-name',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('div.usa-checkbox').should('exist')
 
@@ -59,7 +60,7 @@ describe('UsaCheckbox', () => {
   })
 
   it('checkbox is checked by default', () => {
-    mount(UsaCheckbox, {
+    cy.mount(UsaCheckbox, {
       props: {
         label: 'Test label',
         modelValue: true,
@@ -70,7 +71,7 @@ describe('UsaCheckbox', () => {
   })
 
   it('`tiled` prop added correct CSS class', () => {
-    mount(UsaCheckbox, {
+    cy.mount(UsaCheckbox, {
       props: {
         label: 'Test label',
         tile: true,
@@ -84,7 +85,7 @@ describe('UsaCheckbox', () => {
   })
 
   it('`disabled` attr binding disables checkbox', () => {
-    mount(UsaCheckbox, {
+    cy.mount(UsaCheckbox, {
       props: {
         label: 'Test label',
       },
@@ -97,7 +98,7 @@ describe('UsaCheckbox', () => {
   })
 
   it('root element does not inherit attrs', () => {
-    mount(UsaCheckbox, {
+    cy.mount(UsaCheckbox, {
       props: {
         label: 'Test label',
       },
@@ -111,7 +112,7 @@ describe('UsaCheckbox', () => {
   })
 
   it('uses slot content', () => {
-    mount(UsaCheckbox, {
+    cy.mount(UsaCheckbox, {
       props: {
         label: 'Test label',
         description: 'Test description',
@@ -130,7 +131,7 @@ describe('UsaCheckbox', () => {
   })
 
   it('does not render description wrapper span if `description` slot or prop not used', () => {
-    mount(UsaCheckbox, {
+    cy.mount(UsaCheckbox, {
       props: {
         label: 'Test label',
       },
@@ -143,7 +144,7 @@ describe('UsaCheckbox', () => {
   })
 
   it('uses custom id and associates label with `for` attribute', () => {
-    mount(UsaCheckbox, {
+    cy.mount(UsaCheckbox, {
       props: {
         label: 'Test label',
         id: 'test-custom-id',
@@ -157,7 +158,7 @@ describe('UsaCheckbox', () => {
   })
 
   it('uses custom CSS classes', () => {
-    mount(UsaCheckbox, {
+    cy.mount(UsaCheckbox, {
       props: {
         label: 'Test label',
         description: 'Test description',
diff --git a/src/components/UsaChecklist/UsaChecklist.test.js b/src/components/UsaChecklist/UsaChecklist.test.js
index 8f70a371..edea494f 100644
--- a/src/components/UsaChecklist/UsaChecklist.test.js
+++ b/src/components/UsaChecklist/UsaChecklist.test.js
@@ -1,17 +1,16 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { ref } from 'vue'
 import UsaChecklist from './UsaChecklist.vue'
 
 describe('UsaChecklist', () => {
   it('renders the component', () => {
-    mount(UsaChecklist, {})
+    cy.mount(UsaChecklist, {})
 
     cy.get('ul.usa-checklist').should('be.empty')
   })
 
   it('shows slot content', () => {
-    mount(UsaChecklist, {
+    cy.mount(UsaChecklist, {
       slots: {
         default: () => 'Test slot content',
       },
@@ -41,7 +40,7 @@ describe('UsaChecklist', () => {
       },
     ])
 
-    mount(UsaChecklist, {
+    cy.mount(UsaChecklist, {
       props: {
         items: testItems.value,
       },
diff --git a/src/components/UsaChecklistItem/UsaChecklistItem.test.js b/src/components/UsaChecklistItem/UsaChecklistItem.test.js
index 666125fb..24c09947 100644
--- a/src/components/UsaChecklistItem/UsaChecklistItem.test.js
+++ b/src/components/UsaChecklistItem/UsaChecklistItem.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaChecklistItem from './UsaChecklistItem.vue'
 
 describe('UsaChecklistItem', () => {
   it('renders the component', () => {
-    mount(UsaChecklistItem, {
+    cy.mount(UsaChecklistItem, {
       props: {
         checked: false,
         ariaLabel: 'invalid',
@@ -12,7 +11,9 @@ describe('UsaChecklistItem', () => {
       slots: {
         default: () => 'Test item 1',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('li.usa-checklist__item')
       .as('item1')
diff --git a/src/components/UsaCollection/UsaCollection.test.js b/src/components/UsaCollection/UsaCollection.test.js
index 1d4cf358..a32b87a9 100644
--- a/src/components/UsaCollection/UsaCollection.test.js
+++ b/src/components/UsaCollection/UsaCollection.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaCollection from './UsaCollection.vue'
 import UsaCollectionItem from '@/components/UsaCollectionItem'
 import UsaCollectionHeading from '@/components/UsaCollectionHeading'
@@ -20,7 +19,7 @@ describe('UsaCollection', () => {
   }
 
   it('renders the component', () => {
-    mount(CollectionWrapper, {
+    cy.mount(CollectionWrapper, {
       slots: {
         default: () => 'Test',
       },
@@ -30,7 +29,7 @@ describe('UsaCollection', () => {
   })
 
   it('adds the `condensed` prop CSS class', () => {
-    mount(CollectionWrapper, {
+    cy.mount(CollectionWrapper, {
       props: {
         condensed: true,
       },
diff --git a/src/components/UsaCollectionCalendar/UsaCollectionCalendar.test.js b/src/components/UsaCollectionCalendar/UsaCollectionCalendar.test.js
index beb0e8e7..74b89c1f 100644
--- a/src/components/UsaCollectionCalendar/UsaCollectionCalendar.test.js
+++ b/src/components/UsaCollectionCalendar/UsaCollectionCalendar.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaCollectionCalendar from './UsaCollectionCalendar.vue'
 
 describe('UsaCollectionCalendar', () => {
   it('renders the component', () => {
-    mount(UsaCollectionCalendar, {
+    cy.mount(UsaCollectionCalendar, {
       props: {
         datetime: '2021-01-01',
         month: 'Jan',
@@ -21,7 +20,7 @@ describe('UsaCollectionCalendar', () => {
   })
 
   it('renders a div if the `datetime` prop is not used', () => {
-    mount(UsaCollectionCalendar, {
+    cy.mount(UsaCollectionCalendar, {
       props: {
         month: 'Jan',
         day: 1,
@@ -36,7 +35,7 @@ describe('UsaCollectionCalendar', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaCollectionCalendar, {
+    cy.mount(UsaCollectionCalendar, {
       props: {
         datetime: '2021-01-01',
         month: 'Jan',
diff --git a/src/components/UsaCollectionHeading/UsaCollectionHeading.test.js b/src/components/UsaCollectionHeading/UsaCollectionHeading.test.js
index e553309d..8133d28b 100644
--- a/src/components/UsaCollectionHeading/UsaCollectionHeading.test.js
+++ b/src/components/UsaCollectionHeading/UsaCollectionHeading.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaCollectionHeading from './UsaCollectionHeading.vue'
 
 describe('UsaCollectionHeading', () => {
   it('renders the component', () => {
-    mount(UsaCollectionHeading, {
+    cy.mount(UsaCollectionHeading, {
       props: {
         header: 'Test header text',
         href: '/test-page',
@@ -23,7 +22,7 @@ describe('UsaCollectionHeading', () => {
   })
 
   it('uses the `heading` slot content', () => {
-    mount(UsaCollectionHeading, {
+    cy.mount(UsaCollectionHeading, {
       props: {
         header: 'Test header text',
       },
@@ -39,7 +38,7 @@ describe('UsaCollectionHeading', () => {
   })
 
   it('renders custom heading tag', () => {
-    mount(UsaCollectionHeading, {
+    cy.mount(UsaCollectionHeading, {
       props: {
         header: 'Test header text',
         headingTag: 'h4',
@@ -50,7 +49,7 @@ describe('UsaCollectionHeading', () => {
   })
 
   it('renders the custom router link tag and props', () => {
-    mount(UsaCollectionHeading, {
+    cy.mount(UsaCollectionHeading, {
       props: {
         heading: 'Test header text',
         to: '/test-page',
@@ -62,7 +61,7 @@ describe('UsaCollectionHeading', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaCollectionHeading, {
+    cy.mount(UsaCollectionHeading, {
       props: {
         header: 'Test header text',
         customClasses: {
diff --git a/src/components/UsaCollectionItem/UsaCollectionItem.test.js b/src/components/UsaCollectionItem/UsaCollectionItem.test.js
index a8623405..685a7896 100644
--- a/src/components/UsaCollectionItem/UsaCollectionItem.test.js
+++ b/src/components/UsaCollectionItem/UsaCollectionItem.test.js
@@ -1,6 +1,5 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
 import { h } from 'vue'
-import { mount } from '@cypress/vue'
 import UsaCollectionItem from './UsaCollectionItem.vue'
 import UsaCollectionMeta from '@/components/UsaCollectionMeta'
 import UsaCollectionMetaItem from '@/components/UsaCollectionMetaItem'
@@ -33,7 +32,7 @@ describe('UsaCollectionItem', () => {
   })
 
   it('renders the component', () => {
-    mount(UsaCollectionItem, {
+    cy.mount(UsaCollectionItem, {
       props: {
         href: testHref,
         heading: testHeadingText,
@@ -95,7 +94,7 @@ describe('UsaCollectionItem', () => {
   })
 
   it('`media` slot wrapper markup should not render if `media` slot is not used', () => {
-    mount(UsaCollectionItem, {
+    cy.mount(UsaCollectionItem, {
       props: {
         header: testHeadingText,
       },
@@ -108,7 +107,7 @@ describe('UsaCollectionItem', () => {
   })
 
   it('`default` slot wrapper markup should not render if `default` slot is not used', () => {
-    mount(UsaCollectionItem, {
+    cy.mount(UsaCollectionItem, {
       props: {
         header: testHeadingText,
       },
@@ -118,7 +117,7 @@ describe('UsaCollectionItem', () => {
   })
 
   it('`description` slot overrides default slot content', () => {
-    mount(UsaCollectionItem, {
+    cy.mount(UsaCollectionItem, {
       props: {
         header: testHeadingText,
       },
@@ -132,7 +131,7 @@ describe('UsaCollectionItem', () => {
   })
 
   it('uses the `heading` slot content', () => {
-    mount(UsaCollectionItem, {
+    cy.mount(UsaCollectionItem, {
       props: {
         href: testHref,
         heading: testHeadingText,
@@ -148,7 +147,7 @@ describe('UsaCollectionItem', () => {
   })
 
   it('uses the `calendar` slot content', () => {
-    mount(UsaCollectionItem, {
+    cy.mount(UsaCollectionItem, {
       props: {
         href: testHref,
         heading: testHeadingText,
@@ -171,7 +170,7 @@ describe('UsaCollectionItem', () => {
   })
 
   it('renders custom heading tag', () => {
-    mount(UsaCollectionItem, {
+    cy.mount(UsaCollectionItem, {
       props: {
         heading: 'Test header text',
         headingTag: 'h4',
@@ -186,7 +185,7 @@ describe('UsaCollectionItem', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaCollectionItem, {
+    cy.mount(UsaCollectionItem, {
       props: {
         heading: 'Test header text',
         customClasses: {
@@ -209,7 +208,7 @@ describe('UsaCollectionItem', () => {
   })
 
   it('renders the custom router link tag and props', () => {
-    mount(UsaCollectionItem, {
+    cy.mount(UsaCollectionItem, {
       props: {
         heading: 'Test header text',
         to: '/test-page',
diff --git a/src/components/UsaCollectionMeta/UsaCollectionMeta.test.js b/src/components/UsaCollectionMeta/UsaCollectionMeta.test.js
index 8f6cc987..9d7fe767 100644
--- a/src/components/UsaCollectionMeta/UsaCollectionMeta.test.js
+++ b/src/components/UsaCollectionMeta/UsaCollectionMeta.test.js
@@ -1,11 +1,10 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
 import { h } from 'vue'
-import { mount } from '@cypress/vue'
 import UsaCollectionMeta from './UsaCollectionMeta.vue'
 
 describe('UsaCollectionMeta', () => {
   it('renders the component', () => {
-    mount(UsaCollectionMeta, {
+    cy.mount(UsaCollectionMeta, {
       props: {
         ariaLabel: 'Test aria label',
       },
diff --git a/src/components/UsaCollectionMetaItem/UsaCollectionMetaItem.test.js b/src/components/UsaCollectionMetaItem/UsaCollectionMetaItem.test.js
index 901dba2f..ea19e3e1 100644
--- a/src/components/UsaCollectionMetaItem/UsaCollectionMetaItem.test.js
+++ b/src/components/UsaCollectionMetaItem/UsaCollectionMetaItem.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaCollectionMetaItem from './UsaCollectionMetaItem.vue'
 
 describe('UsaCollectionMetaItem', () => {
   it('renders the component', () => {
-    mount(UsaCollectionMetaItem, {
+    cy.mount(UsaCollectionMetaItem, {
       slots: {
         default: () => 'Test collection meta item',
       },
diff --git a/src/components/UsaComboBox/UsaComboBox.test.js b/src/components/UsaComboBox/UsaComboBox.test.js
index 241059cf..e86c5626 100644
--- a/src/components/UsaComboBox/UsaComboBox.test.js
+++ b/src/components/UsaComboBox/UsaComboBox.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import {
   testData,
   falsyTestData,
@@ -19,7 +18,7 @@ describe('UsaComboBox', () => {
       template: `<UsaComboBox v-model="selectedOption" :options="options" label="ComboBox"></UsaComboBox>`,
     }
 
-    mount(wrapperComponent, {})
+    cy.mount(wrapperComponent, {})
 
     cy.get('label')
       .should('have.class', 'usa-label')
@@ -286,7 +285,7 @@ describe('UsaComboBox', () => {
       template: `<UsaComboBox v-model="selectedOption" :options="options" :id="id" label="ComboBox"></UsaComboBox>`,
     }
 
-    mount(wrapperComponent, {})
+    cy.mount(wrapperComponent, {})
 
     cy.get('.usa-combo-box')
       .as('comboBox')
@@ -415,7 +414,7 @@ describe('UsaComboBox', () => {
       template: `<UsaComboBox v-model="selectedOption" :options="options" :id="id" label="ComboBox"></UsaComboBox>`,
     }
 
-    mount(wrapperComponent, {})
+    cy.mount(wrapperComponent, {})
 
     cy.get('.usa-combo-box')
       .as('comboBox')
@@ -519,7 +518,7 @@ describe('UsaComboBox', () => {
       template: `<UsaComboBox v-model="selectedOption" :options="options" :id="id" label="ComboBox"></UsaComboBox>`,
     }
 
-    mount(wrapperComponent, {})
+    cy.mount(wrapperComponent, {})
 
     cy.get('.usa-combo-box')
       .as('comboBox')
@@ -581,7 +580,7 @@ describe('UsaComboBox', () => {
       template: `<UsaComboBox v-model="selectedOption" :options="options" :id="id" label="ComboBox" :custom-classes="customClasses"></UsaComboBox>`,
     }
 
-    mount(wrapperComponent, {})
+    cy.mount(wrapperComponent, {})
 
     cy.get('.usa-combo-box')
       .as('comboBox')
@@ -730,7 +729,7 @@ describe('UsaComboBox', () => {
       template: `<UsaComboBox v-model="selectedOption" :options="options"  :id="id" label="ComboBox"></UsaComboBox>`,
     }
 
-    mount(wrapperComponent, {})
+    cy.mount(wrapperComponent, {})
 
     cy.get('.usa-combo-box')
       .as('comboBox')
@@ -775,7 +774,7 @@ describe('UsaComboBox', () => {
       template: `<UsaComboBox v-model="selectedOption" :options="options" :id="id" label="ComboBox"></UsaComboBox>`,
     }
 
-    mount(wrapperComponent, {})
+    cy.mount(wrapperComponent, {})
 
     cy.get('.usa-combo-box')
       .as('comboBox')
@@ -958,7 +957,7 @@ describe('UsaComboBox', () => {
   })
 
   it('clear and toggle buttons use custom aria-label attribute values', () => {
-    mount(UsaComboBox, {
+    cy.mount(UsaComboBox, {
       props: {
         options: testData,
         clearButtonAriaLabel: 'Test clear button aria label',
@@ -976,7 +975,7 @@ describe('UsaComboBox', () => {
   })
 
   it('uses custom id prop value to generate element ids', () => {
-    mount(UsaComboBox, {
+    cy.mount(UsaComboBox, {
       props: {
         options: falsyTestData,
         id: 'test-combo-box-id',
@@ -987,7 +986,9 @@ describe('UsaComboBox', () => {
         hint: () => 'Test hint slot',
         'error-message': () => 'Test error slot',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-form-group').should('exist')
 
@@ -1042,7 +1043,7 @@ describe('UsaComboBox', () => {
   })
 
   it('displays error message even if no hint set', () => {
-    mount(UsaComboBox, {
+    cy.mount(UsaComboBox, {
       props: {
         options: testData,
         error: true,
@@ -1050,7 +1051,9 @@ describe('UsaComboBox', () => {
       slots: {
         'error-message': () => 'Test error slot',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-form-group').should('exist')
     cy.get('label').should('not.exist')
@@ -1081,7 +1084,7 @@ describe('UsaComboBox', () => {
       template: `<UsaComboBox v-model="selectedOption" :options="options" label="Disabled ComboBox" :disabled="disabled"></UsaComboBox>`,
     }
 
-    mount(wrapperComponent, {})
+    cy.mount(wrapperComponent, {})
 
     cy.get('input').should('not.have.focus').and('have.attr', 'disabled')
     cy.get('input').click({ force: true })
@@ -1115,7 +1118,7 @@ describe('UsaComboBox', () => {
       template: `<UsaComboBox v-model="selectedOption" :options="options" label="Readonly ComboBox" :readonly="readonly"></UsaComboBox>`,
     }
 
-    mount(wrapperComponent, {}).as('wrapper')
+    cy.mount(wrapperComponent, {}).its('wrapper').as('wrapper')
 
     cy.get('input').should('not.have.focus').and('have.attr', 'readonly')
     cy.get('input').should('have.value', 'Persimmon')
@@ -1136,7 +1139,7 @@ describe('UsaComboBox', () => {
   })
 
   it('uses custom CSS classes', () => {
-    mount(UsaComboBox, {
+    cy.mount(UsaComboBox, {
       props: {
         label: 'Custom ComboBox',
         options: testData,
@@ -1172,7 +1175,7 @@ describe('UsaComboBox', () => {
   })
 
   it('custom empty and assistive hint slot text', () => {
-    mount(UsaComboBox, {
+    cy.mount(UsaComboBox, {
       slots: {
         'no-results': () => 'Test no results text',
         'assistive-hint': () => 'Test assistive hint',
@@ -1191,7 +1194,7 @@ describe('UsaComboBox', () => {
   })
 
   it('uses status scoped slot content', () => {
-    mount(UsaComboBox, {
+    cy.mount(UsaComboBox, {
       props: {
         options: testData,
       },
@@ -1229,7 +1232,7 @@ describe('UsaComboBox', () => {
   })
 
   it('shows required field indicators', () => {
-    mount(UsaComboBox, {
+    cy.mount(UsaComboBox, {
       props: {
         label: 'Is Required',
         options: testData,
@@ -1245,7 +1248,7 @@ describe('UsaComboBox', () => {
   })
 
   it('adds correct aria-describedby ids', () => {
-    mount(UsaComboBox, {
+    cy.mount(UsaComboBox, {
       props: {
         label: 'aria-describedby',
         options: testData,
@@ -1255,7 +1258,9 @@ describe('UsaComboBox', () => {
         hint: () => 'Test hint',
         'error-message': () => 'Test error message',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('input')
       .as('input')
@@ -1289,7 +1294,7 @@ describe('UsaComboBox', () => {
       template: `<UsaComboBox v-model="selectedOption" :options="options" label="Default value" :id="id"></UsaComboBox>`,
     }
 
-    mount(wrapperComponent, {})
+    cy.mount(wrapperComponent, {})
 
     cy.get('input').should('have.value', 'Nectarine')
     cy.get(
@@ -1300,12 +1305,14 @@ describe('UsaComboBox', () => {
   })
 
   it('component emits v-model event', () => {
-    mount(UsaComboBox, {
+    cy.mount(UsaComboBox, {
       props: {
         label: 'Emitted',
         options: testData,
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('@wrapper')
       .vue()
diff --git a/src/components/UsaComboBox/UsaComboBox.vue b/src/components/UsaComboBox/UsaComboBox.vue
index a809ec76..029f23d6 100644
--- a/src/components/UsaComboBox/UsaComboBox.vue
+++ b/src/components/UsaComboBox/UsaComboBox.vue
@@ -6,7 +6,7 @@ export default {
 
 <script setup>
 import { computed, useSlots, toRef } from 'vue'
-import useComboBox from '@/composables/useComboBox'
+import { useComboBox } from '@/composables/useComboBox'
 import UsaFormGroup from '@/components/UsaFormGroup'
 import UsaLabel from '@/components/UsaLabel'
 
diff --git a/src/components/UsaDateInput/UsaDateInput.test.js b/src/components/UsaDateInput/UsaDateInput.test.js
index 5e292929..17413e27 100644
--- a/src/components/UsaDateInput/UsaDateInput.test.js
+++ b/src/components/UsaDateInput/UsaDateInput.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaDateInput from './UsaDateInput.vue'
 
 describe('UsaDateInput', () => {
   it('renders the component', () => {
-    mount(UsaDateInput, {
+    cy.mount(UsaDateInput, {
       props: {
         label: 'Test label',
       },
@@ -96,7 +95,7 @@ describe('UsaDateInput', () => {
   })
 
   it('inputs are displayed in the correct custom order using custom labels', () => {
-    mount(UsaDateInput, {
+    cy.mount(UsaDateInput, {
       props: {
         label: 'Test label',
         dateOrder: ['year', 'month', 'day'],
@@ -160,7 +159,7 @@ describe('UsaDateInput', () => {
   })
 
   it('displays `label`, `hint`, and `error-message` slot content', () => {
-    mount(UsaDateInput, {
+    cy.mount(UsaDateInput, {
       props: {
         label: 'Test label',
         id: 'custom-id',
@@ -170,7 +169,9 @@ describe('UsaDateInput', () => {
         hint: () => 'Test hint slot',
         'error-message': () => 'Test error slot',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('legend').should('contain', 'Test label slot')
 
@@ -237,7 +238,7 @@ describe('UsaDateInput', () => {
   })
 
   it('labels and inputs are marked as required', () => {
-    mount(UsaDateInput, {
+    cy.mount(UsaDateInput, {
       props: {
         label: 'Test label',
         required: true,
@@ -285,14 +286,16 @@ describe('UsaDateInput', () => {
   })
 
   it('inputs start with default values and emit updated values', () => {
-    mount(UsaDateInput, {
+    cy.mount(UsaDateInput, {
       props: {
         label: 'Test label',
         month: 1,
         day: 2,
         year: 20,
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-form-group:nth-child(1)').as('firstFormGroup')
     cy.get('.usa-form-group:nth-child(2)').as('secondFormGroup')
@@ -346,7 +349,7 @@ describe('UsaDateInput', () => {
   })
 
   it('inputs not in `dateOrder` prop are not displayed', () => {
-    mount(UsaDateInput, {
+    cy.mount(UsaDateInput, {
       props: {
         dateOrder: ['month', 'year'],
       },
@@ -376,18 +379,20 @@ describe('UsaDateInput', () => {
   })
 
   it('label/fieldset legend is not shown because label prop and slot are not used', () => {
-    mount(UsaDateInput, {})
+    cy.mount(UsaDateInput, {})
 
     cy.get('legend').should('not.exist')
   })
 
   it('uses select element for month', () => {
-    mount(UsaDateInput, {
+    cy.mount(UsaDateInput, {
       props: {
         monthAsSelect: true,
         id: 'custom-id',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('@wrapper')
       .vue()
@@ -487,7 +492,7 @@ describe('UsaDateInput', () => {
   })
 
   it('uses custom month select options', () => {
-    mount(UsaDateInput, {
+    cy.mount(UsaDateInput, {
       props: {
         monthAsSelect: true,
         id: 'custom-id',
@@ -637,11 +642,11 @@ describe('UsaDateInput', () => {
   it('console prints deprecation warning if `monthAsSelect` is false', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaDateInput, {
+    cy.mount(UsaDateInput, {
       props: {
         monthAsSelect: false,
       },
-    }).as('wrapper')
+    })
 
     cy.get('@consoleWarn').should(
       'be.calledOnceWith',
diff --git a/src/components/UsaDatePicker/UsaDatePicker.test.js b/src/components/UsaDatePicker/UsaDatePicker.test.js
index 35928b6d..2ca6736f 100644
--- a/src/components/UsaDatePicker/UsaDatePicker.test.js
+++ b/src/components/UsaDatePicker/UsaDatePicker.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { addMonths, subDays } from 'date-fns'
 import { today, formatIsoDate, formatUsaDate } from '@/utils/dates.js'
 import UsaDatePicker from './UsaDatePicker.vue'
@@ -22,7 +21,7 @@ describe('UsaDatePicker', () => {
       ></UsaDatePicker>`,
     }
 
-    mount(wrapperComponent, {}).as('wrapper')
+    cy.mount(wrapperComponent, {}).its('wrapper').as('wrapper')
 
     cy.get('div.usa-date-picker').should(
       'have.class',
@@ -217,7 +216,7 @@ describe('UsaDatePicker', () => {
   })
 
   it('displays label, hint, and error messages', () => {
-    mount(UsaDatePicker, {
+    cy.mount(UsaDatePicker, {
       props: {
         modelValue: '2022-09-04',
         minDate: '2022-05-25',
@@ -233,7 +232,9 @@ describe('UsaDatePicker', () => {
         hint: () => 'Test hint slot',
         'error-message': () => 'Test error slot',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('button.usa-date-picker__button').click()
 
@@ -290,7 +291,7 @@ describe('UsaDatePicker', () => {
       ></UsaDatePicker>`,
     }
 
-    mount(wrapperComponent, {})
+    cy.mount(wrapperComponent, {})
 
     cy.get('button.usa-date-picker__button').click()
 
@@ -324,7 +325,7 @@ describe('UsaDatePicker', () => {
       ></UsaDatePicker>`,
     }
 
-    mount(wrapperComponent, {}).as('wrapper')
+    cy.mount(wrapperComponent, {}).its('wrapper').as('wrapper')
 
     cy.get('button.usa-date-picker__button').click()
 
@@ -395,7 +396,7 @@ describe('UsaDatePicker', () => {
       </UsaDatePicker>`,
     }
 
-    mount(wrapperComponent, {}).as('wrapper')
+    cy.mount(wrapperComponent, {}).its('wrapper').as('wrapper')
 
     cy.get('[data-test-is-open]')
       .as('isOpen')
@@ -546,7 +547,7 @@ describe('UsaDatePicker', () => {
   })
 
   it('`required`, `disabled` and `readonly` props are passed to input', () => {
-    mount(UsaDatePicker, {
+    cy.mount(UsaDatePicker, {
       props: {
         label: 'Test label',
         required: true,
@@ -573,7 +574,7 @@ describe('UsaDatePicker', () => {
   })
 
   it('picker uses custom button labels', () => {
-    mount(UsaDatePicker, {
+    cy.mount(UsaDatePicker, {
       props: {
         modelValue: '2022-09-04',
         monthLabels: [
@@ -625,7 +626,9 @@ describe('UsaDatePicker', () => {
         label: () => 'Test label slot',
         'error-message': () => 'Test error slot',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('button.usa-date-picker__button').click()
 
@@ -773,7 +776,7 @@ describe('UsaDatePicker', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaDatePicker, {
+    cy.mount(UsaDatePicker, {
       props: {
         label: 'Test label',
         customClasses: {
@@ -787,7 +790,9 @@ describe('UsaDatePicker', () => {
       slots: {
         hint: () => 'Test hint slot',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-form-group').should('have.class', 'test-form-group-class')
     cy.get('.usa-date-picker').should('have.class', 'test-component-class')
@@ -811,7 +816,7 @@ describe('UsaDatePicker', () => {
   it('warns in console about invalid number of day of week abbreviation labels', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaDatePicker, {
+    cy.mount(UsaDatePicker, {
       props: {
         modelValue: '2022-06-15',
         dayOfWeekLabels: ['1', '2', '3', '4', '5', '6', '7', '8'],
@@ -827,7 +832,7 @@ describe('UsaDatePicker', () => {
   it('warns in console about invalid number of day of week labels', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaDatePicker, {
+    cy.mount(UsaDatePicker, {
       props: {
         modelValue: '2022-06-15',
         dayOfWeekLabels: ['1', '2', '3', '4', '5', '6'],
@@ -843,7 +848,7 @@ describe('UsaDatePicker', () => {
   it('warns in console about invalid number of month labels', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaDatePicker, {
+    cy.mount(UsaDatePicker, {
       props: {
         selectedDate: '2022-06-15',
         monthLabels: [
@@ -871,7 +876,7 @@ describe('UsaDatePicker', () => {
   it('warns in console about invalid range type value', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaDatePicker, {
+    cy.mount(UsaDatePicker, {
       props: {
         rangeType: 'noarange',
       },
diff --git a/src/components/UsaDatePickerCalendar/UsaDatePickerCalendar.test.js b/src/components/UsaDatePickerCalendar/UsaDatePickerCalendar.test.js
index 5b2f8d49..1585f6a5 100644
--- a/src/components/UsaDatePickerCalendar/UsaDatePickerCalendar.test.js
+++ b/src/components/UsaDatePickerCalendar/UsaDatePickerCalendar.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { ref } from 'vue'
 import {
   MONTH_LABELS,
@@ -59,13 +58,15 @@ describe('UsaDatePickerCalendar', () => {
       ></UsaDatePickerCalendar>`,
     }
 
-    mount(wrapperComponent, {
+    cy.mount(wrapperComponent, {
       global: {
         provide: {
           inputHighlightedDate: ref(''),
         },
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-date-picker__calendar')
       .should('have.attr', 'role', 'dialog')
@@ -398,7 +399,7 @@ describe('UsaDatePickerCalendar', () => {
       ></UsaDatePickerCalendar>`,
     }
 
-    mount(wrapperComponent, {
+    cy.mount(wrapperComponent, {
       global: {
         provide: {
           inputHighlightedDate: ref(''),
@@ -414,58 +415,62 @@ describe('UsaDatePickerCalendar', () => {
   })
 
   it('events are emitted with correct values', () => {
-    const wrapper = mount(UsaDatePickerCalendar, {
-      props: {
-        open: false,
-        selectorMode: 'day',
-        selectedDate: '1997-07-03',
-        activeDate: '1997-07-03',
-        highlightedDate: '',
-        minDate: '1997-06-03',
-        maxDate: '2020-06-03',
-        monthLabels: MONTH_LABELS,
-        dayOfWeekLabels: DAY_OF_WEEK_LABELS,
-        dayOfWeekAbbreviationLabels: DAY_OF_WEEK_ABBREVIATION_LABELS,
-        previousYearButtonLabel: 'Navigate back one year',
-        nextYearButtonLabel: 'Navigate forward one year',
-        previousMonthButtonLabel: 'Navigate back one month',
-        nextMonthButtonLabel: 'Navigate forward one month',
-        yearSelectionButtonLabel: '%s. Click to select year',
-        monthSelectionButtonLabel: '%s. Click to select month',
-        previousYearsButtonLabel: 'Navigate back 12 years',
-        nextYearsButtonLabel: 'Navigate forward 12 years',
-        'onUpdate:open': async open => {
-          await wrapper.vue().then(vm => {
-            vm.setProps({ open: open })
-          })
-        },
-        'onUpdate:selectorMode': async mode => {
-          await wrapper.vue().then(vm => {
-            vm.setProps({ selectorMode: mode })
-          })
-        },
-        'onUpdate:selectedDate': async selectedDate => {
-          await wrapper.vue().then(vm => {
-            vm.setProps({ selectedDate: selectedDate })
-          })
-        },
-        'onUpdate:activeDate': async activeDate => {
-          await wrapper.vue().then(vm => {
-            vm.setProps({ activeDate: activeDate })
-          })
-        },
-        'onUpdate:highlightedDate': async highlightedDate => {
-          await wrapper.vue().then(vm => {
-            vm.setProps({ highlightedDate: highlightedDate })
-          })
+    // eslint-disable-next-line cypress/no-assigning-return-values
+    const wrapper = cy
+      .mount(UsaDatePickerCalendar, {
+        props: {
+          open: false,
+          selectorMode: 'day',
+          selectedDate: '1997-07-03',
+          activeDate: '1997-07-03',
+          highlightedDate: '',
+          minDate: '1997-06-03',
+          maxDate: '2020-06-03',
+          monthLabels: MONTH_LABELS,
+          dayOfWeekLabels: DAY_OF_WEEK_LABELS,
+          dayOfWeekAbbreviationLabels: DAY_OF_WEEK_ABBREVIATION_LABELS,
+          previousYearButtonLabel: 'Navigate back one year',
+          nextYearButtonLabel: 'Navigate forward one year',
+          previousMonthButtonLabel: 'Navigate back one month',
+          nextMonthButtonLabel: 'Navigate forward one month',
+          yearSelectionButtonLabel: '%s. Click to select year',
+          monthSelectionButtonLabel: '%s. Click to select month',
+          previousYearsButtonLabel: 'Navigate back 12 years',
+          nextYearsButtonLabel: 'Navigate forward 12 years',
+          'onUpdate:open': async open => {
+            await wrapper.vue().then(vm => {
+              vm.setProps({ open: open })
+            })
+          },
+          'onUpdate:selectorMode': async mode => {
+            await wrapper.vue().then(vm => {
+              vm.setProps({ selectorMode: mode })
+            })
+          },
+          'onUpdate:selectedDate': async selectedDate => {
+            await wrapper.vue().then(vm => {
+              vm.setProps({ selectedDate: selectedDate })
+            })
+          },
+          'onUpdate:activeDate': async activeDate => {
+            await wrapper.vue().then(vm => {
+              vm.setProps({ activeDate: activeDate })
+            })
+          },
+          'onUpdate:highlightedDate': async highlightedDate => {
+            await wrapper.vue().then(vm => {
+              vm.setProps({ highlightedDate: highlightedDate })
+            })
+          },
         },
-      },
-      global: {
-        provide: {
-          inputHighlightedDate: ref(''),
+        global: {
+          provide: {
+            inputHighlightedDate: ref(''),
+          },
         },
-      },
-    }).as('wrapper')
+      })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-date-picker__calendar__date-picker').should('not.exist')
     cy.get('.usa-date-picker__calendar__month-picker').should('not.exist')
diff --git a/src/components/UsaDatePickerCalendarDay/UsaDatePickerCalendarDay.test.js b/src/components/UsaDatePickerCalendarDay/UsaDatePickerCalendarDay.test.js
index c6c9f6cf..a1b982db 100644
--- a/src/components/UsaDatePickerCalendarDay/UsaDatePickerCalendarDay.test.js
+++ b/src/components/UsaDatePickerCalendarDay/UsaDatePickerCalendarDay.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import {
   MONTH_LABELS,
   DAY_OF_WEEK_LABELS,
@@ -51,7 +50,7 @@ describe('UsaDatePickerCalendarDay', () => {
       ></UsaDatePickerCalendarDay>`,
     }
 
-    mount(wrapperComponent, {
+    cy.mount(wrapperComponent, {
       global: {
         provide: {
           inputHighlightedDate: ref(''),
@@ -719,7 +718,7 @@ describe('UsaDatePickerCalendarDay', () => {
         ></UsaDatePickerCalendarDay>`,
     }
 
-    mount(wrapperComponent, {
+    cy.mount(wrapperComponent, {
       global: {
         provide: {
           inputHighlightedDate: ref(''),
@@ -1702,7 +1701,7 @@ describe('UsaDatePickerCalendarDay', () => {
       ></UsaDatePickerCalendarDay>`,
     }
 
-    mount(wrapperComponent, {
+    cy.mount(wrapperComponent, {
       global: {
         provide: {
           inputHighlightedDate: ref(''),
@@ -1870,7 +1869,7 @@ describe('UsaDatePickerCalendarDay', () => {
       ></UsaDatePickerCalendarDay>`,
     }
 
-    mount(wrapperComponent, {
+    cy.mount(wrapperComponent, {
       global: {
         provide: {
           inputHighlightedDate: ref(''),
@@ -2004,7 +2003,7 @@ describe('UsaDatePickerCalendarDay', () => {
       ></UsaDatePickerCalendarDay>`,
     }
 
-    mount(wrapperComponent, {
+    cy.mount(wrapperComponent, {
       global: {
         provide: {
           inputHighlightedDate: ref(''),
@@ -2096,7 +2095,7 @@ describe('UsaDatePickerCalendarDay', () => {
   })
 
   it('calendar updates to reflect new selected, min, and max dates', () => {
-    mount(UsaDatePickerCalendarDay, {
+    cy.mount(UsaDatePickerCalendarDay, {
       props: {
         selectedDate: '2022-06-15',
         activeDate: '2022-06-15',
@@ -2119,7 +2118,9 @@ describe('UsaDatePickerCalendarDay', () => {
           inputHighlightedDate: ref(''),
         },
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-date-picker__calendar__table > tbody > tr')
       .should('have.length', 5)
@@ -2246,7 +2247,7 @@ describe('UsaDatePickerCalendarDay', () => {
   })
 
   it('correct selected date and open values are emitted', () => {
-    mount(UsaDatePickerCalendarDay, {
+    cy.mount(UsaDatePickerCalendarDay, {
       props: {
         selectedDate: '2022-06-15',
         activeDate: '2022-06-15',
@@ -2269,7 +2270,9 @@ describe('UsaDatePickerCalendarDay', () => {
           inputHighlightedDate: ref(''),
         },
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('@wrapper')
       .vue()
@@ -2301,7 +2304,7 @@ describe('UsaDatePickerCalendarDay', () => {
   })
 
   it('month select value is emitted', () => {
-    mount(UsaDatePickerCalendarDay, {
+    cy.mount(UsaDatePickerCalendarDay, {
       props: {
         selectedDate: '2022-06-15',
         activeDate: '2022-06-15',
@@ -2324,7 +2327,9 @@ describe('UsaDatePickerCalendarDay', () => {
           inputHighlightedDate: ref(''),
         },
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('@wrapper')
       .vue()
@@ -2348,7 +2353,7 @@ describe('UsaDatePickerCalendarDay', () => {
       })
   })
   it('year select value is emitted', () => {
-    mount(UsaDatePickerCalendarDay, {
+    cy.mount(UsaDatePickerCalendarDay, {
       props: {
         selectorMode: 'day',
         selectedDate: '2022-06-15',
@@ -2372,7 +2377,9 @@ describe('UsaDatePickerCalendarDay', () => {
           inputHighlightedDate: ref(''),
         },
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('@wrapper')
       .vue()
@@ -2397,7 +2404,7 @@ describe('UsaDatePickerCalendarDay', () => {
   })
 
   it('marked as dirty after change in highlighted date', () => {
-    mount(UsaDatePickerCalendarDay, {
+    cy.mount(UsaDatePickerCalendarDay, {
       props: {
         selectedDate: '',
         activeDate: '2022-06-15',
@@ -2420,7 +2427,9 @@ describe('UsaDatePickerCalendarDay', () => {
           inputHighlightedDate: ref(''),
         },
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('@wrapper')
       .vue()
diff --git a/src/components/UsaDatePickerCalendarMonth/UsaDatePickerCalendarMonth.test.js b/src/components/UsaDatePickerCalendarMonth/UsaDatePickerCalendarMonth.test.js
index d79892db..979e37f8 100644
--- a/src/components/UsaDatePickerCalendarMonth/UsaDatePickerCalendarMonth.test.js
+++ b/src/components/UsaDatePickerCalendarMonth/UsaDatePickerCalendarMonth.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaDatePickerCalendarMonth from './UsaDatePickerCalendarMonth.vue'
 import { MONTH_LABELS, MIN_DATE, MAX_DATE } from '@/utils/constants.js'
 
@@ -54,7 +53,7 @@ describe('UsaDatePickerCalendarMonth', () => {
       </template>`,
     }
 
-    mount(wrapperComponent, {
+    cy.mount(wrapperComponent, {
       global: {
         provide: {
           monthLabels: MONTH_LABELS,
@@ -979,7 +978,7 @@ describe('UsaDatePickerCalendarMonth', () => {
   })
 
   it('only allows selecting months within min/max range', () => {
-    mount(UsaDatePickerCalendarMonth, {
+    cy.mount(UsaDatePickerCalendarMonth, {
       props: {
         activeDate: '2022-08-15',
         monthLabels: MONTH_LABELS,
@@ -1355,14 +1354,16 @@ describe('UsaDatePickerCalendarMonth', () => {
   })
 
   it('calendar updates to reflect new active, min, and max dates', () => {
-    mount(UsaDatePickerCalendarMonth, {
+    cy.mount(UsaDatePickerCalendarMonth, {
       props: {
         activeDate: '2022-08-15',
         monthLabels: MONTH_LABELS,
         minDate: '2022-05-15',
         maxDate: '2022-11-15',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('tr:nth-of-type(1) td:nth-of-type(1) button')
       .as('button1')
@@ -1622,7 +1623,7 @@ describe('UsaDatePickerCalendarMonth', () => {
   })
 
   it('shows custom month labels', () => {
-    mount(UsaDatePickerCalendarMonth, {
+    cy.mount(UsaDatePickerCalendarMonth, {
       props: {
         activeDate: '2022-08-15',
         monthLabels: [
@@ -1763,14 +1764,16 @@ describe('UsaDatePickerCalendarMonth', () => {
   })
 
   it('emits `activeMonth` and `selectorMode` prop values', () => {
-    mount(UsaDatePickerCalendarMonth, {
+    cy.mount(UsaDatePickerCalendarMonth, {
       props: {
         activeDate: '2022-08-15',
         monthLabels: MONTH_LABELS,
         minDate: MIN_DATE,
         maxDate: MAX_DATE,
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('@wrapper')
       .vue()
diff --git a/src/components/UsaDatePickerCalendarYear/UsaDatePickerCalendarYear.test.js b/src/components/UsaDatePickerCalendarYear/UsaDatePickerCalendarYear.test.js
index a215eac1..64d3b4ae 100644
--- a/src/components/UsaDatePickerCalendarYear/UsaDatePickerCalendarYear.test.js
+++ b/src/components/UsaDatePickerCalendarYear/UsaDatePickerCalendarYear.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaDatePickerCalendarYear from './UsaDatePickerCalendarYear.vue'
 
 describe('UsaDatePickerCalendarYear', () => {
@@ -35,7 +34,7 @@ describe('UsaDatePickerCalendarYear', () => {
       </template>`,
     }
 
-    mount(wrapperComponent, {})
+    cy.mount(wrapperComponent, {})
 
     cy.get('div.usa-date-picker__calendar__year-picker').should(
       'have.attr',
@@ -869,7 +868,7 @@ describe('UsaDatePickerCalendarYear', () => {
   })
 
   it('calendar updates to reflect new selected, min, and max dates', () => {
-    mount(UsaDatePickerCalendarYear, {
+    cy.mount(UsaDatePickerCalendarYear, {
       props: {
         selectedYear: 2022,
         activeDate: '2022-08-07',
@@ -878,7 +877,9 @@ describe('UsaDatePickerCalendarYear', () => {
         previousYearsButtonLabel: 'Navigate back 12 years',
         nextYearsButtonLabel: 'Navigate forward 12 years',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-date-picker__calendar__year-picker > table > tbody > tr')
       .as('table')
@@ -1142,7 +1143,7 @@ describe('UsaDatePickerCalendarYear', () => {
   })
 
   it('uses custom button labels', () => {
-    mount(UsaDatePickerCalendarYear, {
+    cy.mount(UsaDatePickerCalendarYear, {
       props: {
         selectorMode: 'year',
         selectedYear: 2023,
@@ -1168,7 +1169,7 @@ describe('UsaDatePickerCalendarYear', () => {
   })
 
   it('emits `selectedYear`, `activeYearStart`, `activeYearEnd`, and `selectorMode` prop values', () => {
-    mount(UsaDatePickerCalendarYear, {
+    cy.mount(UsaDatePickerCalendarYear, {
       props: {
         selectedYear: 2022,
         activeDate: '2023-08-07',
@@ -1177,7 +1178,9 @@ describe('UsaDatePickerCalendarYear', () => {
         previousYearsButtonLabel: 'Navigate back 12 years',
         nextYearsButtonLabel: 'Navigate forward 12 years',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('@wrapper')
       .vue()
diff --git a/src/components/UsaDateRangePicker/UsaDateRangePicker.test.js b/src/components/UsaDateRangePicker/UsaDateRangePicker.test.js
index 7b20ae59..5a9c3a64 100644
--- a/src/components/UsaDateRangePicker/UsaDateRangePicker.test.js
+++ b/src/components/UsaDateRangePicker/UsaDateRangePicker.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { addDays, subDays } from 'date-fns'
 import {
   today,
@@ -46,7 +45,7 @@ describe('UsaDateRangePicker', () => {
       </UsaDateRangePicker>`,
     }
 
-    mount(wrapperComponent, {})
+    cy.mount(wrapperComponent, {})
 
     cy.get('.usa-date-range-picker').should('exist')
 
@@ -956,7 +955,7 @@ describe('UsaDateRangePicker', () => {
       </UsaDateRangePicker>`,
     }
 
-    mount(wrapperComponent, {})
+    cy.mount(wrapperComponent, {})
 
     cy.get('.usa-date-range-picker').should('exist')
 
@@ -1860,7 +1859,7 @@ describe('UsaDateRangePicker', () => {
       </UsaDateRangePicker>`,
     }
 
-    mount(wrapperComponent, {})
+    cy.mount(wrapperComponent, {})
 
     cy.get(
       '.usa-date-range-picker__range-start .usa-date-picker__external-input'
diff --git a/src/components/UsaFileInput/UsaFileInput.test.js b/src/components/UsaFileInput/UsaFileInput.test.js
index 58aeff60..1145ea10 100644
--- a/src/components/UsaFileInput/UsaFileInput.test.js
+++ b/src/components/UsaFileInput/UsaFileInput.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaFileInput from './UsaFileInput.vue'
 import {
   spacer as genericIconBase64Data,
@@ -13,7 +12,7 @@ import {
 
 describe('UsaFileInput', () => {
   it('renders the component', () => {
-    mount(UsaFileInput, {
+    cy.mount(UsaFileInput, {
       attrs: {
         'data-test': 'test',
       },
@@ -158,7 +157,7 @@ describe('UsaFileInput', () => {
   })
 
   it('stops invalid files from being added', () => {
-    mount(UsaFileInput, {
+    cy.mount(UsaFileInput, {
       props: {
         accept: 'image/* , .pdf',
       },
@@ -296,7 +295,7 @@ describe('UsaFileInput', () => {
   })
 
   it('adds icons for specific file types', () => {
-    mount(UsaFileInput, {
+    cy.mount(UsaFileInput, {
       props: {
         accept:
           'image/*,.pdf,.doc, .docx,.pages,.xls,.xlsx,.numbers,.mov,.mp4 ',
@@ -507,7 +506,7 @@ describe('UsaFileInput', () => {
   })
 
   it('generates previews for many image types', () => {
-    mount(UsaFileInput, {
+    cy.mount(UsaFileInput, {
       props: {
         accept: 'image/*',
         multiple: true,
@@ -620,7 +619,7 @@ describe('UsaFileInput', () => {
   })
 
   it('component is disabled when `disabled` prop is `true`', () => {
-    mount(UsaFileInput, {
+    cy.mount(UsaFileInput, {
       props: {
         label: 'Disabled',
         disabled: true,
@@ -685,7 +684,7 @@ describe('UsaFileInput', () => {
   })
 
   it('form group and slot content displays', () => {
-    mount(UsaFileInput, {
+    cy.mount(UsaFileInput, {
       props: {
         label: 'Should not display',
         required: true,
@@ -706,7 +705,9 @@ describe('UsaFileInput', () => {
           `Number of loaded files: ${loadedFiles.length}`,
         'invalid-files-message': () => 'Test invalid file message slot',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-form-group')
       .should('have.class', 'usa-form-group--error')
@@ -783,7 +784,7 @@ describe('UsaFileInput', () => {
   })
 
   it('error message slot must be used to display error message', () => {
-    mount(UsaFileInput, {
+    cy.mount(UsaFileInput, {
       props: {
         id: 'test-id',
         error: true,
@@ -796,7 +797,7 @@ describe('UsaFileInput', () => {
   })
 
   it('uses custom CSS classes', () => {
-    mount(UsaFileInput, {
+    cy.mount(UsaFileInput, {
       props: {
         label: 'Custom classes',
         error: true,
@@ -811,7 +812,9 @@ describe('UsaFileInput', () => {
         hint: () => 'Test hint slot',
         'error-message': () => 'Test error slot',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-form-group').should('have.class', 'test-form-group')
     cy.get('.usa-label').should('have.class', 'test-label')
@@ -827,11 +830,13 @@ describe('UsaFileInput', () => {
   })
 
   it('emits loaded files on change', () => {
-    mount(UsaFileInput, {
+    cy.mount(UsaFileInput, {
       props: {
         multiple: true,
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-file-input__input').as('input').should('have.value', '')
 
diff --git a/src/components/UsaFileInput/UsaFileInput.vue b/src/components/UsaFileInput/UsaFileInput.vue
index b810beb8..2628e1ca 100644
--- a/src/components/UsaFileInput/UsaFileInput.vue
+++ b/src/components/UsaFileInput/UsaFileInput.vue
@@ -6,7 +6,7 @@ export default {
 
 <script setup>
 import { computed, ref, toRef, useSlots, watch } from 'vue'
-import useFileInput from '@/composables/useFileInput.js'
+import { useFileInput } from '@/composables/useFileInput.js'
 import UsaFormGroup from '@/components/UsaFormGroup'
 import UsaLabel from '@/components/UsaLabel'
 
diff --git a/src/components/UsaFooter/UsaFooter.test.js b/src/components/UsaFooter/UsaFooter.test.js
index b084ff36..e026b509 100644
--- a/src/components/UsaFooter/UsaFooter.test.js
+++ b/src/components/UsaFooter/UsaFooter.test.js
@@ -1,11 +1,10 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { h } from 'vue'
 import UsaFooter from './UsaFooter.vue'
 
 describe('UsaFooter', () => {
   it('renders the component', () => {
-    mount(UsaFooter, {
+    cy.mount(UsaFooter, {
       slots: {
         default: () => 'Default slot content here',
       },
@@ -26,7 +25,7 @@ describe('UsaFooter', () => {
   it('adds the correct variant classes', () => {
     const variants = ['big', 'medium', 'slim']
 
-    mount(UsaFooter, {})
+    cy.mount(UsaFooter, {})
 
     variants.forEach(variant => {
       cy.get('.usa-footer')
@@ -41,7 +40,7 @@ describe('UsaFooter', () => {
   })
 
   it('renders jump link slot content', () => {
-    mount(UsaFooter, {
+    cy.mount(UsaFooter, {
       slots: {
         'jump-link': () => 'Test jump link slot',
       },
@@ -54,7 +53,7 @@ describe('UsaFooter', () => {
   })
 
   it('uses custom return to top link text', () => {
-    mount(UsaFooter, {
+    cy.mount(UsaFooter, {
       props: {
         jumpLinkText: 'Custom return to top',
       },
@@ -72,7 +71,7 @@ describe('UsaFooter', () => {
       template: `<span>Footer Variant: {{ footerVariant }}</span>`,
     }
 
-    mount(UsaFooter, {
+    cy.mount(UsaFooter, {
       props: {
         variant: 'slim',
       },
@@ -85,7 +84,7 @@ describe('UsaFooter', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaFooter, {
+    cy.mount(UsaFooter, {
       props: {
         customClasses: {
           container: ['test-container-class'],
@@ -102,7 +101,7 @@ describe('UsaFooter', () => {
   it('warns in console about invalid variant prop', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaFooter, {
+    cy.mount(UsaFooter, {
       props: {
         variant: 'notvariant',
       },
diff --git a/src/components/UsaFooterAddress/UsaFooterAddress.test.js b/src/components/UsaFooterAddress/UsaFooterAddress.test.js
index 59ec024e..2deab5aa 100644
--- a/src/components/UsaFooterAddress/UsaFooterAddress.test.js
+++ b/src/components/UsaFooterAddress/UsaFooterAddress.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaFooterAddress from './UsaFooterAddress.vue'
 
 describe('UsaFooterAddress', () => {
   it('renders the component in a non-slim footer', () => {
-    mount(UsaFooterAddress, {
+    cy.mount(UsaFooterAddress, {
       props: {
         heading: 'Test header',
         email: 'example@example.com',
@@ -49,7 +48,7 @@ describe('UsaFooterAddress', () => {
   })
 
   it('renders the component in a `slim` footer variant', () => {
-    mount(UsaFooterAddress, {
+    cy.mount(UsaFooterAddress, {
       props: {
         heading: 'Test header',
         email: 'example@example.com',
@@ -107,7 +106,7 @@ describe('UsaFooterAddress', () => {
   })
 
   it('does not render missing prop markup in a non-slim footer', () => {
-    mount(UsaFooterAddress, {})
+    cy.mount(UsaFooterAddress, {})
 
     cy.get('p.usa-footer__contact-heading').should('not.exist')
 
@@ -121,7 +120,7 @@ describe('UsaFooterAddress', () => {
   })
 
   it('does not render missing prop markup in a `slim` footer variant', () => {
-    mount(UsaFooterAddress, {
+    cy.mount(UsaFooterAddress, {
       global: {
         provide: { footerVariant: 'slim' },
       },
@@ -139,7 +138,7 @@ describe('UsaFooterAddress', () => {
   })
 
   it('CSS classes use custom grid prefix and separator in a non-slim footer', () => {
-    mount(UsaFooterAddress, {
+    cy.mount(UsaFooterAddress, {
       props: {
         heading: 'Test header',
         email: 'example@example.com',
@@ -173,7 +172,7 @@ describe('UsaFooterAddress', () => {
   })
 
   it('CSS classes use custom grid prefix and separator in a `slim` footer variant', () => {
-    mount(UsaFooterAddress, {
+    cy.mount(UsaFooterAddress, {
       props: {
         heading: 'Test header',
         email: 'example@example.com',
@@ -205,7 +204,7 @@ describe('UsaFooterAddress', () => {
   })
 
   it('uses default slot', () => {
-    mount(UsaFooterAddress, {
+    cy.mount(UsaFooterAddress, {
       slots: {
         default: () => 'Custom slot content',
       },
diff --git a/src/components/UsaFooterCollapsibleMenu/UsaFooterCollapsibleMenu.test.js b/src/components/UsaFooterCollapsibleMenu/UsaFooterCollapsibleMenu.test.js
index 71cafbbc..336ce618 100644
--- a/src/components/UsaFooterCollapsibleMenu/UsaFooterCollapsibleMenu.test.js
+++ b/src/components/UsaFooterCollapsibleMenu/UsaFooterCollapsibleMenu.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaFooterCollapsibleMenu from './UsaFooterCollapsibleMenu.vue'
 
 describe('UsaFooterCollapsibleMenu', () => {
@@ -64,7 +63,7 @@ describe('UsaFooterCollapsibleMenu', () => {
   })
 
   it('renders the component', () => {
-    mount(UsaFooterCollapsibleMenu, {
+    cy.mount(UsaFooterCollapsibleMenu, {
       props: {
         items: testItems,
       },
@@ -119,7 +118,7 @@ describe('UsaFooterCollapsibleMenu', () => {
   it('starts as collapsible at small screens', () => {
     cy.viewport(480, 600)
 
-    mount(UsaFooterCollapsibleMenu, {
+    cy.mount(UsaFooterCollapsibleMenu, {
       props: {
         items: testItems,
       },
@@ -134,7 +133,7 @@ describe('UsaFooterCollapsibleMenu', () => {
   })
 
   it('headings use custom `h3` size', () => {
-    mount(UsaFooterCollapsibleMenu, {
+    cy.mount(UsaFooterCollapsibleMenu, {
       props: {
         items: testItems,
         headingTag: 'h3',
@@ -150,7 +149,7 @@ describe('UsaFooterCollapsibleMenu', () => {
   it('uses custom grid prefix and separator and nav breakpoint', () => {
     cy.viewport('macbook-15')
 
-    mount(UsaFooterCollapsibleMenu, {
+    cy.mount(UsaFooterCollapsibleMenu, {
       props: {
         items: testItems,
       },
@@ -197,7 +196,7 @@ describe('UsaFooterCollapsibleMenu', () => {
   })
 
   it('has custom grid CSS classes', () => {
-    mount(UsaFooterCollapsibleMenu, {
+    cy.mount(UsaFooterCollapsibleMenu, {
       props: {
         items: testItems,
         customClasses: {
diff --git a/src/components/UsaFooterCollapsibleMenu/UsaFooterCollapsibleMenu.vue b/src/components/UsaFooterCollapsibleMenu/UsaFooterCollapsibleMenu.vue
index ed4bd868..86e720de 100644
--- a/src/components/UsaFooterCollapsibleMenu/UsaFooterCollapsibleMenu.vue
+++ b/src/components/UsaFooterCollapsibleMenu/UsaFooterCollapsibleMenu.vue
@@ -6,7 +6,7 @@ import {
   GRID_NAMESPACE,
   FOOTER_NAV_COLLAPSIBLE_BREAKPOINT,
 } from '@/utils/constants.js'
-import useAccordion from '@/composables/useAccordion.js'
+import { useAccordion } from '@/composables/useAccordion.js'
 import UsaFooterCollapsibleMenuSection from '@/components/UsaFooterCollapsibleMenuSection'
 
 const prefixSeparator = inject('vueUswds.prefixSeparator', PREFIX_SEPARATOR)
diff --git a/src/components/UsaFooterCollapsibleMenuSection/UsaFooterCollapsibleMenuSection.test.js b/src/components/UsaFooterCollapsibleMenuSection/UsaFooterCollapsibleMenuSection.test.js
index 37daa362..8a32fd61 100644
--- a/src/components/UsaFooterCollapsibleMenuSection/UsaFooterCollapsibleMenuSection.test.js
+++ b/src/components/UsaFooterCollapsibleMenuSection/UsaFooterCollapsibleMenuSection.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { reactive } from 'vue'
 import UsaFooterCollapsibleMenu from '@/components/UsaFooterCollapsibleMenu'
 import UsaFooterCollapsibleMenuSection from './UsaFooterCollapsibleMenuSection.vue'
@@ -34,7 +33,7 @@ describe('UsaFooterCollapsibleMenuSection', () => {
       template: `<UsaFooterCollapsibleMenu :items="items"></UsaFooterCollapsibleMenu>`,
     }
 
-    mount(wrapperComponent, {
+    cy.mount(wrapperComponent, {
       props: {
         items: [testItem],
       },
@@ -135,7 +134,7 @@ describe('UsaFooterCollapsibleMenuSection', () => {
   })
 
   it('uses custom heading tag', () => {
-    mount(UsaFooterCollapsibleMenuSection, {
+    cy.mount(UsaFooterCollapsibleMenuSection, {
       props: {
         item: testItem,
         headingTag: 'h3',
@@ -160,7 +159,7 @@ describe('UsaFooterCollapsibleMenuSection', () => {
   it('does not render submenu items if not in item prop', () => {
     delete testItem.children
 
-    mount(UsaFooterCollapsibleMenuSection, {
+    cy.mount(UsaFooterCollapsibleMenuSection, {
       props: {
         item: testItem,
       },
@@ -181,7 +180,7 @@ describe('UsaFooterCollapsibleMenuSection', () => {
   it('un-registers section when unmounted', () => {
     testItem.id = 'test-item-1'
 
-    mount(UsaFooterCollapsibleMenuSection, {
+    cy.mount(UsaFooterCollapsibleMenuSection, {
       props: {
         item: testItem,
       },
@@ -194,7 +193,9 @@ describe('UsaFooterCollapsibleMenuSection', () => {
           footerMenuIsCollapsible: false,
         },
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('@registerMenuSection').should('be.calledWith', 'test-item-1')
 
@@ -217,7 +218,7 @@ describe('UsaFooterCollapsibleMenuSection', () => {
     testItem.children[2].to = '/test-1/test-1-3'
     testItem.children[2].routerComponentName = 'nuxt-link'
 
-    mount(UsaFooterCollapsibleMenuSection, {
+    cy.mount(UsaFooterCollapsibleMenuSection, {
       props: {
         item: testItem,
       },
diff --git a/src/components/UsaFooterLogo/UsaFooterLogo.test.js b/src/components/UsaFooterLogo/UsaFooterLogo.test.js
index cc894bb3..82b4e916 100644
--- a/src/components/UsaFooterLogo/UsaFooterLogo.test.js
+++ b/src/components/UsaFooterLogo/UsaFooterLogo.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaFooterLogo from './UsaFooterLogo.vue'
 
 describe('UsaFooterLogo', () => {
   it('renders the component', () => {
-    mount(UsaFooterLogo, {})
+    cy.mount(UsaFooterLogo, {})
 
     cy.get('div.usa-footer__logo').should('exist')
 
@@ -22,7 +21,7 @@ describe('UsaFooterLogo', () => {
   })
 
   it('logo and heading text match prop values', () => {
-    mount(UsaFooterLogo, {
+    cy.mount(UsaFooterLogo, {
       props: {
         src: 'https://designsystem.digital.gov/assets/img/logo-img.png',
         alt: 'Test footer logo',
@@ -60,7 +59,7 @@ describe('UsaFooterLogo', () => {
   })
 
   it('renders custom logo and heading slot content', () => {
-    mount(UsaFooterLogo, {
+    cy.mount(UsaFooterLogo, {
       slots: {
         logo: () => 'Test logo slot',
         heading: () => 'Test heading slot',
diff --git a/src/components/UsaFooterMenu/UsaFooterMenu.test.js b/src/components/UsaFooterMenu/UsaFooterMenu.test.js
index 84dd0191..86b5ceed 100644
--- a/src/components/UsaFooterMenu/UsaFooterMenu.test.js
+++ b/src/components/UsaFooterMenu/UsaFooterMenu.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaFooterMenu from './UsaFooterMenu.vue'
 
 const testItems = [
@@ -21,7 +20,7 @@ const testItems = [
 
 describe('UsaFooterMenu', () => {
   it('renders the component', () => {
-    mount(UsaFooterMenu, {
+    cy.mount(UsaFooterMenu, {
       props: {
         items: testItems,
       },
@@ -52,7 +51,7 @@ describe('UsaFooterMenu', () => {
   })
 
   it('uses custom grid prefix and separator', () => {
-    mount(UsaFooterMenu, {
+    cy.mount(UsaFooterMenu, {
       props: {
         items: testItems,
       },
@@ -74,7 +73,7 @@ describe('UsaFooterMenu', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaFooterMenu, {
+    cy.mount(UsaFooterMenu, {
       props: {
         items: testItems,
         customClasses: {
diff --git a/src/components/UsaFooterNav/UsaFooterNav.test.js b/src/components/UsaFooterNav/UsaFooterNav.test.js
index 0b868b3d..1a0226ee 100644
--- a/src/components/UsaFooterNav/UsaFooterNav.test.js
+++ b/src/components/UsaFooterNav/UsaFooterNav.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { h } from 'vue'
 import UsaFooterNav from './UsaFooterNav.vue'
 
@@ -20,7 +19,7 @@ describe('UsaFooterNav', () => {
   })
 
   it('renders the component', () => {
-    mount(UsaFooterNav, {})
+    cy.mount(UsaFooterNav, {})
 
     cy.get('nav')
       .should('have.class', 'usa-footer__nav')
@@ -29,7 +28,7 @@ describe('UsaFooterNav', () => {
   })
 
   it('uses custom aria label and scoped default slot', () => {
-    mount(UsaFooterNav, {
+    cy.mount(UsaFooterNav, {
       props: {
         ariaLabel: 'Test aria label',
         items: testItems,
@@ -49,7 +48,7 @@ describe('UsaFooterNav', () => {
   })
 
   it('renders `medium` footer menu', () => {
-    mount(UsaFooterNav, {
+    cy.mount(UsaFooterNav, {
       props: {
         items: testItems,
       },
@@ -73,7 +72,7 @@ describe('UsaFooterNav', () => {
   })
 
   it('renders `slim` footer menu', () => {
-    mount(UsaFooterNav, {
+    cy.mount(UsaFooterNav, {
       props: {
         items: testItems,
       },
@@ -102,7 +101,7 @@ describe('UsaFooterNav', () => {
   })
 
   it('renders `big` footer menu', () => {
-    mount(UsaFooterNav, {
+    cy.mount(UsaFooterNav, {
       props: {
         items: testItems,
       },
@@ -130,7 +129,7 @@ describe('UsaFooterNav', () => {
   })
 
   it('menu for invalid footer variant is not rendered', () => {
-    mount(UsaFooterNav, {
+    cy.mount(UsaFooterNav, {
       props: {
         items: testItems,
       },
@@ -145,7 +144,7 @@ describe('UsaFooterNav', () => {
   })
 
   it('`big` menu uses custom heading tag', () => {
-    mount(UsaFooterNav, {
+    cy.mount(UsaFooterNav, {
       props: {
         collapsibleHeadingTag: 'h2',
         items: testItems,
@@ -161,7 +160,7 @@ describe('UsaFooterNav', () => {
   })
 
   it('`medium/slim` menu uses custom grid classes', () => {
-    mount(UsaFooterNav, {
+    cy.mount(UsaFooterNav, {
       props: {
         items: testItems,
         customClasses: {
@@ -180,7 +179,7 @@ describe('UsaFooterNav', () => {
   })
 
   it('`big` menu uses custom grid classes', () => {
-    mount(UsaFooterNav, {
+    cy.mount(UsaFooterNav, {
       props: {
         items: testItems,
         customClasses: {
@@ -204,7 +203,7 @@ describe('UsaFooterNav', () => {
   })
 
   it('`medium/slim` menu uses custom grid prefix and separator', () => {
-    mount(UsaFooterNav, {
+    cy.mount(UsaFooterNav, {
       props: {
         items: testItems,
       },
@@ -226,7 +225,7 @@ describe('UsaFooterNav', () => {
   })
 
   it('`big` menu uses custom grid prefix and separator', () => {
-    mount(UsaFooterNav, {
+    cy.mount(UsaFooterNav, {
       props: {
         items: testItems,
       },
diff --git a/src/components/UsaFooterPrimarySection/UsaFooterPrimarySection.test.js b/src/components/UsaFooterPrimarySection/UsaFooterPrimarySection.test.js
index e27f73bb..678dd7e2 100644
--- a/src/components/UsaFooterPrimarySection/UsaFooterPrimarySection.test.js
+++ b/src/components/UsaFooterPrimarySection/UsaFooterPrimarySection.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaFooterPrimarySection from './UsaFooterPrimarySection.vue'
 
 describe('UsaFooterPrimarySection', () => {
   it('renders the component', () => {
-    mount(UsaFooterPrimarySection, {
+    cy.mount(UsaFooterPrimarySection, {
       slots: {
         default: () => 'Test primary slot content',
       },
diff --git a/src/components/UsaFooterSecondarySection/UsaFooterSecondarySection.test.js b/src/components/UsaFooterSecondarySection/UsaFooterSecondarySection.test.js
index 23555219..3728b104 100644
--- a/src/components/UsaFooterSecondarySection/UsaFooterSecondarySection.test.js
+++ b/src/components/UsaFooterSecondarySection/UsaFooterSecondarySection.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaFooterSecondarySection from './UsaFooterSecondarySection.vue'
 
 describe('UsaFooterSecondarySection', () => {
   it('renders the component', () => {
-    mount(UsaFooterSecondarySection, {})
+    cy.mount(UsaFooterSecondarySection, {})
 
     cy.get('div.usa-footer__secondary-section').should('exist')
     cy.get('div.usa-footer__secondary-section .grid-container').should(
@@ -13,7 +12,7 @@ describe('UsaFooterSecondarySection', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaFooterSecondarySection, {
+    cy.mount(UsaFooterSecondarySection, {
       props: {
         customClasses: {
           container: ['test-container-class'],
diff --git a/src/components/UsaFooterSocialLinks/UsaFooterSocialLinks.test.js b/src/components/UsaFooterSocialLinks/UsaFooterSocialLinks.test.js
index 44f4ebc8..c2a00896 100644
--- a/src/components/UsaFooterSocialLinks/UsaFooterSocialLinks.test.js
+++ b/src/components/UsaFooterSocialLinks/UsaFooterSocialLinks.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaFooterSocialLinks from './UsaFooterSocialLinks.vue'
 
 describe('UsaFooterSocialLinks', () => {
@@ -24,14 +23,14 @@ describe('UsaFooterSocialLinks', () => {
   ]
 
   it('renders the component', () => {
-    mount(UsaFooterSocialLinks, {})
+    cy.mount(UsaFooterSocialLinks, {})
 
     cy.get('div.usa-footer__social-links').as('socialLink').should('exist')
     cy.get('@socialLink').children().should('have.length', 0)
   })
 
   it('display social media icons', () => {
-    mount(UsaFooterSocialLinks, {
+    cy.mount(UsaFooterSocialLinks, {
       props: {
         items: testItems,
       },
@@ -105,7 +104,7 @@ describe('UsaFooterSocialLinks', () => {
   })
 
   it('uses named icon scoped slots', () => {
-    mount(UsaFooterSocialLinks, {
+    cy.mount(UsaFooterSocialLinks, {
       props: {
         items: testItems,
       },
@@ -132,7 +131,7 @@ describe('UsaFooterSocialLinks', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaFooterSocialLinks, {
+    cy.mount(UsaFooterSocialLinks, {
       props: {
         items: testItems,
         customClasses: {
diff --git a/src/components/UsaFormGroup/UsaFormGroup.test.js b/src/components/UsaFormGroup/UsaFormGroup.test.js
index 6099b7f9..0c0d05f5 100644
--- a/src/components/UsaFormGroup/UsaFormGroup.test.js
+++ b/src/components/UsaFormGroup/UsaFormGroup.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaFormGroup from './UsaFormGroup.vue'
 
 describe('UsaFormGroup', () => {
   it('renders the component', () => {
-    mount(UsaFormGroup, {
+    cy.mount(UsaFormGroup, {
       attrs: {
         id: 'test-id',
         'data-test': 'Test data attribute',
@@ -13,7 +12,9 @@ describe('UsaFormGroup', () => {
       slots: {
         default: () => 'Test form group content',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-form-group').should('not.exist')
     cy.get('*').should('contain', 'Test form group content')
diff --git a/src/components/UsaGraphicList/UsaGraphicList.test.js b/src/components/UsaGraphicList/UsaGraphicList.test.js
index bae7315d..2a722929 100644
--- a/src/components/UsaGraphicList/UsaGraphicList.test.js
+++ b/src/components/UsaGraphicList/UsaGraphicList.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { h } from 'vue'
 import UsaGraphicList from './UsaGraphicList.vue'
 import UsaGraphicListRow from '@/components/UsaGraphicListRow'
@@ -45,7 +44,7 @@ describe('UsaGraphicList', () => {
   }
 
   it('renders the component', () => {
-    mount(UsaGraphicList, {
+    cy.mount(UsaGraphicList, {
       slots: {
         default: () => h(GraphicListRows),
       },
@@ -55,14 +54,16 @@ describe('UsaGraphicList', () => {
   })
 
   it('add variant CSS class', () => {
-    mount(UsaGraphicList, {
+    cy.mount(UsaGraphicList, {
       props: {
         variant: 'light',
       },
       slots: {
         default: () => h(GraphicListRows),
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-graphic-list').and('have.class', 'usa-section--light')
     cy.get('@wrapper').invoke('setProps', { variant: 'dark' })
@@ -70,7 +71,7 @@ describe('UsaGraphicList', () => {
   })
 
   it('uses custom CSS Classes', () => {
-    mount(UsaGraphicList, {
+    cy.mount(UsaGraphicList, {
       props: {
         customClasses: {
           container: ['test-container-class'],
@@ -85,14 +86,16 @@ describe('UsaGraphicList', () => {
   })
 
   it('`variant` prop is available in scoped slot', () => {
-    mount(UsaGraphicList, {
+    cy.mount(UsaGraphicList, {
       props: {
         variant: 'light',
       },
       slots: {
         default: props => h('span', {}, `variant is: ${props.variant}`),
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-graphic-list').should('contain', 'variant is: light')
     cy.get('@wrapper').invoke('setProps', { variant: 'dark' })
@@ -102,7 +105,7 @@ describe('UsaGraphicList', () => {
   it('warns in console about invalid variant prop', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaGraphicList, {
+    cy.mount(UsaGraphicList, {
       props: {
         variant: 'notvariant',
       },
diff --git a/src/components/UsaGraphicListRow/UsaGraphicListRow.test.js b/src/components/UsaGraphicListRow/UsaGraphicListRow.test.js
index abf33b0c..f1550a72 100644
--- a/src/components/UsaGraphicListRow/UsaGraphicListRow.test.js
+++ b/src/components/UsaGraphicListRow/UsaGraphicListRow.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaGraphicListRow from './UsaGraphicListRow.vue'
 
 describe('UsaGraphicListRow', () => {
   it('renders the component', () => {
-    mount(UsaGraphicListRow, {
+    cy.mount(UsaGraphicListRow, {
       slots: {
         default: () => 'Test row',
       },
diff --git a/src/components/UsaHeader/UsaHeader.test.js b/src/components/UsaHeader/UsaHeader.test.js
index e3ae6599..c59ded6f 100644
--- a/src/components/UsaHeader/UsaHeader.test.js
+++ b/src/components/UsaHeader/UsaHeader.test.js
@@ -1,11 +1,10 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { h } from 'vue'
 import UsaHeader from './UsaHeader.vue'
 
 describe('UsaHeader', () => {
   it('renders the component', () => {
-    mount(UsaHeader, {
+    cy.mount(UsaHeader, {
       slots: {
         default: () => 'Basic header slot content',
       },
@@ -16,7 +15,7 @@ describe('UsaHeader', () => {
   })
 
   it('renders `extended` variant', () => {
-    mount(UsaHeader, {
+    cy.mount(UsaHeader, {
       props: {
         variant: 'extended',
       },
@@ -32,7 +31,7 @@ describe('UsaHeader', () => {
   })
 
   it('add megamenu class', () => {
-    mount(UsaHeader, {
+    cy.mount(UsaHeader, {
       props: {
         megamenu: true,
       },
@@ -47,14 +46,16 @@ describe('UsaHeader', () => {
       template: `<span>Extended Variant: {{ isExtendedHeader }}</span>`,
     }
 
-    mount(UsaHeader, {
+    cy.mount(UsaHeader, {
       props: {
         variant: 'extended',
       },
       slots: {
         default: () => h(childComponent),
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('span').should('contain', 'Extended Variant: true')
 
@@ -69,14 +70,16 @@ describe('UsaHeader', () => {
       template: `<span>Megamenu: {{ isMegamenu }}</span>`,
     }
 
-    mount(UsaHeader, {
+    cy.mount(UsaHeader, {
       props: {
         megamenu: true,
       },
       slots: {
         default: () => h(childComponent),
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('span').should('contain', 'Megamenu: true')
 
@@ -86,7 +89,7 @@ describe('UsaHeader', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaHeader, {
+    cy.mount(UsaHeader, {
       props: {
         customClasses: {
           navContainer: ['test-nav-container-class'],
@@ -103,7 +106,7 @@ describe('UsaHeader', () => {
   it('warns in console about invalid variant prop', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaHeader, {
+    cy.mount(UsaHeader, {
       props: {
         variant: 'notvariant',
       },
diff --git a/src/components/UsaHero/UsaHero.test.js b/src/components/UsaHero/UsaHero.test.js
index b34ed815..4b6e529e 100644
--- a/src/components/UsaHero/UsaHero.test.js
+++ b/src/components/UsaHero/UsaHero.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaHero from './UsaHero.vue'
 
 describe('UsaHero', () => {
@@ -9,7 +8,7 @@ describe('UsaHero', () => {
   const testAriaLabel = 'Test aria label'
 
   it('renders the component', () => {
-    mount(UsaHero, {
+    cy.mount(UsaHero, {
       props: {
         ariaLabel: testAriaLabel,
         customClasses: {},
@@ -30,7 +29,7 @@ describe('UsaHero', () => {
   })
 
   it('sets correct background image', () => {
-    mount(UsaHero, {
+    cy.mount(UsaHero, {
       props: {
         ariaLabel: testAriaLabel,
         backgroundImage: testBackgroundImage,
@@ -43,7 +42,7 @@ describe('UsaHero', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaHero, {
+    cy.mount(UsaHero, {
       props: {
         ariaLabel: testAriaLabel,
         backgroundImage: testBackgroundImage,
@@ -57,7 +56,7 @@ describe('UsaHero', () => {
   })
 
   it('uses custom grid prefix for CSS grid classes', () => {
-    mount(UsaHero, {
+    cy.mount(UsaHero, {
       props: {
         ariaLabel: testAriaLabel,
         backgroundImage: testBackgroundImage,
diff --git a/src/components/UsaHeroCallout/UsaHeroCallout.test.js b/src/components/UsaHeroCallout/UsaHeroCallout.test.js
index 81b07ef8..845d65a0 100644
--- a/src/components/UsaHeroCallout/UsaHeroCallout.test.js
+++ b/src/components/UsaHeroCallout/UsaHeroCallout.test.js
@@ -1,6 +1,5 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
 import { h } from 'vue'
-import { mount } from '@cypress/vue'
 import UsaHeroCallout from './UsaHeroCallout.vue'
 
 describe('UsaHeroCallout', () => {
@@ -10,7 +9,7 @@ describe('UsaHeroCallout', () => {
     "Support the callout with some short explanatory text. You don't need more than a couple of sentences."
 
   it('renders the component', () => {
-    mount(UsaHeroCallout, {
+    cy.mount(UsaHeroCallout, {
       props: {
         headingAlt: testHeadingAlt,
         heading: testHeading,
@@ -27,7 +26,7 @@ describe('UsaHeroCallout', () => {
   })
 
   it('`heading` and `headingAlt` slot content overrides prop values', () => {
-    mount(UsaHeroCallout, {
+    cy.mount(UsaHeroCallout, {
       props: {
         headingAlt: testHeadingAlt,
         heading: testHeading,
@@ -51,7 +50,7 @@ describe('UsaHeroCallout', () => {
   })
 
   it('`heading` and `headingAlt` slot content renders even if `heading` and `headingAlt` prop values not used', () => {
-    mount(UsaHeroCallout, {
+    cy.mount(UsaHeroCallout, {
       slots: {
         'heading-alt': () => 'Custom heading alt slot content',
         heading: () => 'Custom heading slot content',
@@ -71,7 +70,7 @@ describe('UsaHeroCallout', () => {
   })
 
   it('`headingAlt` text renders if `heading` prop not used', () => {
-    mount(UsaHeroCallout, {
+    cy.mount(UsaHeroCallout, {
       slots: {
         'heading-alt': () => 'Custom heading alt slot content',
         default: () => h('p', null, textContent),
@@ -87,7 +86,7 @@ describe('UsaHeroCallout', () => {
   })
 
   it('renders custom heading tag', () => {
-    mount(UsaHeroCallout, {
+    cy.mount(UsaHeroCallout, {
       props: {
         headingAlt: testHeadingAlt,
         heading: testHeading,
@@ -102,7 +101,7 @@ describe('UsaHeroCallout', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaHeroCallout, {
+    cy.mount(UsaHeroCallout, {
       props: {
         headingAlt: testHeadingAlt,
         heading: testHeading,
@@ -123,7 +122,7 @@ describe('UsaHeroCallout', () => {
   it('warns in console of deprecated slots', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaHeroCallout, {
+    cy.mount(UsaHeroCallout, {
       props: {
         headingAlt: testHeadingAlt,
         heading: testHeading,
diff --git a/src/components/UsaIcon/UsaIcon.test.js b/src/components/UsaIcon/UsaIcon.test.js
index 2af51bbc..487416ec 100644
--- a/src/components/UsaIcon/UsaIcon.test.js
+++ b/src/components/UsaIcon/UsaIcon.test.js
@@ -1,11 +1,10 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { h } from 'vue'
 import UsaIcon from './UsaIcon.vue'
 
 describe('UsaIcon', () => {
   it('renders the component', () => {
-    mount(UsaIcon, {
+    cy.mount(UsaIcon, {
       props: {
         name: 'flag',
       },
@@ -24,7 +23,7 @@ describe('UsaIcon', () => {
   })
 
   it('attribute values match prop values', () => {
-    mount(UsaIcon, {
+    cy.mount(UsaIcon, {
       props: {
         name: 'github',
         ariaHidden: false,
@@ -49,7 +48,7 @@ describe('UsaIcon', () => {
   })
 
   it('custom slot content is used', () => {
-    mount(UsaIcon, {
+    cy.mount(UsaIcon, {
       props: {
         name: 'bug_report',
       },
@@ -64,7 +63,7 @@ describe('UsaIcon', () => {
   it('warns in console about invalid `size` prop', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaIcon, {
+    cy.mount(UsaIcon, {
       props: {
         name: 'zoom_out_map',
         size: 10,
diff --git a/src/components/UsaIconList/UsaIconList.test.js b/src/components/UsaIconList/UsaIconList.test.js
index e82a3386..1eab123f 100644
--- a/src/components/UsaIconList/UsaIconList.test.js
+++ b/src/components/UsaIconList/UsaIconList.test.js
@@ -1,11 +1,10 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { h } from 'vue'
 import UsaIconList from './UsaIconList.vue'
 
 describe('UsaIconList', () => {
   it('renders the component', () => {
-    mount(UsaIconList, {
+    cy.mount(UsaIconList, {
       slots: {
         default: () => h('li', {}, 'Test icon list item'),
       },
@@ -18,7 +17,7 @@ describe('UsaIconList', () => {
   })
 
   it('applied color and size CSS classes from prop values', () => {
-    mount(UsaIconList, {
+    cy.mount(UsaIconList, {
       props: {
         color: 'primary',
         size: 'xl',
@@ -31,7 +30,7 @@ describe('UsaIconList', () => {
   })
 
   it('formats RWD CSS size classes', () => {
-    mount(UsaIconList, {
+    cy.mount(UsaIconList, {
       props: {
         size: {
           mobile: 'sm',
@@ -48,7 +47,7 @@ describe('UsaIconList', () => {
   })
 
   it('uses custom responsive prefix separator', () => {
-    mount(UsaIconList, {
+    cy.mount(UsaIconList, {
       props: {
         size: {
           mobile: 'sm',
@@ -72,7 +71,7 @@ describe('UsaIconList', () => {
   it('warns in console about invalid `size` prop', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaIconList, {
+    cy.mount(UsaIconList, {
       props: {
         size: 'invalidsize',
       },
diff --git a/src/components/UsaIconListItem/UsaIconListItem.test.js b/src/components/UsaIconListItem/UsaIconListItem.test.js
index 36d015fc..e507db17 100644
--- a/src/components/UsaIconListItem/UsaIconListItem.test.js
+++ b/src/components/UsaIconListItem/UsaIconListItem.test.js
@@ -1,11 +1,10 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaIconListItem from './UsaIconListItem.vue'
 import { h } from 'vue'
 
 describe('UsaIconListItem', () => {
   it('renders the component', () => {
-    mount(UsaIconListItem, {
+    cy.mount(UsaIconListItem, {
       props: {
         icon: 'flag',
       },
@@ -24,7 +23,7 @@ describe('UsaIconListItem', () => {
   })
 
   it('renders custom title tag and slot content', () => {
-    mount(UsaIconListItem, {
+    cy.mount(UsaIconListItem, {
       props: {
         icon: 'flag',
         title: 'TestTitleProp',
@@ -45,7 +44,7 @@ describe('UsaIconListItem', () => {
   })
 
   it('title heading element displays title prop text', () => {
-    mount(UsaIconListItem, {
+    cy.mount(UsaIconListItem, {
       props: {
         icon: 'flag',
         title: 'Test item title',
@@ -59,7 +58,7 @@ describe('UsaIconListItem', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaIconListItem, {
+    cy.mount(UsaIconListItem, {
       props: {
         icon: 'flag',
         title: 'Test item title',
diff --git a/src/components/UsaIdentiferMoreInfo/UsaIdentiferMoreInfo.test.js b/src/components/UsaIdentiferMoreInfo/UsaIdentiferMoreInfo.test.js
index e4000159..5301ac55 100644
--- a/src/components/UsaIdentiferMoreInfo/UsaIdentiferMoreInfo.test.js
+++ b/src/components/UsaIdentiferMoreInfo/UsaIdentiferMoreInfo.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaIdentiferMoreInfo from './UsaIdentiferMoreInfo.vue'
 
 describe('UsaIdentiferMoreInfo', () => {
   it('renders the component', () => {
-    mount(UsaIdentiferMoreInfo, {})
+    cy.mount(UsaIdentiferMoreInfo, {})
 
     cy.get('.usa-identifier__section')
       .should('have.class', 'usa-identifier__section--usagov')
@@ -28,7 +27,7 @@ describe('UsaIdentiferMoreInfo', () => {
   })
 
   it('use custom prop text', () => {
-    mount(UsaIdentiferMoreInfo, {
+    cy.mount(UsaIdentiferMoreInfo, {
       props: {
         ariaLabel: 'Test aria label',
         description: 'Test description',
diff --git a/src/components/UsaIdentifier/UsaIdentifier.test.js b/src/components/UsaIdentifier/UsaIdentifier.test.js
index 89076bff..81a9a1d9 100644
--- a/src/components/UsaIdentifier/UsaIdentifier.test.js
+++ b/src/components/UsaIdentifier/UsaIdentifier.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaIdentifier from './UsaIdentifier.vue'
 
 describe('UsaIdentifier', () => {
   it('renders the component', () => {
-    mount(UsaIdentifier, {
+    cy.mount(UsaIdentifier, {
       slots: {
         default: () => 'Test',
       },
diff --git a/src/components/UsaIdentifierLogo/UsaIdentifierLogo.test.js b/src/components/UsaIdentifierLogo/UsaIdentifierLogo.test.js
index 5bf0dffa..bbac9f55 100644
--- a/src/components/UsaIdentifierLogo/UsaIdentifierLogo.test.js
+++ b/src/components/UsaIdentifierLogo/UsaIdentifierLogo.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaIdentifierLogo from './UsaIdentifierLogo.vue'
 
 describe('UsaIdentifierLogo', () => {
   it('renders the component', () => {
-    mount(UsaIdentifierLogo, {
+    cy.mount(UsaIdentifierLogo, {
       slots: {
         default: () => 'Test default slot',
       },
@@ -15,7 +14,7 @@ describe('UsaIdentifierLogo', () => {
   })
 
   it('displays logo image', () => {
-    mount(UsaIdentifierLogo, {
+    cy.mount(UsaIdentifierLogo, {
       props: {
         href: '/test-page',
         src: '/assets/img/circle-gray-20.svg',
diff --git a/src/components/UsaIdentifierMasthead/UsaIdentifierMasthead.test.js b/src/components/UsaIdentifierMasthead/UsaIdentifierMasthead.test.js
index 34993f68..f57dc2f4 100644
--- a/src/components/UsaIdentifierMasthead/UsaIdentifierMasthead.test.js
+++ b/src/components/UsaIdentifierMasthead/UsaIdentifierMasthead.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaIdentifierMasthead from './UsaIdentifierMasthead.vue'
 
 describe('UsaIdentifierMasthead', () => {
   it('renders the component', () => {
-    mount(UsaIdentifierMasthead, {})
+    cy.mount(UsaIdentifierMasthead, {})
 
     cy.get('section.usa-identifier__section--masthead')
       .should('have.class', 'usa-identifier__section')
@@ -20,7 +19,7 @@ describe('UsaIdentifierMasthead', () => {
   })
 
   it('shows default slot content', () => {
-    mount(UsaIdentifierMasthead, {
+    cy.mount(UsaIdentifierMasthead, {
       slots: {
         default: () => 'Test default slot',
       },
@@ -39,7 +38,7 @@ describe('UsaIdentifierMasthead', () => {
   })
 
   it('shows `domain` slot content', () => {
-    mount(UsaIdentifierMasthead, {
+    cy.mount(UsaIdentifierMasthead, {
       slots: {
         domain: () => 'www.test.com',
       },
@@ -58,7 +57,7 @@ describe('UsaIdentifierMasthead', () => {
   })
 
   it('shows `disclaimer` slot content', () => {
-    mount(UsaIdentifierMasthead, {
+    cy.mount(UsaIdentifierMasthead, {
       slots: {
         disclaimer: () => 'Test disclaimer',
       },
@@ -73,7 +72,7 @@ describe('UsaIdentifierMasthead', () => {
   })
 
   it('shows `logos` slot content', () => {
-    mount(UsaIdentifierMasthead, {
+    cy.mount(UsaIdentifierMasthead, {
       slots: {
         logos: () => 'Test logo',
       },
@@ -83,7 +82,7 @@ describe('UsaIdentifierMasthead', () => {
   })
 
   it('use custom aria labels', () => {
-    mount(UsaIdentifierMasthead, {
+    cy.mount(UsaIdentifierMasthead, {
       props: {
         ariaLabel: 'Test aria label',
         descriptionAriaLabel: 'Test description aria label',
diff --git a/src/components/UsaIdentifierRequiredLinks/UsaIdentifierRequiredLinks.test.js b/src/components/UsaIdentifierRequiredLinks/UsaIdentifierRequiredLinks.test.js
index ff3947cd..8ce08931 100644
--- a/src/components/UsaIdentifierRequiredLinks/UsaIdentifierRequiredLinks.test.js
+++ b/src/components/UsaIdentifierRequiredLinks/UsaIdentifierRequiredLinks.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaIdentifierRequiredLinks from './UsaIdentifierRequiredLinks.vue'
 
 describe('UsaIdentifierRequiredLinks', () => {
@@ -18,7 +17,7 @@ describe('UsaIdentifierRequiredLinks', () => {
     ]
   })
   it('renders the component', () => {
-    mount(UsaIdentifierRequiredLinks, {})
+    cy.mount(UsaIdentifierRequiredLinks, {})
 
     cy.get('.usa-identifier__section--required-links')
       .should('have.class', 'usa-identifier__section')
@@ -32,7 +31,7 @@ describe('UsaIdentifierRequiredLinks', () => {
   })
 
   it('renders list of required links', () => {
-    mount(UsaIdentifierRequiredLinks, {
+    cy.mount(UsaIdentifierRequiredLinks, {
       props: {
         ariaLabel: 'Test aria label',
         items: testLinks,
diff --git a/src/components/UsaLabel/UsaLabel.test.js b/src/components/UsaLabel/UsaLabel.test.js
index 450c9cd1..31eccd2b 100644
--- a/src/components/UsaLabel/UsaLabel.test.js
+++ b/src/components/UsaLabel/UsaLabel.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaLabel from './UsaLabel.vue'
 
 describe('UsaLabel', () => {
   it('renders the component', () => {
-    mount(UsaLabel, {
+    cy.mount(UsaLabel, {
       props: {
         for: 'test-id',
       },
@@ -20,7 +19,7 @@ describe('UsaLabel', () => {
   })
 
   it('adds CSS class when error prop is true', () => {
-    mount(UsaLabel, {
+    cy.mount(UsaLabel, {
       props: {
         for: 'test-id',
         error: true,
@@ -34,7 +33,7 @@ describe('UsaLabel', () => {
   })
 
   it('shows required label and title attribute', () => {
-    mount(UsaLabel, {
+    cy.mount(UsaLabel, {
       props: {
         for: 'test-id',
         required: true,
@@ -51,7 +50,7 @@ describe('UsaLabel', () => {
   })
 
   it('render custom require slot content', () => {
-    mount(UsaLabel, {
+    cy.mount(UsaLabel, {
       props: {
         for: 'test-id',
         required: true,
diff --git a/src/components/UsaLink/UsaLink.test.js b/src/components/UsaLink/UsaLink.test.js
index 63c8fcff..bed7fe40 100644
--- a/src/components/UsaLink/UsaLink.test.js
+++ b/src/components/UsaLink/UsaLink.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaLink from './UsaLink.vue'
 
 describe('UsaLink', () => {
   it('renders the component with the correct CSS classes', () => {
-    mount(UsaLink, {
+    cy.mount(UsaLink, {
       props: {
         to: '/test-page',
         alt: true,
@@ -37,7 +36,7 @@ describe('UsaLink', () => {
   })
 
   it('renders as a static `a` tag', () => {
-    mount(UsaLink, {
+    cy.mount(UsaLink, {
       props: {
         href: '/test-page',
       },
diff --git a/src/components/UsaLogo/UsaLogo.test.js b/src/components/UsaLogo/UsaLogo.test.js
index dd88c108..5a9f5bce 100644
--- a/src/components/UsaLogo/UsaLogo.test.js
+++ b/src/components/UsaLogo/UsaLogo.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaLogo from './UsaLogo.vue'
 
 describe('UsaLogo', () => {
   it('renders the component', () => {
-    mount(UsaLogo, {
+    cy.mount(UsaLogo, {
       props: {
         title: 'Project Title',
         customClasses: {
@@ -24,7 +23,7 @@ describe('UsaLogo', () => {
   })
 
   it('uses slot content', () => {
-    mount(UsaLogo, {
+    cy.mount(UsaLogo, {
       slots: {
         default: () => 'Custom Title',
       },
@@ -34,7 +33,7 @@ describe('UsaLogo', () => {
   })
 
   it('renders the custom router link tag and props', () => {
-    mount(UsaLogo, {
+    cy.mount(UsaLogo, {
       props: {
         title: 'Project Title',
         to: '/test-page',
diff --git a/src/components/UsaMediaBlock/UsaMediaBlock.test.js b/src/components/UsaMediaBlock/UsaMediaBlock.test.js
index d846a595..fce4f33c 100644
--- a/src/components/UsaMediaBlock/UsaMediaBlock.test.js
+++ b/src/components/UsaMediaBlock/UsaMediaBlock.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaMediaBlock from './UsaMediaBlock.vue'
 
 describe('UsaMediaBlock', () => {
   it('renders the component', () => {
-    mount(UsaMediaBlock, {
+    cy.mount(UsaMediaBlock, {
       slots: {
         media: () => 'Test media slot',
         default: () => 'Test default slot',
@@ -17,7 +16,7 @@ describe('UsaMediaBlock', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaMediaBlock, {
+    cy.mount(UsaMediaBlock, {
       props: {
         customClasses: {
           media: ['test-media-class'],
diff --git a/src/components/UsaModal/UsaModal.test.js b/src/components/UsaModal/UsaModal.test.js
index cb296525..afbd1611 100644
--- a/src/components/UsaModal/UsaModal.test.js
+++ b/src/components/UsaModal/UsaModal.test.js
@@ -1,11 +1,10 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { h } from 'vue'
 import UsaModal from './UsaModal.vue'
 
 describe('UsaModal', () => {
   it('renders the component', () => {
-    mount(UsaModal, {
+    cy.mount(UsaModal, {
       props: {
         visible: true,
         heading: 'Test Modal',
@@ -63,7 +62,7 @@ describe('UsaModal', () => {
   })
 
   it('add `size` prop CSS class', () => {
-    mount(UsaModal, {
+    cy.mount(UsaModal, {
       props: {
         visible: true,
         size: 'lg',
@@ -74,15 +73,19 @@ describe('UsaModal', () => {
   })
 
   it('`visible` prop toggles modal visibility', () => {
-    const wrapper = mount(UsaModal, {
-      props: {
-        'onUpdate:visible': async currentlyVisible => {
-          await wrapper.vue().then(vm => {
-            vm.setProps({ visible: currentlyVisible })
-          })
+    // eslint-disable-next-line cypress/no-assigning-return-values
+    const wrapper = cy
+      .mount(UsaModal, {
+        props: {
+          'onUpdate:visible': async currentlyVisible => {
+            await wrapper.vue().then(vm => {
+              vm.setProps({ visible: currentlyVisible })
+            })
+          },
         },
-      },
-    }).as('wrapper')
+      })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.js-focus-trap-wrapper').should('not.exist')
     cy.get('.usa-modal-wrapper').should('not.exist')
@@ -194,31 +197,35 @@ describe('UsaModal', () => {
   })
 
   it('`forceAction` prop limits modal close options', () => {
-    const wrapper = mount(UsaModal, {
-      props: {
-        forceAction: true,
-        'onUpdate:visible': async currentlyVisible => {
-          await wrapper.vue().then(vm => {
-            vm.setProps({ visible: currentlyVisible })
-          })
+    // eslint-disable-next-line cypress/no-assigning-return-values
+    const wrapper = cy
+      .mount(UsaModal, {
+        props: {
+          forceAction: true,
+          'onUpdate:visible': async currentlyVisible => {
+            await wrapper.vue().then(vm => {
+              vm.setProps({ visible: currentlyVisible })
+            })
+          },
         },
-      },
-      slots: {
-        footer: () =>
-          h(
-            'button',
-            {
-              class: 'test-close-button',
-              onClick: async () => {
-                await wrapper.vue().then(vm => {
-                  vm.setProps({ visible: false })
-                })
+        slots: {
+          footer: () =>
+            h(
+              'button',
+              {
+                class: 'test-close-button',
+                onClick: async () => {
+                  await wrapper.vue().then(vm => {
+                    vm.setProps({ visible: false })
+                  })
+                },
               },
-            },
-            'Close Modal'
-          ),
-      },
-    }).as('wrapper')
+              'Close Modal'
+            ),
+        },
+      })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.js-focus-trap-wrapper').should('not.exist')
     cy.get('.usa-modal-wrapper').should('not.exist')
@@ -297,34 +304,38 @@ describe('UsaModal', () => {
   })
 
   it('keyword focus is trapped while modal is open', () => {
-    const wrapper = mount(UsaModal, {
-      props: {
-        visible: true,
-        'onUpdate:visible': async currentlyVisible => {
-          await wrapper.vue().then(vm => {
-            vm.setProps({ visible: currentlyVisible })
-          })
+    // eslint-disable-next-line cypress/no-assigning-return-values
+    const wrapper = cy
+      .mount(UsaModal, {
+        props: {
+          visible: true,
+          'onUpdate:visible': async currentlyVisible => {
+            await wrapper.vue().then(vm => {
+              vm.setProps({ visible: currentlyVisible })
+            })
+          },
         },
-      },
-      slots: {
-        footer: () => [
-          h(
-            'button',
-            {
-              class: 'test-close-button',
-            },
-            'Close Modal'
-          ),
-          h(
-            'button',
-            {
-              class: 'test-close-button-2',
-            },
-            'Also Close Modal'
-          ),
-        ],
-      },
-    }).as('wrapper')
+        slots: {
+          footer: () => [
+            h(
+              'button',
+              {
+                class: 'test-close-button',
+              },
+              'Close Modal'
+            ),
+            h(
+              'button',
+              {
+                class: 'test-close-button-2',
+              },
+              'Also Close Modal'
+            ),
+          ],
+        },
+      })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.test-close-button').should('have.focus')
 
@@ -342,7 +353,7 @@ describe('UsaModal', () => {
   })
 
   it('applies custom id and aria attributes', () => {
-    mount(UsaModal, {
+    cy.mount(UsaModal, {
       props: {
         visible: true,
         id: 'test-id',
@@ -369,7 +380,7 @@ describe('UsaModal', () => {
   })
 
   it('should not have aria attributes if no content', () => {
-    mount(UsaModal, {
+    cy.mount(UsaModal, {
       props: {
         visible: true,
         id: 'test-id',
@@ -394,7 +405,7 @@ describe('UsaModal', () => {
   it('warns in console about invalid size prop', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaModal, {
+    cy.mount(UsaModal, {
       props: {
         visible: true,
         size: 'notasize',
@@ -408,7 +419,7 @@ describe('UsaModal', () => {
   })
 
   it('uses custom close button label text', () => {
-    mount(UsaModal, {
+    cy.mount(UsaModal, {
       props: {
         visible: true,
         closeButtonLabel: 'Test close button label',
@@ -421,7 +432,7 @@ describe('UsaModal', () => {
   })
 
   it('renders close button slot', () => {
-    mount(UsaModal, {
+    cy.mount(UsaModal, {
       props: {
         visible: true,
       },
@@ -435,7 +446,7 @@ describe('UsaModal', () => {
   })
 
   it('heading slot content overrides heading prop', () => {
-    mount(UsaModal, {
+    cy.mount(UsaModal, {
       props: {
         visible: true,
         heading: 'Modal heading',
@@ -452,7 +463,7 @@ describe('UsaModal', () => {
   it('warns in console of deprecated slot', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaModal, {
+    cy.mount(UsaModal, {
       props: {
         visible: true,
       },
diff --git a/src/components/UsaModalCloseButton/UsaModalCloseButton.test.js b/src/components/UsaModalCloseButton/UsaModalCloseButton.test.js
index 7d063174..7cd05fc6 100644
--- a/src/components/UsaModalCloseButton/UsaModalCloseButton.test.js
+++ b/src/components/UsaModalCloseButton/UsaModalCloseButton.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaModalCloseButton from './UsaModalCloseButton.vue'
 
 describe('UsaModalCloseButton', () => {
   it('renders the component', () => {
-    mount(UsaModalCloseButton, {
+    cy.mount(UsaModalCloseButton, {
       props: {
         ariaLabel: 'Close Modal',
       },
@@ -32,7 +31,7 @@ describe('UsaModalCloseButton', () => {
   })
 
   it('shows scoped slot content', () => {
-    mount(UsaModalCloseButton, {
+    cy.mount(UsaModalCloseButton, {
       props: {
         ariaLabel: 'Close Modal',
       },
@@ -52,7 +51,7 @@ describe('UsaModalCloseButton', () => {
   it('warns in console about required `aria-label` prop', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaModalCloseButton, {})
+    cy.mount(UsaModalCloseButton, {})
 
     cy.get('@consoleWarn').should(
       'be.calledWith',
diff --git a/src/components/UsaNav/UsaNav.test.js b/src/components/UsaNav/UsaNav.test.js
index 669ace3b..f81e5f13 100644
--- a/src/components/UsaNav/UsaNav.test.js
+++ b/src/components/UsaNav/UsaNav.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { h, ref } from 'vue'
 import UsaNav from './UsaNav.vue'
 import UsaNavbar from '@/components/UsaNavbar'
@@ -41,7 +40,8 @@ describe('UsaNav', () => {
   it('renders the component', () => {
     cy.viewport('iphone-6')
 
-    const wrapper = mount(wrapperComponent, {
+    // eslint-disable-next-line cypress/no-assigning-return-values
+    const wrapper = cy.mount(wrapperComponent, {
       props: {
         customClasses: {
           button: ['test-button-class'],
@@ -217,7 +217,7 @@ describe('UsaNav', () => {
   it('slot positions change on mobile screens', () => {
     cy.viewport('iphone-6')
 
-    mount(wrapperComponent, {
+    cy.mount(wrapperComponent, {
       props: {
         ariaLabel: 'Custom aria label',
         closeButtonLabel: 'Custom close button label',
@@ -291,7 +291,7 @@ describe('UsaNav', () => {
   })
 
   it('add extended header inner element and uses custom image path', () => {
-    mount(UsaNav, {
+    cy.mount(UsaNav, {
       global: {
         provide: {
           isExtendedHeader: ref(true),
@@ -315,7 +315,7 @@ describe('UsaNav', () => {
   it('uses custom global mobile breakpoint', () => {
     cy.viewport('iphone-6')
 
-    mount(wrapperComponent, {
+    cy.mount(wrapperComponent, {
       global: {
         provide: {
           'vueUswds.imagePath': '/test',
@@ -349,7 +349,7 @@ describe('UsaNav', () => {
   it('mobile menu is closed when unmounted', () => {
     cy.viewport('iphone-6')
 
-    mount(UsaNav, {
+    cy.mount(UsaNav, {
       global: {
         provide: {
           mobileMenuId: 'test-mobile-menu-id',
@@ -357,7 +357,9 @@ describe('UsaNav', () => {
           isMobileMenuOpen: ref(true),
         },
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-nav').should('exist')
 
@@ -367,7 +369,7 @@ describe('UsaNav', () => {
   })
 
   it('uses custom button slot', () => {
-    mount(UsaNav, {
+    cy.mount(UsaNav, {
       props: {
         closeButtonLabel: 'Custom close button slot',
       },
diff --git a/src/components/UsaNavDropdown/UsaNavDropdown.test.js b/src/components/UsaNavDropdown/UsaNavDropdown.test.js
index 6ccf9e46..5b191743 100644
--- a/src/components/UsaNavDropdown/UsaNavDropdown.test.js
+++ b/src/components/UsaNavDropdown/UsaNavDropdown.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaNavDropdown from './UsaNavDropdown.vue'
 
 describe('UsaNavDropdown', () => {
   it('renders the component', () => {
-    mount(UsaNavDropdown, {
+    cy.mount(UsaNavDropdown, {
       props: {
         id: 'test-dropdown-id',
       },
@@ -17,7 +16,9 @@ describe('UsaNavDropdown', () => {
           unregisterDropdown: cy.stub().as('unregisterDropdown'),
         },
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('@registerDropdown').should(
       'be.calledWith',
@@ -35,7 +36,7 @@ describe('UsaNavDropdown', () => {
   })
 
   it('registers dropdown as open by default', () => {
-    mount(UsaNavDropdown, {
+    cy.mount(UsaNavDropdown, {
       props: {
         open: true,
       },
diff --git a/src/components/UsaNavDropdownButton/UsaNavDropdownButton.test.js b/src/components/UsaNavDropdownButton/UsaNavDropdownButton.test.js
index 36727f1f..15cb9e9a 100644
--- a/src/components/UsaNavDropdownButton/UsaNavDropdownButton.test.js
+++ b/src/components/UsaNavDropdownButton/UsaNavDropdownButton.test.js
@@ -1,11 +1,10 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { ref, reactive } from 'vue'
 import UsaNavDropdownButton from './UsaNavDropdownButton.vue'
 
 describe('UsaNavDropdownButton', () => {
   it('renders the component', () => {
-    mount(UsaNavDropdownButton, {
+    cy.mount(UsaNavDropdownButton, {
       attrs: {
         'data-test': 'test-attr',
       },
@@ -60,7 +59,7 @@ describe('UsaNavDropdownButton', () => {
         '<slot :isActive="isActive" :isExactActive="isExactActive"></slot>',
     }
 
-    mount(UsaNavDropdownButton, {
+    cy.mount(UsaNavDropdownButton, {
       attrs: {
         'data-test': 'test-attr',
       },
@@ -117,7 +116,7 @@ describe('UsaNavDropdownButton', () => {
         '<slot :isActive="isActive" :isExactActive="isExactActive"></slot>',
     }
 
-    mount(UsaNavDropdownButton, {
+    cy.mount(UsaNavDropdownButton, {
       slots: {
         default: () => 'Test dropdown button',
       },
diff --git a/src/components/UsaNavPrimary/UsaNavPrimary.test.js b/src/components/UsaNavPrimary/UsaNavPrimary.test.js
index c9da26ea..f2d55d35 100644
--- a/src/components/UsaNavPrimary/UsaNavPrimary.test.js
+++ b/src/components/UsaNavPrimary/UsaNavPrimary.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaNavPrimary from './UsaNavPrimary.vue'
 
 describe('UsaNavPrimary', () => {
@@ -82,7 +81,7 @@ describe('UsaNavPrimary', () => {
   ]
 
   it('renders the component', () => {
-    mount(UsaNavPrimary, {
+    cy.mount(UsaNavPrimary, {
       props: {
         items: [
           {
@@ -106,7 +105,7 @@ describe('UsaNavPrimary', () => {
   })
 
   it('non-megamenu from items', () => {
-    mount(UsaNavPrimary, {
+    cy.mount(UsaNavPrimary, {
       props: {
         items: testItems,
       },
@@ -285,7 +284,7 @@ describe('UsaNavPrimary', () => {
   })
 
   it('megamenu from items', () => {
-    mount(UsaNavPrimary, {
+    cy.mount(UsaNavPrimary, {
       props: {
         items: testItems,
       },
@@ -526,7 +525,7 @@ describe('UsaNavPrimary', () => {
   })
 
   it('escape key and clicking outside closes all dropdowns', () => {
-    mount(UsaNavPrimary, {
+    cy.mount(UsaNavPrimary, {
       props: {
         items: testItems,
       },
@@ -576,7 +575,7 @@ describe('UsaNavPrimary', () => {
   it('dropdowns are multiselectable on mobile screens', () => {
     cy.viewport('iphone-6')
 
-    mount(UsaNavPrimary, {
+    cy.mount(UsaNavPrimary, {
       props: {
         items: testItems,
       },
@@ -673,7 +672,7 @@ describe('UsaNavPrimary', () => {
   })
 
   it('clicking dropdown emits items in event', () => {
-    mount(UsaNavPrimary, {
+    cy.mount(UsaNavPrimary, {
       props: {
         items: testItems,
       },
@@ -682,7 +681,9 @@ describe('UsaNavPrimary', () => {
           closeMobileMenu: () => {},
         },
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-nav__primary > .usa-nav__primary-item:nth-of-type(3)').as(
       'dropdown'
diff --git a/src/components/UsaNavPrimary/UsaNavPrimary.vue b/src/components/UsaNavPrimary/UsaNavPrimary.vue
index c7acbd85..8e8e3393 100644
--- a/src/components/UsaNavPrimary/UsaNavPrimary.vue
+++ b/src/components/UsaNavPrimary/UsaNavPrimary.vue
@@ -2,7 +2,7 @@
 import { ref, computed, reactive, watch, provide, inject } from 'vue'
 import { MOBILE_MENU_BREAKPOINT } from '@/utils/constants.js'
 import { onKeyStroke, useMediaQuery, onClickOutside } from '@vueuse/core'
-import useAccordion from '@/composables/useAccordion.js'
+import { useAccordion } from '@/composables/useAccordion.js'
 import UsaNavPrimaryItem from '@/components/UsaNavPrimaryItem'
 import UsaNavDropdown from '@/components/UsaNavDropdown'
 import UsaNavDropdownButton from '@/components/UsaNavDropdownButton'
diff --git a/src/components/UsaNavPrimaryItem/UsaNavPrimaryItem.test.js b/src/components/UsaNavPrimaryItem/UsaNavPrimaryItem.test.js
index 277a3b79..57800e52 100644
--- a/src/components/UsaNavPrimaryItem/UsaNavPrimaryItem.test.js
+++ b/src/components/UsaNavPrimaryItem/UsaNavPrimaryItem.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaNavPrimaryItem from './UsaNavPrimaryItem.vue'
 
 describe('UsaNavPrimaryItem', () => {
   it('renders the component', () => {
-    mount(UsaNavPrimaryItem, {
+    cy.mount(UsaNavPrimaryItem, {
       props: {
         href: '#',
       },
@@ -46,7 +45,7 @@ describe('UsaNavPrimaryItem', () => {
   })
 
   it('renders as vue router link', () => {
-    mount(UsaNavPrimaryItem, {
+    cy.mount(UsaNavPrimaryItem, {
       props: {
         to: '/test',
         'router-component-name': 'router-link',
diff --git a/src/components/UsaNavSecondary/UsaNavSecondary.test.js b/src/components/UsaNavSecondary/UsaNavSecondary.test.js
index 920d89ea..46d65233 100644
--- a/src/components/UsaNavSecondary/UsaNavSecondary.test.js
+++ b/src/components/UsaNavSecondary/UsaNavSecondary.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { h } from 'vue'
 import UsaNavSecondary from './UsaNavSecondary.vue'
 
@@ -20,7 +19,7 @@ describe('UsaNavSecondary', () => {
   })
 
   it('renders the component', () => {
-    mount(UsaNavSecondary, {
+    cy.mount(UsaNavSecondary, {
       slots: {
         search: () => h('span', {}, 'Test search slot'),
       },
@@ -35,13 +34,13 @@ describe('UsaNavSecondary', () => {
   })
 
   it('displays nothing if search slot is not used or header is not `extended` variant', () => {
-    mount(UsaNavSecondary, {})
+    cy.mount(UsaNavSecondary, {})
 
     cy.get('[data-v-app]').children().should('not.exist')
   })
 
   it('displays list of links', () => {
-    mount(UsaNavSecondary, {
+    cy.mount(UsaNavSecondary, {
       props: {
         items: testLinks,
       },
diff --git a/src/components/UsaNavSubmenu/UsaNavSubmenu.test.js b/src/components/UsaNavSubmenu/UsaNavSubmenu.test.js
index b2e5c3ac..95ac41bf 100644
--- a/src/components/UsaNavSubmenu/UsaNavSubmenu.test.js
+++ b/src/components/UsaNavSubmenu/UsaNavSubmenu.test.js
@@ -1,11 +1,10 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { ref, reactive } from 'vue'
 import UsaNavSubmenu from './UsaNavSubmenu.vue'
 
 describe('UsaNavSubmenu', () => {
   it('renders the component', () => {
-    mount(UsaNavSubmenu, {
+    cy.mount(UsaNavSubmenu, {
       slots: {
         default: () => 'Test submenu',
       },
@@ -29,7 +28,7 @@ describe('UsaNavSubmenu', () => {
   })
 
   it('`hidden` attribute is not added when submenu is open', () => {
-    mount(UsaNavSubmenu, {
+    cy.mount(UsaNavSubmenu, {
       slots: {
         default: () => 'Test submenu',
       },
@@ -47,7 +46,7 @@ describe('UsaNavSubmenu', () => {
   })
 
   it('megamenu displays single column', () => {
-    mount(UsaNavSubmenu, {
+    cy.mount(UsaNavSubmenu, {
       props: {
         customClasses: {
           gridRow: ['test-grid-row'],
@@ -91,7 +90,7 @@ describe('UsaNavSubmenu', () => {
   })
 
   it('megamenu displays multiple columns', () => {
-    mount(UsaNavSubmenu, {
+    cy.mount(UsaNavSubmenu, {
       props: {
         cols: 3,
         customClasses: {
@@ -163,7 +162,7 @@ describe('UsaNavSubmenu', () => {
   it('warns in console about invalid megamenu column number', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaNavSubmenu, {
+    cy.mount(UsaNavSubmenu, {
       props: {
         cols: 0,
         customClasses: {},
diff --git a/src/components/UsaNavSubmenuItem/UsaNavSubmenuItem.test.js b/src/components/UsaNavSubmenuItem/UsaNavSubmenuItem.test.js
index 54b8a048..2719d7b6 100644
--- a/src/components/UsaNavSubmenuItem/UsaNavSubmenuItem.test.js
+++ b/src/components/UsaNavSubmenuItem/UsaNavSubmenuItem.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaNavSubmenuItem from './UsaNavSubmenuItem.vue'
 
 describe('UsaNavSubmenuItem', () => {
   it('renders the component', () => {
-    mount(UsaNavSubmenuItem, {
+    cy.mount(UsaNavSubmenuItem, {
       props: {
         href: '/test-page',
       },
@@ -35,7 +34,7 @@ describe('UsaNavSubmenuItem', () => {
   })
 
   it('clicking link trigger `closeAllDropdowns` method', () => {
-    mount(UsaNavSubmenuItem, {
+    cy.mount(UsaNavSubmenuItem, {
       props: {
         routerComponentName: 'router-link',
       },
diff --git a/src/components/UsaNavbar/UsaNavbar.test.js b/src/components/UsaNavbar/UsaNavbar.test.js
index 06a76859..213343b4 100644
--- a/src/components/UsaNavbar/UsaNavbar.test.js
+++ b/src/components/UsaNavbar/UsaNavbar.test.js
@@ -1,11 +1,10 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { h } from 'vue'
 import UsaNavbar from './UsaNavbar.vue'
 
 describe('UsaNavbar', () => {
   it('renders the component', () => {
-    mount(UsaNavbar, {}).as('wrapper')
+    cy.mount(UsaNavbar, {}).its('wrapper').as('wrapper')
 
     cy.get('div.usa-navbar').should('exist')
     cy.get('button.usa-menu-btn')
@@ -30,7 +29,7 @@ describe('UsaNavbar', () => {
   })
 
   it('custom slot content is rendered', () => {
-    mount(UsaNavbar, {
+    cy.mount(UsaNavbar, {
       slots: {
         default: () => h('span', {}, 'Test default slot content'),
         'menu-button': ({ menuButtonLabel }) =>
@@ -43,7 +42,7 @@ describe('UsaNavbar', () => {
   })
 
   it('button contains custom label text', () => {
-    mount(UsaNavbar, {
+    cy.mount(UsaNavbar, {
       props: {
         menuButtonLabel: 'Custom Menu',
       },
@@ -53,7 +52,7 @@ describe('UsaNavbar', () => {
   })
 
   it('button has custom CSS class', () => {
-    mount(UsaNavbar, {
+    cy.mount(UsaNavbar, {
       props: {
         customClasses: {
           button: ['test-button-class'],
diff --git a/src/components/UsaNavbar/UsaNavbar.vue b/src/components/UsaNavbar/UsaNavbar.vue
index 3020b37f..b8b2a91e 100644
--- a/src/components/UsaNavbar/UsaNavbar.vue
+++ b/src/components/UsaNavbar/UsaNavbar.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { provide } from 'vue'
-import useMobileMenu from '@/composables/useMobileMenu.js'
+import { useMobileMenu } from '@/composables/useMobileMenu.js'
 
 const emit = defineEmits(['mobileMenuOpen'])
 
diff --git a/src/components/UsaOverlay/UsaOverlay.test.js b/src/components/UsaOverlay/UsaOverlay.test.js
index 1cad768c..bf463122 100644
--- a/src/components/UsaOverlay/UsaOverlay.test.js
+++ b/src/components/UsaOverlay/UsaOverlay.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaOverlay from './UsaOverlay.vue'
 
 describe('UsaOverlay', () => {
   it('renders the component', () => {
-    mount(UsaOverlay, {}).as('wrapper')
+    cy.mount(UsaOverlay, {}).its('wrapper').as('wrapper')
 
     cy.get('.usa-overlay').should('not.be.visible')
 
diff --git a/src/components/UsaPagination/UsaPagination.test.js b/src/components/UsaPagination/UsaPagination.test.js
index f7a7f35d..57f64270 100644
--- a/src/components/UsaPagination/UsaPagination.test.js
+++ b/src/components/UsaPagination/UsaPagination.test.js
@@ -1,6 +1,5 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
 import { h } from 'vue'
-import { mount } from '@cypress/vue'
 import UsaPagination from './UsaPagination.vue'
 import UsaPaginationArrow from '@/components/UsaPaginationArrow'
 
@@ -32,7 +31,7 @@ describe('UsaPagination', () => {
   })
 
   it('renders the component', () => {
-    mount(UsaPagination, {
+    cy.mount(UsaPagination, {
       props: {
         currentPage: 2,
         items: generateTestItems(8, {}),
@@ -127,12 +126,14 @@ describe('UsaPagination', () => {
   })
 
   it('does not show the previous/next links on the first/last pages', () => {
-    mount(UsaPagination, {
+    cy.mount(UsaPagination, {
       props: {
         currentPage: 1,
         items: generateTestItems(8, {}),
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('li.usa-pagination__item:nth-child(1)').as('itemPrevious')
     cy.get('li.usa-pagination__item:nth-child(9)').as('itemNext')
@@ -162,13 +163,15 @@ describe('UsaPagination', () => {
   })
 
   it('when `unbound` prop is true, the last slot is always a overflow item unless on the last page', () => {
-    mount(UsaPagination, {
+    cy.mount(UsaPagination, {
       props: {
         unbounded: true,
         currentPage: 10,
         items: generateTestItems(20, {}),
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('li.usa-pagination__item:nth-child(8)').as('item7')
 
@@ -203,7 +206,7 @@ describe('UsaPagination', () => {
   })
 
   it('shows custom aria label', () => {
-    mount(UsaPagination, {
+    cy.mount(UsaPagination, {
       props: {
         currentPage: 1,
         items: generateTestItems(1, {}),
@@ -219,7 +222,7 @@ describe('UsaPagination', () => {
   })
 
   it('shows custom item labels', () => {
-    mount(UsaPagination, {
+    cy.mount(UsaPagination, {
       props: {
         currentPage: 2,
         items: generateTestItems(10, {}),
@@ -270,7 +273,7 @@ describe('UsaPagination', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaPagination, {
+    cy.mount(UsaPagination, {
       props: {
         currentPage: 2,
         items: generateTestItems(8, {}),
@@ -284,7 +287,7 @@ describe('UsaPagination', () => {
   })
 
   it('renders custom content in previous and next icon/label slots', () => {
-    mount(UsaPagination, {
+    cy.mount(UsaPagination, {
       props: {
         currentPage: 2,
         items: generateTestItems(8, {}),
@@ -307,12 +310,14 @@ describe('UsaPagination', () => {
   })
 
   it('all items show if there are <= to 7 items total', () => {
-    mount(UsaPagination, {
+    cy.mount(UsaPagination, {
       props: {
         currentPage: 1,
         items: generateTestItems(1, {}),
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     for (let i = 1; i <= 7; i++) {
       for (let j = 1; j <= i; j++) {
@@ -330,20 +335,24 @@ describe('UsaPagination', () => {
   })
 
   it('correct items show when clicking through available `bounded` pages', () => {
-    const wrapper = mount(UsaPagination, {
-      props: {
-        currentPage: 1,
-        items: generateTestItems(12, {}),
-        'onUpdate:current-page': async currentPage => {
-          await wrapper.vue().then(vm => {
-            vm.setProps({ currentPage: currentPage })
-          })
+    // eslint-disable-next-line cypress/no-assigning-return-values
+    const wrapper = cy
+      .mount(UsaPagination, {
+        props: {
+          currentPage: 1,
+          items: generateTestItems(12, {}),
+          'onUpdate:current-page': async currentPage => {
+            await wrapper.vue().then(vm => {
+              vm.setProps({ currentPage: currentPage })
+            })
+          },
         },
-      },
-    }).as('wrapper')
+      })
+      .its('wrapper')
+      .as('wrapper')
 
     // Pages 1-4
-    for (let i = 1; i <= 4; i++) {
+    cy.wrap([1, 2, 3, 4]).each(i => {
       cy.get('li.usa-pagination__item:nth-child(1)')
         .as('itemPrevious')
         .should('exist')
@@ -416,15 +425,16 @@ describe('UsaPagination', () => {
           expect(currentPageEvent).to.have.length(i)
         })
 
-      cy.get(`@item${i + 1}`)
-        .should('have.class', 'usa-current')
-        .should('contain', `${i + 1}`)
-
-      cy.get(`@item${i}`).should('not.have.class', 'usa-current')
-    }
+      if (i != 4) {
+        cy.get(`@item${i + 1}`)
+          .should('contain', `${i + 1}`)
+          .and('have.class', 'usa-current')
+        cy.get(`@item${i}`).should('not.have.class', 'usa-current')
+      }
+    })
 
     // Pages 5-8
-    for (let i = 5; i < 9; i++) {
+    cy.wrap([5, 6, 7, 8]).each(i => {
       cy.get(`li.usa-pagination__item:nth-child(5) > *`)
         .should('contain', `${i}`)
         .and('have.class', 'usa-current')
@@ -503,10 +513,10 @@ describe('UsaPagination', () => {
               expect(currentPageEvent).to.have.length(i)
             })
         })
-    }
+    })
 
     // Pages 9-12
-    for (let i = 9; i < 12; i++) {
+    cy.wrap([9, 10, 11]).each(i => {
       cy.get(`li.usa-pagination__item:nth-child(${i - 4}) > *`)
         .should('have.class', 'usa-current')
         .then(() => {
@@ -562,16 +572,18 @@ describe('UsaPagination', () => {
             'usa-current'
           )
         })
-    }
+    })
   })
 
   it('the total pages always matches the `total-pages` prop value', () => {
-    mount(UsaPagination, {
+    cy.mount(UsaPagination, {
       props: {
         currentPage: 1,
         items: generateTestItems(2, {}),
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('li.usa-pagination__item:nth-last-child(2)')
       .children()
@@ -594,7 +606,7 @@ describe('UsaPagination', () => {
   })
 
   it('shows `previous` and `next` arrow slot content', () => {
-    mount(UsaPagination, {
+    cy.mount(UsaPagination, {
       props: {
         currentPage: 4,
         items: generateTestItems(7, {}),
@@ -633,7 +645,8 @@ describe('UsaPagination', () => {
   })
 
   it('clicking next/previous link goes to the next/previous page', () => {
-    const wrapper = mount(UsaPagination, {
+    // eslint-disable-next-line cypress/no-assigning-return-values
+    const wrapper = cy.mount(UsaPagination, {
       props: {
         currentPage: 1,
         items: generateTestItems(6, {}),
@@ -664,7 +677,7 @@ describe('UsaPagination', () => {
   })
 
   it('page links renders as `router-link` if vue-router is detected', () => {
-    mount(UsaPagination, {
+    cy.mount(UsaPagination, {
       props: {
         currentPage: 2,
         items: generateTestItems(6, {
@@ -682,7 +695,7 @@ describe('UsaPagination', () => {
   })
 
   it('page links renders as `nuxt-link` if nuxt is detected', () => {
-    mount(UsaPagination, {
+    cy.mount(UsaPagination, {
       props: {
         currentPage: 2,
         items: generateTestItems(6, {
@@ -700,7 +713,7 @@ describe('UsaPagination', () => {
   })
 
   it('page links renders as `a` tags if `href` prop is used`', () => {
-    mount(UsaPagination, {
+    cy.mount(UsaPagination, {
       props: {
         currentPage: 2,
         items: generateTestItems(6, {
@@ -713,7 +726,7 @@ describe('UsaPagination', () => {
   })
 
   it('page links renders as `button` tags if no `BaseLink` props are provided', () => {
-    mount(UsaPagination, {
+    cy.mount(UsaPagination, {
       props: {
         currentPage: 2,
         items: generateTestItems(6, {}),
@@ -724,7 +737,8 @@ describe('UsaPagination', () => {
   })
 
   it('props are bound to scoped slots', () => {
-    const wrapper = mount(UsaPagination, {
+    // eslint-disable-next-line cypress/no-assigning-return-values
+    const wrapper = cy.mount(UsaPagination, {
       props: {
         currentPage: 4,
         items: generateTestItems(6, {}),
@@ -781,7 +795,7 @@ describe('UsaPagination', () => {
   it('warns in console of deprecated placeholder character and slots', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaPagination, {
+    cy.mount(UsaPagination, {
       props: {
         currentPage: 2,
         items: generateTestItems(8, {}),
diff --git a/src/components/UsaPagination/UsaPagination.vue b/src/components/UsaPagination/UsaPagination.vue
index ff754141..7c9fdd88 100644
--- a/src/components/UsaPagination/UsaPagination.vue
+++ b/src/components/UsaPagination/UsaPagination.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { computed, toRef, useSlots } from 'vue'
-import usePagination from '@/composables/usePagination.js'
+import { usePagination } from '@/composables/usePagination.js'
 import UsaPaginationArrow from '@/components/UsaPaginationArrow'
 import UsaPaginationItem from '@/components/UsaPaginationItem'
 
diff --git a/src/components/UsaPaginationArrow/UsaPaginationArrow.test.js b/src/components/UsaPaginationArrow/UsaPaginationArrow.test.js
index 77abc2a4..91046b5a 100644
--- a/src/components/UsaPaginationArrow/UsaPaginationArrow.test.js
+++ b/src/components/UsaPaginationArrow/UsaPaginationArrow.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaPaginationArrow from './UsaPaginationArrow.vue'
 
 describe('UsaPaginationArrow', () => {
@@ -10,13 +9,15 @@ describe('UsaPaginationArrow', () => {
   })
 
   it('renders the component', () => {
-    mount(UsaPaginationArrow, {
+    cy.mount(UsaPaginationArrow, {
       props: {
         direction: 'previous',
         label: 'Previous',
         ariaLabel: 'Previous page',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('li.usa-pagination__item.usa-pagination__arrow')
       .as('arrowItem')
@@ -52,7 +53,7 @@ describe('UsaPaginationArrow', () => {
   })
 
   it('default slot override `label` prop', () => {
-    mount(UsaPaginationArrow, {
+    cy.mount(UsaPaginationArrow, {
       props: {
         direction: 'previous',
         label: 'Previous',
@@ -71,7 +72,7 @@ describe('UsaPaginationArrow', () => {
   })
 
   it('renders default icon svgs', () => {
-    mount(UsaPaginationArrow, {
+    cy.mount(UsaPaginationArrow, {
       props: {
         direction: 'previous',
         label: 'Previous',
@@ -82,7 +83,9 @@ describe('UsaPaginationArrow', () => {
           'vueUswds.svgSpritePath': '/test.svg',
         },
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-pagination__arrow svg')
       .as('arrowSvg')
@@ -114,7 +117,7 @@ describe('UsaPaginationArrow', () => {
   })
 
   it('renders custom `before` and `after` slot content', () => {
-    mount(UsaPaginationArrow, {
+    cy.mount(UsaPaginationArrow, {
       props: {
         direction: 'previous',
         label: 'Previous',
@@ -124,7 +127,9 @@ describe('UsaPaginationArrow', () => {
         before: () => 'Test previous slot',
         after: () => 'Test next slot',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-pagination__arrow').as('arrowItem').should('exist')
 
@@ -144,7 +149,7 @@ describe('UsaPaginationArrow', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaPaginationArrow, {
+    cy.mount(UsaPaginationArrow, {
       props: {
         direction: 'previous',
         label: 'Previous',
@@ -170,7 +175,7 @@ describe('UsaPaginationArrow', () => {
   it('warns in console about invalid direction prop', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaPaginationArrow, {
+    cy.mount(UsaPaginationArrow, {
       props: {
         direction: 'notdirection',
         label: 'Previous',
@@ -187,7 +192,7 @@ describe('UsaPaginationArrow', () => {
   it('warns in console about required aria-label prop', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaPaginationArrow, {
+    cy.mount(UsaPaginationArrow, {
       props: {
         direction: 'previous',
         label: 'Previous',
@@ -201,13 +206,15 @@ describe('UsaPaginationArrow', () => {
   })
 
   it('should only have `usa-button--unstyled` CSS class if button', () => {
-    mount(UsaPaginationArrow, {
+    cy.mount(UsaPaginationArrow, {
       props: {
         direction: 'previous',
         label: 'Previous',
         ariaLabel: 'Previous page',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-pagination__arrow button').should(
       'have.class',
@@ -225,7 +232,7 @@ describe('UsaPaginationArrow', () => {
   })
 
   it('renders as `router-link` if vue-router is detected', () => {
-    mount(UsaPaginationArrow, {
+    cy.mount(UsaPaginationArrow, {
       props: {
         direction: 'previous',
         label: 'Previous',
@@ -243,7 +250,7 @@ describe('UsaPaginationArrow', () => {
   })
 
   it('renders as `nuxt-link` if nuxt is detected', () => {
-    mount(UsaPaginationArrow, {
+    cy.mount(UsaPaginationArrow, {
       props: {
         direction: 'previous',
         label: 'Previous',
diff --git a/src/components/UsaPaginationItem/UsaPaginationItem.test.js b/src/components/UsaPaginationItem/UsaPaginationItem.test.js
index 37bb382d..2ee653dc 100644
--- a/src/components/UsaPaginationItem/UsaPaginationItem.test.js
+++ b/src/components/UsaPaginationItem/UsaPaginationItem.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaPaginationItem from './UsaPaginationItem.vue'
 
 describe('UsaPaginationItem', () => {
   it('renders the component', () => {
-    mount(UsaPaginationItem, {
+    cy.mount(UsaPaginationItem, {
       props: {
         pageNumber: 1,
         ariaLabel: 'Page 1',
@@ -29,7 +28,7 @@ describe('UsaPaginationItem', () => {
   })
 
   it('current page should have `aria-current` attribute and `usa-current` CSS class', () => {
-    mount(UsaPaginationItem, {
+    cy.mount(UsaPaginationItem, {
       props: {
         pageNumber: 2,
         ariaLabel: 'Page 2',
@@ -44,12 +43,14 @@ describe('UsaPaginationItem', () => {
   })
 
   it('should only have `usa-button--unstyled` CSS class if button', () => {
-    mount(UsaPaginationItem, {
+    cy.mount(UsaPaginationItem, {
       props: {
         pageNumber: 3,
         ariaLabel: 'Page 3',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-pagination__item button').should(
       'have.class',
@@ -67,7 +68,7 @@ describe('UsaPaginationItem', () => {
   })
 
   it('renders as `router-link` if vue-router is detected', () => {
-    mount(UsaPaginationItem, {
+    cy.mount(UsaPaginationItem, {
       props: {
         pageNumber: 3,
         ariaLabel: 'Page 3',
@@ -84,7 +85,7 @@ describe('UsaPaginationItem', () => {
   })
 
   it('renders as `nuxt-link` if nuxt is detected', () => {
-    mount(UsaPaginationItem, {
+    cy.mount(UsaPaginationItem, {
       props: {
         pageNumber: 3,
         ariaLabel: 'Page 3',
@@ -103,7 +104,7 @@ describe('UsaPaginationItem', () => {
   it('warns in console about required aria-label prop', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaPaginationItem, {
+    cy.mount(UsaPaginationItem, {
       props: {
         pageNumber: 3,
       },
@@ -118,7 +119,7 @@ describe('UsaPaginationItem', () => {
   it('warns in console about invalid `pageNumber` prop value', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaPaginationItem, {
+    cy.mount(UsaPaginationItem, {
       props: {
         pageNumber: 0,
         ariaLabel: 'Page 3',
diff --git a/src/components/UsaPasswordMask/UsaPasswordMask.test.js b/src/components/UsaPasswordMask/UsaPasswordMask.test.js
index 39a3a442..57dbdfd3 100644
--- a/src/components/UsaPasswordMask/UsaPasswordMask.test.js
+++ b/src/components/UsaPasswordMask/UsaPasswordMask.test.js
@@ -1,11 +1,10 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaPasswordMask from './UsaPasswordMask.vue'
 import UsaTextInput from '@/components/UsaTextInput'
 
 describe('UsaPasswordMask', () => {
   it('renders the component', () => {
-    mount(UsaPasswordMask, {
+    cy.mount(UsaPasswordMask, {
       attrs: {
         'data-test': 'test-attr',
       },
@@ -37,7 +36,7 @@ describe('UsaPasswordMask', () => {
   })
 
   it('displays custom show/hide text', () => {
-    mount(UsaPasswordMask, {
+    cy.mount(UsaPasswordMask, {
       props: {
         showText: 'Custom show text',
         hideText: 'Custom hide text',
@@ -77,7 +76,7 @@ describe('UsaPasswordMask', () => {
         </UsaPasswordMask>`,
     }
 
-    mount(wrapperComponent, {}).as('wrapper')
+    cy.mount(wrapperComponent, {}).its('wrapper').as('wrapper')
 
     cy.get('input:nth-of-type(1)')
       .as('input1')
diff --git a/src/components/UsaProcessList/UsaProcessList.test.js b/src/components/UsaProcessList/UsaProcessList.test.js
index 01dbb951..2abd2d2c 100644
--- a/src/components/UsaProcessList/UsaProcessList.test.js
+++ b/src/components/UsaProcessList/UsaProcessList.test.js
@@ -1,11 +1,10 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
 import { h } from 'vue'
-import { mount } from '@cypress/vue'
 import UsaProcessList from './UsaProcessList.vue'
 
 describe('UsaProcessList', () => {
   it('renders the component', () => {
-    mount(UsaProcessList, {
+    cy.mount(UsaProcessList, {
       slots: {
         default: () => h('li', null, 'Test'),
       },
diff --git a/src/components/UsaProcessListItem/UsaProcessListItem.test.js b/src/components/UsaProcessListItem/UsaProcessListItem.test.js
index 74908e62..484fafeb 100644
--- a/src/components/UsaProcessListItem/UsaProcessListItem.test.js
+++ b/src/components/UsaProcessListItem/UsaProcessListItem.test.js
@@ -1,6 +1,5 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
 import { h } from 'vue'
-import { mount } from '@cypress/vue'
 import UsaProcessList from '@/components/UsaProcessList'
 import UsaProcessListItem from './UsaProcessListItem.vue'
 
@@ -23,7 +22,7 @@ describe('UsaProcessListItem', () => {
   }
 
   it('renders the component', () => {
-    mount(ProcessListWrapper, {})
+    cy.mount(ProcessListWrapper, {})
 
     cy.get('ol.usa-process-list').should('exist')
     cy.get('li.usa-process-list__item').should('exist')
@@ -54,7 +53,7 @@ describe('UsaProcessListItem', () => {
       `,
     }
 
-    mount(ProcessListWrapper, {})
+    cy.mount(ProcessListWrapper, {})
 
     cy.get('.test-heading-class').should('exist')
   })
@@ -74,7 +73,7 @@ describe('UsaProcessListItem', () => {
       `,
     }
 
-    mount(ProcessListWrapper, {})
+    cy.mount(ProcessListWrapper, {})
 
     cy.get('.usa-process-list__heading').should('contain', 'Test Heading Slot')
   })
@@ -91,7 +90,7 @@ describe('UsaProcessListItem', () => {
       `,
     }
 
-    mount(ProcessListWrapper, {})
+    cy.mount(ProcessListWrapper, {})
 
     cy.get('h1.usa-process-list__heading').should('exist')
   })
@@ -108,7 +107,7 @@ describe('UsaProcessListItem', () => {
       `,
     }
 
-    mount(UsaProcessList, {
+    cy.mount(UsaProcessList, {
       slots: {
         default: () => h(processListItem),
       },
@@ -129,7 +128,7 @@ describe('UsaProcessListItem', () => {
       `,
     }
 
-    mount(UsaProcessList, {
+    cy.mount(UsaProcessList, {
       slots: {
         default: () => h(processListItem),
       },
diff --git a/src/components/UsaRadio/UsaRadio.test.js b/src/components/UsaRadio/UsaRadio.test.js
index e4965122..812fab07 100644
--- a/src/components/UsaRadio/UsaRadio.test.js
+++ b/src/components/UsaRadio/UsaRadio.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaRadio from './UsaRadio.vue'
 
 describe('UsaRadio', () => {
   it('renders the component', () => {
-    mount(UsaRadio, {
+    cy.mount(UsaRadio, {
       props: {
         label: 'Test label',
         description: 'Test description',
@@ -13,7 +12,9 @@ describe('UsaRadio', () => {
         value: 'test-radio-value',
         name: 'text-radio-name',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-radio').should('exist')
 
@@ -57,7 +58,7 @@ describe('UsaRadio', () => {
   })
 
   it('radio is checked by default', () => {
-    mount(UsaRadio, {
+    cy.mount(UsaRadio, {
       props: {
         label: 'Test label',
         checked: true,
@@ -68,7 +69,7 @@ describe('UsaRadio', () => {
   })
 
   it('`tiled` prop added correct CSS class', () => {
-    mount(UsaRadio, {
+    cy.mount(UsaRadio, {
       props: {
         label: 'Test label',
         tile: true,
@@ -79,7 +80,7 @@ describe('UsaRadio', () => {
   })
 
   it('`disabled` attr binding disables radio button', () => {
-    mount(UsaRadio, {
+    cy.mount(UsaRadio, {
       props: {
         label: 'Test label',
       },
@@ -92,7 +93,7 @@ describe('UsaRadio', () => {
   })
 
   it('root element does not inherit attrs', () => {
-    mount(UsaRadio, {
+    cy.mount(UsaRadio, {
       props: {
         label: 'Test label',
       },
@@ -106,7 +107,7 @@ describe('UsaRadio', () => {
   })
 
   it('uses slot content', () => {
-    mount(UsaRadio, {
+    cy.mount(UsaRadio, {
       props: {
         label: 'Test label',
         description: 'Test description',
@@ -125,7 +126,7 @@ describe('UsaRadio', () => {
   })
 
   it('does not render description wrapper span if `description` slot or prop not used', () => {
-    mount(UsaRadio, {
+    cy.mount(UsaRadio, {
       props: {
         label: 'Test label',
       },
@@ -138,7 +139,7 @@ describe('UsaRadio', () => {
   })
 
   it('uses custom id and associates label with `for` attribute', () => {
-    mount(UsaRadio, {
+    cy.mount(UsaRadio, {
       props: {
         label: 'Test label',
         id: 'test-custom-id',
@@ -152,7 +153,7 @@ describe('UsaRadio', () => {
   })
 
   it('uses custom CSS classes', () => {
-    mount(UsaRadio, {
+    cy.mount(UsaRadio, {
       props: {
         label: 'Test label',
         description: 'Test description',
diff --git a/src/components/UsaRange/UsaRange.test.js b/src/components/UsaRange/UsaRange.test.js
index 14ddbd83..831669a0 100644
--- a/src/components/UsaRange/UsaRange.test.js
+++ b/src/components/UsaRange/UsaRange.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaRange from './UsaRange.vue'
 
 describe('UsaRange', () => {
   it('renders the component', () => {
-    mount(UsaRange, {
+    cy.mount(UsaRange, {
       props: {
         label: 'Test label',
       },
@@ -36,7 +35,7 @@ describe('UsaRange', () => {
   })
 
   it('displays `label`, `hint`, and `error-message` slot content', () => {
-    mount(UsaRange, {
+    cy.mount(UsaRange, {
       props: {
         label: 'Test label',
         id: 'custom-id',
@@ -46,7 +45,9 @@ describe('UsaRange', () => {
         hint: () => 'Test hint slot',
         'error-message': () => 'Test error slot',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-form-group').should('not.have.class', 'usa-form-group--error')
 
@@ -85,7 +86,7 @@ describe('UsaRange', () => {
   })
 
   it('add required attribute if `required` prop is true', () => {
-    mount(UsaRange, {
+    cy.mount(UsaRange, {
       props: {
         required: true,
       },
@@ -107,7 +108,7 @@ describe('UsaRange', () => {
   })
 
   it('wraps component in form group if error message is displayed', () => {
-    mount(UsaRange, {
+    cy.mount(UsaRange, {
       props: {
         error: true,
       },
@@ -121,12 +122,14 @@ describe('UsaRange', () => {
   })
 
   it('emits update event when selection changes', () => {
-    mount(UsaRange, {
+    cy.mount(UsaRange, {
       props: {
         label: 'Test label',
         modelValue: 50,
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-range').as('range').should('have.value', 50)
     cy.get('@wrapper')
@@ -159,7 +162,7 @@ describe('UsaRange', () => {
   })
 
   it('uses custom CSS classes', () => {
-    mount(UsaRange, {
+    cy.mount(UsaRange, {
       props: {
         label: 'Test label',
         customClasses: {
diff --git a/src/components/UsaSearch/UsaSearch.test.js b/src/components/UsaSearch/UsaSearch.test.js
index ecba8440..5673833c 100644
--- a/src/components/UsaSearch/UsaSearch.test.js
+++ b/src/components/UsaSearch/UsaSearch.test.js
@@ -1,11 +1,10 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaSearch from './UsaSearch.vue'
 import { h } from 'vue'
 
 describe('UsaSearch', () => {
   it('renders the component', () => {
-    mount(UsaSearch, {})
+    cy.mount(UsaSearch, {})
 
     cy.get('form.usa-search')
       .should('have.class', 'usa-search--medium')
@@ -50,7 +49,7 @@ describe('UsaSearch', () => {
   })
 
   it('displays each variant size type', () => {
-    mount(UsaSearch, {}).as('wrapper')
+    cy.mount(UsaSearch, {}).its('wrapper').as('wrapper')
 
     cy.get('.usa-search').should('have.class', 'usa-search--medium')
 
@@ -80,7 +79,7 @@ describe('UsaSearch', () => {
   })
 
   it('uses custom `id`, `label`, `inputAttrs`, and `buttonLabel` prop values', () => {
-    mount(UsaSearch, {
+    cy.mount(UsaSearch, {
       props: {
         label: 'Test label',
         id: 'custom-id',
@@ -103,7 +102,7 @@ describe('UsaSearch', () => {
   })
 
   it('uses `icon` slot', () => {
-    mount(UsaSearch, {
+    cy.mount(UsaSearch, {
       props: {
         // Icon only displays with small variant.
         variant: 'small',
@@ -122,7 +121,7 @@ describe('UsaSearch', () => {
   })
 
   it('icon image path uses custom injected `imagePath` value', () => {
-    mount(UsaSearch, {
+    cy.mount(UsaSearch, {
       props: {},
       global: {
         provide: {
@@ -137,11 +136,13 @@ describe('UsaSearch', () => {
   })
 
   it('emits input event when changed', () => {
-    mount(UsaSearch, {
+    cy.mount(UsaSearch, {
       props: {
         modelValue: 'Test',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-input').as('input').should('have.value', 'Test')
 
@@ -166,7 +167,7 @@ describe('UsaSearch', () => {
   })
 
   it('uses custom CSS classes', () => {
-    mount(UsaSearch, {
+    cy.mount(UsaSearch, {
       props: {
         customClasses: {
           label: ['test-label-class'],
@@ -190,7 +191,7 @@ describe('UsaSearch', () => {
   it('warns in console invalid `variant` prop value', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaSearch, {
+    cy.mount(UsaSearch, {
       props: {
         variant: 'invalidvariant',
       },
diff --git a/src/components/UsaSelect/UsaSelect.test.js b/src/components/UsaSelect/UsaSelect.test.js
index af2c9586..fb626a89 100644
--- a/src/components/UsaSelect/UsaSelect.test.js
+++ b/src/components/UsaSelect/UsaSelect.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { h } from 'vue'
 import UsaSelect from './UsaSelect.vue'
 
@@ -51,7 +50,7 @@ const testOptions = [
 
 describe('UsaSelect', () => {
   it('renders the component', () => {
-    mount(UsaSelect, {
+    cy.mount(UsaSelect, {
       props: {
         label: 'Test label',
       },
@@ -78,7 +77,7 @@ describe('UsaSelect', () => {
   })
 
   it('displays `label`, `hint`, and `error-message` slot content', () => {
-    mount(UsaSelect, {
+    cy.mount(UsaSelect, {
       props: {
         label: 'Test label',
         id: 'custom-id',
@@ -88,7 +87,9 @@ describe('UsaSelect', () => {
         hint: () => 'Test hint slot',
         'error-message': () => 'Test error slot',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-form-group').should('not.have.class', 'usa-form-group--error')
 
@@ -127,7 +128,7 @@ describe('UsaSelect', () => {
   })
 
   it('wraps component in form group if error message is displayed', () => {
-    mount(UsaSelect, {
+    cy.mount(UsaSelect, {
       props: {
         error: true,
       },
@@ -141,7 +142,7 @@ describe('UsaSelect', () => {
   })
 
   it('renders all select options from `options` prop', () => {
-    mount(UsaSelect, {
+    cy.mount(UsaSelect, {
       props: {
         label: 'Test label',
         options: testOptions,
@@ -243,7 +244,7 @@ describe('UsaSelect', () => {
   })
 
   it('add required attribute if `required` prop is true', () => {
-    mount(UsaSelect, {
+    cy.mount(UsaSelect, {
       props: {
         label: 'Test label',
         required: true,
@@ -263,7 +264,7 @@ describe('UsaSelect', () => {
   })
 
   it('renders default slot with bound `options` prop', () => {
-    mount(UsaSelect, {
+    cy.mount(UsaSelect, {
       props: {
         label: 'Test label',
         options: testOptions,
@@ -288,13 +289,15 @@ describe('UsaSelect', () => {
   })
 
   it('emits update event when selection changes', () => {
-    mount(UsaSelect, {
+    cy.mount(UsaSelect, {
       props: {
         label: 'Test label',
         options: testOptions,
         modelValue: 2,
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-select > option:nth-of-type(3)').should('be.selected')
     cy.get('@wrapper')
@@ -344,7 +347,7 @@ describe('UsaSelect', () => {
   })
 
   it('uses custom CSS classes', () => {
-    mount(UsaSelect, {
+    cy.mount(UsaSelect, {
       props: {
         label: 'Test label',
         customClasses: {
@@ -362,7 +365,7 @@ describe('UsaSelect', () => {
   })
 
   it('use group wrapper if `group` prop is true', () => {
-    mount(UsaSelect, {
+    cy.mount(UsaSelect, {
       props: {
         group: true,
       },
diff --git a/src/components/UsaSidenav/UsaSidenav.test.js b/src/components/UsaSidenav/UsaSidenav.test.js
index e7df80bf..f5578ed8 100644
--- a/src/components/UsaSidenav/UsaSidenav.test.js
+++ b/src/components/UsaSidenav/UsaSidenav.test.js
@@ -1,6 +1,5 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
 import { h } from 'vue'
-import { mount } from '@cypress/vue'
 import UsaSidenav from './UsaSidenav.vue'
 
 const testItems = [
@@ -98,7 +97,7 @@ describe('UsaSidenav', () => {
   })
 
   it('renders the component', () => {
-    mount(UsaSidenav, {
+    cy.mount(UsaSidenav, {
       props: {
         items: testItems,
       },
@@ -311,7 +310,7 @@ describe('UsaSidenav', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaSidenav, {
+    cy.mount(UsaSidenav, {
       props: {
         items: testItems,
         customClasses: {
@@ -330,7 +329,7 @@ describe('UsaSidenav', () => {
   })
 
   it('render custom aria label', () => {
-    mount(UsaSidenav, {
+    cy.mount(UsaSidenav, {
       props: {
         items: testItems,
         ariaLabel: 'Custom aria label',
@@ -343,7 +342,7 @@ describe('UsaSidenav', () => {
   })
 
   it('uses custom slot content', () => {
-    mount(UsaSidenav, {
+    cy.mount(UsaSidenav, {
       props: {
         items: testItems,
       },
diff --git a/src/components/UsaSidenavItem/UsaSidenavItem.test.js b/src/components/UsaSidenavItem/UsaSidenavItem.test.js
index e161ddb6..e140e579 100644
--- a/src/components/UsaSidenavItem/UsaSidenavItem.test.js
+++ b/src/components/UsaSidenavItem/UsaSidenavItem.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { h } from 'vue'
 import UsaSidenavItem from './UsaSidenavItem.vue'
 
@@ -21,7 +20,7 @@ describe('UsaSidenavItem', () => {
   })
 
   it('renders the component', () => {
-    mount(UsaSidenavItem, {
+    cy.mount(UsaSidenavItem, {
       props: {
         item: testItem,
         customClasses: {
@@ -60,7 +59,7 @@ describe('UsaSidenavItem', () => {
   })
 
   it('`item` prop is available in scoped slot', () => {
-    mount(UsaSidenavItem, {
+    cy.mount(UsaSidenavItem, {
       props: {
         item: testItem,
       },
@@ -78,7 +77,7 @@ describe('UsaSidenavItem', () => {
   it('warns in console about required `item` prop', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaSidenavItem, {})
+    cy.mount(UsaSidenavItem, {})
 
     cy.get('@consoleWarn').should(
       'be.calledWith',
diff --git a/src/components/UsaSignUp/UsaSignUp.test.js b/src/components/UsaSignUp/UsaSignUp.test.js
index 7f26a602..86454903 100644
--- a/src/components/UsaSignUp/UsaSignUp.test.js
+++ b/src/components/UsaSignUp/UsaSignUp.test.js
@@ -1,11 +1,10 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import { h } from 'vue'
 import UsaSignUp from './UsaSignUp.vue'
 
 describe('UsaSignUp', () => {
   it('renders the component', () => {
-    mount(UsaSignUp, {
+    cy.mount(UsaSignUp, {
       slots: {
         default: () => h('strong', {}, 'Test default slot content'),
       },
@@ -22,7 +21,7 @@ describe('UsaSignUp', () => {
   })
 
   it('heading contains slot text instead of prop text', () => {
-    mount(UsaSignUp, {
+    cy.mount(UsaSignUp, {
       props: {
         heading: 'Custom test heading',
       },
@@ -38,7 +37,7 @@ describe('UsaSignUp', () => {
   })
 
   it('heading matches `heading` prop value and uses correct heading tag', () => {
-    mount(UsaSignUp, {
+    cy.mount(UsaSignUp, {
       props: {
         heading: 'Custom test heading',
         headingTag: 'h4',
@@ -49,7 +48,7 @@ describe('UsaSignUp', () => {
   })
 
   it('custom CSS class are added to correct elements', () => {
-    mount(UsaSignUp, {
+    cy.mount(UsaSignUp, {
       props: {
         customClasses: {
           heading: ['test-heading-class'],
diff --git a/src/components/UsaSiteAlert/UsaSiteAlert.test.js b/src/components/UsaSiteAlert/UsaSiteAlert.test.js
index 3a580d12..e9e17575 100644
--- a/src/components/UsaSiteAlert/UsaSiteAlert.test.js
+++ b/src/components/UsaSiteAlert/UsaSiteAlert.test.js
@@ -1,12 +1,11 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaSiteAlert from './UsaSiteAlert.vue'
 
 const defaultSlotContent = 'Test default slot content'
 
 describe('UsaSiteAlert', () => {
   it('renders the component', () => {
-    mount(UsaSiteAlert, {
+    cy.mount(UsaSiteAlert, {
       props: {
         heading: 'Test Heading Prop Text',
       },
@@ -23,7 +22,7 @@ describe('UsaSiteAlert', () => {
   it('adds the correct variant classes', () => {
     const variants = ['info', 'emergency']
 
-    mount(UsaSiteAlert, {
+    cy.mount(UsaSiteAlert, {
       props: {
         variant: 'info',
         heading: 'Short alert message',
@@ -46,7 +45,7 @@ describe('UsaSiteAlert', () => {
   })
 
   it('does not render the heading element if there is no heading content', () => {
-    mount(UsaSiteAlert, {
+    cy.mount(UsaSiteAlert, {
       slots: {
         default: () => defaultSlotContent,
       },
@@ -56,7 +55,7 @@ describe('UsaSiteAlert', () => {
   })
 
   it('does not visually show the heading when the `slim` prop is true', () => {
-    mount(UsaSiteAlert, {
+    cy.mount(UsaSiteAlert, {
       props: {
         heading: 'Test Heading',
         slim: true,
@@ -71,7 +70,7 @@ describe('UsaSiteAlert', () => {
   })
 
   it('does not show the icon when the `no-icon` prop is true', () => {
-    mount(UsaSiteAlert, {
+    cy.mount(UsaSiteAlert, {
       props: {
         heading: 'Test Heading',
         noIcon: true,
@@ -85,7 +84,7 @@ describe('UsaSiteAlert', () => {
   })
 
   it('renders a custom role attribute', () => {
-    mount(UsaSiteAlert, {
+    cy.mount(UsaSiteAlert, {
       props: {
         heading: 'Test Heading',
         role: 'custom-role',
@@ -99,7 +98,7 @@ describe('UsaSiteAlert', () => {
   })
 
   it('renders custom heading tag', () => {
-    mount(UsaSiteAlert, {
+    cy.mount(UsaSiteAlert, {
       props: {
         heading: 'Test Heading Prop',
         headingTag: 'h1',
@@ -113,7 +112,7 @@ describe('UsaSiteAlert', () => {
   })
 
   it('uses the `heading` slot content', () => {
-    mount(UsaSiteAlert, {
+    cy.mount(UsaSiteAlert, {
       props: {
         heading: 'Test Heading Prop',
       },
@@ -127,7 +126,7 @@ describe('UsaSiteAlert', () => {
   })
 
   it('uses the `message` slot content', () => {
-    mount(UsaSiteAlert, {
+    cy.mount(UsaSiteAlert, {
       props: {
         variant: 'info',
         heading: 'Test Heading Prop',
@@ -142,7 +141,7 @@ describe('UsaSiteAlert', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaSiteAlert, {
+    cy.mount(UsaSiteAlert, {
       props: {
         variant: 'info',
         heading: 'Test Heading',
@@ -165,7 +164,7 @@ describe('UsaSiteAlert', () => {
   it('warns in console about invalid variant prop', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaSiteAlert, {
+    cy.mount(UsaSiteAlert, {
       props: {
         variant: 'notvariant',
         heading: 'Test Heading',
diff --git a/src/components/UsaSkipnav/UsaSkipnav.test.js b/src/components/UsaSkipnav/UsaSkipnav.test.js
index 0ca39c68..06a552ae 100644
--- a/src/components/UsaSkipnav/UsaSkipnav.test.js
+++ b/src/components/UsaSkipnav/UsaSkipnav.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaSkipnav from './UsaSkipnav.vue'
 
 describe('UsaSkipnav', () => {
   it('renders the component', () => {
-    mount(UsaSkipnav, {
+    cy.mount(UsaSkipnav, {
       props: {
         anchor: '#main-content',
       },
@@ -42,7 +41,7 @@ describe('UsaSkipnav', () => {
   })
 
   it('uses custom slot content', () => {
-    mount(UsaSkipnav, {
+    cy.mount(UsaSkipnav, {
       props: {
         anchor: '#main-content',
       },
@@ -57,7 +56,7 @@ describe('UsaSkipnav', () => {
   it('warns in console about invalid anchor prop value', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaSkipnav, {
+    cy.mount(UsaSkipnav, {
       props: {
         anchor: 'badanchor',
       },
diff --git a/src/components/UsaStepIndicator/UsaStepIndicator.test.js b/src/components/UsaStepIndicator/UsaStepIndicator.test.js
index 2c7c4a5e..e46abb11 100644
--- a/src/components/UsaStepIndicator/UsaStepIndicator.test.js
+++ b/src/components/UsaStepIndicator/UsaStepIndicator.test.js
@@ -1,13 +1,12 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
 import { h } from 'vue'
-import { mount } from '@cypress/vue'
 import UsaStepIndicator from './UsaStepIndicator.vue'
 
 const testSteps = ['First Step', 'Second Step', 'Third Step', 'Fourth Step']
 
 describe('UsaStepIndicator', () => {
   it('renders the component', () => {
-    mount(UsaStepIndicator, {
+    cy.mount(UsaStepIndicator, {
       props: {
         steps: testSteps,
       },
@@ -65,7 +64,7 @@ describe('UsaStepIndicator', () => {
   })
 
   it('adds the correct CSS classes for each prop', () => {
-    mount(UsaStepIndicator, {
+    cy.mount(UsaStepIndicator, {
       props: {
         steps: testSteps,
         counters: true,
@@ -97,7 +96,7 @@ describe('UsaStepIndicator', () => {
   })
 
   it('renders custom heading tag', () => {
-    mount(UsaStepIndicator, {
+    cy.mount(UsaStepIndicator, {
       props: {
         steps: testSteps,
         headingTag: 'h4',
@@ -108,12 +107,14 @@ describe('UsaStepIndicator', () => {
   })
 
   it('status CSS classes, attributes, and text, is applied to segments when steps change', () => {
-    mount(UsaStepIndicator, {
+    cy.mount(UsaStepIndicator, {
       props: {
         steps: testSteps,
         currentStepNumber: 1,
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('li.usa-step-indicator__segment:nth-child(1)').as('step1')
     cy.get('li.usa-step-indicator__segment:nth-child(2)').as('step2')
@@ -264,7 +265,7 @@ describe('UsaStepIndicator', () => {
   })
 
   it('uses the `default` slot content', () => {
-    mount(UsaStepIndicator, {
+    cy.mount(UsaStepIndicator, {
       props: {
         steps: testSteps,
       },
@@ -279,7 +280,7 @@ describe('UsaStepIndicator', () => {
   })
 
   it('uses the `header` slot content', () => {
-    mount(UsaStepIndicator, {
+    cy.mount(UsaStepIndicator, {
       props: {
         steps: testSteps,
       },
@@ -294,11 +295,13 @@ describe('UsaStepIndicator', () => {
   it('warns in console about invalid step number being < 1', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaStepIndicator, {
+    cy.mount(UsaStepIndicator, {
       props: {
         steps: testSteps,
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('@wrapper').invoke('setProps', { currentStepNumber: 0 })
 
diff --git a/src/components/UsaStepIndicatorHeader/UsaStepIndicatorHeader.test.js b/src/components/UsaStepIndicatorHeader/UsaStepIndicatorHeader.test.js
index 83078a8c..377bcba7 100644
--- a/src/components/UsaStepIndicatorHeader/UsaStepIndicatorHeader.test.js
+++ b/src/components/UsaStepIndicatorHeader/UsaStepIndicatorHeader.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaStepIndicatorHeader from './UsaStepIndicatorHeader.vue'
 
 const testSteps = ['First Step', 'Second Step', 'Third Step', 'Fourth Step']
@@ -11,7 +10,7 @@ const defaultProps = {
 
 describe('UsaStepIndicatorHeader', () => {
   it('renders the component', () => {
-    mount(UsaStepIndicatorHeader, {
+    cy.mount(UsaStepIndicatorHeader, {
       props: {
         ...defaultProps,
       },
@@ -28,7 +27,7 @@ describe('UsaStepIndicatorHeader', () => {
   })
 
   it('renders custom heading tag', () => {
-    mount(UsaStepIndicatorHeader, {
+    cy.mount(UsaStepIndicatorHeader, {
       props: {
         ...defaultProps,
         headingTag: 'h4',
@@ -39,7 +38,7 @@ describe('UsaStepIndicatorHeader', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaStepIndicatorHeader, {
+    cy.mount(UsaStepIndicatorHeader, {
       props: {
         ...defaultProps,
         customClasses: {
@@ -56,11 +55,13 @@ describe('UsaStepIndicatorHeader', () => {
   })
 
   it('correct step number and header are displayed when step changes', () => {
-    mount(UsaStepIndicatorHeader, {
+    cy.mount(UsaStepIndicatorHeader, {
       props: {
         ...defaultProps,
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     let currentStep = 1
 
@@ -86,11 +87,13 @@ describe('UsaStepIndicatorHeader', () => {
   it('the displayed current step is always > 0 and < total steps', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaStepIndicatorHeader, {
+    cy.mount(UsaStepIndicatorHeader, {
       props: {
         ...defaultProps,
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-step-indicator__current-step').should('contain', 1)
     cy.get('.usa-step-indicator__heading-text').should('contain', testSteps[0])
diff --git a/src/components/UsaStepIndicatorSegment/UsaStepIndicatorSegment.test.js b/src/components/UsaStepIndicatorSegment/UsaStepIndicatorSegment.test.js
index 622b501d..ea242c6d 100644
--- a/src/components/UsaStepIndicatorSegment/UsaStepIndicatorSegment.test.js
+++ b/src/components/UsaStepIndicatorSegment/UsaStepIndicatorSegment.test.js
@@ -1,16 +1,17 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaStepIndicatorSegment from './UsaStepIndicatorSegment.vue'
 
 const testSteps = ['First Step', 'Second Step', 'Third Step', 'Fourth Step']
 
 describe('UsaStepIndicatorSegment', () => {
   it('renders the component', () => {
-    mount(UsaStepIndicatorSegment, {
+    cy.mount(UsaStepIndicatorSegment, {
       props: {
         label: testSteps[0],
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-step-indicator__segment').should('contain', testSteps[0])
 
@@ -30,11 +31,12 @@ describe('UsaStepIndicatorSegment', () => {
   it('warns in console about invalid step status', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaStepIndicatorSegment, {
+    cy.mount(UsaStepIndicatorSegment, {
       props: {
         label: testSteps[0],
       },
     })
+      .its('wrapper')
       .as('wrapper')
       .should('exist')
 
diff --git a/src/components/UsaSummaryBox/UsaSummaryBox.test.js b/src/components/UsaSummaryBox/UsaSummaryBox.test.js
index e19159e9..775ee06d 100644
--- a/src/components/UsaSummaryBox/UsaSummaryBox.test.js
+++ b/src/components/UsaSummaryBox/UsaSummaryBox.test.js
@@ -1,12 +1,11 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaSummaryBox from './UsaSummaryBox.vue'
 
 describe('UsaSummaryBox', () => {
   const defaultSlotContent = `Test slot content.`
 
   it('renders the component', () => {
-    mount(UsaSummaryBox, {
+    cy.mount(UsaSummaryBox, {
       slots: {
         default: () => defaultSlotContent,
       },
@@ -21,7 +20,7 @@ describe('UsaSummaryBox', () => {
   })
 
   it('renders custom heading text', () => {
-    mount(UsaSummaryBox, {
+    cy.mount(UsaSummaryBox, {
       props: {
         heading: 'Custom heading text',
       },
@@ -34,7 +33,7 @@ describe('UsaSummaryBox', () => {
   })
 
   it('aria-labelledby attribute matches id', () => {
-    mount(UsaSummaryBox, {
+    cy.mount(UsaSummaryBox, {
       slots: {
         default: () => defaultSlotContent,
       },
@@ -49,7 +48,7 @@ describe('UsaSummaryBox', () => {
   })
 
   it('uses custom id prop', () => {
-    mount(UsaSummaryBox, {
+    cy.mount(UsaSummaryBox, {
       props: {
         id: 'custom-id',
       },
@@ -66,7 +65,7 @@ describe('UsaSummaryBox', () => {
   })
 
   it('renders custom heading tag', () => {
-    mount(UsaSummaryBox, {
+    cy.mount(UsaSummaryBox, {
       props: {
         heading: 'Test Heading Prop',
         headingTag: 'h1',
@@ -80,7 +79,7 @@ describe('UsaSummaryBox', () => {
   })
 
   it('uses the `heading` slot content', () => {
-    mount(UsaSummaryBox, {
+    cy.mount(UsaSummaryBox, {
       props: {
         heading: 'Custom heading text',
       },
@@ -94,7 +93,7 @@ describe('UsaSummaryBox', () => {
   })
 
   it('adds custom CSS classes', () => {
-    mount(UsaSummaryBox, {
+    cy.mount(UsaSummaryBox, {
       props: {
         customClasses: {
           body: ['test-body-class'],
diff --git a/src/components/UsaTable/UsaTable.test.js b/src/components/UsaTable/UsaTable.test.js
index 8811d6f8..56b11e65 100644
--- a/src/components/UsaTable/UsaTable.test.js
+++ b/src/components/UsaTable/UsaTable.test.js
@@ -1,10 +1,10 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
-import { naturalSort } from '@/utils/sorting.js'
+import { createNaturalSort } from '@/utils/sorting.js'
 import { h } from 'vue'
 import UsaTable from './UsaTable.vue'
 
 describe('UsaTable', () => {
+  const naturalSort = createNaturalSort()
   let testHeaders
   let testRows
 
@@ -165,7 +165,7 @@ describe('UsaTable', () => {
       },
     ]
 
-    mount(UsaTable, {
+    cy.mount(UsaTable, {
       props: {
         headers: testHeaders,
         rows: testRows,
@@ -308,7 +308,7 @@ describe('UsaTable', () => {
   })
 
   it('uses slot content', () => {
-    mount(UsaTable, {
+    cy.mount(UsaTable, {
       props: {
         caption: 'Test caption',
         headers: testHeaders,
@@ -319,7 +319,9 @@ describe('UsaTable', () => {
         headers: () => h('tr', {}, [h('th', {}, 'Test header slot content.')]),
         default: () => h('tr', {}, [h('td', {}, 'Test default slot content.')]),
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-table caption').should('contain', 'Test caption slot.')
     cy.get('.usa-table thead > tr > th').should(
@@ -341,7 +343,7 @@ describe('UsaTable', () => {
   })
 
   it('wraps scrollable table in div', () => {
-    mount(UsaTable, {
+    cy.mount(UsaTable, {
       props: {
         caption: 'Test caption',
         scrollable: true,
@@ -373,7 +375,7 @@ describe('UsaTable', () => {
   })
 
   it('add CSS classes for styling props', () => {
-    mount(UsaTable, {
+    cy.mount(UsaTable, {
       props: {
         caption: 'Test caption',
         borderless: true,
@@ -399,7 +401,7 @@ describe('UsaTable', () => {
       row => row.percent?.sortValue || row.percent
     )
 
-    mount(UsaTable, {
+    cy.mount(UsaTable, {
       props: {
         defaultSortHeader: 'percent',
         defaultSortDirection: 'descending',
@@ -476,7 +478,7 @@ describe('UsaTable', () => {
   })
 
   it('only the age column is sortable', () => {
-    mount(UsaTable, {
+    cy.mount(UsaTable, {
       props: {
         caption: 'Test Table',
         headers: [
@@ -547,7 +549,7 @@ describe('UsaTable', () => {
   })
 
   it('uses header and body scoped slots', () => {
-    mount(UsaTable, {
+    cy.mount(UsaTable, {
       props: {
         headers: [
           'User ID',
diff --git a/src/components/UsaTable/UsaTable.vue b/src/components/UsaTable/UsaTable.vue
index 3b15b0d1..86bdcc0b 100644
--- a/src/components/UsaTable/UsaTable.vue
+++ b/src/components/UsaTable/UsaTable.vue
@@ -7,7 +7,7 @@ export default {
 
 <script setup>
 import { computed, ref, h, toRef, useSlots, provide } from 'vue'
-import useTableSort from '@/composables/useTableSort'
+import { useTableSort } from '@/composables/useTableSort'
 import UsaTableHeaderCell from '@/components/UsaTableHeaderCell'
 
 const slots = useSlots()
diff --git a/src/components/UsaTableHeaderCell/UsaTableHeaderCell.test.js b/src/components/UsaTableHeaderCell/UsaTableHeaderCell.test.js
index 2853f5fc..1daeab1f 100644
--- a/src/components/UsaTableHeaderCell/UsaTableHeaderCell.test.js
+++ b/src/components/UsaTableHeaderCell/UsaTableHeaderCell.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaTableHeaderCell from './UsaTableHeaderCell.vue'
 
 describe('UsaTableHeaderCell', () => {
   it('renders the component', () => {
-    mount(UsaTableHeaderCell, {
+    cy.mount(UsaTableHeaderCell, {
       props: {
         id: 'test-header-id',
         label: 'Test header',
@@ -78,37 +77,7 @@ describe('UsaTableHeaderCell', () => {
       </table>`,
     }
 
-    // const wrapper = mount(UsaTableHeaderCell, {
-    //   props: {
-    //     id: 'test-header-id',
-    //     label: 'Test header',
-    //     sortable: true,
-    //   },
-    //   global: {
-    //     mocks: {
-    //       // toggleTableSort: async headerId => {
-    //       //   console.log(headerId)
-    //       //   await wrapper.vue().then(vm => {
-    //       //     console.log(vm)
-    //       //     const { currentSortDirection } = vm.componentVM
-    //       //     const reverseDirections = {
-    //       //       ascending: 'descending',
-    //       //       descending: 'ascending',
-    //       //     }
-    //       //     wrapper.invoke('setProps', {
-    //       //       currentSortedHeader: headerId,
-    //       //       currentSortDirection:
-    //       //         reverseDirections[currentSortDirection] || 'ascending',
-    //       //     })
-    //       //   })
-    //       // },
-    //     },
-    //     provide: {
-    //       updateCurrentSortedHeader: cy.stub().as('updateCurrentSortedHeader'),
-    //       toggleSortDirection: cy.stub().as('toggleSortDirection'),
-    //     },
-    //   },
-    mount(wrapperComponent, {}).as('wrapper')
+    cy.mount(wrapperComponent, {}).its('wrapper').as('wrapper')
 
     cy.get('th').should('have.attr', 'data-sortable').and('equal', 'true')
     cy.get('th')
@@ -145,7 +114,7 @@ describe('UsaTableHeaderCell', () => {
   })
 
   it('provided update methods are invoked', () => {
-    mount(UsaTableHeaderCell, {
+    cy.mount(UsaTableHeaderCell, {
       props: {
         id: 'test-header-id',
         label: 'Test header',
@@ -174,7 +143,7 @@ describe('UsaTableHeaderCell', () => {
   })
 
   it('default sort props are used as initial values', () => {
-    mount(UsaTableHeaderCell, {
+    cy.mount(UsaTableHeaderCell, {
       props: {
         id: 'test-header-id',
         label: 'Test header',
@@ -197,7 +166,7 @@ describe('UsaTableHeaderCell', () => {
   })
 
   it('uses default slot content', () => {
-    mount(UsaTableHeaderCell, {
+    cy.mount(UsaTableHeaderCell, {
       props: {
         id: 1,
         label: 'Test header',
diff --git a/src/components/UsaTableSortButton/UsaTableSortButton.test.js b/src/components/UsaTableSortButton/UsaTableSortButton.test.js
index a83b595d..68efd055 100644
--- a/src/components/UsaTableSortButton/UsaTableSortButton.test.js
+++ b/src/components/UsaTableSortButton/UsaTableSortButton.test.js
@@ -1,30 +1,33 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaTableSortButton from './UsaTableSortButton.vue'
 
 describe('UsaTableSortButton', () => {
   it('renders the component', () => {
-    const wrapper = mount(UsaTableSortButton, {
-      props: {
-        headerId: 'test-header-id',
-        headerLabel: 'Test header label',
-        'onUpdate:tableSort': async () => {
-          await wrapper.vue().then(vm => {
-            const { currentSortDirection } = vm.componentVM
-
-            const reverseDirections = {
-              ascending: 'descending',
-              descending: 'ascending',
-            }
-
-            vm.setProps({
-              currentSortDirection:
-                reverseDirections[currentSortDirection] || 'ascending',
+    // eslint-disable-next-line cypress/no-assigning-return-values
+    const wrapper = cy
+      .mount(UsaTableSortButton, {
+        props: {
+          headerId: 'test-header-id',
+          headerLabel: 'Test header label',
+          'onUpdate:tableSort': async () => {
+            await wrapper.vue().then(vm => {
+              const { currentSortDirection } = vm.componentVM
+
+              const reverseDirections = {
+                ascending: 'descending',
+                descending: 'ascending',
+              }
+
+              vm.setProps({
+                currentSortDirection:
+                  reverseDirections[currentSortDirection] || 'ascending',
+              })
             })
-          })
+          },
         },
-      },
-    }).as('wrapper')
+      })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('button.usa-table__header__button')
       .as('button')
@@ -66,30 +69,34 @@ describe('UsaTableSortButton', () => {
   })
 
   it('uses default sort direction prop and default slot', () => {
-    const wrapper = mount(UsaTableSortButton, {
-      props: {
-        headerId: 'test-header-id',
-        headerLabel: 'Test header label',
-        currentSortDirection: 'descending',
-        'onUpdate:tableSort': async () => {
-          await wrapper.vue().then(vm => {
-            const { currentSortDirection } = vm.componentVM
-
-            const reverseDirections = {
-              ascending: 'descending',
-              descending: 'ascending',
-            }
-
-            vm.setProps({
-              currentSortDirection: reverseDirections[currentSortDirection],
+    // eslint-disable-next-line cypress/no-assigning-return-values
+    const wrapper = cy
+      .mount(UsaTableSortButton, {
+        props: {
+          headerId: 'test-header-id',
+          headerLabel: 'Test header label',
+          currentSortDirection: 'descending',
+          'onUpdate:tableSort': async () => {
+            await wrapper.vue().then(vm => {
+              const { currentSortDirection } = vm.componentVM
+
+              const reverseDirections = {
+                ascending: 'descending',
+                descending: 'ascending',
+              }
+
+              vm.setProps({
+                currentSortDirection: reverseDirections[currentSortDirection],
+              })
             })
-          })
+          },
+        },
+        slots: {
+          default: () => 'Test default slot',
         },
-      },
-      slots: {
-        default: () => 'Test default slot',
-      },
-    }).as('wrapper')
+      })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-table__header__button')
       .as('button')
diff --git a/src/components/UsaTag/UsaTag.test.js b/src/components/UsaTag/UsaTag.test.js
index de306415..34812494 100644
--- a/src/components/UsaTag/UsaTag.test.js
+++ b/src/components/UsaTag/UsaTag.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaTag from './UsaTag.vue'
 
 describe('UsaTag', () => {
   it('renders the component', () => {
-    mount(UsaTag, {
+    cy.mount(UsaTag, {
       slots: {
         default: () => 'Test',
       },
@@ -13,7 +12,7 @@ describe('UsaTag', () => {
   })
 
   it('renders the size class', () => {
-    mount(UsaTag, {
+    cy.mount(UsaTag, {
       slots: {
         default: () => 'Test',
       },
@@ -25,7 +24,7 @@ describe('UsaTag', () => {
   })
 
   it('renders as a custom HTML element', () => {
-    mount(UsaTag, {
+    cy.mount(UsaTag, {
       slots: {
         default: () => 'Test',
       },
@@ -39,7 +38,7 @@ describe('UsaTag', () => {
   it('warns in console about invalid size', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaTag, {
+    cy.mount(UsaTag, {
       slots: {
         default: () => 'Test',
       },
diff --git a/src/components/UsaTextInput/UsaTextInput.test.js b/src/components/UsaTextInput/UsaTextInput.test.js
index c4de9492..fb13739a 100644
--- a/src/components/UsaTextInput/UsaTextInput.test.js
+++ b/src/components/UsaTextInput/UsaTextInput.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaTextInput from './UsaTextInput.vue'
 
 describe('UsaTextInput', () => {
@@ -38,7 +37,7 @@ describe('UsaTextInput', () => {
   })
 
   it('renders the component', () => {
-    mount(UsaTextInput, {
+    cy.mount(UsaTextInput, {
       props: {
         label: 'Test label',
       },
@@ -71,7 +70,7 @@ describe('UsaTextInput', () => {
   })
 
   it('displays `label`, `hint`, and `error-message` slot content', () => {
-    mount(UsaTextInput, {
+    cy.mount(UsaTextInput, {
       props: {
         label: 'Test label',
         id: 'custom-id',
@@ -84,7 +83,9 @@ describe('UsaTextInput', () => {
         hint: () => 'Test hint slot',
         'error-message': () => 'Test error slot',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-form-group').should('not.have.class', 'usa-form-group--error')
 
@@ -123,7 +124,7 @@ describe('UsaTextInput', () => {
   })
 
   it('empty error message slot does not display if error prop is true', () => {
-    mount(UsaTextInput, {
+    cy.mount(UsaTextInput, {
       props: {
         label: 'Test label',
         error: true,
@@ -137,13 +138,13 @@ describe('UsaTextInput', () => {
   })
 
   it('does not display label element if `label` prop and slot are not used', () => {
-    mount(UsaTextInput, {})
+    cy.mount(UsaTextInput, {})
 
     cy.get('.usa-label').should('not.exist')
   })
 
   it('group input elements if `group` prop is true', () => {
-    mount(UsaTextInput, {}).as('wrapper')
+    cy.mount(UsaTextInput, {}).its('wrapper').as('wrapper')
 
     cy.get('.usa-form-group').should('not.exist')
 
@@ -153,7 +154,7 @@ describe('UsaTextInput', () => {
   })
 
   it('set `input` type prop for non-grouped input', () => {
-    mount(UsaTextInput, {
+    cy.mount(UsaTextInput, {
       props: {
         label: 'Test label',
         type: 'number',
@@ -165,7 +166,7 @@ describe('UsaTextInput', () => {
   })
 
   it('set `input` type prop for prefix/suffix grouped input', () => {
-    mount(UsaTextInput, {
+    cy.mount(UsaTextInput, {
       props: {
         label: 'Test label',
         type: 'number',
@@ -182,7 +183,7 @@ describe('UsaTextInput', () => {
   })
 
   it('add required attribute to non-prefix/non-suffix input if `required` prop is true', () => {
-    mount(UsaTextInput, {
+    cy.mount(UsaTextInput, {
       props: {
         label: 'Test label',
         required: true,
@@ -204,7 +205,7 @@ describe('UsaTextInput', () => {
   })
 
   it('add required attribute to prefix/suffix grouped input if `required` prop is true', () => {
-    mount(UsaTextInput, {
+    cy.mount(UsaTextInput, {
       props: {
         label: 'Test label',
         required: true,
@@ -228,7 +229,7 @@ describe('UsaTextInput', () => {
   })
 
   it('when prefix or suffix is used, input is grouped with them', () => {
-    mount(UsaTextInput, {
+    cy.mount(UsaTextInput, {
       props: {
         label: 'Test label',
         width: 'sm',
@@ -237,7 +238,9 @@ describe('UsaTextInput', () => {
         'input-prefix': () => '@',
         'input-suffix': () => '%',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-form-group > .usa-input').should('not.exist')
 
@@ -279,7 +282,7 @@ describe('UsaTextInput', () => {
   })
 
   it('clicking prefix or suffix sets focus on input', () => {
-    mount(UsaTextInput, {
+    cy.mount(UsaTextInput, {
       props: {
         label: 'Test label',
       },
@@ -288,7 +291,9 @@ describe('UsaTextInput', () => {
         'input-suffix': () => '%',
       },
       customClasses: {},
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     // Insert focusable element so focus can be moved to it.
     Cypress.$('body').append(
@@ -320,12 +325,14 @@ describe('UsaTextInput', () => {
   })
 
   it('emits update event when non-prefix/non-suffix input value changes', () => {
-    mount(UsaTextInput, {
+    cy.mount(UsaTextInput, {
       props: {
         label: 'Test label',
         modelValue: 'This is some test text.',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-input')
       .as('input')
@@ -351,7 +358,7 @@ describe('UsaTextInput', () => {
   })
 
   it('emits update event when prefix/suffix input value changes', () => {
-    mount(UsaTextInput, {
+    cy.mount(UsaTextInput, {
       props: {
         label: 'Test label',
         modelValue: 'This is some test text.',
@@ -359,7 +366,9 @@ describe('UsaTextInput', () => {
       slots: {
         'input-prefix': () => '@',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-input')
       .as('input')
@@ -385,7 +394,7 @@ describe('UsaTextInput', () => {
   })
 
   it('masked inputs are registered and unregistered', () => {
-    mount(UsaTextInput, {
+    cy.mount(UsaTextInput, {
       props: {
         label: 'Test input',
         id: 'test-id',
@@ -396,7 +405,9 @@ describe('UsaTextInput', () => {
           unregisterInput: cy.stub().as('unregisterInput'),
         },
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('@registerInput').should('be.calledWith', 'test-id')
 
@@ -406,12 +417,14 @@ describe('UsaTextInput', () => {
   })
 
   it('adds correct CSS class to input for `width` prop value', () => {
-    mount(UsaTextInput, {
+    cy.mount(UsaTextInput, {
       props: {
         label: 'Test label',
         width: '',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-input').as('input')
 
@@ -442,7 +455,7 @@ describe('UsaTextInput', () => {
       '2xl': 'usa-input-group--2xl',
     }
 
-    mount(UsaTextInput, {
+    cy.mount(UsaTextInput, {
       props: {
         label: 'Test label',
         width: '',
@@ -451,7 +464,9 @@ describe('UsaTextInput', () => {
       slots: {
         'input-suffix': () => '%',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-input-group').as('inputGroup')
 
@@ -473,7 +488,7 @@ describe('UsaTextInput', () => {
   })
 
   it('uses custom CSS classes', () => {
-    mount(UsaTextInput, {
+    cy.mount(UsaTextInput, {
       props: {
         label: 'Test label',
         customClasses: {
@@ -501,7 +516,7 @@ describe('UsaTextInput', () => {
   it('warns in console invalid `width` prop value', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaTextInput, {
+    cy.mount(UsaTextInput, {
       props: {
         width: 'invalidwidth',
       },
diff --git a/src/components/UsaTextarea/UsaTextarea.test.js b/src/components/UsaTextarea/UsaTextarea.test.js
index 0c6dfcad..bce802fd 100644
--- a/src/components/UsaTextarea/UsaTextarea.test.js
+++ b/src/components/UsaTextarea/UsaTextarea.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaTextarea from './UsaTextarea.vue'
 
 describe('UsaTextarea', () => {
   it('renders the component', () => {
-    mount(UsaTextarea, {
+    cy.mount(UsaTextarea, {
       props: {
         label: 'Test label',
       },
@@ -32,7 +31,7 @@ describe('UsaTextarea', () => {
   })
 
   it('displays `label`, `hint`, and `error-message` slot content', () => {
-    mount(UsaTextarea, {
+    cy.mount(UsaTextarea, {
       props: {
         label: 'Test label',
         id: 'custom-id',
@@ -42,7 +41,9 @@ describe('UsaTextarea', () => {
         hint: () => 'Test hint slot',
         'error-message': () => 'Test error slot',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-form-group').should('not.have.class', 'usa-form-group--error')
 
@@ -81,7 +82,7 @@ describe('UsaTextarea', () => {
   })
 
   it('empty error message slot does not display if error prop is true', () => {
-    mount(UsaTextarea, {
+    cy.mount(UsaTextarea, {
       props: {
         label: 'Test label',
         error: true,
@@ -96,7 +97,7 @@ describe('UsaTextarea', () => {
   })
 
   it('add required attribute if `required` prop is true', () => {
-    mount(UsaTextarea, {
+    cy.mount(UsaTextarea, {
       props: {
         label: 'Test label',
         required: true,
@@ -128,12 +129,14 @@ describe('UsaTextarea', () => {
       '2xl': 'usa-input--2xl',
     }
 
-    mount(UsaTextarea, {
+    cy.mount(UsaTextarea, {
       props: {
         label: 'Test label',
         width: '',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-textarea').as('textarea')
 
@@ -148,12 +151,14 @@ describe('UsaTextarea', () => {
   })
 
   it('emits update event when value changes', () => {
-    mount(UsaTextarea, {
+    cy.mount(UsaTextarea, {
       props: {
         label: 'Test label',
         modelValue: 'This is some test text.',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-textarea')
       .as('textarea')
@@ -179,7 +184,7 @@ describe('UsaTextarea', () => {
   })
 
   it('uses custom CSS classes', () => {
-    mount(UsaTextarea, {
+    cy.mount(UsaTextarea, {
       props: {
         label: 'Test label',
         customClasses: {
@@ -199,7 +204,7 @@ describe('UsaTextarea', () => {
   it('warns in console invalid `width` prop value', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaTextarea, {
+    cy.mount(UsaTextarea, {
       props: {
         width: 'invalidwidth',
       },
diff --git a/src/components/UsaTimePicker/UsaTimePicker.test.js b/src/components/UsaTimePicker/UsaTimePicker.test.js
index 3d92dc3b..84237306 100644
--- a/src/components/UsaTimePicker/UsaTimePicker.test.js
+++ b/src/components/UsaTimePicker/UsaTimePicker.test.js
@@ -1,11 +1,10 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaTimePicker from './UsaTimePicker.vue'
 import { defaultData, testData } from './UsaTimePicker.fixtures.js'
 
 describe('UsaTimePicker', () => {
   it('renders the component', () => {
-    mount(UsaTimePicker, {})
+    cy.mount(UsaTimePicker, {})
 
     cy.get('div.usa-form-group').should('not.exist')
     cy.get('label.usa-label').should('not.exist')
@@ -121,7 +120,7 @@ describe('UsaTimePicker', () => {
   })
 
   it('the available options match the min/max time and step', () => {
-    mount(UsaTimePicker, {
+    cy.mount(UsaTimePicker, {
       props: {
         label: 'Time Picker',
         minTime: '11:00',
@@ -171,7 +170,7 @@ describe('UsaTimePicker', () => {
   })
 
   it('custom empty and assistive hint slot text', () => {
-    mount(UsaTimePicker, {
+    cy.mount(UsaTimePicker, {
       props: {
         minTime: '07:00',
         maxTime: '07:00',
@@ -204,7 +203,7 @@ describe('UsaTimePicker', () => {
       template: `<UsaTimePicker v-model="selectedOption"></UsaTimePicker>`,
     }
 
-    mount(wrapperComponent, {})
+    cy.mount(wrapperComponent, {})
 
     cy.get('input').should('have.value', '1:00pm')
     cy.get(
@@ -215,7 +214,7 @@ describe('UsaTimePicker', () => {
   })
 
   it('uses status scoped slot content', () => {
-    mount(UsaTimePicker, {
+    cy.mount(UsaTimePicker, {
       slots: {
         status: ({ filteredOptions }) => `total: ${filteredOptions.length}`,
       },
@@ -250,7 +249,7 @@ describe('UsaTimePicker', () => {
   })
 
   it('uses custom CSS classes', () => {
-    mount(UsaTimePicker, {
+    cy.mount(UsaTimePicker, {
       props: {
         label: 'Custom Time Picker',
         error: true,
@@ -322,11 +321,13 @@ describe('UsaTimePicker', () => {
   })
 
   it('component emits v-model event', () => {
-    mount(UsaTimePicker, {
+    cy.mount(UsaTimePicker, {
       props: {
         label: 'Emitted',
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('@wrapper')
       .vue()
@@ -353,7 +354,7 @@ describe('UsaTimePicker', () => {
   it('warns in console invalid `minTime`, `maxTime`, and `step` prop values', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaTimePicker, {
+    cy.mount(UsaTimePicker, {
       props: {
         label: 'Time Picker',
         minTime: '00-00',
diff --git a/src/components/UsaTooltip/UsaTooltip.test.js b/src/components/UsaTooltip/UsaTooltip.test.js
index bae9e16a..1c49db47 100644
--- a/src/components/UsaTooltip/UsaTooltip.test.js
+++ b/src/components/UsaTooltip/UsaTooltip.test.js
@@ -1,10 +1,9 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaTooltip from './UsaTooltip.vue'
 
 describe('UsaTooltip', () => {
   it('renders the component', () => {
-    mount(UsaTooltip, {
+    cy.mount(UsaTooltip, {
       props: {
         id: 'test-tooltip-id',
         label: 'Test tooltip label',
@@ -102,7 +101,7 @@ describe('UsaTooltip', () => {
   })
 
   it('renders with custom tags, CSS classes, and label slot content', () => {
-    mount(UsaTooltip, {
+    cy.mount(UsaTooltip, {
       props: {
         wrapperTag: 'div',
         tag: 'nuxt-link',
@@ -154,7 +153,7 @@ describe('UsaTooltip', () => {
         template: `<div style="padding:150px;"><UsaTooltip :position="position" :label="label">Test tooltip trigger</UsaTooltip></div>`,
       }
 
-      mount(wrapperComponent, {}).as('wrapper')
+      cy.mount(wrapperComponent, {}).its('wrapper').as('wrapper')
 
       cy.get('.usa-tooltip__body').and(
         'have.class',
@@ -168,7 +167,7 @@ describe('UsaTooltip', () => {
   it('warns in console about invalid `position` prop value', () => {
     cy.stub(window.console, 'warn').as('consoleWarn')
 
-    mount(UsaTooltip, {
+    cy.mount(UsaTooltip, {
       props: {
         position: 'notavalidposition',
         label: 'Test tooltip label',
diff --git a/src/components/UsaValidation/UsaValidation.test.js b/src/components/UsaValidation/UsaValidation.test.js
index 2de9001d..7e1614b7 100644
--- a/src/components/UsaValidation/UsaValidation.test.js
+++ b/src/components/UsaValidation/UsaValidation.test.js
@@ -1,5 +1,4 @@
 import '@module/@uswds/uswds/dist/css/uswds.min.css'
-import { mount } from '@cypress/vue'
 import UsaValidation from './UsaValidation.vue'
 
 describe('UsaValidation', () => {
@@ -53,7 +52,7 @@ describe('UsaValidation', () => {
       </div>`,
     }
 
-    mount(wrapperComponent, {})
+    cy.mount(wrapperComponent, {})
 
     cy.get('.usa-alert--validation')
       .should('have.class', 'usa-alert')
@@ -372,7 +371,7 @@ describe('UsaValidation', () => {
   })
 
   it('test custom prop and emitted values', () => {
-    mount(UsaValidation, {
+    cy.mount(UsaValidation, {
       props: {
         validations: [
           {
@@ -391,7 +390,9 @@ describe('UsaValidation', () => {
           checklist: ['test-checklist-class'],
         },
       },
-    }).as('wrapper')
+    })
+      .its('wrapper')
+      .as('wrapper')
 
     cy.get('.usa-alert__body').should('have.class', 'test-body-class')
     cy.get('h4.usa-alert__heading')
diff --git a/src/composables/useAccordion.js b/src/composables/useAccordion.js
index 9e2f287f..81d82a03 100644
--- a/src/composables/useAccordion.js
+++ b/src/composables/useAccordion.js
@@ -1,6 +1,6 @@
 import { reactive } from 'vue'
 
-export default (_accordionItems, multiselectable = false) => {
+export function useAccordion(_accordionItems, multiselectable = false) {
   const accordionItems = reactive(_accordionItems)
 
   const registerAccordionItem = (id, isOpen) => {
diff --git a/src/composables/useComboBox.js b/src/composables/useComboBox.js
index 84460813..84990ca7 100644
--- a/src/composables/useComboBox.js
+++ b/src/composables/useComboBox.js
@@ -3,7 +3,14 @@ import { onKeyStroke, onClickOutside, useActiveElement } from '@vueuse/core'
 import { nextId } from '@/utils/unique-id.js'
 import { escapeRegExp } from '@/utils/common.js'
 
-export default (_id, _selectedOption, _options, _disabled, _readonly, emit) => {
+export function useComboBox(
+  _id,
+  _selectedOption,
+  _options,
+  _disabled,
+  _readonly,
+  emit
+) {
   const id = ref(_id)
   const options = ref(_options)
   const isDisabled = ref(_disabled)
diff --git a/src/composables/useFileInput.js b/src/composables/useFileInput.js
index 4cd847b0..1ff21e06 100644
--- a/src/composables/useFileInput.js
+++ b/src/composables/useFileInput.js
@@ -2,14 +2,14 @@ import { ref, computed, readonly } from 'vue'
 import { nextId } from '@/utils/unique-id.js'
 import { escapeRegExp } from '@/utils/common.js'
 
-export default (
+export function useFileInput(
   _id,
   _loadedFiles,
   _acceptedFileFormats,
   _multiple,
   _disabled,
   emit
-) => {
+) {
   const id = ref(_id)
   const allowMultiple = ref(_multiple)
   const isDisabled = ref(_disabled)
diff --git a/src/composables/useMobileMenu.js b/src/composables/useMobileMenu.js
index f3e23e70..4d0cf9f6 100644
--- a/src/composables/useMobileMenu.js
+++ b/src/composables/useMobileMenu.js
@@ -1,9 +1,9 @@
 import { ref, readonly } from 'vue'
 
-const isMobileMenuOpen = ref(false)
-const menuId = ref('__vuswds-id-global-mobile-header-menu')
+export const isMobileMenuOpen = /*#__PURE__*/ ref(false)
+export const menuId = /*#__PURE__*/ ref('__vuswds-id-global-mobile-header-menu')
 
-export default emit => {
+export function useMobileMenu(emit) {
   const mobileMenuOpenClass = 'usa-js-mobile-nav--active'
 
   const closeMobileMenu = () => {
diff --git a/src/composables/usePagination.js b/src/composables/usePagination.js
index b1d1dbb3..bc2fa049 100644
--- a/src/composables/usePagination.js
+++ b/src/composables/usePagination.js
@@ -1,6 +1,6 @@
 import { ref, computed, readonly } from 'vue'
 
-export default (_currentPage, totalPages, _unbounded, emit) => {
+export function usePagination(_currentPage, totalPages, _unbounded, emit) {
   const currentPage = ref(_currentPage)
   const unbounded = ref(_unbounded)
 
diff --git a/src/composables/useTableSort.js b/src/composables/useTableSort.js
index 63c22928..165ab80e 100644
--- a/src/composables/useTableSort.js
+++ b/src/composables/useTableSort.js
@@ -1,15 +1,16 @@
 import { ref, computed, readonly } from 'vue'
-import { naturalSort } from '@/utils/sorting.js'
+import { createNaturalSort } from '@/utils/sorting.js'
 import { objectHasKey, kebabCase } from '@/utils/common.js'
 
-export default (
+export function useTableSort(
   _headers = [],
   _rows = [],
   _defaultSortHeader = '',
   _defaultSortDirection = ''
-) => {
+) {
   const currentSortedHeader = ref(_defaultSortHeader)
   const currentSortDirection = ref(_defaultSortDirection)
+  const naturalSort = createNaturalSort()
 
   const headers = computed(() => {
     return _headers.value.map(header => {
diff --git a/src/composables/useToggle.js b/src/composables/useToggle.js
index 777a84ee..81ae4dce 100644
--- a/src/composables/useToggle.js
+++ b/src/composables/useToggle.js
@@ -1,7 +1,7 @@
 import { ref, computed, readonly, watch } from 'vue'
 import { nextId } from '@/utils/unique-id.js'
 
-export default (_id, idPrefix = '', defaultOpen = false, emit) => {
+export function useToggle(_id, idPrefix = '', defaultOpen = false, emit) {
   const propValue = ref(defaultOpen)
   const isOpen = ref(propValue.value)
 
diff --git a/src/utils/sorting.js b/src/utils/sorting.js
index 86417d90..2d5d3ac4 100644
--- a/src/utils/sorting.js
+++ b/src/utils/sorting.js
@@ -1,8 +1,13 @@
 import { createNewSortInstance } from 'fast-sort'
 
-export const naturalSort = createNewSortInstance({
-  comparer: new Intl.Collator(undefined, {
-    numeric: true,
-    sensitivity: 'base',
-  }).compare,
-})
+export function createNaturalSort() {
+  const naturalSort = createNewSortInstance({
+    comparer: new Intl.Collator(undefined, {
+      numeric: true,
+      sensitivity: 'base',
+    }).compare,
+    inPlaceSorting: false,
+  })
+
+  return naturalSort
+}