diff --git a/packages/e2e-cypress/src/templates/base/src/components/QuasarCheckComponents.vue b/packages/e2e-cypress/src/templates/base/src/components/QuasarCheckComponents.vue
index 2f6cab85..b819f74b 100644
--- a/packages/e2e-cypress/src/templates/base/src/components/QuasarCheckComponents.vue
+++ b/packages/e2e-cypress/src/templates/base/src/components/QuasarCheckComponents.vue
@@ -1,9 +1,9 @@
 <template>
-  <q-checkbox v-model="checked" data-cy="checkbox" />
-  <q-toggle v-model="toggled" data-cy="toggle" />
+  <q-checkbox v-model="checked" data-cy="checkbox" data-testid="checkbox" />
+  <q-toggle v-model="toggled" data-cy="toggle" data-testid="toggle" />
 
-  <q-radio v-model="selected" val="Value1" data-cy="radio-1">Value1</q-radio>
-  <q-radio v-model="selected" val="Value2" data-cy="radio-2">Value2</q-radio>
+  <q-radio v-model="selected" val="Value1" data-cy="radio-1" data-testid="radio-1">Value1</q-radio>
+  <q-radio v-model="selected" val="Value2" data-cy="radio-2" data-testid="radio-2">Value2</q-radio>
 </template>
 
 <script<% if (shouldSupportTypeScript) { %> lang="ts"<% } %>>
diff --git a/packages/e2e-cypress/src/templates/base/src/components/QuasarDark.vue b/packages/e2e-cypress/src/templates/base/src/components/QuasarDark.vue
index 63ca1f0f..969e1923 100644
--- a/packages/e2e-cypress/src/templates/base/src/components/QuasarDark.vue
+++ b/packages/e2e-cypress/src/templates/base/src/components/QuasarDark.vue
@@ -1,13 +1,32 @@
 <template>
   <q-card data-cy="dark-card" :dark="$q.dark.isActive">
     {{ $q.dark.isActive ? 'Dark ' : 'Light' }} content
+
+    <q-btn label="Toggle Dark Mode" data-testid="dark-mode-toggle-button" @click="toggleNightMode" />
   </q-card>
+
 </template>
 
 <script<% if (shouldSupportTypeScript) { %> lang="ts"<% } %>>
 import { defineComponent } from 'vue';
+import { useQuasar } from 'quasar';
 
 export default defineComponent({
   name: 'QuasarDark',
+  setup() {
+    const $q = useQuasar();
+
+    // TODO: Refactor the Cypress test so that it does not need to test on the instance. Let's avoid such
+    // tests in e2e and component tests. It's preferable to have buttons that perform the task than to directly
+    // call those methods on the instance. Moreover, Playwright does not encourage nor support access to the instance.
+    // See https://kentcdodds.com/blog/testing-implementation-details
+    function toggleNightMode() {
+      $q.dark.set(!$q.dark.isActive);
+    }
+
+    return {
+      toggleNightMode
+    };
+  },
 });
 </script>
diff --git a/packages/e2e-cypress/src/templates/base/src/components/QuasarDate.vue b/packages/e2e-cypress/src/templates/base/src/components/QuasarDate.vue
index b6a20f78..91b709ed 100644
--- a/packages/e2e-cypress/src/templates/base/src/components/QuasarDate.vue
+++ b/packages/e2e-cypress/src/templates/base/src/components/QuasarDate.vue
@@ -1,11 +1,12 @@
 <template>
-  <q-date v-model="date" data-cy="date-picker" />
+  <q-date v-model="date" data-cy="date-picker" data-testid="date-picker" />
 
   <div>
     <q-input v-model="date" label="Scegli data">
       <template #append>
         <q-btn
           data-cy="open-date-picker-popup-button"
+          data-testid="open-date-picker-popup-button"
           icon="event"
           flat
           round
@@ -14,7 +15,7 @@
       </template>
     </q-input>
     <q-dialog ref="dateDialogRef">
-      <q-date v-model="date" @update:model-value="dateDialogRef.hide()" />
+      <q-date v-model="date" data-testid="date-proxy" @update:model-value="dateDialogRef.hide()" />
     </q-dialog>
   </div>
 
diff --git a/packages/e2e-cypress/src/templates/base/src/components/QuasarDialog.vue b/packages/e2e-cypress/src/templates/base/src/components/QuasarDialog.vue
index 600f8507..6b034db4 100644
--- a/packages/e2e-cypress/src/templates/base/src/components/QuasarDialog.vue
+++ b/packages/e2e-cypress/src/templates/base/src/components/QuasarDialog.vue
@@ -8,6 +8,7 @@
       <q-card-actions align="right">
         <q-btn
           data-cy="ok-button"
+          data-testid="ok-button"
           color="primary"
           label="OK"
           @click="onOKClick"
diff --git a/packages/e2e-cypress/src/templates/base/src/components/QuasarDrawer.vue b/packages/e2e-cypress/src/templates/base/src/components/QuasarDrawer.vue
index ed07f39f..e6cfdca1 100644
--- a/packages/e2e-cypress/src/templates/base/src/components/QuasarDrawer.vue
+++ b/packages/e2e-cypress/src/templates/base/src/components/QuasarDrawer.vue
@@ -6,13 +6,14 @@
     :breakpoint="700"
     elevated
     data-cy="drawer"
+    data-testid="drawer"
     class="bg-primary text-white"
   >
     <q-scroll-area class="fit">
       <div class="q-pa-sm">
         <div v-for="n in 50" :key="n">Drawer {{ n }} / 50</div>
       </div>
-      <q-btn data-cy="button">Am I on screen?</q-btn>
+      <q-btn data-cy="button" data-testid="button">Am I on screen?</q-btn>
     </q-scroll-area>
   </q-drawer>
 </template>
diff --git a/packages/e2e-cypress/src/templates/base/src/components/QuasarMenu.vue b/packages/e2e-cypress/src/templates/base/src/components/QuasarMenu.vue
index 746613de..681574b0 100644
--- a/packages/e2e-cypress/src/templates/base/src/components/QuasarMenu.vue
+++ b/packages/e2e-cypress/src/templates/base/src/components/QuasarMenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-btn data-cy="open-menu-btn" label="Open menu">
+  <q-btn data-cy="open-menu-btn" data-testid="open-menu-btn" label="Open menu">
     <q-menu>
       <q-list>
         <q-item v-close-popup clickable>
@@ -19,4 +19,4 @@ import { defineComponent } from 'vue';
 export default defineComponent({
   name: 'QuasarMenu',
 });
-</script>
\ No newline at end of file
+</script>
diff --git a/packages/e2e-cypress/src/templates/base/src/components/QuasarPageSticky.vue b/packages/e2e-cypress/src/templates/base/src/components/QuasarPageSticky.vue
index fb4981c4..42c5e789 100644
--- a/packages/e2e-cypress/src/templates/base/src/components/QuasarPageSticky.vue
+++ b/packages/e2e-cypress/src/templates/base/src/components/QuasarPageSticky.vue
@@ -1,6 +1,6 @@
 <template>
   <q-page-sticky position="bottom-right" :offset="[18, 18]">
-    <q-btn data-cy="button" rounded color="accent" icon="arrow_forward">
+    <q-btn data-cy="button" data-testid="button" rounded color="accent" icon="arrow_forward">
       {{ title }}
     </q-btn>
   </q-page-sticky>
diff --git a/packages/e2e-cypress/src/templates/base/src/components/QuasarSelect.vue b/packages/e2e-cypress/src/templates/base/src/components/QuasarSelect.vue
index a130e768..896aad47 100644
--- a/packages/e2e-cypress/src/templates/base/src/components/QuasarSelect.vue
+++ b/packages/e2e-cypress/src/templates/base/src/components/QuasarSelect.vue
@@ -2,6 +2,7 @@
   <q-select
     v-model="selected"
     data-cy="select"
+    data-testid="select"
     label="test options selection"
     :options="options"
     :loading="loading"
@@ -9,7 +10,7 @@
     :multiple="multiple"
   />
 
-  <span data-cy="select-value">{{ selected }}</span>
+  <span data-cy="select-value" data-testid="select-value">{{ selected }}</span>
 </template>
 
 <script<% if (shouldSupportTypeScript) { %> lang="ts"<% } %>>
diff --git a/packages/e2e-cypress/src/templates/base/src/components/QuasarTooltip.vue b/packages/e2e-cypress/src/templates/base/src/components/QuasarTooltip.vue
index 248f4048..64d7a460 100644
--- a/packages/e2e-cypress/src/templates/base/src/components/QuasarTooltip.vue
+++ b/packages/e2e-cypress/src/templates/base/src/components/QuasarTooltip.vue
@@ -4,6 +4,7 @@
     <q-tooltip
       v-model="showTooltip"
       data-cy="tooltip"
+      data-testid="tooltip"
       class="bg-red"
       :offset="[10, 10]"
     >
diff --git a/packages/e2e-playwright/.gitignore b/packages/e2e-playwright/.gitignore
new file mode 100644
index 00000000..4fe71df3
--- /dev/null
+++ b/packages/e2e-playwright/.gitignore
@@ -0,0 +1,15 @@
+.DS_Store
+.thumbs.db
+node_modules
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+dist
diff --git a/packages/e2e-playwright/README.md b/packages/e2e-playwright/README.md
new file mode 100644
index 00000000..45bda858
--- /dev/null
+++ b/packages/e2e-playwright/README.md
@@ -0,0 +1,326 @@
+# Quasar App Extension for Playwright Testing
+
+This Quasar App Extension integrates [Playwright](https://playwright.dev) with Quasar Framework, providing a seamless testing experience for both end-to-end (E2E) and component testing.
+
+## Installation
+
+```bash
+# any other package manager can be used
+yarn quasar ext add @quasar/testing-e2e-playwright
+```
+
+## ESLint Configuration
+
+- We higly recommend that you set up ESLint in your project, and use it to lint your code. Apart from helping you catch potential bugs in your code, it will also catch some potential issues with your tests. For example, you might forget to `await` a test when you are supposed to and end up with a flaky test suite.
+
+### ESLint v9+ (Flat Config)
+
+For ESLint v9 and newer, add this to your `eslint.config.js`:
+
+```js
+import playwright from 'eslint-plugin-playwright';
+
+export default [
+  // ...
+  {
+    name: 'custom/playwright',
+
+    ...playwright.configs['flat/recommended'],
+    files: ['src/components/**/*.spec.ts', 'test/**/*.spec.ts'],
+    rules: {
+      ...playwright.configs['flat/recommended'].rules,
+      //  Other rules
+    },
+  },
+];
+```
+
+### ESLint v8 and Earlier (Legacy Config)
+
+For ESLint versions earlier than v9, add this to your `.eslintrc.js` or `.eslintrc.json`:
+
+```js
+{
+  "overrides": [
+    {
+      "files": ["src/components/**/*.spec.{js,ts}", "test/**/*.spec.{js,ts}"],
+      "extends": "plugin:playwright/recommended",
+      "rules": {
+        // Other rules
+      }
+    }
+  ]
+}
+```
+
+For TypeScript projects using ESLint v8, you might also need to add the following to your `tsconfig.json`:
+
+```json
+{
+  "compilerOptions": {
+    "types": ["node", "playwright", "@playwright/test"]
+  }
+}
+```
+
+---
+
+This App Extension (AE) manages Quasar and Playwright integration for you, supporting both JavaScript and TypeScript projects. It provides specialized utilities for testing Quasar components and a simplified setup for both end-to-end (E2E) and component testing.
+
+## Included Utilities
+
+The extension comes with several custom utilities to simplify testing Quasar components:
+
+| Utility                  | Description                                              |
+| ------------------------ | -------------------------------------------------------- |
+| `selectDate`             | Selects a date in a QDate component                      |
+| `selectQSelectOption`    | Selects options from a QSelect component                 |
+| `checkQuasarComponent`   | Checks Quasar checkboxes, toggles, and radio buttons     |
+| `uncheckQuasarComponent` | Unchecks Quasar checkboxes and toggles                   |
+| `expectQuasarChecked`    | Asserts that a Quasar component is checked/unchecked     |
+| `withinDialog`           | Interacts with elements within a QDialog                 |
+| `withinMenu`             | Interacts with elements within a QMenu                   |
+| `withinSelectMenu`       | Interacts with options within a QSelect dropdown         |
+| `expectColor`            | Asserts the text color of an element                     |
+| `expectBackgroundColor`  | Asserts the background color of an element               |
+| `test` and `expect`      | Custom test fixtures with enhanced coverage capabilities |
+
+See example usage in the test files created during installation.
+
+## Usage
+
+After installation, these scripts are added to your `package.json`:
+
+```bash
+# Run all tests
+npm run test
+
+# Run E2E tests with UI
+npm run test:e2e
+
+# Run E2E tests in CI mode
+npm run test:e2e:ci
+
+# Run component tests with UI (Vite only)
+npm run test:component
+
+# Run component tests in CI mode (Vite only)
+npm run test:component:ci
+
+# Show test report
+npm run test:report
+
+# Clear test artifacts
+npm run test:clear
+
+# Generate coverage report (when enabled)
+npm run coverage-report
+```
+
+## Examples
+
+### Testing Quasar Button
+
+```ts
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright';
+
+test('clicks a button', async ({ page }) => {
+  await page.goto('/');
+  await page.getByRole('button', { name: 'Click me' }).click();
+  await expect(page.locator('.result')).toContainText('Clicked!');
+});
+```
+
+### Testing Date Picker
+
+```ts
+import {
+  test,
+  expect,
+  selectDate,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright';
+
+test('selects a date', async ({ page }) => {
+  await page.goto('/datepicker');
+  const datePicker = page.locator('.q-date');
+  await selectDate(datePicker, '2023/07/15');
+  await expect(page.locator('.selected-date')).toContainText('Jul 15, 2023');
+});
+```
+
+### Testing Dialog
+
+```ts
+import {
+  test,
+  expect,
+  withinDialog,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright';
+
+test('interacts with dialog', async ({ page }) => {
+  await page.goto('/dialog');
+  await page.getByRole('button', { name: 'Open Dialog' }).click();
+
+  await withinDialog(page, async (dialog) => {
+    await expect(dialog).toContainText('Confirm Action');
+    await dialog.getByRole('button', { name: 'OK' }).click();
+  });
+
+  await expect(page.locator('.result')).toBeVisible();
+});
+```
+
+### Testing Form Controls
+
+```ts
+import {
+  test,
+  expect,
+  checkQuasarComponent,
+  uncheckQuasarComponent,
+  expectQuasarChecked,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright';
+
+test('interacts with form controls', async ({ page }) => {
+  await page.goto('/form');
+
+  const checkbox = page.locator('.q-checkbox');
+  await checkQuasarComponent(checkbox);
+  await expectQuasarChecked(checkbox, true);
+
+  await uncheckQuasarComponent(checkbox);
+  await expectQuasarChecked(checkbox, false);
+});
+```
+
+## Component Testing
+
+Component testing is supported for Vite-based Quasar projects, allowing you to test Vue components in isolation. At the moment, we are not supporting component testing for Webpack-based projects.
+
+```ts
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import MyButton from '../MyButton.vue';
+
+test('renders button with label', async ({ mount }) => {
+  const component = await mount(MyButton, {
+    props: { label: 'Click Me' },
+  });
+
+  await expect(component).toContainText('Click Me');
+  await component.click();
+  // Test component behavior...
+});
+```
+
+For Quasar-specific components in component testing mode:
+
+```ts
+import {
+  test,
+  expect,
+  selectQSelectOption,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import QSelectWrapper from '../QSelectWrapper.vue';
+
+test('selects an option', async ({ mount }) => {
+  const component = await mount(QSelectWrapper);
+  await selectQSelectOption(component, 'Option 1');
+  // Test component behavior...
+});
+```
+
+## Code Coverage
+
+When enabled during installation, code coverage is automatically configured for Vite-based projects using Istanbul. The implementation:
+
+- Instruments your code automatically during development/testing
+- Collects coverage data during test execution
+- Works with both E2E and component tests
+- Combines results from different test types for unified reporting
+
+### Running with Coverage
+
+Coverage data is collected automatically when running tests with the CI commands:
+
+```bash
+# Run E2E tests with coverage
+npm run test:e2e:ci
+
+# Run component tests with coverage
+npm run test:component:ci
+
+# Run both for combined coverage
+npm run test
+```
+
+After test execution, generate a comprehensive report with:
+
+```bash
+npm run coverage-report
+```
+
+### Coverage Reports
+
+The generated reports will be available in the `coverage` directory in multiple formats:
+
+- **HTML**: Interactive browser-based report (`coverage/index.html`)
+- **Text**: Command-line summary
+- **LCOV**: Standard format for CI integrations
+
+### Customization
+
+The extension provides a sensible default configuration that extends the Istanbul preset. You can customize coverage settings by:
+
+1. Modifying the `.nycrc` file in your project root
+2. Adjusting the environment variables in your `package.json` scripts
+3. Creating a custom NYC configuration
+
+## Configuration Options
+
+During installation, you'll be prompted to configure:
+
+- **Port**: The port to use for serving the app during tests (default: 8080)
+- **GitHub Workflow**: Add a GitHub workflow configuration for CI
+- **Install Browsers**: Install Playwright browsers automatically. On Linux, it works only on Debian-based distros. You might still be able to install browsers on other Linux distros with some tweaking which is out of the scope of this documentation.
+- **Code Coverage**: Enable code coverage reporting (Vite only)
+
+## Tips
+
+- When testing QDialog components in component tests, you might notice a random error about navigation context being changed during component mount. Here's an explanation and workaround for that:
+
+```ts
+onMounted(async () => {
+  // When rendering a dialog immediately when the component is mounted, we need to wait for the next tick, otherwise it will break the test. Apparently, rendering the dialog immediately
+  // interfers with component mount context. This mostly occurs when running individual tests that immediately render a dialog and rarely when running all tests at once.
+  // It throws: "Error: page._wrapApiCall: Execution context was destroyed, most likely because of a navigation."
+  // This is only needed to make Playwright tests that display the dialog immediately after mounting the component pass. If a dialog is not displayed immediately the component renders then you don't need this.
+  await nextTick();
+
+  Dialog.create({
+    component: props.component,
+  });
+});
+```
+
+## Uninstallation
+
+```bash
+quasar ext remove @quasar/testing-e2e-playwright
+```
+
+## Documentation
+
+For more details:
+
+- [Playwright Documentation](https://playwright.dev/docs/intro)
+- [Quasar Framework](https://quasar.dev)
+
+## Donate
+
+If you appreciate this extension, please consider [donating to Quasar](https://donate.quasar.dev).
diff --git a/packages/e2e-playwright/build.config.ts b/packages/e2e-playwright/build.config.ts
new file mode 100644
index 00000000..163ee5e9
--- /dev/null
+++ b/packages/e2e-playwright/build.config.ts
@@ -0,0 +1,33 @@
+import { defineBuildConfig } from 'unbuild';
+
+export default defineBuildConfig({
+    outDir: 'dist',
+
+    entries: [
+        './src/main',
+        './src/ct/main',
+    ],
+
+    // Generate TypeScript declaration files (.d.ts) for all entries.
+    declaration: true,
+
+    // Will remove the output directory before building.
+    clean: true,
+
+    // This ensures that unbuild will not try to build these packages. We have to also to set them
+    // as peerDependencies in package.json. 
+    externals: ['@playwright/experimental-ct-vue', '@playwright/test'],
+
+    rollup: {
+        // Explicitly enable generating the CJS bundle.
+        emitCJS: true,
+        esbuild: {
+            minify: true,
+        },
+    },
+
+    // There is some strange warning about missing package.json. It doesn't affect the build however.
+    // It is most likely a false positive. So for now, let's not fail the build on this warning.
+    // See: https://github.com/unjs/unbuild/issues/268
+    failOnWarn: false
+});
diff --git a/packages/e2e-playwright/coverage.d.ts b/packages/e2e-playwright/coverage.d.ts
new file mode 100644
index 00000000..b1d10c5d
--- /dev/null
+++ b/packages/e2e-playwright/coverage.d.ts
@@ -0,0 +1,8 @@
+import { Coverage } from 'istanbul-lib-coverage';
+
+declare global {
+    interface Window {
+        __coverage__?: Coverage;
+        collectIstanbulCoverage?: (coverageJSON: string) => void;
+    }
+}
diff --git a/packages/e2e-playwright/eslint.config.js b/packages/e2e-playwright/eslint.config.js
new file mode 100644
index 00000000..4d0b12c0
--- /dev/null
+++ b/packages/e2e-playwright/eslint.config.js
@@ -0,0 +1,12 @@
+import globals from 'globals';
+import pluginJs from '@eslint/js';
+import tseslint from 'typescript-eslint';
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+  { files: ['**/*.{js,mjs,cjs,ts}'] },
+  { languageOptions: { globals: { ...globals.node } } },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+];
+
diff --git a/packages/e2e-playwright/nyc-preset.json b/packages/e2e-playwright/nyc-preset.json
new file mode 100644
index 00000000..28c44a9a
--- /dev/null
+++ b/packages/e2e-playwright/nyc-preset.json
@@ -0,0 +1,30 @@
+{
+    "extends": "@istanbuljs/nyc-config-typescript",
+    "all": true,
+    "include": [
+        "src/**/*.{js,ts,vue}"
+    ],
+    "exclude": [
+        "src/**/*.spec.{js,ts}",
+        "src/**/*.test.{js,ts}",
+        "node_modules",
+        "test/",
+        "coverage/",
+        "__tests__"
+    ],
+    "reporter": [
+        "text",
+        "html",
+        "lcov",
+        "json"
+    ],
+    "extension": [
+        ".js",
+        ".ts",
+        ".vue"
+    ],
+    "report-dir": "coverage",
+    "temp-dir": ".nyc_output",
+    "coverage-provider": "istanbul",
+    "skip-full": false
+}
\ No newline at end of file
diff --git a/packages/e2e-playwright/package.json b/packages/e2e-playwright/package.json
new file mode 100644
index 00000000..f5e6f793
--- /dev/null
+++ b/packages/e2e-playwright/package.json
@@ -0,0 +1,100 @@
+{
+  "name": "@quasar/quasar-app-extension-testing-e2e-playwright",
+  "version": "0.0.1",
+  "description": "A Quasar playwright app extension",
+  "author": "Calson Chiatiah <chiacalson@gmail.com>",
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "build:esm": "tsc -p tsconfig.json",
+    "build:cjs": "tsc -p tsconfig-cjs.json",
+    "build:types": "tsc --emitDeclarationOnly --outDir dist/types",
+    "build": "unbuild",
+    "prepack": "unbuild",
+    "build:local": "yarn install && unbuild && rimraf node_modules",
+    "deploy:alpha": "unbuild && yarn publish --tag alpha",
+    "deploy:beta": "unbuild && yarn publish --tag beta",
+    "deploy:latest": "unbuild && yarn publish --tag latest"
+  },
+  "files": [
+    "dist"
+  ],
+  "exportsComments": {
+    "exports": "Explictly map core AE script as require.resolve(scriptName) in vite v1 fails when installing, invoking, etc the AE"
+  },
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/main.d.mts",
+        "default": "./dist/main.mjs"
+      },
+      "require": {
+        "types": "./dist/main.d.cts",
+        "default": "./dist/main.cjs"
+      }
+    },
+    "./ct": {
+      "import": {
+        "types": "./dist/ct/main.d.mts",
+        "default": "./dist/ct/main.mjs"
+      },
+      "require": {
+        "types": "./dist/ct/main.d.cts",
+        "default": "./dist/ct/main.cjs"
+      }
+    },
+    "./package.json": "./package.json",
+    "./src/index": "./src/index.js",
+    "./src/prompts": "./src/prompts.js",
+    "./src/install": "./src/install.js",
+    "./src/*": "./src/*",
+    "./nyc-preset": "./nyc-preset.json"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/quasarframework/quasar-testing"
+  },
+  "main": "dist/main.cjs",
+  "module": "dist/main.mjs",
+  "types": "dist/main.d.cts",
+  "bugs": "https://github.com/quasarframework/quasar-testing/issues",
+  "homepage": "https://github.com/quasarframework/quasar-testing/tree/dev/packages/e2e-playwright",
+  "engines": {
+    "node": ">= 12.2.0",
+    "npm": ">= 5.6.0",
+    "yarn": ">= 1.6.0"
+  },
+  "dependencies": {
+    "@istanbuljs/nyc-config-typescript": "^1.0.2",
+    "cross-env": "^7.0.3",
+    "nyc": "^17.1.0",
+    "vite-plugin-istanbul": "^7.0.0"
+  },
+  "devDependenciesComments": {
+    "rimraf": "Requires node 20 || >=22, so let's not update it to continue supporting lower versions"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.18.0",
+    "@playwright/experimental-ct-vue": "^1.50.0",
+    "@playwright/test": "^1.49.1",
+    "@types/node": "^22.10.7",
+    "@typescript-eslint/eslint-plugin": "^8.20.0",
+    "@typescript-eslint/parser": "^8.20.0",
+    "eslint": "^9.18.0",
+    "eslint-plugin-playwright": "^2.1.0",
+    "globals": "^15.14.0",
+    "rimraf": "^5.0.10",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.20.0",
+    "unbuild": "^3.5.0"
+  },
+  "peerDependencies": {
+    "@playwright/test": "^1.40.0",
+    "@playwright/experimental-ct-vue": "^1.40.0"
+  },
+  "peerDependenciesMeta": {
+    "eslint-plugin-playwright": {
+      "optional": true
+    }
+  }
+}
\ No newline at end of file
diff --git a/packages/e2e-playwright/src/ct/component-test-fixture.ts b/packages/e2e-playwright/src/ct/component-test-fixture.ts
new file mode 100644
index 00000000..8284c0cb
--- /dev/null
+++ b/packages/e2e-playwright/src/ct/component-test-fixture.ts
@@ -0,0 +1,14 @@
+import { test as baseTest } from '@playwright/experimental-ct-vue';
+import { addCoverageToContext } from '../utils/coverage.js';
+import type { BrowserContext } from '@playwright/test';
+export { expect } from '@playwright/experimental-ct-vue';
+
+interface CustomFixtures {
+    context: BrowserContext;
+}
+
+// We are explicitly typing test because TS is unable to infer the correct type
+// We are not adding any utility functions to the context, so simply typing it as baseTest should be fine.
+export const test: typeof baseTest = baseTest.extend<CustomFixtures>({
+    context: async ({ context }, use) => addCoverageToContext(context, use as (r: BrowserContext) => Promise<void>),
+});
diff --git a/packages/e2e-playwright/src/ct/main.ts b/packages/e2e-playwright/src/ct/main.ts
new file mode 100644
index 00000000..47ccf44e
--- /dev/null
+++ b/packages/e2e-playwright/src/ct/main.ts
@@ -0,0 +1,6 @@
+
+export * from '../utils/portals.js';
+export * from '../utils/select-date.js';
+export * from '../utils/color-assertions.js';
+export * from '../utils/select.js';
+export * from './component-test-fixture.js';
\ No newline at end of file
diff --git a/packages/e2e-playwright/src/index.js b/packages/e2e-playwright/src/index.js
new file mode 100644
index 00000000..0e6611af
--- /dev/null
+++ b/packages/e2e-playwright/src/index.js
@@ -0,0 +1,32 @@
+import { enforcedDevServerPort } from './shared.js';
+
+export default async function (api) {
+  api.compatibleWith('quasar', '^2.0.0');
+  if (api.hasVite) {
+    api.compatibleWith('@quasar/app-vite', '^1.0.0 || ^2.0.0');
+  } else if (api.hasWebpack) {
+    api.compatibleWith('@quasar/app-webpack', '^3.11.0 || ^4.0.0');
+  }
+
+  if (process.env.NODE_ENV !== 'test') {
+    return;
+  }
+
+  api.extendQuasarConf(async (conf) => {
+    // Let's stop Quasar from opening a browser by default
+    conf.devServer.open = false;
+
+    conf.devServer.port = api.prompts.port ?? enforcedDevServerPort;
+  });
+
+  if (api.prompts.enableCodeCoverage && api.hasVite) {
+    // TODO: known problem with Vue3 + Vite source maps: https://github.com/iFaxity/vite-plugin-istanbul/issues/14
+    const { default: istanbul } = await import('vite-plugin-istanbul');
+
+    api.extendViteConf((viteConf) => {
+      viteConf.plugins.push(
+        istanbul({ forceBuildInstrument: api.ctx.prod, requireEnv: true }),
+      );
+    });
+  }
+}
diff --git a/packages/e2e-playwright/src/install.js b/packages/e2e-playwright/src/install.js
new file mode 100644
index 00000000..324278fb
--- /dev/null
+++ b/packages/e2e-playwright/src/install.js
@@ -0,0 +1,218 @@
+import { spawnSync } from 'child_process';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+import { readFile } from 'fs/promises';
+import * as fs from 'fs';
+import { enforcedDevServerPort } from './shared.js';
+
+// TODO: This installs all browsers, consider giving the user the option of selecting specific browsers
+async function installPlaywrightBrowsers() {
+  try {
+    spawnSync('npx', ['playwright', 'install'], {
+      stdio: 'inherit',
+      shell: true,
+      env: process.env,
+    });
+  } catch (error) {
+    console.error(
+      'Installation failed. Run npx playwright install at any time to install',
+      error,
+    );
+    process.exit(1);
+  }
+}
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+/**
+ * Performs a deep merge of objects and returns new object. Does not modify
+ * objects (immutable) and merges arrays via concatenation.
+ * based on https://stackoverflow.com/a/49798508
+ *
+ * @param {...object} sources - Objects to merge
+ * @returns {object} New object with merged key/values
+ */
+function __mergeDeep(...sources) {
+  let result = {};
+  for (const source of sources) {
+    if (source instanceof Array) {
+      if (!(result instanceof Array)) {
+        result = [];
+      }
+      result = [...result, ...source];
+    } else if (source instanceof Object) {
+      for (let [key, value] of Object.entries(source)) {
+        if (value instanceof Object && key in result) {
+          value = __mergeDeep(result[key], value);
+        }
+        result = { ...result, [key]: value };
+      }
+    }
+  }
+  return result;
+}
+
+// We use devDependencies instead of peerDependencies because devDependencies are usually the latest version
+// and peerDependencies could contain a string supporting multiple major versions (e.g. "playwright": "^1.1.12 || ^2.0.0")
+const { devDependencies: aeDevDependencies } = JSON.parse(
+  await readFile(join(__dirname, '..', 'package.json'), 'utf-8'),
+);
+
+function getCompatibleDevDependencies(packageNames) {
+  const devDependencies = {};
+
+  for (const packageName of packageNames) {
+    devDependencies[packageName] = aeDevDependencies[packageName];
+  }
+
+  return devDependencies;
+}
+
+// eslint-plugin-playwright works well with both eslint v8 and eslint v9
+let extendPackageJson = {
+  devDependencies: getCompatibleDevDependencies([
+    '@playwright/test',
+    'eslint-plugin-playwright',
+  ]),
+};
+
+function appendToFileIfNotExists(filePath, searchText, appendText) {
+  try {
+    const content = fs.readFileSync(filePath, 'utf8');
+
+    if (content.includes(searchText)) {
+      return;
+    }
+    fs.appendFileSync(filePath, appendText, 'utf8');
+  } catch (error) {
+    if (error.code === 'ENOENT') {
+      fs.appendFileSync(filePath, appendText, 'utf8');
+      return;
+    }
+    console.error(`Error processing file ${filePath}:`, error);
+  }
+}
+
+export default async function (api) {
+  api.compatibleWith('quasar', '^2.0.0');
+  if (api.hasVite) {
+    // PromptsAPI and hasTypescript are only available from v1.6.0 onwards
+    api.compatibleWith('@quasar/app-vite', '^v1.6.0 || ^2.0.0');
+  } else if (api.hasWebpack) {
+    // PromptsAPI and hasTypescript are only available from v3.11.0 onwards
+    api.compatibleWith('@quasar/app-webpack', '^3.11.0 || ^4.0.0');
+  }
+
+  try {
+    if (api.prompts.port && api.prompts.port !== enforcedDevServerPort) {
+      const port = parseInt(api.prompts.port.trim(), 10);
+      if (!Number.isInteger(port)) {
+        throw new Error(`Invalid port number: ${api.prompts.port}`);
+      }
+    }
+
+    const devServerPort = api.prompts.port ?? enforcedDevServerPort;
+    const supportsTypescript = await api.hasTypescript();
+    const shouldEnableCodeCoverage =
+      api.prompts.enableCodeCoverage && api.hasVite;
+
+    if (api.prompts.githubWorkflow) {
+      api.render('./templates/github-workflow');
+    }
+
+    const configTemplate = supportsTypescript
+      ? './templates/typescript'
+      : './templates/javascript';
+    api.render(`${configTemplate}/base`, {
+      devServerPort,
+      codeCoverageIsEnabled: shouldEnableCodeCoverage,
+    });
+
+    // Playwright only offers native support for component testing with Vite
+    // https://playwright.dev/docs/test-components
+    if (api.hasVite) {
+      api.render(`${configTemplate}/component-test`, {
+        codeCoverageIsEnabled: shouldEnableCodeCoverage,
+      });
+
+      api.render('./templates/component-test', {
+        shouldSupportTypeScript: supportsTypescript,
+      });
+    }
+
+    let testEnvCommand = 'cross-env NODE_ENV=test';
+    if (shouldEnableCodeCoverage) {
+      // We have set requireEnv in istanbul to true, so this is needed for instrumentation to work
+      testEnvCommand += ' VITE_COVERAGE=true';
+    }
+
+    const packageManager = await api.getNodePackagerName();
+    const scripts = {
+      scripts: {
+        test: `${packageManager} test:clear && ${packageManager} test:component:ci && ${packageManager} test:e2e:ci`,
+        'test:clear': 'rimraf .nyc_output coverage',
+        'test:e2e': `${testEnvCommand} playwright test --ui`,
+        'test:e2e:ci': `${testEnvCommand} playwright test`,
+        'test:report': `playwright show-report`,
+      },
+    };
+
+    if (shouldEnableCodeCoverage) {
+      api.render('./templates/code-coverage');
+
+      // Let's add the playwright-ct-vue package to the devDependencies
+      extendPackageJson.devDependencies['@playwright/experimental-ct-vue'] =
+        aeDevDependencies['@playwright/experimental-ct-vue'];
+
+      scripts.scripts['test'] += ` && ${packageManager} coverage-report`;
+      scripts.scripts['coverage-report'] =
+        'nyc report --reporter=html --reporter=text';
+    }
+
+    const scriptExtension = supportsTypescript ? 'ts' : 'js';
+    // Playwright only offers native support for component testing with Vite
+    if (api.hasVite) {
+      scripts.scripts['test:component'] =
+        `${testEnvCommand} playwright test -c playwright-ct.config.${scriptExtension} --ui`;
+      scripts.scripts['test:component:ci'] =
+        `${testEnvCommand} playwright test -c playwright-ct.config.${scriptExtension}`;
+    }
+    extendPackageJson = __mergeDeep(extendPackageJson, scripts);
+    api.extendPackageJson(extendPackageJson);
+
+    const gitignorePath = api.resolve.app('.gitignore');
+
+    const playwrightCommentStart = '\n# Playwright';
+    let playwrightGitignore = `\n${playwrightCommentStart}\n/test-results/\n/playwright-report/\n/blob-report\n/playwright/.cache/\n`;
+
+    if (shouldEnableCodeCoverage) {
+      playwrightGitignore += '\n\n# Coverage\n.nyc_output\n/coverage\n';
+    }
+    appendToFileIfNotExists(
+      gitignorePath,
+      playwrightCommentStart,
+      playwrightGitignore,
+    );
+
+    if (api.prompts.installBrowsers) {
+      installPlaywrightBrowsers();
+    }
+
+    if (api.prompts.enableCodeCoverage && api.hasWebpack) {
+      api.onExitLog(
+        "Playwright doesn't support code coverage for Webpack yet. Please use Vite CLI instead.",
+      );
+    }
+
+    if (await api.hasLint()) {
+      api.onExitLog(
+        'Check out https://github.com/quasarframework/quasar-testing/tree/dev/packages/e2e-playwright to see how to add proper Playwright linting configuration to your project.',
+      );
+    }
+  } catch (error) {
+    console.error('An error occurred while installing the extension:', error);
+
+    process.exit(1);
+  }
+}
diff --git a/packages/e2e-playwright/src/main.ts b/packages/e2e-playwright/src/main.ts
new file mode 100644
index 00000000..b8e977ee
--- /dev/null
+++ b/packages/e2e-playwright/src/main.ts
@@ -0,0 +1,5 @@
+export * from './utils/portals.js';
+export * from './utils/select-date.js';
+export * from './utils/color-assertions.js';
+export * from './utils/select.js';
+export * from './utils/base-fixture.js';
diff --git a/packages/e2e-playwright/src/prompts.js b/packages/e2e-playwright/src/prompts.js
new file mode 100644
index 00000000..bb29ff8e
--- /dev/null
+++ b/packages/e2e-playwright/src/prompts.js
@@ -0,0 +1,38 @@
+import { enforcedDevServerPort } from './shared.js';
+
+export default function (api) {
+  const prompt = [
+    {
+      name: 'port',
+      type: 'text',
+      required: true,
+      default: enforcedDevServerPort,
+      message: 'Set the port from which to serve the app:',
+    },
+    {
+      name: 'githubWorkflow',
+      type: 'confirm',
+      required: true,
+      default: true,
+      message: 'Do you want to add a GitHub workflow for your CI?',
+    },
+    {
+      name: 'installBrowsers',
+      type: 'confirm',
+      required: true,
+      default: false,
+      message:
+        "Install Playwright browsers (can be done manually via 'npx exec playwright install')?",
+    },
+  ];
+  if (api.hasVite) {
+    prompt.push({
+      name: 'enableCodeCoverage',
+      type: 'confirm',
+      required: true,
+      default: false,
+      message: 'Do you want to enable code coverage?',
+    });
+  }
+  return prompt;
+}
diff --git a/packages/e2e-playwright/src/shared.js b/packages/e2e-playwright/src/shared.js
new file mode 100644
index 00000000..394b34a2
--- /dev/null
+++ b/packages/e2e-playwright/src/shared.js
@@ -0,0 +1 @@
+export const enforcedDevServerPort = 8080;
diff --git a/packages/e2e-playwright/src/templates/code-coverage/_nycrc b/packages/e2e-playwright/src/templates/code-coverage/_nycrc
new file mode 100644
index 00000000..ac43bd45
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/code-coverage/_nycrc
@@ -0,0 +1,3 @@
+{
+    "extends": "@quasar/quasar-app-extension-testing-e2e-playwright/nyc-preset"
+}
\ No newline at end of file
diff --git a/packages/e2e-playwright/src/templates/component-test/src/components/AppButton.vue b/packages/e2e-playwright/src/templates/component-test/src/components/AppButton.vue
new file mode 100644
index 00000000..1c145275
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/component-test/src/components/AppButton.vue
@@ -0,0 +1,17 @@
+<template>
+  <q-btn :label="label" color="positive" rounded icon="edit" @click="$emit('test')" />
+</template>
+
+<script<% if (shouldSupportTypeScript) { %> lang="ts"<% } %>>
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarButton',
+  props: {
+    label: {
+      type: String,
+    },
+  },
+  emits: { test: () => true },
+});
+</script>
diff --git a/packages/e2e-playwright/src/templates/component-test/src/components/AppCheckComponents.vue b/packages/e2e-playwright/src/templates/component-test/src/components/AppCheckComponents.vue
new file mode 100644
index 00000000..07aafdb4
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/component-test/src/components/AppCheckComponents.vue
@@ -0,0 +1,27 @@
+<template>
+  <q-checkbox v-model="checked" data-testid="checkbox" />
+  <q-toggle v-model="toggled" data-testid="toggle" />
+
+  <q-radio v-model="selected" val="Value1" data-testid="radio-1">Value1</q-radio>
+  <q-radio v-model="selected" val="Value2" data-testid="radio-2">Value2</q-radio>
+</template>
+
+
+<script<% if (shouldSupportTypeScript) { %> lang="ts"<% } %>>
+import { defineComponent, ref } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarCheckboxAndToggle',
+  setup() {
+    const checked = ref();
+    const toggled = ref();
+    const selected = ref();
+
+    return {
+      checked,
+      toggled,
+      selected,
+    };
+  },
+});
+</script>
diff --git a/packages/e2e-playwright/src/templates/component-test/src/components/AppDark.vue b/packages/e2e-playwright/src/templates/component-test/src/components/AppDark.vue
new file mode 100644
index 00000000..7379d52e
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/component-test/src/components/AppDark.vue
@@ -0,0 +1,35 @@
+<template>
+  <q-card :dark="$q.dark.isActive">
+    {{ $q.dark.isActive ? 'Dark ' : 'Light' }} content
+
+    <q-btn
+      label="Toggle Dark Mode"
+      data-testid="dark-mode-toggle-button"
+      @click="toggleNightMode"
+    />
+  </q-card>
+</template>
+
+<script<% if (shouldSupportTypeScript) { %> lang="ts"<% } %>>
+import { defineComponent } from 'vue';
+import { useQuasar } from 'quasar';
+
+export default defineComponent({
+  name: 'QuasarDark',
+  setup() {
+    const $q = useQuasar();
+
+    // TODO: Refactor the Cypress test so that it does not need to test on the instance. Let's avoid such
+    // tests in e2e and component tests. It's preferable to have buttons that perform the task than to directly
+    // call those methods on the instance. Moreover, Playwright does not encourage nor support access to the instance.
+    // See https://kentcdodds.com/blog/testing-implementation-details
+    function toggleNightMode() {
+      $q.dark.set(!$q.dark.isActive);
+    }
+
+    return {
+      toggleNightMode,
+    };
+  },
+});
+</script>
diff --git a/packages/e2e-playwright/src/templates/component-test/src/components/AppDate.vue b/packages/e2e-playwright/src/templates/component-test/src/components/AppDate.vue
new file mode 100644
index 00000000..c7992f72
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/component-test/src/components/AppDate.vue
@@ -0,0 +1,39 @@
+<template>
+  <q-date v-model="date" data-testid="date-picker" />
+
+  <div>
+    <q-input v-model="date" label="Date" data-testid="selected-date-input">
+      <template #append>
+        <q-btn
+          data-testid="open-date-picker-popup-button"
+          icon="event"
+          flat
+          round
+          @click="dateDialogRef.show()"
+        />
+      </template>
+    </q-input>
+    <q-dialog ref="dateDialogRef">
+      <q-date v-model="date" data-testid="date-proxy" @update:model-value="dateDialogRef.hide()" />
+    </q-dialog>
+  </div>
+</template>
+
+<script<% if (shouldSupportTypeScript) { %> lang="ts"<% } %>>
+<% if (shouldSupportTypeScript) { %>import type { QDialog } from 'quasar';
+import type { Ref } from 'vue';<% } %>
+import { defineComponent, ref } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarDate',
+  setup() {
+    const date = ref('');
+    const dateDialogRef = ref()<% if (shouldSupportTypeScript) { %> as Ref<QDialog><% } %>;
+
+    return {
+      date,
+      dateDialogRef,
+    };
+  },
+});
+</script>
diff --git a/packages/e2e-playwright/src/templates/component-test/src/components/AppDialog.vue b/packages/e2e-playwright/src/templates/component-test/src/components/AppDialog.vue
new file mode 100644
index 00000000..b954d1c7
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/component-test/src/components/AppDialog.vue
@@ -0,0 +1,65 @@
+<template>
+  <!-- notice dialogRef here -->
+  <q-dialog ref="dialogRef" @hide="onDialogHide">
+    <q-card>
+      <q-card-section>{{ message }}</q-card-section>
+
+      <!-- buttons example -->
+      <q-card-actions align="right">
+        <q-btn data-testid="ok-button" color="primary" label="OK" @click="onOKClick" />
+        <q-btn color="primary" label="Cancel" @click="onCancelClick" />
+      </q-card-actions>
+    </q-card>
+  </q-dialog>
+</template>
+
+<script<% if (shouldSupportTypeScript) { %> lang="ts"<% } %>>
+import { useDialogPluginComponent } from 'quasar';
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarDialog',
+  props: {
+    message: {
+      type: String,
+      required: true,
+    },
+  },
+
+  // REQUIRED; need to specify some events that your
+  // component will emit through useDialogPluginComponent()
+  emits: useDialogPluginComponent.emits,
+
+  setup() {
+    // REQUIRED; must be called inside of setup()
+    const { dialogRef, onDialogHide, onDialogOK, onDialogCancel } = useDialogPluginComponent();
+    // dialogRef      - Vue ref to be applied to QDialog
+    // onDialogHide   - Function to be used as handler for @hide on QDialog
+    // onDialogOK     - Function to call to settle dialog with "ok" outcome
+    //                    example: onDialogOK() - no payload
+    //                    example: onDialogOK({ /*.../* }) - with payload
+    // onDialogCancel - Function to call to settle dialog with "cancel" outcome
+
+    return {
+      // This is REQUIRED;
+      // Need to inject these (from useDialogPluginComponent() call)
+      // into the vue scope for the vue html template
+      dialogRef,
+      onDialogHide,
+
+      // other methods that we used in our vue html template;
+      // these are part of our example (so not required)
+      onOKClick() {
+        // on OK, it is REQUIRED to
+        // call onDialogOK (with optional payload)
+        onDialogOK();
+        // or with payload: onDialogOK({ ... })
+        // ...and it will also hide the dialog automatically
+      },
+
+      // we can passthrough onDialogCancel directly
+      onCancelClick: onDialogCancel,
+    };
+  },
+});
+</script>
diff --git a/packages/e2e-playwright/src/templates/component-test/src/components/AppDrawer.vue b/packages/e2e-playwright/src/templates/component-test/src/components/AppDrawer.vue
new file mode 100644
index 00000000..8c6a01b2
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/component-test/src/components/AppDrawer.vue
@@ -0,0 +1,33 @@
+<template>
+  <q-drawer
+    v-model="showDrawer"
+    show-if-above
+    :width="200"
+    :breakpoint="700"
+    elevated
+    data-testid="drawer"
+    class="bg-primary text-white"
+  >
+    <q-scroll-area class="fit">
+      <div class="q-pa-sm">
+        <div v-for="n in 50" :key="n">Drawer {{ n }} / 50</div>
+      </div>
+      <q-btn data-testid="button">Am I on screen?</q-btn>
+    </q-scroll-area>
+  </q-drawer>
+</template>
+
+<script<% if (shouldSupportTypeScript) { %> lang="ts"<% } %>>
+import { ref, defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarDrawer',
+  setup() {
+    const showDrawer = ref(true);
+
+    return {
+      showDrawer,
+    };
+  },
+});
+</script>
diff --git a/packages/e2e-playwright/src/templates/component-test/src/components/AppMenu.vue b/packages/e2e-playwright/src/templates/component-test/src/components/AppMenu.vue
new file mode 100644
index 00000000..dee88d6a
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/component-test/src/components/AppMenu.vue
@@ -0,0 +1,22 @@
+<template>
+  <q-btn data-testid="open-menu-btn" label="Open menu">
+    <q-menu>
+      <q-list>
+        <q-item v-close-popup clickable>
+          <q-item-section>Item 1</q-item-section>
+        </q-item>
+        <q-item v-close-popup clickable>
+          <q-item-section>Item 2</q-item-section>
+        </q-item>
+      </q-list>
+    </q-menu>
+  </q-btn>
+</template>
+
+<script<% if (shouldSupportTypeScript) { %> lang="ts"<% } %>>
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarMenu',
+});
+</script>
diff --git a/packages/e2e-playwright/src/templates/component-test/src/components/AppPageSticky.vue b/packages/e2e-playwright/src/templates/component-test/src/components/AppPageSticky.vue
new file mode 100644
index 00000000..3c68eb2a
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/component-test/src/components/AppPageSticky.vue
@@ -0,0 +1,21 @@
+<template>
+  <q-page-sticky position="bottom-right" :offset="[18, 18]">
+    <q-btn data-testid="button" rounded color="accent" icon="arrow_forward">
+      {{ title }}
+    </q-btn>
+  </q-page-sticky>
+</template>
+
+<script<% if (shouldSupportTypeScript) { %> lang="ts"<% } %>>
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarPageSticky',
+  props: {
+    title: {
+      type: String,
+      required: true,
+    },
+  },
+});
+</script>
diff --git a/packages/e2e-playwright/src/templates/component-test/src/components/AppSelect.vue b/packages/e2e-playwright/src/templates/component-test/src/components/AppSelect.vue
new file mode 100644
index 00000000..18e25400
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/component-test/src/components/AppSelect.vue
@@ -0,0 +1,54 @@
+<template>
+  <q-select
+    v-model="selected"
+    data-testid="select"
+    label="test options selection"
+    :options="options"
+    :loading="loading"
+    :disable="disable"
+  />
+
+  <span data-testid="select-value">{{ selected }}</span>
+</template>
+
+<script<% if (shouldSupportTypeScript) { %> lang="ts"<% } %>>
+import { defineComponent, ref } from 'vue';
+
+const syncOptions = ['Option 1', 'Option 2', 'Option 3'];
+
+export default defineComponent({
+  name: 'QuasarSelect',
+  props: {
+    loadOptionsAsync: {
+      type: Boolean,
+      default: false,
+    },
+    disable: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props) {
+    const selected = ref();
+    const loading = ref(false);
+
+    const options = ref();
+
+    if (props.loadOptionsAsync) {
+      loading.value = true;
+      setTimeout(() => {
+        options.value = syncOptions;
+        loading.value = false;
+      }, 2000);
+    } else {
+      options.value = syncOptions;
+    }
+
+    return {
+      loading,
+      selected,
+      options,
+    };
+  },
+});
+</script>
diff --git a/packages/e2e-playwright/src/templates/component-test/src/components/AppTooltip.vue b/packages/e2e-playwright/src/templates/component-test/src/components/AppTooltip.vue
new file mode 100644
index 00000000..846ce654
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/component-test/src/components/AppTooltip.vue
@@ -0,0 +1,23 @@
+<template>
+  <q-btn color="primary">
+    Button
+    <q-tooltip v-model="showTooltip" data-testid="tooltip" class="bg-red" :offset="[10, 10]">
+      Here I am!
+    </q-tooltip>
+  </q-btn>
+</template>
+
+<script<% if (shouldSupportTypeScript) { %> lang="ts"<% } %>>
+import { ref, defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarTooltip',
+  setup() {
+    const showTooltip = ref(true);
+
+    return {
+      showTooltip,
+    };
+  },
+});
+</script>
diff --git a/packages/e2e-playwright/src/templates/component-test/src/components/color-assertions.vue b/packages/e2e-playwright/src/templates/component-test/src/components/color-assertions.vue
new file mode 100644
index 00000000..841cd639
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/component-test/src/components/color-assertions.vue
@@ -0,0 +1,3 @@
+<template>
+  <div class="wrapper text-primary bg-black">Text1</div>
+</template>
diff --git a/packages/e2e-playwright/src/templates/github-workflow/.github/workflows/playwright.yml b/packages/e2e-playwright/src/templates/github-workflow/.github/workflows/playwright.yml
new file mode 100644
index 00000000..c18fe4c5
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/github-workflow/.github/workflows/playwright.yml
@@ -0,0 +1,27 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [main, master]
+  pull_request:
+    branches: [main, master]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22.x
+      - name: Install dependencies
+        run: npm install -g pnpm && pnpm install
+      - name: Install Playwright Browsers
+        run: pnpm exec playwright install --with-deps
+      - name: Run Playwright tests
+        run: pnpm exec playwright test
+      - uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30
diff --git a/packages/e2e-playwright/src/templates/javascript/base/playwright.config.js b/packages/e2e-playwright/src/templates/javascript/base/playwright.config.js
new file mode 100644
index 00000000..6d235b8a
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/javascript/base/playwright.config.js
@@ -0,0 +1,80 @@
+// @ts-check
+import { defineConfig, devices } from '@playwright/test';
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// import dotenv from 'dotenv';
+// import path from 'path';
+// dotenv.config({ path: path.resolve(__dirname, '.env') });
+
+/**
+ * @see https://playwright.dev/docs/test-configuration
+ */
+export default defineConfig({
+  testDir: './test',
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: 'http://localhost:<%= devServerPort %>',
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+
+    /* Test against mobile viewports. */
+    // {
+    //   name: 'Mobile Chrome',
+    //   use: { ...devices['Pixel 5'] },
+    // },
+    // {
+    //   name: 'Mobile Safari',
+    //   use: { ...devices['iPhone 12'] },
+    // },
+
+    /* Test against branded browsers. */
+    // {
+    //   name: 'Microsoft Edge',
+    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    // },
+    // {
+    //   name: 'Google Chrome',
+    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    // },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    command: 'quasar dev -p <%= devServerPort %>',
+    url: 'http://localhost:<%= devServerPort %>',
+    reuseExistingServer: !process.env.CI,
+  },
+});
diff --git a/packages/e2e-playwright/src/templates/javascript/base/test/playwright/home.spec.js b/packages/e2e-playwright/src/templates/javascript/base/test/playwright/home.spec.js
new file mode 100644
index 00000000..18173075
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/javascript/base/test/playwright/home.spec.js
@@ -0,0 +1,20 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright';
+
+test('has title', async ({ page }) => {
+  await page.goto('https://playwright.dev/');
+
+  await expect(page).toHaveTitle(/Playwright/);
+});
+
+test('get started link', async ({ page }) => {
+  await page.goto('https://playwright.dev/');
+
+  await page.getByRole('link', { name: 'Get started' }).click();
+
+  await expect(
+    page.getByRole('heading', { name: 'Installation' }),
+  ).toBeVisible();
+});
diff --git a/packages/e2e-playwright/src/templates/javascript/component-test/playwright-ct.config.js b/packages/e2e-playwright/src/templates/javascript/component-test/playwright-ct.config.js
new file mode 100644
index 00000000..b35beede
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/javascript/component-test/playwright-ct.config.js
@@ -0,0 +1,105 @@
+// @ts-check
+
+import { defineConfig, devices } from '@playwright/experimental-ct-vue';
+import vue from '@vitejs/plugin-vue';
+import { quasar, transformAssetUrls } from '@quasar/vite-plugin';
+<% if (codeCoverageIsEnabled) { %> import istanbul from 'vite-plugin-istanbul'; <% } %>
+// import { fileURLToPath } from 'node:url';
+// import AutoImport from 'unplugin-auto-import/vite';
+// import Components from 'unplugin-vue-components/vite';
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './src/components',
+  /* The base directory, relative to the config file, for snapshot files created with toMatchSnapshot and toHaveScreenshot. */
+  snapshotDir: './__snapshots__',
+  /* Maximum time one test can run for. */
+  timeout: 10 * 1000,
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+
+    /* Port to use for Playwright component endpoint. */
+    ctPort: 3100,
+
+    ctViteConfig: <% if(codeCoverageIsEnabled) { %> async <% } %> () => {
+      <% if (codeCoverageIsEnabled) { %> const { default: istanbul } = await import('vite-plugin-istanbul'); <% } %>
+      
+      return {
+  build: {
+    sourcemap: true
+  },
+  plugins: [
+    vue({ template: { transformAssetUrls } }),
+    // AutoImport({
+    //   imports: [
+    //     'vue',
+    //     'vue-router',
+    //     '@vueuse/head',
+    //     'pinia',
+    //     'quasar',
+    //     {
+    //       '@/store': ['useStore'],
+    //     },
+    //   ],
+    //   dts: 'src/auto-imports.d.ts',
+    //   eslintrc: {
+    //     enabled: true,
+    //   },
+    // }),
+    // Components({
+    //   dirs: ['src/components'],
+    //   extensions: ['vue'],
+    // }),
+    quasar({
+      // sassVariables: fileURLToPath(
+      //   new URL('./src/quasar-variables.sass', import.meta.url),
+      // ),
+    }),
+    <% if(codeCoverageIsEnabled) { %>
+      // Instrument the code for nyc/istanbul code coverage
+      istanbul({
+        include: ['src/**/*'],
+        exclude: ['node_modules', 'test/', 'dist/', 'coverage/', '__tests__'],
+        extension: ['.js', '.ts', '.vue'],
+        requireEnv: true,
+        forceBuildInstrument: true,
+        checkProd: false,
+        cypress: false,
+      }) <% } %>
+        ],
+    }
+  },
+},
+
+  /* Configure projects for major browsers */
+  projects: [
+  {
+    name: 'chromium',
+    use: { ...devices['Desktop Chrome'] },
+  },
+  {
+    name: 'firefox',
+    use: { ...devices['Desktop Firefox'] },
+  },
+  {
+    name: 'webkit',
+    use: { ...devices['Desktop Safari'] },
+  },
+],
+});
+
+
diff --git a/packages/e2e-playwright/src/templates/javascript/component-test/playwright/index.html b/packages/e2e-playwright/src/templates/javascript/component-test/playwright/index.html
new file mode 100644
index 00000000..2468b1c8
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/javascript/component-test/playwright/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Testing Page</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./index.js"></script>
+  </body>
+</html>
diff --git a/packages/e2e-playwright/src/templates/javascript/component-test/playwright/index.js b/packages/e2e-playwright/src/templates/javascript/component-test/playwright/index.js
new file mode 100644
index 00000000..3c83cc58
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/javascript/component-test/playwright/index.js
@@ -0,0 +1,20 @@
+// See https://quasar.dev/start/vite-plugin for available options
+import 'quasar/src/css/index.sass';
+import '../src/css/app.scss';
+import { Quasar, Dialog } from 'quasar';
+import { beforeMount } from '@playwright/experimental-ct-vue/hooks';
+import '@quasar/extras/material-icons/material-icons.css';
+// import '@quasar/extras/mdi-v7/mdi-v7.css';
+
+beforeMount(({ app }) => {
+  // Setup other stuff you need before mounting the component. You can setup i18n, etc here.
+  // See https://playwright.dev/docs/test-components#frequently-asked-questions
+  app.use(Quasar, {
+    plugins: {
+      // Setup plugins used in your components
+      // Notify,
+      // Loading
+      Dialog,
+    },
+  });
+});
diff --git a/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppButton.spec.js b/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppButton.spec.js
new file mode 100644
index 00000000..24f29302
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppButton.spec.js
@@ -0,0 +1,50 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import AppButton from 'src/components/AppButton.vue';
+
+test('renders a message', async ({ mount }) => {
+  const label = 'Hello there';
+  const component = await mount(AppButton, { props: { label } });
+
+  await expect(component).toContainText(label);
+});
+
+test('renders another message', async ({ mount }) => {
+  const label = 'Will this work?';
+  const component = await mount(AppButton, { props: { label } });
+  await expect(component).toContainText(label);
+});
+
+test('should have a `positive` color', async ({ mount }) => {
+  const button = await mount(AppButton);
+
+  const bgColor = await button.evaluate(
+    (el) => window.getComputedStyle(el).backgroundColor,
+  );
+  const textColor = await button.evaluate(
+    (el) => window.getComputedStyle(el).color,
+  );
+
+  const quasarPositiveVar = 'rgb(33, 186, 69)';
+  expect(bgColor).toBe(quasarPositiveVar);
+  expect(textColor).toBe('rgb(255, 255, 255)');
+});
+
+test('should emit `test` upon click', async ({ mount }) => {
+  let eventCount = 0;
+
+  const component = await mount(AppButton, {
+    on: {
+      test: () => {
+        eventCount++;
+      },
+    },
+  });
+
+  await component.click();
+  expect(eventCount).toBe(1);
+  await component.click();
+  expect(eventCount).toBe(2);
+});
diff --git a/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppCheckComponents.spec.js b/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppCheckComponents.spec.js
new file mode 100644
index 00000000..d228fb40
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppCheckComponents.spec.js
@@ -0,0 +1,47 @@
+import AppCheckComponents from '../AppCheckComponents.vue';
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+test.describe('AppCheckbox', () => {
+  test('can be used with normal Playwright commands', async ({ mount }) => {
+    const component = await mount(AppCheckComponents);
+
+    const checkbox = component.getByTestId('checkbox');
+    await checkbox.check();
+    await expect(checkbox).toBeChecked();
+
+    await checkbox.uncheck();
+    await expect(checkbox).not.toBeChecked();
+  });
+});
+
+test.describe('QuasarToggle', () => {
+  test('can be used with normal Playwright commands', async ({ mount }) => {
+    const component = await mount(AppCheckComponents);
+
+    const toggle = component.getByTestId('toggle');
+    await toggle.check();
+    await expect(toggle).toBeChecked();
+
+    await toggle.uncheck();
+    await expect(toggle).not.toBeChecked();
+  });
+});
+
+test.describe('QuasarRadio', () => {
+  test('can be used with normal Playwright commands', async ({ mount }) => {
+    const component = await mount(AppCheckComponents);
+
+    const radio1 = component.getByTestId('radio-1');
+    const radio2 = component.getByTestId('radio-2');
+
+    await radio1.check();
+    await expect(radio1).toBeChecked();
+
+    await radio2.check();
+    await expect(radio2).toBeChecked();
+    await expect(radio1).not.toBeChecked();
+  });
+});
diff --git a/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppDark.spec.js b/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppDark.spec.js
new file mode 100644
index 00000000..16aa7f6e
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppDark.spec.js
@@ -0,0 +1,18 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import AppDark from '../AppDark.vue';
+
+test('changes its color', async ({ mount }) => {
+  const darkCard = await mount(AppDark);
+
+  await expect(darkCard).not.toHaveClass(/q-dark/);
+
+  const darkModeToggleButton = darkCard.getByTestId('dark-mode-toggle-button');
+  await darkModeToggleButton.click();
+  await expect(darkCard).toHaveClass(/q-dark/);
+
+  await darkModeToggleButton.click();
+  await expect(darkCard).not.toHaveClass(/q-dark/);
+});
diff --git a/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppDate.spec.js b/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppDate.spec.js
new file mode 100644
index 00000000..78a1c3b8
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppDate.spec.js
@@ -0,0 +1,44 @@
+import AppDate from '../AppDate.vue';
+import {
+  selectDate,
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+const targetDate = '2023/02/23';
+
+test.describe('AppDate', () => {
+  test('selects a date by date string', async ({ mount }) => {
+    const component = await mount(AppDate);
+    const subject = component.getByTestId('date-picker');
+
+    await selectDate(subject, targetDate);
+    await expect(component.getByTestId('selected-date-input')).toHaveValue(
+      targetDate,
+    );
+    await component.unmount();
+  });
+
+  test('selects a date by date object', async ({ mount }) => {
+    const component = await mount(AppDate);
+
+    const subject = component.getByTestId('date-picker');
+    await selectDate(subject, targetDate);
+    await expect(component.getByTestId('selected-date-input')).toHaveValue(
+      targetDate,
+    );
+    await component.unmount();
+  });
+
+  test('selects a date displayed in a popup proxy', async ({ mount, page }) => {
+    const component = await mount(AppDate);
+
+    await component.getByTestId('open-date-picker-popup-button').click();
+
+    const datePickerDialog = page.getByTestId('date-proxy');
+    await selectDate(datePickerDialog, targetDate);
+    await expect(component.getByTestId('selected-date-input')).toHaveValue(
+      targetDate,
+    );
+  });
+});
diff --git a/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppDialog.spec.js b/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppDialog.spec.js
new file mode 100644
index 00000000..235a8982
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppDialog.spec.js
@@ -0,0 +1,47 @@
+import DialogWrapper from 'app/test/playwright/wrappers/DialogWrapper.vue';
+import AppDialog from '../ApDialog.vue';
+import {
+  test,
+  expect,
+  withinDialog,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+test.describe('AppDialog', () => {
+  test('should show a dialog with a message', async ({ mount, page }) => {
+    const message = 'Hello, I am a dialog';
+    await mount(DialogWrapper, {
+      props: {
+        component: AppDialog,
+        componentProps: { message },
+      },
+    });
+
+    await withinDialog(page, async (dialog) => {
+      await expect(dialog).toContainText(message);
+
+      await dialog.getByTestId('ok-button').click();
+      await dialog.waitFor({ state: 'hidden' });
+    });
+  });
+
+  test('should keep the dialog open when not dismissed', async ({
+    mount,
+    page,
+  }) => {
+    const message = 'Hello, I am a dialog';
+    await mount(DialogWrapper, {
+      props: {
+        component: AppDialog,
+        componentProps: { message, persistent: true },
+      },
+    });
+
+    await withinDialog(page, {
+      fn: async (dialog) => {
+        await expect(dialog).toContainText(message);
+        await expect(dialog).toBeVisible();
+      },
+      persistent: true,
+    });
+  });
+});
diff --git a/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppDrawer.spec.js b/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppDrawer.spec.js
new file mode 100644
index 00000000..c38dd839
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppDrawer.spec.js
@@ -0,0 +1,36 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import LayoutContainer from 'app/test/playwright/wrappers/LayoutContainer.vue';
+import AppDrawer from '../AppDrawer.vue';
+
+test.describe('AppDrawer', () => {
+  test('should show a drawer', async ({ mount }) => {
+    try {
+      const component = await mount(LayoutContainer, {
+        props: {
+          component: AppDrawer,
+        },
+      });
+
+      // Check that the drawer exists and the button is initially not visible
+      await expect(component.getByTestId('drawer')).toBeVisible();
+      await expect(component.getByTestId('button')).not.toBeInViewport();
+
+      // Scroll to the bottom of the scroll area
+      await component.locator('.q-scrollarea .scroll').evaluate((el) => {
+        el.scrollTo({ top: el.scrollHeight, behavior: 'smooth' });
+      });
+
+      // Wait for scrolling to complete and check button visibility
+      await component
+        .locator('.q-scrollarea .scroll')
+        .getByTestId('button')
+        .waitFor({ state: 'visible' });
+      await expect(component.getByTestId('button')).toBeInViewport();
+    } catch (error) {
+      console.error(error);
+    }
+  });
+});
diff --git a/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppMenu.spec.js b/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppMenu.spec.js
new file mode 100644
index 00000000..5ca87632
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppMenu.spec.js
@@ -0,0 +1,28 @@
+import AppMenu from '../AppMenu.vue';
+import {
+  withinMenu,
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+test.describe('AppMenu', () => {
+  test('click an item by content', async ({ mount, page }) => {
+    const component = await mount(AppMenu);
+    await component.click();
+
+    await withinMenu(page, async (menu) => {
+      await expect(menu).toBeVisible();
+      await menu.locator('.q-item:has-text("Item 1")').click();
+    });
+  });
+
+  test('click an item by cardinality', async ({ mount, page }) => {
+    const component = await mount(AppMenu);
+    await component.click();
+
+    await withinMenu(page, async (menu) => {
+      await expect(menu).toBeVisible();
+      await menu.locator('.q-item').nth(1).click();
+    });
+  });
+});
diff --git a/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppPageSticky.spec.js b/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppPageSticky.spec.js
new file mode 100644
index 00000000..6bbdbfb7
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppPageSticky.spec.js
@@ -0,0 +1,35 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import LayoutContainer from 'app/test/playwright/wrappers/LayoutContainer.vue';
+import AppPageSticky from '../QuasarPageSticky.vue';
+
+test.describe('AppPageSticky', () => {
+  test('should show a sticky at the bottom-right of the page', async ({
+    mount,
+    page,
+  }) => {
+    const component = await mount(LayoutContainer, {
+      props: {
+        component: AppPageSticky,
+      },
+    });
+
+    const button = component.getByTestId('button');
+    await expect(button).toBeVisible();
+
+    const buttonBox = await button.boundingBox();
+    const viewport = page.viewportSize();
+
+    if (!buttonBox || !viewport) {
+      throw new Error('Could not read bounding box or viewport size');
+    }
+
+    const buttonBottom = buttonBox.y + buttonBox.height;
+    const buttonRight = buttonBox.x + buttonBox.width;
+
+    expect(buttonBottom).toBeCloseTo(viewport.height - 18, 1);
+    expect(buttonRight).toBeCloseTo(viewport.width - 18, 1);
+  });
+});
diff --git a/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppSelect.spec.js b/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppSelect.spec.js
new file mode 100644
index 00000000..1e2979cd
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppSelect.spec.js
@@ -0,0 +1,49 @@
+import AppSelect from '../AppSelect.vue';
+import {
+  selectQSelectOption,
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+test.describe('AppSelect', () => {
+  test('makes sure the select is disabled', async ({ mount }) => {
+    const component = await mount(AppSelect, {
+      props: { disable: true },
+    });
+
+    // We need the root of the select component, so we use this instead. The data-testid gets passed to the
+    // native element and not to the root div of the component
+    const selectComponent = component.locator('.q-select');
+    await expect(selectComponent).toHaveAttribute('aria-disabled', 'true');
+  });
+
+  test('selects an option by content', async ({ mount }) => {
+    const component = await mount(AppSelect);
+    await selectQSelectOption(component, 'Option 1');
+
+    const selectValue = component.getByTestId('select-value');
+    await expect(selectValue).toHaveText('Option 1');
+  });
+
+  test('selects an option by cardinality', async ({ mount }) => {
+    const component = await mount(AppSelect);
+    await selectQSelectOption(component, 1);
+
+    const selectValue = component.getByTestId('select-value');
+    await expect(selectValue).toHaveText('Option 2');
+  });
+
+  test('selects an option asynchronously', async ({ mount }) => {
+    const component = await mount(AppSelect, {
+      props: { loadOptionsAsync: true },
+    });
+
+    const spinner = component.locator('.q-spinner');
+    await expect(spinner).toBeHidden();
+
+    await selectQSelectOption(component, 'Option 3');
+
+    const selectValue = component.getByTestId('select-value');
+    await expect(selectValue).toHaveText('Option 3');
+  });
+});
diff --git a/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppTooltip.spec.js b/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppTooltip.spec.js
new file mode 100644
index 00000000..7ae83f4d
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/javascript/component-test/src/components/___tests__/AppTooltip.spec.js
@@ -0,0 +1,15 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import AppTooltip from '../AppTooltip.vue';
+
+test.describe('AppTooltip', () => {
+  test('should show a tooltip', async ({ mount, page }) => {
+    const button = await mount(AppTooltip);
+    await button.hover();
+
+    const tooltip = page.locator('.q-tooltip');
+    await expect(tooltip).toContainText('Here I am!');
+  });
+});
diff --git a/packages/e2e-playwright/src/templates/typescript/base/playwright.config.ts b/packages/e2e-playwright/src/templates/typescript/base/playwright.config.ts
new file mode 100644
index 00000000..cc9dea38
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/typescript/base/playwright.config.ts
@@ -0,0 +1,79 @@
+import { defineConfig, devices } from '@playwright/test';
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// import dotenv from 'dotenv';
+// import path from 'path';
+// dotenv.config({ path: path.resolve(__dirname, '.env') });
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './test/playwright',
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: 'http://localhost:<%= devServerPort %>',
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+
+    /* Test against mobile viewports. */
+    // {
+    //   name: 'Mobile Chrome',
+    //   use: { ...devices['Pixel 5'] },
+    // },
+    // {
+    //   name: 'Mobile Safari',
+    //   use: { ...devices['iPhone 12'] },
+    // },
+
+    /* Test against branded browsers. */
+    // {
+    //   name: 'Microsoft Edge',
+    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    // },
+    // {
+    //   name: 'Google Chrome',
+    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    // },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    command: 'quasar dev -p <%= devServerPort %>',
+    url: 'http://localhost:<%= devServerPort %>',
+    reuseExistingServer: !process.env.CI,
+  },
+});
diff --git a/packages/e2e-playwright/src/templates/typescript/base/test/playwright/home.spec.ts b/packages/e2e-playwright/src/templates/typescript/base/test/playwright/home.spec.ts
new file mode 100644
index 00000000..18173075
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/typescript/base/test/playwright/home.spec.ts
@@ -0,0 +1,20 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright';
+
+test('has title', async ({ page }) => {
+  await page.goto('https://playwright.dev/');
+
+  await expect(page).toHaveTitle(/Playwright/);
+});
+
+test('get started link', async ({ page }) => {
+  await page.goto('https://playwright.dev/');
+
+  await page.getByRole('link', { name: 'Get started' }).click();
+
+  await expect(
+    page.getByRole('heading', { name: 'Installation' }),
+  ).toBeVisible();
+});
diff --git a/packages/e2e-playwright/src/templates/typescript/component-test/playwright-ct.config.ts b/packages/e2e-playwright/src/templates/typescript/component-test/playwright-ct.config.ts
new file mode 100644
index 00000000..8ae3cfbd
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/typescript/component-test/playwright-ct.config.ts
@@ -0,0 +1,99 @@
+import { defineConfig, devices } from '@playwright/experimental-ct-vue';
+import vue from '@vitejs/plugin-vue';
+import { quasar, transformAssetUrls } from '@quasar/vite-plugin';
+// import { fileURLToPath } from 'node:url';
+// import AutoImport from 'unplugin-auto-import/vite';
+// import Components from 'unplugin-vue-components/vite';
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './src/components',
+  /* The base directory, relative to the config file, for snapshot files created with toMatchSnapshot and toHaveScreenshot. */
+  snapshotDir: './__snapshots__',
+  /* Maximum time one test can run for. */
+  timeout: 10 * 1000,
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+
+    /* Port to use for Playwright component endpoint. */
+    ctPort: 3100,
+
+    ctViteConfig: <% if(codeCoverageIsEnabled) { %> async <% } %> () => {
+      <% if (codeCoverageIsEnabled) { %> const { default: istanbul } = await import('vite-plugin-istanbul'); <% } %>
+      return {
+  build: {
+    sourcemap: true
+  },
+  plugins: [
+    vue({ template: { transformAssetUrls } }),
+    // AutoImport({
+    //   imports: [
+    //     'vue',
+    //     'vue-router',
+    //     '@vueuse/head',
+    //     'pinia',
+    //     'quasar',
+    //     {
+    //       '@/store': ['useStore'],
+    //     },
+    //   ],
+    //   dts: 'src/auto-imports.d.ts',
+    //   eslintrc: {
+    //     enabled: true,
+    //   },
+    // }),
+    // Components({
+    //   dirs: ['src/components'],
+    //   extensions: ['vue'],
+    // }),
+    quasar({
+      // sassVariables: fileURLToPath(
+      //   new URL('./src/quasar-variables.sass', import.meta.url),
+      // ),
+    }),
+    <% if(codeCoverageIsEnabled) { %>
+      // Instrument the code for nyc/istanbul code coverage
+      istanbul({
+        include: ['src/**/*'],
+        exclude: ['node_modules', 'test/', 'dist/', 'coverage/', '__tests__'],
+        extension: ['.js', '.ts', '.vue'],
+        requireEnv: true,
+        forceBuildInstrument: true,
+        checkProd: false,
+        cypress: false,
+      }) <% } %>
+        ],
+    }
+  },
+},
+
+/* Configure projects for major browsers */
+projects: [
+  {
+    name: 'chromium',
+    use: { ...devices['Desktop Chrome'] },
+  },
+  {
+    name: 'firefox',
+    use: { ...devices['Desktop Firefox'] },
+  },
+  {
+    name: 'webkit',
+    use: { ...devices['Desktop Safari'] },
+  },
+],
+});
diff --git a/packages/e2e-playwright/src/templates/typescript/component-test/playwright/index.html b/packages/e2e-playwright/src/templates/typescript/component-test/playwright/index.html
new file mode 100644
index 00000000..000deead
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/typescript/component-test/playwright/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Testing Page</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./index.ts"></script>
+  </body>
+</html>
diff --git a/packages/e2e-playwright/src/templates/typescript/component-test/playwright/index.ts b/packages/e2e-playwright/src/templates/typescript/component-test/playwright/index.ts
new file mode 100644
index 00000000..f5265b82
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/typescript/component-test/playwright/index.ts
@@ -0,0 +1,20 @@
+// See https://quasar.dev/start/vite-plugin
+import 'quasar/src/css/index.sass';
+import '../src/css/app.scss';
+import { Quasar, Dialog } from 'quasar';
+import { beforeMount } from '@playwright/experimental-ct-vue/hooks';
+import '@quasar/extras/material-icons/material-icons.css';
+// import '@quasar/extras/mdi-v7/mdi-v7.css';
+
+beforeMount(async ({ app }) => {
+  // Setup other stuff you need before mounting the component. You can setup i18n, pinia, etc here.
+  // See https://playwright.dev/docs/test-components#frequently-asked-questions
+  app.use(Quasar, {
+    plugins: {
+      // Setup plugins used in your components
+      // Notify,
+      // Loading
+      Dialog,
+    },
+  });
+});
diff --git a/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppButton.spec.ts b/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppButton.spec.ts
new file mode 100644
index 00000000..8aada2df
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppButton.spec.ts
@@ -0,0 +1,43 @@
+import { test, expect } from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import AppButton from 'src/components/AppButton.vue';
+
+test('renders a message', async ({ mount }) => {
+  const label = 'Hello there';
+  const component = await mount(AppButton, { props: { label } });
+
+  await expect(component).toContainText(label);
+});
+
+test('renders another message', async ({ mount }) => {
+  const label = 'Will this work?';
+  const component = await mount(AppButton, { props: { label } });
+  await expect(component).toContainText(label);
+});
+
+test('should have a `positive` color', async ({ mount }) => {
+  const button = await mount(AppButton);
+
+  const bgColor = await button.evaluate((el) => window.getComputedStyle(el).backgroundColor);
+  const textColor = await button.evaluate((el) => window.getComputedStyle(el).color);
+
+  const quasarPositiveVar = 'rgb(33, 186, 69)';
+  expect(bgColor).toBe(quasarPositiveVar);
+  expect(textColor).toBe('rgb(255, 255, 255)');
+});
+
+test('should emit `test` upon click', async ({ mount }) => {
+  let eventCount = 0;
+
+  const component = await mount(AppButton, {
+    on: {
+      test: () => {
+        eventCount++;
+      },
+    },
+  });
+
+  await component.click();
+  expect(eventCount).toBe(1);
+  await component.click();
+  expect(eventCount).toBe(2);
+});
diff --git a/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppCheckComponents.spec.ts b/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppCheckComponents.spec.ts
new file mode 100644
index 00000000..73346903
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppCheckComponents.spec.ts
@@ -0,0 +1,44 @@
+import AppCheckComponents from '../AppCheckComponents.vue';
+import { test, expect } from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+test.describe('QuasarCheckbox', () => {
+  test('can be used with normal Playwright commands', async ({ mount }) => {
+    const component = await mount(AppCheckComponents);
+
+    const checkbox = component.getByTestId('checkbox');
+    await checkbox.check();
+    await expect(checkbox).toBeChecked();
+
+    await checkbox.uncheck();
+    await expect(checkbox).not.toBeChecked();
+  });
+});
+
+test.describe('QuasarToggle', () => {
+  test('can be used with normal Playwright commands', async ({ mount }) => {
+    const component = await mount(AppCheckComponents);
+
+    const toggle = component.getByTestId('toggle');
+    await toggle.check();
+    await expect(toggle).toBeChecked();
+
+    await toggle.uncheck();
+    await expect(toggle).not.toBeChecked();
+  });
+});
+
+test.describe('QuasarRadio', () => {
+  test('can be used with normal Playwright commands', async ({ mount }) => {
+    const component = await mount(AppCheckComponents);
+
+    const radio1 = component.getByTestId('radio-1');
+    const radio2 = component.getByTestId('radio-2');
+
+    await radio1.check();
+    await expect(radio1).toBeChecked();
+
+    await radio2.check();
+    await expect(radio2).toBeChecked();
+    await expect(radio1).not.toBeChecked();
+  });
+});
diff --git a/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppDark.spec.ts b/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppDark.spec.ts
new file mode 100644
index 00000000..67baa5a2
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppDark.spec.ts
@@ -0,0 +1,15 @@
+import { test, expect } from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import AppDark from '../AppDark.vue';
+
+test('changes its color', async ({ mount }) => {
+  const darkCard = await mount(AppDark);
+
+  await expect(darkCard).not.toHaveClass(/q-dark/);
+
+  const darkModeToggleButton = darkCard.getByTestId('dark-mode-toggle-button');
+  await darkModeToggleButton.click();
+  await expect(darkCard).toHaveClass(/q-dark/);
+
+  await darkModeToggleButton.click();
+  await expect(darkCard).not.toHaveClass(/q-dark/);
+});
diff --git a/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppDate.spec.ts b/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppDate.spec.ts
new file mode 100644
index 00000000..452a16fb
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppDate.spec.ts
@@ -0,0 +1,34 @@
+import AppDate from '../AppDate.vue';
+import { selectDate, test, expect } from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+const targetDate = '2023/02/23';
+
+test.describe('AppDate', () => {
+  test('selects a date by date string', async ({ mount }) => {
+    const component = await mount(AppDate);
+    const subject = component.getByTestId('date-picker');
+
+    await selectDate(subject, targetDate);
+    await expect(component.getByTestId('selected-date-input')).toHaveValue(targetDate);
+    await component.unmount();
+  });
+
+  test('selects a date by date object', async ({ mount }) => {
+    const component = await mount(AppDate);
+
+    const subject = component.getByTestId('date-picker');
+    await selectDate(subject, targetDate);
+    await expect(component.getByTestId('selected-date-input')).toHaveValue(targetDate);
+    await component.unmount();
+  });
+
+  test('selects a date displayed in a popup proxy', async ({ mount, page }) => {
+    const component = await mount(AppDate);
+
+    await component.getByTestId('open-date-picker-popup-button').click();
+
+    const datePickerDialog = page.getByTestId('date-proxy');
+    await selectDate(datePickerDialog, targetDate);
+    await expect(component.getByTestId('selected-date-input')).toHaveValue(targetDate);
+  });
+});
diff --git a/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppDialog.spec.ts b/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppDialog.spec.ts
new file mode 100644
index 00000000..1f2a581f
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppDialog.spec.ts
@@ -0,0 +1,40 @@
+import DialogWrapper from 'app/test/playwright/wrappers/DialogWrapper.vue';
+import AppDialog from '../AppDialog.vue';
+import { test, expect, withinDialog } from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+test.describe('AppDialog', () => {
+  test('should show a dialog with a message', async ({ mount, page }) => {
+    const message = 'Hello, I am a dialog';
+    await mount(DialogWrapper, {
+      props: {
+        component: AppDialog,
+        componentProps: { message },
+      },
+    });
+
+    await withinDialog(page, async (dialog) => {
+      await expect(dialog).toContainText(message);
+
+      await dialog.getByTestId('ok-button').click();
+      await dialog.waitFor({ state: 'hidden' });
+    });
+  });
+
+  test('should keep the dialog open when not dismissed', async ({ mount, page }) => {
+    const message = 'Hello, I am a dialog';
+    await mount(DialogWrapper, {
+      props: {
+        component: AppDialog,
+        componentProps: { message, persistent: true },
+      },
+    });
+
+    await withinDialog(page, {
+      fn: async (dialog) => {
+        await expect(dialog).toContainText(message);
+        await expect(dialog).toBeVisible();
+      },
+      persistent: true,
+    });
+  });
+});
diff --git a/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppDrawer.spec.ts b/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppDrawer.spec.ts
new file mode 100644
index 00000000..04292a6e
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppDrawer.spec.ts
@@ -0,0 +1,33 @@
+import { test, expect } from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import LayoutContainer from 'app/test/playwright/wrappers/LayoutContainer.vue';
+import AppDrawer from '../AppDrawer.vue';
+
+test.describe('AppDrawer', () => {
+  test('should show a drawer', async ({ mount }) => {
+    try {
+      const component = await mount(LayoutContainer, {
+        props: {
+          component: AppDrawer,
+        },
+      });
+
+      // Check that the drawer exists and the button is initially not visible
+      await expect(component.getByTestId('drawer')).toBeVisible();
+      await expect(component.getByTestId('button')).not.toBeInViewport();
+
+      // Scroll to the bottom of the scroll area
+      await component.locator('.q-scrollarea .scroll').evaluate((el) => {
+        el.scrollTo({ top: el.scrollHeight, behavior: 'smooth' });
+      });
+
+      // Wait for scrolling to complete and check button visibility
+      await component
+        .locator('.q-scrollarea .scroll')
+        .getByTestId('button')
+        .waitFor({ state: 'visible' });
+      await expect(component.getByTestId('button')).toBeInViewport();
+    } catch (error) {
+      console.error(error);
+    }
+  });
+});
diff --git a/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppMenu.spec.ts b/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppMenu.spec.ts
new file mode 100644
index 00000000..3324ecaf
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppMenu.spec.ts
@@ -0,0 +1,24 @@
+import AppMenu from '../QuasarMenu.vue';
+import { withinMenu, test, expect } from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+test.describe('AppMenu', () => {
+  test('click an item by content', async ({ mount, page }) => {
+    const component = await mount(AppMenu);
+    await component.click();
+
+    await withinMenu(page, async (menu) => {
+      await expect(menu).toBeVisible();
+      await menu.locator('.q-item:has-text("Item 1")').click();
+    });
+  });
+
+  test('click an item by cardinality', async ({ mount, page }) => {
+    const component = await mount(AppMenu);
+    await component.click();
+
+    await withinMenu(page, async (menu) => {
+      await expect(menu).toBeVisible();
+      await menu.locator('.q-item').nth(1).click();
+    });
+  });
+});
diff --git a/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppPageSticky.spec.ts b/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppPageSticky.spec.ts
new file mode 100644
index 00000000..ff65a385
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppPageSticky.spec.ts
@@ -0,0 +1,30 @@
+import { test, expect } from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import LayoutContainer from 'app/test/playwright/wrappers/LayoutContainer.vue';
+import AppPageSticky from '../QuasarPageSticky.vue';
+
+test.describe('AppPageSticky', () => {
+  test('should show a sticky at the bottom-right of the page', async ({ mount, page }) => {
+    const component = await mount(LayoutContainer, {
+      props: {
+        component: AppPageSticky,
+      },
+    });
+
+    const button = component.getByTestId('button');
+    await expect(button).toBeVisible();
+
+    const buttonBox = await button.boundingBox();
+    const viewport = page.viewportSize();
+
+    // eslint-disable-next-line playwright/no-conditional-in-test
+    if (!buttonBox || !viewport) {
+      throw new Error('Could not read bounding box or viewport size');
+    }
+
+    const buttonBottom: number = buttonBox.y + buttonBox.height;
+    const buttonRight: number = buttonBox.x + buttonBox.width;
+
+    expect(buttonBottom).toBeCloseTo(viewport.height - 18, 1);
+    expect(buttonRight).toBeCloseTo(viewport.width - 18, 1);
+  });
+});
diff --git a/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppSelect.spec.ts b/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppSelect.spec.ts
new file mode 100644
index 00000000..5c54a604
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppSelect.spec.ts
@@ -0,0 +1,45 @@
+import AppSelect from '../AppSelect.vue';
+import { selectQSelectOption, test, expect } from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+test.describe('AppSelect', () => {
+  test('makes sure the select is disabled', async ({ mount }) => {
+    const component = await mount(AppSelect, {
+      props: { disable: true },
+    });
+
+    // We need the root of the select component, so we use this instead. The data-testid gets passed to the
+    // native element and not to the root div of the component
+    const selectComponent = component.locator('.q-select');
+    await expect(selectComponent).toHaveAttribute('aria-disabled', 'true');
+  });
+
+  test('selects an option by content', async ({ mount }) => {
+    const component = await mount(AppSelect);
+    await selectQSelectOption(component, 'Option 1');
+
+    const selectValue = component.getByTestId('select-value');
+    await expect(selectValue).toHaveText('Option 1');
+  });
+
+  test('selects an option by cardinality', async ({ mount }) => {
+    const component = await mount(AppSelect);
+    await selectQSelectOption(component, 1);
+
+    const selectValue = component.getByTestId('select-value');
+    await expect(selectValue).toHaveText('Option 2');
+  });
+
+  test('selects an option asynchronously', async ({ mount }) => {
+    const component = await mount(AppSelect, {
+      props: { loadOptionsAsync: true },
+    });
+
+    const spinner = component.locator('.q-spinner');
+    await expect(spinner).toBeHidden();
+
+    await selectQSelectOption(component, 'Option 3');
+
+    const selectValue = component.getByTestId('select-value');
+    await expect(selectValue).toHaveText('Option 3');
+  });
+});
diff --git a/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppTooltip.spec.ts b/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppTooltip.spec.ts
new file mode 100644
index 00000000..3c98053f
--- /dev/null
+++ b/packages/e2e-playwright/src/templates/typescript/component-test/src/components/___tests__/AppTooltip.spec.ts
@@ -0,0 +1,12 @@
+import { test, expect } from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import AppTooltip from '../QuasarTooltip.vue';
+
+test.describe('AppTooltip', () => {
+  test('should show a tooltip', async ({ mount, page }) => {
+    const button = await mount(AppTooltip);
+    await button.hover();
+
+    const tooltip = page.locator('.q-tooltip');
+    await expect(tooltip).toContainText('Here I am!');
+  });
+});
diff --git a/packages/e2e-playwright/src/uninstall.js b/packages/e2e-playwright/src/uninstall.js
new file mode 100644
index 00000000..699d3247
--- /dev/null
+++ b/packages/e2e-playwright/src/uninstall.js
@@ -0,0 +1,10 @@
+/**
+ * Quasar App Extension uninstall script
+ *
+ * Docs: https://quasar.dev/app-extensions/development-guide/uninstall-api
+ */
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export default function (api) {
+  //
+}
diff --git a/packages/e2e-playwright/src/utils/base-fixture.ts b/packages/e2e-playwright/src/utils/base-fixture.ts
new file mode 100644
index 00000000..b963ea99
--- /dev/null
+++ b/packages/e2e-playwright/src/utils/base-fixture.ts
@@ -0,0 +1,58 @@
+import { test as baseTest, Locator } from '@playwright/test';
+import { addCoverageToContext } from './coverage.js';
+import {
+    WithinPortalCallback,
+    WithinPortalDerivateOptions,
+} from './portal-helper.js';
+import { withinSelectMenu, withinDialog, withinMenu } from './portals.js';
+import { selectDate } from './select-date.js';
+import { selectQSelectOption, uncheckQuasarComponent, checkQuasarComponent, expectQuasarChecked } from './select.js';
+import { expectColor, expectBackgroundColor } from './color-assertions.js';
+export { expect } from '@playwright/test';
+
+type PortalFnOrOptions = WithinPortalCallback | WithinPortalDerivateOptions;
+
+interface BaseTest {
+    withinDialog: (fnOrOptions: PortalFnOrOptions) => Promise<Locator>;
+    withinMenu: (fnOrOptions: PortalFnOrOptions) => Promise<Locator>;
+    withinSelectMenu: (fnOrOptions: PortalFnOrOptions) => Promise<Locator>;
+    selectDate: typeof selectDate;
+    selectQSelectOption: typeof selectQSelectOption;
+    checkQuasarComponent: typeof checkQuasarComponent;
+    uncheckQuasarComponent: typeof uncheckQuasarComponent;
+    expectQuasarChecked: typeof expectQuasarChecked;
+    expectColor: typeof expectColor;
+    expectBackgroundColor: typeof expectBackgroundColor;
+}
+
+export const test = baseTest.extend<BaseTest>({
+    context: async ({ context }, use) => addCoverageToContext(context, use),
+    withinDialog: async ({ page }, use) => {
+        const withinDialogWrapper = (
+            fnOrOptions: PortalFnOrOptions,
+        ): Promise<Locator> => withinDialog(page, fnOrOptions);
+
+        await use(withinDialogWrapper);
+    },
+    withinMenu: async ({ page }, use) => {
+        const withinMenuWrapper = (
+            fnOrOptions: PortalFnOrOptions,
+        ): Promise<Locator> => withinMenu(page, fnOrOptions);
+
+        await use(withinMenuWrapper);
+    },
+    withinSelectMenu: async ({ page }, use) => {
+        const withinSelectMenuWrapper = (
+            fnOrOptions: PortalFnOrOptions,
+        ): Promise<Locator> => withinSelectMenu(page, fnOrOptions);
+
+        await use(withinSelectMenuWrapper);
+    },
+    selectDate: async ({ }, use) => await use(selectDate),
+    selectQSelectOption: async ({ }, use) => await use(selectQSelectOption),
+    checkQuasarComponent: async ({ }, use) => await use(checkQuasarComponent),
+    uncheckQuasarComponent: async ({ }, use) => await use(uncheckQuasarComponent),
+    expectQuasarChecked: async ({ }, use) => await use(expectQuasarChecked),
+    expectColor: async ({ }, use) => await use(expectColor),
+    expectBackgroundColor: async ({ }, use) => await use(expectBackgroundColor),
+});
diff --git a/packages/e2e-playwright/src/utils/color-assertions.ts b/packages/e2e-playwright/src/utils/color-assertions.ts
new file mode 100644
index 00000000..03eefbd7
--- /dev/null
+++ b/packages/e2e-playwright/src/utils/color-assertions.ts
@@ -0,0 +1,59 @@
+import { expect, Locator } from '@playwright/test';
+
+
+/**
+ * Asserts that an element has the expected color style property
+ * @param locator - Playwright locator for the element
+ * @param property - CSS color property to check ('color' or 'background-color')
+ * @param expectedStyle - Expected color value
+ */
+export async function expectColorStyle(
+  locator: Locator,
+  property: 'color' | 'background-color',
+  expectedStyle: string,
+) {
+  const page = locator.page();
+
+  // Wait for the element to be visible before checking colors
+  await expect(locator).toBeVisible();
+
+  const actualStyle = await page.evaluate(
+    ({ selector, property }) => {
+      const element = document.querySelector(selector);
+      if (!element || !(element instanceof HTMLElement)) {
+        return;
+      }
+
+      const computedStyle = getComputedStyle(element);
+      return computedStyle.getPropertyValue(property);
+    },
+    {
+      selector: await locator.evaluate((el) => {
+        el.id = 'temp-element';
+
+        return `#${el.id}`;
+      }),
+      property,
+    },
+  );
+
+  expect(actualStyle).toBe(expectedStyle);
+}
+
+/**
+ * Asserts that an element has the expected text color
+ * @param locator - Playwright locator for the element
+ * @param expectedColor - Expected color value
+ */
+export function expectColor(locator: Locator, expectedColor: string) {
+  return expectColorStyle(locator, 'color', expectedColor);
+}
+
+/**
+ * Asserts that an element has the expected background color
+ * @param locator - Playwright locator for the element
+ * @param expectedBackground - Expected background color value
+ */
+export function expectBackgroundColor(locator: Locator, expectedBackgrouind: string) {
+  return expectColorStyle(locator, 'background-color', expectedBackgrouind);
+}
diff --git a/packages/e2e-playwright/src/utils/coverage.ts b/packages/e2e-playwright/src/utils/coverage.ts
new file mode 100644
index 00000000..8c986193
--- /dev/null
+++ b/packages/e2e-playwright/src/utils/coverage.ts
@@ -0,0 +1,85 @@
+import * as fs from 'fs';
+import * as crypto from 'crypto';
+import * as path from 'path';
+import { type BrowserContext } from '@playwright/test';
+
+// We may want to provide a means by which the user can use an alternative path
+const NYC_OUTPUT_DIR = path.join(process.cwd(), '.nyc_output');
+
+function generateUUID() {
+  return crypto.randomBytes(16).toString('hex');
+}
+
+/**
+ * Sets up and collects code coverage for the given Playwright browser context.
+ * Coverage collection is conditionally enabled based on the `VITE_COVERAGE` environment variable.
+ *
+ * The function performs the following steps when coverage is enabled:
+ * 1. Adds an initialization script to the browser context. This script runs before
+ * every page load within the context and attaches a 'beforeunload' event listener
+ * to the browser's `window`. This listener attempts to capture the `window.__coverage__`
+ * object (standard for Istanbul/v8 coverage) and send it back to Node.js
+ * via an exposed function before the page unloads.
+ * 2. Creates the output directory for coverage reports on the Node.js file system.
+ * 3. Exposes a Node.js function named `collectIstanbulCoverage` to the browser's `window` object.
+ * When this browser-side function is called (by the init script or later `page.evaluate` calls),
+ * the corresponding Node.js function executes, receiving the coverage JSON string
+ * and writing it to a unique JSON file in the designated output directory.
+ * 4. Executes the main test logic provided by the `use` function.
+ * 5. After the main test logic completes, it iterates through all pages currently open
+ * in the context and explicitly evaluates a script on each. This script manually
+ * calls the exposed `window.collectIstanbulCoverage` function to ensure any remaining
+ * coverage data from pages that didn't trigger 'beforeunload' (e.g., tests that
+ * finished without navigation or closing the page) is collected.
+ *
+ * @param context The Playwright browser context for which to collect coverage.
+ * @param use The Playwright test fixture's `use` function,
+ * which is called to execute the main test body with the configured context.
+ */
+
+// @link https://github.com/anishkny/playwright-test-coverage
+export async function addCoverageToContext(context: BrowserContext, use: (_: BrowserContext) => Promise<void>) {
+  if (process.env.VITE_COVERAGE !== 'true') {
+    // `requireEnv` of istanbul should also prevent instrumentation if this flag is not set. So even if 
+    // we remove this check, the coverage will not be collected if the flag is not set.
+    // Let's ignore the rest of the code since coverage is disabled.
+    return use(context);
+  }
+
+  // Add beforeunload listener to collect coverage
+  await context.addInitScript(
+    () => {
+      window.addEventListener('beforeunload', () => {
+        window.collectIstanbulCoverage?.(JSON.stringify(window.__coverage__));
+      });
+    });
+
+  await fs.promises.mkdir(NYC_OUTPUT_DIR, { recursive: true });
+
+  // Expose function to save coverage from browser
+  await context.exposeFunction(
+    'collectIstanbulCoverage',
+    (coverageJSON: string) => {
+      if (!coverageJSON) {
+        return;
+      }
+      fs.writeFileSync(
+        path.join(
+          NYC_OUTPUT_DIR,
+          `playwright_coverage_${generateUUID()}.json`,
+        ),
+        coverageJSON,
+      );
+    },
+  );
+
+  await use(context);
+
+  // Goes through all browser pages in the page context and collects the coverage using the exposed function.
+  for (const page of context.pages()) {
+    await page.evaluate(
+      () => {
+        window.collectIstanbulCoverage?.(JSON.stringify(window.__coverage__));
+      });
+  }
+}
\ No newline at end of file
diff --git a/packages/e2e-playwright/src/utils/portal-helper.ts b/packages/e2e-playwright/src/utils/portal-helper.ts
new file mode 100644
index 00000000..ebaa5f85
--- /dev/null
+++ b/packages/e2e-playwright/src/utils/portal-helper.ts
@@ -0,0 +1,89 @@
+import { expect, Locator, Page } from '@playwright/test';
+
+/**
+ * Callback function that operates on a locator within a portal
+ * @typeParam T - Return type of the callback function, defaults to void
+ */
+export type WithinPortalCallback<T = void> = (
+  locator: Locator,
+) => T | Promise<T>;
+
+/**
+ * Configuration options for portal derivate commands
+ */
+export interface WithinPortalDerivateOptions {
+  /**
+   * The data-testid attribute value to target specific elements
+   */
+  dataTest?: string;
+
+  /**
+   * If true, doesn't expect the portal to be hidden after the callback is executed
+   */
+  persistent?: boolean;
+
+  /**
+   * Custom selector to override the default selector
+   */
+  selector?: string;
+
+  /**
+   * Callback function to execute within the portal
+   */
+  fn: WithinPortalCallback;
+}
+
+/**
+ * Generic command to interact with portals in Quasar components (dialogs, menus, etc.)
+ *
+ * @param page - Playwright Page or Locator to search within
+ * @param selectorDefault - Default CSS selector for the portal
+ * @param selectorSuffixes - Additional selectors to append to the base selector
+ * @param fnOrOptions - Callback function or options for interacting with the portal
+ * @returns Locator for the portal element
+ */
+export async function portalDerivateCommand(
+  page: Locator | Page,
+  selectorDefault: string,
+  selectorSuffixes: string | string[],
+  fnOrOptions: WithinPortalCallback | WithinPortalDerivateOptions,
+): Promise<Locator> {
+  const selectorSuffixesArray = Array.isArray(selectorSuffixes)
+    ? selectorSuffixes
+    : [selectorSuffixes];
+
+  const {
+    dataTest = '',
+    persistent = false,
+    selector = selectorDefault,
+  } = typeof fnOrOptions === 'function' ? {} : fnOrOptions;
+
+  const fn = typeof fnOrOptions === 'function' ? fnOrOptions : fnOrOptions.fn;
+
+  const portalSelector = selectorSuffixesArray
+    .map((selectorSuffix) => {
+      // This is the selector used by getTestById(), it is likely not going to change anytime soon because of the number of projects that will break
+      // So we should be fine using it here this way.
+      const testId = `[data-testid="${dataTest}"]`;
+
+      return dataTest
+        ? `${testId}${selectorSuffix}`
+        : `${selector}${selectorSuffix}`;
+    })
+    .join(',');
+
+  const locator = page.locator(portalSelector);
+
+  // Wait for exactly one matching dialog to be present in the DOM.
+  await expect(locator).toHaveCount(1);
+
+  // Execute the callback with the first (and only) located element
+  await fn(locator.first());
+
+  // If not persistent, verify that the portal has been closed/hidden
+  if (!persistent) {
+    await expect(locator).not.toBeVisible();
+  }
+
+  return locator;
+}
diff --git a/packages/e2e-playwright/src/utils/portals.ts b/packages/e2e-playwright/src/utils/portals.ts
new file mode 100644
index 00000000..3e3dd9b8
--- /dev/null
+++ b/packages/e2e-playwright/src/utils/portals.ts
@@ -0,0 +1,37 @@
+import { Locator, Page } from '@playwright/test';
+import {
+  portalDerivateCommand,
+  WithinPortalCallback,
+  WithinPortalDerivateOptions,
+} from './portal-helper.js';
+
+export async function withinDialog(
+  page: Page,
+  fnOrOptions: WithinPortalCallback | WithinPortalDerivateOptions,
+) {
+  return portalDerivateCommand(page, '.q-dialog', '', fnOrOptions);
+}
+
+export async function withinMenu(
+  page: Page,
+  fnOrOptions: WithinPortalCallback | WithinPortalDerivateOptions,
+) {
+  return portalDerivateCommand(
+    page,
+    '.q-menu',
+    [':not([role])', '[role=menu]'],
+    fnOrOptions,
+  );
+}
+
+export async function withinSelectMenu(
+  subject: Page | Locator,
+  fnOrOptions: WithinPortalCallback | WithinPortalDerivateOptions,
+) {
+  return portalDerivateCommand(
+    subject,
+    '.q-menu',
+    '[role=listbox]',
+    fnOrOptions,
+  );
+}
diff --git a/packages/e2e-playwright/src/utils/select-date.ts b/packages/e2e-playwright/src/utils/select-date.ts
new file mode 100644
index 00000000..b31a24cd
--- /dev/null
+++ b/packages/e2e-playwright/src/utils/select-date.ts
@@ -0,0 +1,61 @@
+import { Locator, expect } from '@playwright/test';
+
+/**
+ * Selects a date in a Quasar date picker component
+ * @param subject - Locator for the QDate component
+ * @param value - Date to select (can be Date object or string)
+ * @param options - Optional configuration options
+ */
+export async function selectDate(
+  subject: Locator,
+  value: Date | string,
+  options: { timeout?: number } = {}
+) {
+  const timeout = options.timeout || 5000;
+
+  // Verify we're working with a QDate component
+  const hasQDateClass = await subject.evaluate((el) =>
+    el.classList.contains('q-date'),
+  );
+
+  if (!hasQDateClass) {
+    throw new Error('Subject is not a QDate component. Make sure you are targeting a Quasar date picker.');
+  }
+
+  const targetDate = typeof value === 'string' ? new Date(value) : value;
+
+  // Wait for date picker to be fully rendered
+  await subject
+    .locator('.q-date__navigation div:not(.q-date__arrow)')
+    .last()
+    .waitFor();
+  const yearSelector = subject
+    .locator('.q-date__navigation div:not(.q-date__arrow)')
+    .last();
+  const monthSelector = subject
+    .locator('.q-date__navigation div:not(.q-date__arrow)')
+    .first();
+
+  const targetYear = targetDate.getFullYear();
+  const targetMonth = targetDate.getMonth();
+  const targetDay = targetDate.getDate();
+
+  const currentYear = await yearSelector.textContent();
+  if (currentYear !== targetYear.toString()) {
+    await yearSelector.click();
+    await subject.locator(`text=${targetYear}`).click();
+  }
+
+  // Select month
+  await monthSelector.click();
+  const monthOption = subject.locator('.q-date__months-item').nth(targetMonth);
+  await expect(monthOption).toBeVisible();
+  await monthOption.click();
+
+  // Select day
+  const daySelector = subject
+    .locator(`.q-date__calendar-item--in:has-text("${targetDay}")`)
+    .first();
+  await expect(daySelector).toBeVisible({ timeout });
+  await daySelector.click();
+}
diff --git a/packages/e2e-playwright/src/utils/select.ts b/packages/e2e-playwright/src/utils/select.ts
new file mode 100644
index 00000000..870501cb
--- /dev/null
+++ b/packages/e2e-playwright/src/utils/select.ts
@@ -0,0 +1,136 @@
+import { expect, Locator } from '@playwright/test';
+
+/**
+ * Determines if a component is a Quasar checkbox, toggle, or radio button
+ * @param element - Playwright locator for the element
+ * @returns Boolean indicating if the element is a check-based component
+ */
+async function isCheckBasedComponent(element: Locator): Promise<boolean> {
+  const className = await element.getAttribute('class');
+  return ['q-checkbox', 'q-toggle', 'q-radio'].some((item) =>
+    className?.includes(item),
+  );
+}
+
+/**
+ * Selects one or more options from a Quasar QSelect component
+ * @param element - Playwright locator for the QSelect component
+ * @param valueOrTextOrIndex - Value, text content, or index of the option(s) to select
+ */
+export async function selectQSelectOption(
+  element: Locator,
+  valueOrTextOrIndex: string | number | Array<string | number>,
+) {
+  // Ensure the element is visible and enabled
+  await expect(element).toBeVisible();
+  await expect(element).not.toBeDisabled();
+
+  const hasNativeSelect = await element.evaluate((el) =>
+    el.classList.contains('q-field__native'),
+  );
+  // Handle .q-field__native elements by finding parent .q-select
+  if (hasNativeSelect) {
+    const parentQSelect = element.locator(
+      'xpath=ancestor::*[contains(@class, "q-select")][1]',
+    );
+    if (await parentQSelect.count()) {
+      element = parentQSelect;
+    }
+  }
+
+  const isMultiple = await element.evaluate((el) =>
+    el.classList.contains('q-select--multiple'),
+  );
+  const values = Array.isArray(valueOrTextOrIndex)
+    ? valueOrTextOrIndex
+    : [valueOrTextOrIndex];
+
+  if (values.length === 0) {
+    throw new Error('Playwright: select requires at least one value');
+  }
+
+  await element.click();
+
+  // Wait for the menu to appear
+  const menu = element.page().locator('.q-menu:visible');
+  await expect(menu).toBeVisible();
+
+  for (const value of values) {
+    let option: Locator;
+    if (typeof value === 'string') {
+      option = menu.locator(`.q-item[role=option]:has-text("${value}")`);
+    } else {
+      option = menu.locator('.q-item[role=option]').nth(value);
+    }
+
+    await expect(option).toBeVisible();
+    await option.click();
+
+    if (!isMultiple) {
+      break;
+    }
+  }
+}
+
+/**
+ * Checks a Quasar checkbox, toggle, or radio component
+ * @param element - Playwright locator for the component
+ */
+export async function checkQuasarComponent(element: Locator) {
+  await expect(element).toBeVisible();
+  await expect(element).not.toBeDisabled();
+
+  const isCheckBased = await isCheckBasedComponent(element);
+  if (!isCheckBased) {
+    await element.check();
+    return;
+  }
+
+  const checked = await element.getAttribute('aria-checked');
+  if (checked !== 'true') {
+    await element.click();
+
+    // Verify the component was actually checked
+    await expect(element).toHaveAttribute('aria-checked', 'true');
+  }
+}
+
+/**
+ * Unchecks a Quasar checkbox or toggle component
+ * @param element - Playwright locator for the component
+ */
+export async function uncheckQuasarComponent(element: Locator) {
+  await expect(element).toBeVisible();
+  await expect(element).not.toBeDisabled();
+
+  const isCheckBased = await isCheckBasedComponent(element);
+  if (!isCheckBased) {
+    await element.uncheck();
+    return;
+  }
+
+  const checked = await element.getAttribute('aria-checked');
+  if (checked !== 'false') {
+    await element.click();
+
+    // Verify the component was actually unchecked
+    await expect(element).toHaveAttribute('aria-checked', 'false');
+  }
+}
+
+/**
+ * Asserts that a Quasar checkbox, toggle, or radio component is checked or unchecked
+ * @param element - Playwright locator for the component
+ * @param expected - Expected checked state (true = checked, false = unchecked)
+ */
+export async function expectQuasarChecked(
+  element: Locator,
+  expected: boolean,
+) {
+  await expect(element).toBeVisible();
+
+  await expect(element).toHaveAttribute(
+    'aria-checked',
+    expected ? 'true' : 'false',
+  );
+}
diff --git a/packages/e2e-playwright/tsconfig-cjs.json b/packages/e2e-playwright/tsconfig-cjs.json
new file mode 100644
index 00000000..fbf76d10
--- /dev/null
+++ b/packages/e2e-playwright/tsconfig-cjs.json
@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "CommonJS",
+    "outDir": "dist/cjs",
+    "moduleResolution": "node"
+  }
+}
\ No newline at end of file
diff --git a/packages/e2e-playwright/tsconfig.json b/packages/e2e-playwright/tsconfig.json
new file mode 100644
index 00000000..1446681b
--- /dev/null
+++ b/packages/e2e-playwright/tsconfig.json
@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@utils/*": ["src/utils/*"]
+    },
+    "strict": true,
+    "sourceMap": true,
+    "target": "ESNext",
+    "moduleResolution": "node",
+    "outDir": "dist/esm",
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "module": "ESNext",
+    "allowJs": true,
+    "declaration": true,
+    "declarationDir": "dist/types"
+  },
+  "include": [
+    "src/main.ts",
+    "src/ct/main.ts",
+    "coverage.d.ts",
+    "src/utils/coverage.ts",
+    "src/*.js"
+  ]
+}
diff --git a/packages/unit-vitest/package.json b/packages/unit-vitest/package.json
index bcbf5073..00743653 100644
--- a/packages/unit-vitest/package.json
+++ b/packages/unit-vitest/package.json
@@ -33,12 +33,15 @@
     "lodash-es": "^4.17.21",
     "vite-tsconfig-paths": "^5.1.4"
   },
+  "devDependenciesComments": {
+    "rimraf": "Other packages in the monorepo require node <=18, so let's not update it to continue supporting lower versions. Updating with prevent installation of those packages"
+  },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
     "@vitest/ui": "^3.1.2",
     "@vue/test-utils": "^2.4.6",
     "quasar": "^2.18.1",
-    "rimraf": "^6.0.1",
+    "rimraf": "^5.0.5",
     "vitest": "^3.1.2",
     "vue": "^3.5.13"
   },
@@ -54,4 +57,4 @@
       "optional": true
     }
   }
-}
+}
\ No newline at end of file
diff --git a/test-vite-app-v1-vite4/.eslintrc.js b/test-vite-app-v1-vite4/.eslintrc.js
index 5396741b..edb94b93 100644
--- a/test-vite-app-v1-vite4/.eslintrc.js
+++ b/test-vite-app-v1-vite4/.eslintrc.js
@@ -111,5 +111,9 @@ module.exports = {
         '@typescript-eslint/no-unused-expressions': 'off',
       },
     },
+    {
+      files: ['src/components/**/*.spec.{js,ts}', 'test/**/*.spec.{js,ts}'],
+      extends: 'plugin:playwright/recommended',
+    },
   ],
 };
diff --git a/test-vite-app-v1-vite4/.gitignore b/test-vite-app-v1-vite4/.gitignore
index 374c78ee..b42b4e91 100644
--- a/test-vite-app-v1-vite4/.gitignore
+++ b/test-vite-app-v1-vite4/.gitignore
@@ -34,3 +34,15 @@ yarn-error.log*
 
 .nyc_output
 coverage/
+
+
+# Playwright
+/test-results/
+/playwright-report/
+/blob-report
+/playwright/.cache/
+
+
+# Coverage
+.nyc_output
+/coverage
diff --git a/test-vite-app-v1-vite4/.nycrc b/test-vite-app-v1-vite4/.nycrc
index ad64fc3f..ac43bd45 100644
--- a/test-vite-app-v1-vite4/.nycrc
+++ b/test-vite-app-v1-vite4/.nycrc
@@ -1,3 +1,3 @@
-{
-  "extends": "@quasar/quasar-app-extension-testing-e2e-cypress/nyc-config-preset"
-}
+{
+    "extends": "@quasar/quasar-app-extension-testing-e2e-playwright/nyc-preset"
+}
\ No newline at end of file
diff --git a/test-vite-app-v1-vite4/cypress.config.ts b/test-vite-app-v1-vite4/cypress.config.ts
index 13e98c85..df66c4f1 100644
--- a/test-vite-app-v1-vite4/cypress.config.ts
+++ b/test-vite-app-v1-vite4/cypress.config.ts
@@ -15,9 +15,6 @@ export default defineConfig({
     baseUrl: 'http://localhost:8080/',
     supportFile: 'test/cypress/support/e2e.ts',
     specPattern: 'test/cypress/e2e/**/*.cy.{js,jsx,ts,tsx}',
-    // Vite takes quite some time for cold startup, we manually set this in the testing repo
-    // to avoid timeout problems when running local smoke tests
-    defaultCommandTimeout: 10000,
   },
   component: {
     setupNodeEvents(on, config) {
diff --git a/test-vite-app-v1-vite4/package.json b/test-vite-app-v1-vite4/package.json
index b602dffe..4ebffc0f 100644
--- a/test-vite-app-v1-vite4/package.json
+++ b/test-vite-app-v1-vite4/package.json
@@ -11,18 +11,26 @@
     "invoke:cypress": "quasar ext invoke @quasar/testing-e2e-cypress && yarn format",
     "invoke:all": "yarn invoke:cypress",
     "sync:invoke:cypress": "yarn sync:cypress && yarn invoke:cypress",
-    "sync:invoke:all": "yarn sync:invoke:cypress",
+    "sync:playwright": "yarn --cwd ../packages/e2e-playwright build:local && yarn add -D ../packages/e2e-playwright",
+    "invoke:playwright": "quasar ext invoke @quasar/testing-e2e-playwright && yarn format",
+    "sync:invoke:playwright": "yarn sync:playwright && yarn invoke:playwright",
+    "sync:invoke:all": "yarn sync:invoke:cypress && yarn sync:invoke:playwright",
     "test:cypress": "yarn test:e2e:ci && yarn test:component:ci",
-    "test:all": "yarn test:cypress",
+    "test:playwright": "yarn test:e2e:ci && yarn test:component:ci",
+    "test:all": "yarn test:cypress && yarn test:playwright",
+    "sync:invoke:test:playwright": "yarn sync:invoke:playwright && yarn test:playwright",
     "sync:invoke:test:cypress": "yarn sync:invoke:cypress && yarn test:cypress",
     "sync:invoke:test:all": "yarn sync:invoke:test:cypress",
     "lint": "eslint --ext .js,.ts,.vue ./",
     "format": "prettier --write \"**/*.{js,ts,vue,scss,html,md,json}\" --ignore-path .gitignore",
-    "test": "echo \"See package.json => scripts for available tests.\" && exit 0",
-    "test:e2e": "cross-env NODE_ENV=test start-test \"quasar dev\" http-get://127.0.0.1:8080 \"cypress open --e2e\"",
-    "test:e2e:ci": "cross-env NODE_ENV=test start-test \"quasar dev\" http-get://127.0.0.1:8080 \"cypress run --e2e\"",
-    "test:component": "cross-env NODE_ENV=test cypress open --component",
-    "test:component:ci": "cross-env NODE_ENV=test cypress run --component"
+    "test": "yarn test:clear && yarn test:component:ci && yarn test:e2e:ci && yarn coverage-report",
+    "test:e2e": "cross-env NODE_ENV=test VITE_COVERAGE=true playwright test --ui",
+    "test:e2e:ci": "cross-env NODE_ENV=test VITE_COVERAGE=true playwright test",
+    "test:component": "cross-env NODE_ENV=test VITE_COVERAGE=true playwright test -c playwright-ct.config.ts --ui",
+    "test:component:ci": "cross-env NODE_ENV=test VITE_COVERAGE=true playwright test -c playwright-ct.config.ts",
+    "test:clear": "rimraf .nyc_output coverage",
+    "test:report": "playwright show-report",
+    "coverage-report": "nyc report --reporter=html --reporter=text"
   },
   "dependencies": {
     "@quasar/extras": "^1.16.6",
@@ -38,8 +46,11 @@
   },
   "devDependencies": {
     "@intlify/vite-plugin-vue-i18n": "^3.3.1",
+    "@playwright/experimental-ct-vue": "^1.50.0",
+    "@playwright/test": "^1.49.1",
     "@quasar/app-vite": "^1.7.1",
     "@quasar/quasar-app-extension-testing-e2e-cypress": "../packages/e2e-cypress",
+    "@quasar/quasar-app-extension-testing-e2e-playwright": "../packages/e2e-playwright",
     "@types/node": "^18.17.15",
     "@typescript-eslint/eslint-plugin": "^5.54.0",
     "@typescript-eslint/parser": "^5.54.0",
@@ -49,6 +60,7 @@
     "eslint": "^8.49.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-cypress": "^3.6.0",
+    "eslint-plugin-playwright": "^2.1.0",
     "eslint-plugin-vue": "^9.17.0",
     "prettier": "^3.0.3",
     "typescript": "^4.9.5"
diff --git a/test-vite-app-v1-vite4/playwright-ct.config.ts b/test-vite-app-v1-vite4/playwright-ct.config.ts
new file mode 100644
index 00000000..a4a4edc4
--- /dev/null
+++ b/test-vite-app-v1-vite4/playwright-ct.config.ts
@@ -0,0 +1,105 @@
+import { defineConfig, devices } from '@playwright/experimental-ct-vue';
+import vue from '@vitejs/plugin-vue';
+import { quasar, transformAssetUrls } from '@quasar/vite-plugin';
+// import { fileURLToPath } from 'node:url';
+// import AutoImport from 'unplugin-auto-import/vite';
+// import Components from 'unplugin-vue-components/vite';
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './src/components',
+  /* The base directory, relative to the config file, for snapshot files created with toMatchSnapshot and toHaveScreenshot. */
+  snapshotDir: './__snapshots__',
+  /* Maximum time one test can run for. */
+  timeout: 10 * 1000,
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+
+    /* Port to use for Playwright component endpoint. */
+    ctPort: 3100,
+
+    ctViteConfig: async () => {
+      const { default: istanbul } = await import('vite-plugin-istanbul');
+      return {
+        build: {
+          sourcemap: true,
+        },
+        plugins: [
+          vue({ template: { transformAssetUrls } }),
+          // AutoImport({
+          //   imports: [
+          //     'vue',
+          //     'vue-router',
+          //     '@vueuse/head',
+          //     'pinia',
+          //     'quasar',
+          //     {
+          //       '@/store': ['useStore'],
+          //     },
+          //   ],
+          //   dts: 'src/auto-imports.d.ts',
+          //   eslintrc: {
+          //     enabled: true,
+          //   },
+          // }),
+          // Components({
+          //   dirs: ['src/components'],
+          //   extensions: ['vue'],
+          // }),
+          quasar({
+            // sassVariables: fileURLToPath(
+            //   new URL('./src/quasar-variables.sass', import.meta.url),
+            // ),
+          }),
+
+          // Instrument the code for nyc/istanbul code coverage
+          istanbul({
+            include: ['src/**/*'],
+            exclude: [
+              'node_modules',
+              'test/',
+              'dist/',
+              'coverage/',
+              '__tests__',
+            ],
+            extension: ['.js', '.ts', '.vue'],
+            requireEnv: true,
+            forceBuildInstrument: true,
+            checkProd: false,
+            cypress: false,
+          }),
+        ],
+      };
+    },
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+  ],
+});
diff --git a/test-vite-app-v1-vite4/playwright.config.ts b/test-vite-app-v1-vite4/playwright.config.ts
new file mode 100644
index 00000000..9fdf0aed
--- /dev/null
+++ b/test-vite-app-v1-vite4/playwright.config.ts
@@ -0,0 +1,79 @@
+import { defineConfig, devices, PlaywrightTestConfig } from '@playwright/test';
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// import dotenv from 'dotenv';
+// import path from 'path';
+// dotenv.config({ path: path.resolve(__dirname, '.env') });
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './test/playwright',
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: 'http://localhost:8080',
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+
+    /* Test against mobile viewports. */
+    // {
+    //   name: 'Mobile Chrome',
+    //   use: { ...devices['Pixel 5'] },
+    // },
+    // {
+    //   name: 'Mobile Safari',
+    //   use: { ...devices['iPhone 12'] },
+    // },
+
+    /* Test against branded browsers. */
+    // {
+    //   name: 'Microsoft Edge',
+    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    // },
+    // {
+    //   name: 'Google Chrome',
+    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    // },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    command: 'quasar dev -p 8080',
+    url: 'http://localhost:8080',
+    reuseExistingServer: !process.env.CI,
+  },
+} as PlaywrightTestConfig);
diff --git a/test-vite-app-v1-vite4/playwright/index.html b/test-vite-app-v1-vite4/playwright/index.html
new file mode 100644
index 00000000..56da0401
--- /dev/null
+++ b/test-vite-app-v1-vite4/playwright/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Testing Page</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./index.ts"></script>
+  </body>
+</html>
diff --git a/test-vite-app-v1-vite4/playwright/index.ts b/test-vite-app-v1-vite4/playwright/index.ts
new file mode 100644
index 00000000..f5265b82
--- /dev/null
+++ b/test-vite-app-v1-vite4/playwright/index.ts
@@ -0,0 +1,20 @@
+// See https://quasar.dev/start/vite-plugin
+import 'quasar/src/css/index.sass';
+import '../src/css/app.scss';
+import { Quasar, Dialog } from 'quasar';
+import { beforeMount } from '@playwright/experimental-ct-vue/hooks';
+import '@quasar/extras/material-icons/material-icons.css';
+// import '@quasar/extras/mdi-v7/mdi-v7.css';
+
+beforeMount(async ({ app }) => {
+  // Setup other stuff you need before mounting the component. You can setup i18n, pinia, etc here.
+  // See https://playwright.dev/docs/test-components#frequently-asked-questions
+  app.use(Quasar, {
+    plugins: {
+      // Setup plugins used in your components
+      // Notify,
+      // Loading
+      Dialog,
+    },
+  });
+});
diff --git a/test-vite-app-v1-vite4/quasar.extensions.json b/test-vite-app-v1-vite4/quasar.extensions.json
index 03cb9431..7029904a 100644
--- a/test-vite-app-v1-vite4/quasar.extensions.json
+++ b/test-vite-app-v1-vite4/quasar.extensions.json
@@ -2,5 +2,11 @@
   "@quasar/testing-e2e-cypress": {
     "port": 8080,
     "options": ["code-coverage"]
+  },
+  "@quasar/testing-e2e-playwright": {
+    "port": 8080,
+    "githubWorkflow": true,
+    "installBrowsers": true,
+    "enableCodeCoverage": true
   }
 }
diff --git a/test-vite-app-v1-vite4/src/components/AppButton.vue b/test-vite-app-v1-vite4/src/components/AppButton.vue
new file mode 100644
index 00000000..a840fe38
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/AppButton.vue
@@ -0,0 +1,23 @@
+<template>
+  <q-btn
+    :label="label"
+    color="positive"
+    rounded
+    icon="edit"
+    @click="$emit('test')"
+  />
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarButton',
+  props: {
+    label: {
+      type: String,
+    },
+  },
+  emits: { test: () => true },
+});
+</script>
diff --git a/test-vite-app-v1-vite4/src/components/AppCheckComponents.vue b/test-vite-app-v1-vite4/src/components/AppCheckComponents.vue
new file mode 100644
index 00000000..623ccac1
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/AppCheckComponents.vue
@@ -0,0 +1,30 @@
+<template>
+  <q-checkbox v-model="checked" data-testid="checkbox" />
+  <q-toggle v-model="toggled" data-testid="toggle" />
+
+  <q-radio v-model="selected" val="Value1" data-testid="radio-1"
+    >Value1</q-radio
+  >
+  <q-radio v-model="selected" val="Value2" data-testid="radio-2"
+    >Value2</q-radio
+  >
+</template>
+
+<script lang="ts">
+import { defineComponent, ref } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarCheckboxAndToggle',
+  setup() {
+    const checked = ref();
+    const toggled = ref();
+    const selected = ref();
+
+    return {
+      checked,
+      toggled,
+      selected,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v1-vite4/src/components/AppDark.vue b/test-vite-app-v1-vite4/src/components/AppDark.vue
new file mode 100644
index 00000000..a5f2282b
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/AppDark.vue
@@ -0,0 +1,35 @@
+<template>
+  <q-card :dark="$q.dark.isActive">
+    {{ $q.dark.isActive ? 'Dark ' : 'Light' }} content
+
+    <q-btn
+      label="Toggle Dark Mode"
+      data-testid="dark-mode-toggle-button"
+      @click="toggleNightMode"
+    />
+  </q-card>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import { useQuasar } from 'quasar';
+
+export default defineComponent({
+  name: 'QuasarDark',
+  setup() {
+    const $q = useQuasar();
+
+    // TODO: Refactor the Cypress test so that it does not need to test on the instance. Let's avoid such
+    // tests in e2e and component tests. It's preferable to have buttons that perform the task than to directly
+    // call those methods on the instance. Moreover, Playwright does not encourage nor support access to the instance.
+    // See https://kentcdodds.com/blog/testing-implementation-details
+    function toggleNightMode() {
+      $q.dark.set(!$q.dark.isActive);
+    }
+
+    return {
+      toggleNightMode,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v1-vite4/src/components/AppDate.vue b/test-vite-app-v1-vite4/src/components/AppDate.vue
new file mode 100644
index 00000000..41b1ea7a
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/AppDate.vue
@@ -0,0 +1,43 @@
+<template>
+  <q-date v-model="date" data-testid="date-picker" />
+
+  <div>
+    <q-input v-model="date" label="Date" data-testid="selected-date-input">
+      <template #append>
+        <q-btn
+          data-testid="open-date-picker-popup-button"
+          icon="event"
+          flat
+          round
+          @click="dateDialogRef.show()"
+        />
+      </template>
+    </q-input>
+    <q-dialog ref="dateDialogRef">
+      <q-date
+        v-model="date"
+        data-testid="date-proxy"
+        @update:model-value="dateDialogRef.hide()"
+      />
+    </q-dialog>
+  </div>
+</template>
+
+<script lang="ts">
+import type { QDialog } from 'quasar';
+import type { Ref } from 'vue';
+import { defineComponent, ref } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarDate',
+  setup() {
+    const date = ref('');
+    const dateDialogRef = ref() as Ref<QDialog>;
+
+    return {
+      date,
+      dateDialogRef,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v1-vite4/src/components/AppDialog.vue b/test-vite-app-v1-vite4/src/components/AppDialog.vue
new file mode 100644
index 00000000..0d2ed487
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/AppDialog.vue
@@ -0,0 +1,71 @@
+<template>
+  <!-- notice dialogRef here -->
+  <q-dialog ref="dialogRef" @hide="onDialogHide">
+    <q-card>
+      <q-card-section>{{ message }}</q-card-section>
+
+      <!-- buttons example -->
+      <q-card-actions align="right">
+        <q-btn
+          data-testid="ok-button"
+          color="primary"
+          label="OK"
+          @click="onOKClick"
+        />
+        <q-btn color="primary" label="Cancel" @click="onCancelClick" />
+      </q-card-actions>
+    </q-card>
+  </q-dialog>
+</template>
+
+<script lang="ts">
+import { useDialogPluginComponent } from 'quasar';
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarDialog',
+  props: {
+    message: {
+      type: String,
+      required: true,
+    },
+  },
+
+  // REQUIRED; need to specify some events that your
+  // component will emit through useDialogPluginComponent()
+  emits: useDialogPluginComponent.emits,
+
+  setup() {
+    // REQUIRED; must be called inside of setup()
+    const { dialogRef, onDialogHide, onDialogOK, onDialogCancel } =
+      useDialogPluginComponent();
+    // dialogRef      - Vue ref to be applied to QDialog
+    // onDialogHide   - Function to be used as handler for @hide on QDialog
+    // onDialogOK     - Function to call to settle dialog with "ok" outcome
+    //                    example: onDialogOK() - no payload
+    //                    example: onDialogOK({ /*.../* }) - with payload
+    // onDialogCancel - Function to call to settle dialog with "cancel" outcome
+
+    return {
+      // This is REQUIRED;
+      // Need to inject these (from useDialogPluginComponent() call)
+      // into the vue scope for the vue html template
+      dialogRef,
+      onDialogHide,
+
+      // other methods that we used in our vue html template;
+      // these are part of our example (so not required)
+      onOKClick() {
+        // on OK, it is REQUIRED to
+        // call onDialogOK (with optional payload)
+        onDialogOK();
+        // or with payload: onDialogOK({ ... })
+        // ...and it will also hide the dialog automatically
+      },
+
+      // we can passthrough onDialogCancel directly
+      onCancelClick: onDialogCancel,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v1-vite4/src/components/AppDrawer.vue b/test-vite-app-v1-vite4/src/components/AppDrawer.vue
new file mode 100644
index 00000000..f65b882e
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/AppDrawer.vue
@@ -0,0 +1,33 @@
+<template>
+  <q-drawer
+    v-model="showDrawer"
+    show-if-above
+    :width="200"
+    :breakpoint="700"
+    elevated
+    data-testid="drawer"
+    class="bg-primary text-white"
+  >
+    <q-scroll-area class="fit">
+      <div class="q-pa-sm">
+        <div v-for="n in 50" :key="n">Drawer {{ n }} / 50</div>
+      </div>
+      <q-btn data-testid="button">Am I on screen?</q-btn>
+    </q-scroll-area>
+  </q-drawer>
+</template>
+
+<script lang="ts">
+import { ref, defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarDrawer',
+  setup() {
+    const showDrawer = ref(true);
+
+    return {
+      showDrawer,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v1-vite4/src/components/AppMenu.vue b/test-vite-app-v1-vite4/src/components/AppMenu.vue
new file mode 100644
index 00000000..a28ec48e
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/AppMenu.vue
@@ -0,0 +1,22 @@
+<template>
+  <q-btn data-testid="open-menu-btn" label="Open menu">
+    <q-menu>
+      <q-list>
+        <q-item v-close-popup clickable>
+          <q-item-section>Item 1</q-item-section>
+        </q-item>
+        <q-item v-close-popup clickable>
+          <q-item-section>Item 2</q-item-section>
+        </q-item>
+      </q-list>
+    </q-menu>
+  </q-btn>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarMenu',
+});
+</script>
diff --git a/test-vite-app-v1-vite4/src/components/AppPageSticky.vue b/test-vite-app-v1-vite4/src/components/AppPageSticky.vue
new file mode 100644
index 00000000..25861bc7
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/AppPageSticky.vue
@@ -0,0 +1,21 @@
+<template>
+  <q-page-sticky position="bottom-right" :offset="[18, 18]">
+    <q-btn data-testid="button" rounded color="accent" icon="arrow_forward">
+      {{ title }}
+    </q-btn>
+  </q-page-sticky>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarPageSticky',
+  props: {
+    title: {
+      type: String,
+      required: true,
+    },
+  },
+});
+</script>
diff --git a/test-vite-app-v1-vite4/src/components/AppSelect.vue b/test-vite-app-v1-vite4/src/components/AppSelect.vue
new file mode 100644
index 00000000..fb19c0b4
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/AppSelect.vue
@@ -0,0 +1,54 @@
+<template>
+  <q-select
+    v-model="selected"
+    data-testid="select"
+    label="test options selection"
+    :options="options"
+    :loading="loading"
+    :disable="disable"
+  />
+
+  <span data-testid="select-value">{{ selected }}</span>
+</template>
+
+<script lang="ts">
+import { defineComponent, ref } from 'vue';
+
+const syncOptions = ['Option 1', 'Option 2', 'Option 3'];
+
+export default defineComponent({
+  name: 'QuasarSelect',
+  props: {
+    loadOptionsAsync: {
+      type: Boolean,
+      default: false,
+    },
+    disable: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props) {
+    const selected = ref();
+    const loading = ref(false);
+
+    const options = ref();
+
+    if (props.loadOptionsAsync) {
+      loading.value = true;
+      setTimeout(() => {
+        options.value = syncOptions;
+        loading.value = false;
+      }, 2000);
+    } else {
+      options.value = syncOptions;
+    }
+
+    return {
+      loading,
+      selected,
+      options,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v1-vite4/src/components/AppTooltip.vue b/test-vite-app-v1-vite4/src/components/AppTooltip.vue
new file mode 100644
index 00000000..1ab513cb
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/AppTooltip.vue
@@ -0,0 +1,28 @@
+<template>
+  <q-btn color="primary">
+    Button
+    <q-tooltip
+      v-model="showTooltip"
+      data-testid="tooltip"
+      class="bg-red"
+      :offset="[10, 10]"
+    >
+      Here I am!
+    </q-tooltip>
+  </q-btn>
+</template>
+
+<script lang="ts">
+import { ref, defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarTooltip',
+  setup() {
+    const showTooltip = ref(true);
+
+    return {
+      showTooltip,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v1-vite4/src/components/ColorAssertion.vue b/test-vite-app-v1-vite4/src/components/ColorAssertion.vue
new file mode 100644
index 00000000..841cd639
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/ColorAssertion.vue
@@ -0,0 +1,3 @@
+<template>
+  <div class="wrapper text-primary bg-black">Text1</div>
+</template>
diff --git a/test-vite-app-v1-vite4/src/components/QuasarCheckComponents.vue b/test-vite-app-v1-vite4/src/components/QuasarCheckComponents.vue
index f49ea26b..2678290e 100644
--- a/test-vite-app-v1-vite4/src/components/QuasarCheckComponents.vue
+++ b/test-vite-app-v1-vite4/src/components/QuasarCheckComponents.vue
@@ -1,9 +1,21 @@
 <template>
-  <q-checkbox v-model="checked" data-cy="checkbox" />
-  <q-toggle v-model="toggled" data-cy="toggle" />
+  <q-checkbox v-model="checked" data-cy="checkbox" data-testid="checkbox" />
+  <q-toggle v-model="toggled" data-cy="toggle" data-testid="toggle" />
 
-  <q-radio v-model="selected" val="Value1" data-cy="radio-1">Value1</q-radio>
-  <q-radio v-model="selected" val="Value2" data-cy="radio-2">Value2</q-radio>
+  <q-radio
+    v-model="selected"
+    val="Value1"
+    data-cy="radio-1"
+    data-testid="radio-1"
+    >Value1</q-radio
+  >
+  <q-radio
+    v-model="selected"
+    val="Value2"
+    data-cy="radio-2"
+    data-testid="radio-2"
+    >Value2</q-radio
+  >
 </template>
 
 <script lang="ts">
diff --git a/test-vite-app-v1-vite4/src/components/QuasarDark.vue b/test-vite-app-v1-vite4/src/components/QuasarDark.vue
index fd2fc25d..fc65eea4 100644
--- a/test-vite-app-v1-vite4/src/components/QuasarDark.vue
+++ b/test-vite-app-v1-vite4/src/components/QuasarDark.vue
@@ -1,13 +1,35 @@
 <template>
   <q-card data-cy="dark-card" :dark="$q.dark.isActive">
     {{ $q.dark.isActive ? 'Dark ' : 'Light' }} content
+
+    <q-btn
+      label="Toggle Dark Mode"
+      data-testid="dark-mode-toggle-button"
+      @click="toggleNightMode"
+    />
   </q-card>
 </template>
 
 <script lang="ts">
 import { defineComponent } from 'vue';
+import { useQuasar } from 'quasar';
 
 export default defineComponent({
   name: 'QuasarDark',
+  setup() {
+    const $q = useQuasar();
+
+    // TODO: Refactor the Cypress test so that it does not need to test on the instance. Let's avoid such
+    // tests in e2e and component tests. It's preferable to have buttons that perform the task than to directly
+    // call those methods on the instance. Moreover, Playwright does not encourage nor support access to the instance.
+    // See https://kentcdodds.com/blog/testing-implementation-details
+    function toggleNightMode() {
+      $q.dark.set(!$q.dark.isActive);
+    }
+
+    return {
+      toggleNightMode,
+    };
+  },
 });
 </script>
diff --git a/test-vite-app-v1-vite4/src/components/QuasarDate.vue b/test-vite-app-v1-vite4/src/components/QuasarDate.vue
index 962b4e0a..30d185fa 100644
--- a/test-vite-app-v1-vite4/src/components/QuasarDate.vue
+++ b/test-vite-app-v1-vite4/src/components/QuasarDate.vue
@@ -1,11 +1,12 @@
 <template>
-  <q-date v-model="date" data-cy="date-picker" />
+  <q-date v-model="date" data-cy="date-picker" data-testid="date-picker" />
 
   <div>
     <q-input v-model="date" label="Scegli data">
       <template #append>
         <q-btn
           data-cy="open-date-picker-popup-button"
+          data-testid="open-date-picker-popup-button"
           icon="event"
           flat
           round
@@ -14,7 +15,11 @@
       </template>
     </q-input>
     <q-dialog ref="dateDialogRef">
-      <q-date v-model="date" @update:model-value="dateDialogRef.hide()" />
+      <q-date
+        v-model="date"
+        data-testid="date-proxy"
+        @update:model-value="dateDialogRef.hide()"
+      />
     </q-dialog>
   </div>
 
diff --git a/test-vite-app-v1-vite4/src/components/QuasarDialog.vue b/test-vite-app-v1-vite4/src/components/QuasarDialog.vue
index c88b9930..6451da46 100644
--- a/test-vite-app-v1-vite4/src/components/QuasarDialog.vue
+++ b/test-vite-app-v1-vite4/src/components/QuasarDialog.vue
@@ -8,6 +8,7 @@
       <q-card-actions align="right">
         <q-btn
           data-cy="ok-button"
+          data-testid="ok-button"
           color="primary"
           label="OK"
           @click="onOKClick"
diff --git a/test-vite-app-v1-vite4/src/components/QuasarDrawer.vue b/test-vite-app-v1-vite4/src/components/QuasarDrawer.vue
index dca948f5..c2ceb3f2 100644
--- a/test-vite-app-v1-vite4/src/components/QuasarDrawer.vue
+++ b/test-vite-app-v1-vite4/src/components/QuasarDrawer.vue
@@ -6,13 +6,14 @@
     :breakpoint="700"
     elevated
     data-cy="drawer"
+    data-testid="drawer"
     class="bg-primary text-white"
   >
     <q-scroll-area class="fit">
       <div class="q-pa-sm">
         <div v-for="n in 50" :key="n">Drawer {{ n }} / 50</div>
       </div>
-      <q-btn data-cy="button">Am I on screen?</q-btn>
+      <q-btn data-cy="button" data-testid="button">Am I on screen?</q-btn>
     </q-scroll-area>
   </q-drawer>
 </template>
diff --git a/test-vite-app-v1-vite4/src/components/QuasarMenu.vue b/test-vite-app-v1-vite4/src/components/QuasarMenu.vue
index daed3aa4..4ff02d2e 100644
--- a/test-vite-app-v1-vite4/src/components/QuasarMenu.vue
+++ b/test-vite-app-v1-vite4/src/components/QuasarMenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-btn data-cy="open-menu-btn" label="Open menu">
+  <q-btn data-cy="open-menu-btn" data-testid="open-menu-btn" label="Open menu">
     <q-menu>
       <q-list>
         <q-item v-close-popup clickable>
diff --git a/test-vite-app-v1-vite4/src/components/QuasarPageSticky.vue b/test-vite-app-v1-vite4/src/components/QuasarPageSticky.vue
index 7c8223d3..9fce30f1 100644
--- a/test-vite-app-v1-vite4/src/components/QuasarPageSticky.vue
+++ b/test-vite-app-v1-vite4/src/components/QuasarPageSticky.vue
@@ -1,6 +1,12 @@
 <template>
   <q-page-sticky position="bottom-right" :offset="[18, 18]">
-    <q-btn data-cy="button" rounded color="accent" icon="arrow_forward">
+    <q-btn
+      data-cy="button"
+      data-testid="button"
+      rounded
+      color="accent"
+      icon="arrow_forward"
+    >
       {{ title }}
     </q-btn>
   </q-page-sticky>
diff --git a/test-vite-app-v1-vite4/src/components/QuasarSelect.vue b/test-vite-app-v1-vite4/src/components/QuasarSelect.vue
index 13d763f0..eefc5e5a 100644
--- a/test-vite-app-v1-vite4/src/components/QuasarSelect.vue
+++ b/test-vite-app-v1-vite4/src/components/QuasarSelect.vue
@@ -2,6 +2,7 @@
   <q-select
     v-model="selected"
     data-cy="select"
+    data-testid="select"
     label="test options selection"
     :options="options"
     :loading="loading"
@@ -9,7 +10,7 @@
     :multiple="multiple"
   />
 
-  <span data-cy="select-value">{{ selected }}</span>
+  <span data-cy="select-value" data-testid="select-value">{{ selected }}</span>
 </template>
 
 <script lang="ts">
diff --git a/test-vite-app-v1-vite4/src/components/QuasarTooltip.vue b/test-vite-app-v1-vite4/src/components/QuasarTooltip.vue
index 84da4a72..0203ff53 100644
--- a/test-vite-app-v1-vite4/src/components/QuasarTooltip.vue
+++ b/test-vite-app-v1-vite4/src/components/QuasarTooltip.vue
@@ -4,6 +4,7 @@
     <q-tooltip
       v-model="showTooltip"
       data-cy="tooltip"
+      data-testid="tooltip"
       class="bg-red"
       :offset="[10, 10]"
     >
diff --git a/test-vite-app-v1-vite4/src/components/__tests__/AppButton.spec.ts b/test-vite-app-v1-vite4/src/components/__tests__/AppButton.spec.ts
new file mode 100644
index 00000000..24f29302
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/__tests__/AppButton.spec.ts
@@ -0,0 +1,50 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import AppButton from 'src/components/AppButton.vue';
+
+test('renders a message', async ({ mount }) => {
+  const label = 'Hello there';
+  const component = await mount(AppButton, { props: { label } });
+
+  await expect(component).toContainText(label);
+});
+
+test('renders another message', async ({ mount }) => {
+  const label = 'Will this work?';
+  const component = await mount(AppButton, { props: { label } });
+  await expect(component).toContainText(label);
+});
+
+test('should have a `positive` color', async ({ mount }) => {
+  const button = await mount(AppButton);
+
+  const bgColor = await button.evaluate(
+    (el) => window.getComputedStyle(el).backgroundColor,
+  );
+  const textColor = await button.evaluate(
+    (el) => window.getComputedStyle(el).color,
+  );
+
+  const quasarPositiveVar = 'rgb(33, 186, 69)';
+  expect(bgColor).toBe(quasarPositiveVar);
+  expect(textColor).toBe('rgb(255, 255, 255)');
+});
+
+test('should emit `test` upon click', async ({ mount }) => {
+  let eventCount = 0;
+
+  const component = await mount(AppButton, {
+    on: {
+      test: () => {
+        eventCount++;
+      },
+    },
+  });
+
+  await component.click();
+  expect(eventCount).toBe(1);
+  await component.click();
+  expect(eventCount).toBe(2);
+});
diff --git a/test-vite-app-v1-vite4/src/components/__tests__/AppCheckComponents.spec.ts b/test-vite-app-v1-vite4/src/components/__tests__/AppCheckComponents.spec.ts
new file mode 100644
index 00000000..36ca64dc
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/__tests__/AppCheckComponents.spec.ts
@@ -0,0 +1,47 @@
+import AppCheckComponents from '../AppCheckComponents.vue';
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+test.describe('QuasarCheckbox', () => {
+  test('can be used with normal Playwright commands', async ({ mount }) => {
+    const component = await mount(AppCheckComponents);
+
+    const checkbox = component.getByTestId('checkbox');
+    await checkbox.check();
+    await expect(checkbox).toBeChecked();
+
+    await checkbox.uncheck();
+    await expect(checkbox).not.toBeChecked();
+  });
+});
+
+test.describe('QuasarToggle', () => {
+  test('can be used with normal Playwright commands', async ({ mount }) => {
+    const component = await mount(AppCheckComponents);
+
+    const toggle = component.getByTestId('toggle');
+    await toggle.check();
+    await expect(toggle).toBeChecked();
+
+    await toggle.uncheck();
+    await expect(toggle).not.toBeChecked();
+  });
+});
+
+test.describe('QuasarRadio', () => {
+  test('can be used with normal Playwright commands', async ({ mount }) => {
+    const component = await mount(AppCheckComponents);
+
+    const radio1 = component.getByTestId('radio-1');
+    const radio2 = component.getByTestId('radio-2');
+
+    await radio1.check();
+    await expect(radio1).toBeChecked();
+
+    await radio2.check();
+    await expect(radio2).toBeChecked();
+    await expect(radio1).not.toBeChecked();
+  });
+});
diff --git a/test-vite-app-v1-vite4/src/components/__tests__/AppDark.spec.ts b/test-vite-app-v1-vite4/src/components/__tests__/AppDark.spec.ts
new file mode 100644
index 00000000..16aa7f6e
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/__tests__/AppDark.spec.ts
@@ -0,0 +1,18 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import AppDark from '../AppDark.vue';
+
+test('changes its color', async ({ mount }) => {
+  const darkCard = await mount(AppDark);
+
+  await expect(darkCard).not.toHaveClass(/q-dark/);
+
+  const darkModeToggleButton = darkCard.getByTestId('dark-mode-toggle-button');
+  await darkModeToggleButton.click();
+  await expect(darkCard).toHaveClass(/q-dark/);
+
+  await darkModeToggleButton.click();
+  await expect(darkCard).not.toHaveClass(/q-dark/);
+});
diff --git a/test-vite-app-v1-vite4/src/components/__tests__/AppDate.spec.ts b/test-vite-app-v1-vite4/src/components/__tests__/AppDate.spec.ts
new file mode 100644
index 00000000..78a1c3b8
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/__tests__/AppDate.spec.ts
@@ -0,0 +1,44 @@
+import AppDate from '../AppDate.vue';
+import {
+  selectDate,
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+const targetDate = '2023/02/23';
+
+test.describe('AppDate', () => {
+  test('selects a date by date string', async ({ mount }) => {
+    const component = await mount(AppDate);
+    const subject = component.getByTestId('date-picker');
+
+    await selectDate(subject, targetDate);
+    await expect(component.getByTestId('selected-date-input')).toHaveValue(
+      targetDate,
+    );
+    await component.unmount();
+  });
+
+  test('selects a date by date object', async ({ mount }) => {
+    const component = await mount(AppDate);
+
+    const subject = component.getByTestId('date-picker');
+    await selectDate(subject, targetDate);
+    await expect(component.getByTestId('selected-date-input')).toHaveValue(
+      targetDate,
+    );
+    await component.unmount();
+  });
+
+  test('selects a date displayed in a popup proxy', async ({ mount, page }) => {
+    const component = await mount(AppDate);
+
+    await component.getByTestId('open-date-picker-popup-button').click();
+
+    const datePickerDialog = page.getByTestId('date-proxy');
+    await selectDate(datePickerDialog, targetDate);
+    await expect(component.getByTestId('selected-date-input')).toHaveValue(
+      targetDate,
+    );
+  });
+});
diff --git a/test-vite-app-v1-vite4/src/components/__tests__/AppDialog.spec.ts b/test-vite-app-v1-vite4/src/components/__tests__/AppDialog.spec.ts
new file mode 100644
index 00000000..eab99f23
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/__tests__/AppDialog.spec.ts
@@ -0,0 +1,47 @@
+import DialogWrapper from 'app/test/playwright/wrappers/DialogWrapper.vue';
+import AppDialog from '../AppDialog.vue';
+import {
+  test,
+  expect,
+  withinDialog,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+test.describe('AppDialog', () => {
+  test('should show a dialog with a message', async ({ mount, page }) => {
+    const message = 'Hello, I am a dialog';
+    await mount(DialogWrapper, {
+      props: {
+        component: AppDialog,
+        componentProps: { message },
+      },
+    });
+
+    await withinDialog(page, async (dialog) => {
+      await expect(dialog).toContainText(message);
+
+      await dialog.getByTestId('ok-button').click();
+      await dialog.waitFor({ state: 'hidden' });
+    });
+  });
+
+  test('should keep the dialog open when not dismissed', async ({
+    mount,
+    page,
+  }) => {
+    const message = 'Hello, I am a dialog';
+    await mount(DialogWrapper, {
+      props: {
+        component: AppDialog,
+        componentProps: { message, persistent: true },
+      },
+    });
+
+    await withinDialog(page, {
+      fn: async (dialog) => {
+        await expect(dialog).toContainText(message);
+        await expect(dialog).toBeVisible();
+      },
+      persistent: true,
+    });
+  });
+});
diff --git a/test-vite-app-v1-vite4/src/components/__tests__/AppDrawer.spec.ts b/test-vite-app-v1-vite4/src/components/__tests__/AppDrawer.spec.ts
new file mode 100644
index 00000000..c38dd839
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/__tests__/AppDrawer.spec.ts
@@ -0,0 +1,36 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import LayoutContainer from 'app/test/playwright/wrappers/LayoutContainer.vue';
+import AppDrawer from '../AppDrawer.vue';
+
+test.describe('AppDrawer', () => {
+  test('should show a drawer', async ({ mount }) => {
+    try {
+      const component = await mount(LayoutContainer, {
+        props: {
+          component: AppDrawer,
+        },
+      });
+
+      // Check that the drawer exists and the button is initially not visible
+      await expect(component.getByTestId('drawer')).toBeVisible();
+      await expect(component.getByTestId('button')).not.toBeInViewport();
+
+      // Scroll to the bottom of the scroll area
+      await component.locator('.q-scrollarea .scroll').evaluate((el) => {
+        el.scrollTo({ top: el.scrollHeight, behavior: 'smooth' });
+      });
+
+      // Wait for scrolling to complete and check button visibility
+      await component
+        .locator('.q-scrollarea .scroll')
+        .getByTestId('button')
+        .waitFor({ state: 'visible' });
+      await expect(component.getByTestId('button')).toBeInViewport();
+    } catch (error) {
+      console.error(error);
+    }
+  });
+});
diff --git a/test-vite-app-v1-vite4/src/components/__tests__/AppMenu.spec.ts b/test-vite-app-v1-vite4/src/components/__tests__/AppMenu.spec.ts
new file mode 100644
index 00000000..5e6db2cb
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/__tests__/AppMenu.spec.ts
@@ -0,0 +1,28 @@
+import AppMenu from '../QuasarMenu.vue';
+import {
+  withinMenu,
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+test.describe('AppMenu', () => {
+  test('click an item by content', async ({ mount, page }) => {
+    const component = await mount(AppMenu);
+    await component.click();
+
+    await withinMenu(page, async (menu) => {
+      await expect(menu).toBeVisible();
+      await menu.locator('.q-item:has-text("Item 1")').click();
+    });
+  });
+
+  test('click an item by cardinality', async ({ mount, page }) => {
+    const component = await mount(AppMenu);
+    await component.click();
+
+    await withinMenu(page, async (menu) => {
+      await expect(menu).toBeVisible();
+      await menu.locator('.q-item').nth(1).click();
+    });
+  });
+});
diff --git a/test-vite-app-v1-vite4/src/components/__tests__/AppPageSticky.spec.ts b/test-vite-app-v1-vite4/src/components/__tests__/AppPageSticky.spec.ts
new file mode 100644
index 00000000..60477e46
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/__tests__/AppPageSticky.spec.ts
@@ -0,0 +1,36 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import LayoutContainer from 'app/test/playwright/wrappers/LayoutContainer.vue';
+import AppPageSticky from '../QuasarPageSticky.vue';
+
+test.describe('AppPageSticky', () => {
+  test('should show a sticky at the bottom-right of the page', async ({
+    mount,
+    page,
+  }) => {
+    const component = await mount(LayoutContainer, {
+      props: {
+        component: AppPageSticky,
+      },
+    });
+
+    const button = component.getByTestId('button');
+    await expect(button).toBeVisible();
+
+    const buttonBox = await button.boundingBox();
+    const viewport = page.viewportSize();
+
+    // eslint-disable-next-line playwright/no-conditional-in-test
+    if (!buttonBox || !viewport) {
+      throw new Error('Could not read bounding box or viewport size');
+    }
+
+    const buttonBottom: number = buttonBox.y + buttonBox.height;
+    const buttonRight: number = buttonBox.x + buttonBox.width;
+
+    expect(buttonBottom).toBeCloseTo(viewport.height - 18, 1);
+    expect(buttonRight).toBeCloseTo(viewport.width - 18, 1);
+  });
+});
diff --git a/test-vite-app-v1-vite4/src/components/__tests__/AppSelect.spec.ts b/test-vite-app-v1-vite4/src/components/__tests__/AppSelect.spec.ts
new file mode 100644
index 00000000..1e2979cd
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/__tests__/AppSelect.spec.ts
@@ -0,0 +1,49 @@
+import AppSelect from '../AppSelect.vue';
+import {
+  selectQSelectOption,
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+test.describe('AppSelect', () => {
+  test('makes sure the select is disabled', async ({ mount }) => {
+    const component = await mount(AppSelect, {
+      props: { disable: true },
+    });
+
+    // We need the root of the select component, so we use this instead. The data-testid gets passed to the
+    // native element and not to the root div of the component
+    const selectComponent = component.locator('.q-select');
+    await expect(selectComponent).toHaveAttribute('aria-disabled', 'true');
+  });
+
+  test('selects an option by content', async ({ mount }) => {
+    const component = await mount(AppSelect);
+    await selectQSelectOption(component, 'Option 1');
+
+    const selectValue = component.getByTestId('select-value');
+    await expect(selectValue).toHaveText('Option 1');
+  });
+
+  test('selects an option by cardinality', async ({ mount }) => {
+    const component = await mount(AppSelect);
+    await selectQSelectOption(component, 1);
+
+    const selectValue = component.getByTestId('select-value');
+    await expect(selectValue).toHaveText('Option 2');
+  });
+
+  test('selects an option asynchronously', async ({ mount }) => {
+    const component = await mount(AppSelect, {
+      props: { loadOptionsAsync: true },
+    });
+
+    const spinner = component.locator('.q-spinner');
+    await expect(spinner).toBeHidden();
+
+    await selectQSelectOption(component, 'Option 3');
+
+    const selectValue = component.getByTestId('select-value');
+    await expect(selectValue).toHaveText('Option 3');
+  });
+});
diff --git a/test-vite-app-v1-vite4/src/components/__tests__/AppTooltip.spec.ts b/test-vite-app-v1-vite4/src/components/__tests__/AppTooltip.spec.ts
new file mode 100644
index 00000000..0c8fd0c3
--- /dev/null
+++ b/test-vite-app-v1-vite4/src/components/__tests__/AppTooltip.spec.ts
@@ -0,0 +1,15 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import AppTooltip from '../QuasarTooltip.vue';
+
+test.describe('AppTooltip', () => {
+  test('should show a tooltip', async ({ mount, page }) => {
+    const button = await mount(AppTooltip);
+    await button.hover();
+
+    const tooltip = page.locator('.q-tooltip');
+    await expect(tooltip).toContainText('Here I am!');
+  });
+});
diff --git a/test-vite-app-v1-vite4/test/playwright/home.spec.ts b/test-vite-app-v1-vite4/test/playwright/home.spec.ts
new file mode 100644
index 00000000..18173075
--- /dev/null
+++ b/test-vite-app-v1-vite4/test/playwright/home.spec.ts
@@ -0,0 +1,20 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright';
+
+test('has title', async ({ page }) => {
+  await page.goto('https://playwright.dev/');
+
+  await expect(page).toHaveTitle(/Playwright/);
+});
+
+test('get started link', async ({ page }) => {
+  await page.goto('https://playwright.dev/');
+
+  await page.getByRole('link', { name: 'Get started' }).click();
+
+  await expect(
+    page.getByRole('heading', { name: 'Installation' }),
+  ).toBeVisible();
+});
diff --git a/test-vite-app-v1-vite4/test/playwright/wrappers/DialogWrapper.vue b/test-vite-app-v1-vite4/test/playwright/wrappers/DialogWrapper.vue
new file mode 100644
index 00000000..e2e18fe3
--- /dev/null
+++ b/test-vite-app-v1-vite4/test/playwright/wrappers/DialogWrapper.vue
@@ -0,0 +1,35 @@
+<script lang="ts">
+import { Dialog } from 'quasar';
+import { defineComponent, nextTick, onMounted } from 'vue';
+
+export default defineComponent({
+  name: 'DialogWrapper',
+  props: {
+    component: {
+      type: Object,
+      required: true,
+    },
+    componentProps: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  setup(props) {
+    onMounted(async () => {
+      // When rendering a dialog immediately when the component is mounted, we need to wait for the next tick, otherwise it will break the test. Apparently, rendering the dialog immediately
+      // interfers with the component mount context. This mostly occurs when running a single test (from UI) that immediately render a dialog and rarely when running all tests at once.
+      // It throws: "Error: page._wrapApiCall: Execution context was destroyed, most likely because of a navigation."
+      // This is only needed to make Playwright tests that display the dialog immediately after mounting the component pass.
+      // TODO: Let's check again when Playwright component testing becomes stable
+      await nextTick();
+
+      Dialog.create({
+        component: props.component,
+
+        // props forwarded to your custom component
+        componentProps: props.componentProps,
+      });
+    });
+  },
+});
+</script>
diff --git a/test-vite-app-v1-vite4/test/playwright/wrappers/LayoutContainer.vue b/test-vite-app-v1-vite4/test/playwright/wrappers/LayoutContainer.vue
new file mode 100644
index 00000000..079fe47a
--- /dev/null
+++ b/test-vite-app-v1-vite4/test/playwright/wrappers/LayoutContainer.vue
@@ -0,0 +1,20 @@
+<template>
+  <q-layout>
+    <component :is="component" v-bind="$attrs" />
+  </q-layout>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'LayoutContainer',
+  inheritAttrs: false,
+  props: {
+    component: {
+      type: Object,
+      required: true,
+    },
+  },
+});
+</script>
diff --git a/test-vite-app-v1-vite4/tsconfig.json b/test-vite-app-v1-vite4/tsconfig.json
index bd323f03..f83f70cb 100644
--- a/test-vite-app-v1-vite4/tsconfig.json
+++ b/test-vite-app-v1-vite4/tsconfig.json
@@ -1,6 +1,9 @@
 {
   "extends": "@quasar/app-vite/tsconfig-preset",
   "compilerOptions": {
-    "baseUrl": "."
+    "baseUrl": ".",
+    "moduleResolution": "nodenext",
+    "module": "NodeNext",
+    "target": "ESNext"
   }
 }
diff --git a/test-vite-app-v1-vite4/yarn.lock b/test-vite-app-v1-vite4/yarn.lock
index 4a29d5b6..f43aed38 100644
--- a/test-vite-app-v1-vite4/yarn.lock
+++ b/test-vite-app-v1-vite4/yarn.lock
@@ -23,12 +23,47 @@
     "@babel/highlight" "^7.22.13"
     chalk "^2.4.2"
 
+"@babel/code-frame@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.27.1.tgz#200f715e66d52a23b221a9435534a91cc13ad5be"
+  integrity sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.27.1"
+    js-tokens "^4.0.0"
+    picocolors "^1.1.1"
+
 "@babel/compat-data@^7.22.9":
   version "7.22.9"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.22.9.tgz#71cdb00a1ce3a329ce4cbec3a44f9fef35669730"
   integrity sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==
 
-"@babel/core@^7.12.3", "@babel/core@^7.7.5":
+"@babel/compat-data@^7.27.2":
+  version "7.27.2"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.27.2.tgz#4183f9e642fd84e74e3eea7ffa93a412e3b102c9"
+  integrity sha512-TUtMJYRPyUb/9aU8f3K0mjmjf6M9N5Woshn2CS6nqJSeJtTtQcpLUXjGt9vbF8ZGff0El99sWkLgzwW3VXnxZQ==
+
+"@babel/core@^7.23.9":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.27.1.tgz#89de51e86bd12246003e3524704c49541b16c3e6"
+  integrity sha512-IaaGWsQqfsQWVLqMn9OB92MNN7zukfVA4s7KKAI0KfrrDsZ0yhi5uV4baBuLuN7n3vsZpwP8asPPcVwApxvjBQ==
+  dependencies:
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.27.1"
+    "@babel/helper-compilation-targets" "^7.27.1"
+    "@babel/helper-module-transforms" "^7.27.1"
+    "@babel/helpers" "^7.27.1"
+    "@babel/parser" "^7.27.1"
+    "@babel/template" "^7.27.1"
+    "@babel/traverse" "^7.27.1"
+    "@babel/types" "^7.27.1"
+    convert-source-map "^2.0.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
+
+"@babel/core@^7.7.5":
   version "7.22.17"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.22.17.tgz#2f9b0b395985967203514b24ee50f9fd0639c866"
   integrity sha512-2EENLmhpwplDux5PSsZnSbnSkB3tZ6QTksgO25xwEL7pIDcNOMhF5v/s6RzwjMZzZzw9Ofc30gHv5ChCC8pifQ==
@@ -59,6 +94,17 @@
     "@jridgewell/trace-mapping" "^0.3.17"
     jsesc "^2.5.1"
 
+"@babel/generator@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.27.1.tgz#862d4fad858f7208edd487c28b58144036b76230"
+  integrity sha512-UnJfnIpc/+JO0/+KRVQNGU+y5taA5vCbwN8+azkX6beii/ZF+enZJSOKo11ZSzGJjlNfJHfQtmQT8H+9TXPG2w==
+  dependencies:
+    "@babel/parser" "^7.27.1"
+    "@babel/types" "^7.27.1"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jsesc "^3.0.2"
+
 "@babel/helper-compilation-targets@^7.22.15":
   version "7.22.15"
   resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz#0698fc44551a26cf29f18d4662d5bf545a6cfc52"
@@ -70,6 +116,17 @@
     lru-cache "^5.1.1"
     semver "^6.3.1"
 
+"@babel/helper-compilation-targets@^7.27.1":
+  version "7.27.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz#46a0f6efab808d51d29ce96858dd10ce8732733d"
+  integrity sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==
+  dependencies:
+    "@babel/compat-data" "^7.27.2"
+    "@babel/helper-validator-option" "^7.27.1"
+    browserslist "^4.24.0"
+    lru-cache "^5.1.1"
+    semver "^6.3.1"
+
 "@babel/helper-environment-visitor@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz#f06dd41b7c1f44e1f8da6c4055b41ab3a09a7e98"
@@ -97,6 +154,14 @@
   dependencies:
     "@babel/types" "^7.22.15"
 
+"@babel/helper-module-imports@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz#7ef769a323e2655e126673bb6d2d6913bbead204"
+  integrity sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==
+  dependencies:
+    "@babel/traverse" "^7.27.1"
+    "@babel/types" "^7.27.1"
+
 "@babel/helper-module-transforms@^7.22.17":
   version "7.22.17"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.22.17.tgz#7edf129097a51ccc12443adbc6320e90eab76693"
@@ -108,6 +173,15 @@
     "@babel/helper-split-export-declaration" "^7.22.6"
     "@babel/helper-validator-identifier" "^7.22.15"
 
+"@babel/helper-module-transforms@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.27.1.tgz#e1663b8b71d2de948da5c4fb2a20ca4f3ec27a6f"
+  integrity sha512-9yHn519/8KvTU5BjTVEEeIM3w9/2yXNKoD82JifINImhpKkARMJKPP59kLo+BafpdN5zgNeIcS4jsGDmd3l58g==
+  dependencies:
+    "@babel/helper-module-imports" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.27.1"
+    "@babel/traverse" "^7.27.1"
+
 "@babel/helper-simple-access@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz#4938357dc7d782b80ed6dbb03a0fba3d22b1d5de"
@@ -127,16 +201,31 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz#533f36457a25814cf1df6488523ad547d784a99f"
   integrity sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==
 
+"@babel/helper-string-parser@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz#54da796097ab19ce67ed9f88b47bb2ec49367687"
+  integrity sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==
+
 "@babel/helper-validator-identifier@^7.22.15", "@babel/helper-validator-identifier@^7.22.5":
   version "7.22.15"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.15.tgz#601fa28e4cc06786c18912dca138cec73b882044"
   integrity sha512-4E/F9IIEi8WR94324mbDUMo074YTheJmd7eZF5vITTeYchqAi6sYXRLHUVsmkdmY4QjfKTcB2jB7dVP3NaBElQ==
 
+"@babel/helper-validator-identifier@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz#a7054dcc145a967dd4dc8fee845a57c1316c9df8"
+  integrity sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==
+
 "@babel/helper-validator-option@^7.22.15":
   version "7.22.15"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz#694c30dfa1d09a6534cdfcafbe56789d36aba040"
   integrity sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==
 
+"@babel/helper-validator-option@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz#fa52f5b1e7db1ab049445b421c4471303897702f"
+  integrity sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==
+
 "@babel/helpers@^7.22.15":
   version "7.22.15"
   resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.22.15.tgz#f09c3df31e86e3ea0b7ff7556d85cdebd47ea6f1"
@@ -146,6 +235,14 @@
     "@babel/traverse" "^7.22.15"
     "@babel/types" "^7.22.15"
 
+"@babel/helpers@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.27.1.tgz#ffc27013038607cdba3288e692c3611c06a18aa4"
+  integrity sha512-FCvFTm0sWV8Fxhpp2McP5/W53GPllQ9QeQ7SiqGWjMf/LVG07lFa5+pgK05IRhVwtvafT22KF+ZSnM9I545CvQ==
+  dependencies:
+    "@babel/template" "^7.27.1"
+    "@babel/types" "^7.27.1"
+
 "@babel/highlight@^7.22.13":
   version "7.22.13"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.13.tgz#9cda839e5d3be9ca9e8c26b6dd69e7548f0cbf16"
@@ -155,7 +252,7 @@
     chalk "^2.4.2"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.14.7", "@babel/parser@^7.22.15", "@babel/parser@^7.22.16":
+"@babel/parser@^7.22.15", "@babel/parser@^7.22.16":
   version "7.22.16"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.22.16.tgz#180aead7f247305cce6551bea2720934e2fa2c95"
   integrity sha512-+gPfKv8UWeKKeJTUxe59+OobVcrYHETCsORl61EmSkmgymguYk/X5bp7GuUIXaFsc6y++v8ZxPsLSSuujqDphA==
@@ -165,6 +262,13 @@
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.23.6.tgz#ba1c9e512bda72a47e285ae42aff9d2a635a9e3b"
   integrity sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==
 
+"@babel/parser@^7.23.9", "@babel/parser@^7.27.1", "@babel/parser@^7.27.2":
+  version "7.27.2"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.27.2.tgz#577518bedb17a2ce4212afd052e01f7df0941127"
+  integrity sha512-QYLs8299NA7WM/bZAdp+CviYYkVoYXlDW2rzliy3chxd1PQjej7JORuMJDJXJUb9g0TT+B99EwaVLKmX+sPXWw==
+  dependencies:
+    "@babel/types" "^7.27.1"
+
 "@babel/template@^7.22.15", "@babel/template@^7.22.5":
   version "7.22.15"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.22.15.tgz#09576efc3830f0430f4548ef971dde1350ef2f38"
@@ -174,6 +278,15 @@
     "@babel/parser" "^7.22.15"
     "@babel/types" "^7.22.15"
 
+"@babel/template@^7.27.1":
+  version "7.27.2"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.2.tgz#fa78ceed3c4e7b63ebf6cb39e5852fca45f6809d"
+  integrity sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/parser" "^7.27.2"
+    "@babel/types" "^7.27.1"
+
 "@babel/traverse@^7.22.15", "@babel/traverse@^7.22.17":
   version "7.22.17"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.22.17.tgz#b23c203ab3707e3be816043081b4a994fcacec44"
@@ -190,6 +303,19 @@
     debug "^4.1.0"
     globals "^11.1.0"
 
+"@babel/traverse@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.27.1.tgz#4db772902b133bbddd1c4f7a7ee47761c1b9f291"
+  integrity sha512-ZCYtZciz1IWJB4U61UPu4KEaqyfj+r5T1Q5mqPo+IBpcG9kHv30Z0aD8LXPgC1trYa6rK0orRyAhqUgk4MjmEg==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.27.1"
+    "@babel/parser" "^7.27.1"
+    "@babel/template" "^7.27.1"
+    "@babel/types" "^7.27.1"
+    debug "^4.3.1"
+    globals "^11.1.0"
+
 "@babel/types@^7.22.15", "@babel/types@^7.22.17", "@babel/types@^7.22.5":
   version "7.22.17"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.22.17.tgz#f753352c4610ffddf9c8bc6823f9ff03e2303eee"
@@ -199,6 +325,14 @@
     "@babel/helper-validator-identifier" "^7.22.15"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.27.1.tgz#9defc53c16fc899e46941fc6901a9eea1c9d8560"
+  integrity sha512-+EzkxvLNfiUeKMgy/3luqfsCWFRXLb7U6wNQTk60tovuckwB15B191tJWvpp4HjiQWdJkCxO3Wbvc6jlk3Xb2Q==
+  dependencies:
+    "@babel/helper-string-parser" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.27.1"
+
 "@colors/colors@1.5.0":
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/@colors/colors/-/colors-1.5.0.tgz#bb504579c1cae923e6576a4f5da43d25f97bdbd9"
@@ -477,6 +611,18 @@
     fast-glob "^3.2.5"
     source-map "0.6.1"
 
+"@isaacs/cliui@^8.0.2":
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/@isaacs/cliui/-/cliui-8.0.2.tgz#b37667b7bc181c168782259bab42474fbf52b550"
+  integrity sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==
+  dependencies:
+    string-width "^5.1.2"
+    string-width-cjs "npm:string-width@^4.2.0"
+    strip-ansi "^7.0.1"
+    strip-ansi-cjs "npm:strip-ansi@^6.0.1"
+    wrap-ansi "^8.1.0"
+    wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
+
 "@istanbuljs/load-nyc-config@^1.0.0", "@istanbuljs/load-nyc-config@^1.1.0":
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced"
@@ -488,7 +634,14 @@
     js-yaml "^3.13.1"
     resolve-from "^5.0.0"
 
-"@istanbuljs/schema@^0.1.2":
+"@istanbuljs/nyc-config-typescript@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@istanbuljs/nyc-config-typescript/-/nyc-config-typescript-1.0.2.tgz#1f5235b28540a07219ae0dd42014912a0b19cf89"
+  integrity sha512-iKGIyMoyJuFnJRSVTZ78POIRvNnwZaWIf8vG4ZS3rQq58MMDrqEX2nnzx0R28V2X8JvmKYiqY9FP2hlJsm8A0w==
+  dependencies:
+    "@istanbuljs/schema" "^0.1.2"
+
+"@istanbuljs/schema@^0.1.2", "@istanbuljs/schema@^0.1.3":
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
   integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
@@ -502,6 +655,15 @@
     "@jridgewell/sourcemap-codec" "^1.4.10"
     "@jridgewell/trace-mapping" "^0.3.9"
 
+"@jridgewell/gen-mapping@^0.3.5":
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz#4f0e06362e01362f823d348f1872b08f666d8142"
+  integrity sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==
+  dependencies:
+    "@jridgewell/set-array" "^1.2.1"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
 "@jridgewell/resolve-uri@^3.1.0":
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz#c08679063f279615a3326583ba3a90d1d82cc721"
@@ -512,6 +674,11 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
   integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
 
+"@jridgewell/set-array@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.2.1.tgz#558fb6472ed16a4c850b889530e6b36438c49280"
+  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
+
 "@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.4.15":
   version "1.4.15"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
@@ -525,6 +692,14 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
+"@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
+  version "0.3.25"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
+  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
@@ -551,6 +726,35 @@
   resolved "https://registry.yarnpkg.com/@one-ini/wasm/-/wasm-0.1.1.tgz#6013659736c9dbfccc96e8a9c2b3de317df39323"
   integrity sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==
 
+"@pkgjs/parseargs@^0.11.0":
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
+  integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
+
+"@playwright/experimental-ct-core@1.52.0":
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/@playwright/experimental-ct-core/-/experimental-ct-core-1.52.0.tgz#3fa18bc7952deaf141ad2a2c1cdfcff1de6c7192"
+  integrity sha512-DiDEammXxt8OIFDfoNitoOZyHFJAu6aYi0abmHl0IZgOQHxccP6UX50aTEnSTTUWCfwUWB0Vd8TKJ6w122WJEw==
+  dependencies:
+    playwright "1.52.0"
+    playwright-core "1.52.0"
+    vite "^6.2.6"
+
+"@playwright/experimental-ct-vue@^1.50.0":
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/@playwright/experimental-ct-vue/-/experimental-ct-vue-1.52.0.tgz#8c5ca57e98def53e6befeadb0a433a9141d133b3"
+  integrity sha512-MaUVEZZ+eo/UH/qWLwUzDl2SgjYyGQUVrGFVayUX07TASS4FDMRV8f8Jjkk0t7iYeFfWE2ZyZS1muLeWeP7qXg==
+  dependencies:
+    "@playwright/experimental-ct-core" "1.52.0"
+    "@vitejs/plugin-vue" "^5.2.0"
+
+"@playwright/test@^1.49.1":
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.52.0.tgz#267ec595b43a8f4fa5e444ea503689629e91a5b8"
+  integrity sha512-uh6W7sb55hl7D6vsAeA+V2p5JnlAqzhqFyF0VcJkKZXkgnFcVG9PziERRHQfPLfNGx1C292a4JqbWzhR8L4R1g==
+  dependencies:
+    playwright "1.52.0"
+
 "@quasar/app-vite@^1.7.1":
   version "1.7.1"
   resolved "https://registry.yarnpkg.com/@quasar/app-vite/-/app-vite-1.7.1.tgz#2e114a703b4673ddb710a68bf3433bd221a59ae7"
@@ -597,14 +801,22 @@
   integrity sha512-yHvp2Z73LuS29fhjE+dSzUvEKGCuTTy+WGIsAYxbnhBVW2rTYlYmFQfGdOPdzNreHZh+G/1D56n0Q6ClZxJHKg==
 
 "@quasar/quasar-app-extension-testing-e2e-cypress@../packages/e2e-cypress":
-  version "6.2.0"
+  version "6.2.1"
   dependencies:
     "@cypress/code-coverage" "^3.12.26"
     cross-env "^7.0.3"
     lodash "^4.17.21"
     nyc "^15.1.0"
     start-server-and-test "^2.0.3"
-    vite-plugin-istanbul "^5.0.0"
+    vite-plugin-istanbul "^7.0.0"
+
+"@quasar/quasar-app-extension-testing-e2e-playwright@../packages/e2e-playwright":
+  version "0.0.1"
+  dependencies:
+    "@istanbuljs/nyc-config-typescript" "^1.0.2"
+    cross-env "^7.0.3"
+    nyc "^17.1.0"
+    vite-plugin-istanbul "^7.0.0"
 
 "@quasar/render-ssr-error@^1.0.3":
   version "1.0.3"
@@ -878,7 +1090,7 @@
     "@typescript-eslint/types" "5.62.0"
     eslint-visitor-keys "^3.3.0"
 
-"@vitejs/plugin-vue@^2.2.0", "@vitejs/plugin-vue@^4.0.0":
+"@vitejs/plugin-vue@^2.2.0", "@vitejs/plugin-vue@^4.0.0", "@vitejs/plugin-vue@^5.2.0":
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-4.6.0.tgz#6e1011303f8224e04d339756f1fa398ba79fc0b3"
   integrity sha512-XHuyFdAikWRmHuAd89FOyUGIjrBU5KlxJtyi2hVeR9ySGFxQwE0bl5xAQju/ArMq5azdBivY4d+D2yPKwoYWUg==
@@ -1009,6 +1221,11 @@ acorn@^7.1.1, acorn@^7.4.1:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
+acorn@^8.14.0:
+  version "8.14.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.14.1.tgz#721d5dc10f7d5b5609a891773d47731796935dfb"
+  integrity sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==
+
 acorn@^8.9.0:
   version "8.10.0"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.10.0.tgz#8be5b3907a67221a81ab23c7889c4c5526b62ec5"
@@ -1059,6 +1276,11 @@ ansi-regex@^5.0.1:
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
   integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
 
+ansi-regex@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-6.1.0.tgz#95ec409c69619d6cb1b8b34f14b660ef28ebd654"
+  integrity sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==
+
 ansi-styles@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
@@ -1073,6 +1295,11 @@ ansi-styles@^4.0.0, ansi-styles@^4.1.0:
   dependencies:
     color-convert "^2.0.1"
 
+ansi-styles@^6.1.0:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
+  integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
+
 anymatch@~3.1.2:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
@@ -1341,6 +1568,16 @@ browserslist@^4.21.10, browserslist@^4.21.9:
     node-releases "^2.0.13"
     update-browserslist-db "^1.0.11"
 
+browserslist@^4.24.0:
+  version "4.24.5"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.24.5.tgz#aa0f5b8560fe81fde84c6dcb38f759bafba0e11b"
+  integrity sha512-FDToo4Wo82hIdgc1CQ+NQD0hEhmpPjrZ3hiUgwgOG6IuTdlpr8jdjyG24P6cNP1yJpTLzS5OcGgSw0xmDU1/Tw==
+  dependencies:
+    caniuse-lite "^1.0.30001716"
+    electron-to-chromium "^1.5.149"
+    node-releases "^2.0.19"
+    update-browserslist-db "^1.1.3"
+
 buffer-crc32@^0.2.1, buffer-crc32@^0.2.13, buffer-crc32@~0.2.3:
   version "0.2.13"
   resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
@@ -1426,6 +1663,11 @@ caniuse-lite@^1.0.30001517, caniuse-lite@^1.0.30001520:
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001534.tgz#f24a9b2a6d39630bac5c132b5dff89b39a12e7dd"
   integrity sha512-vlPVrhsCS7XaSh2VvWluIQEzVhefrUQcEsQWSS5A5V+dM07uv1qHeQzAOTGIMy9i3e9bH15+muvI/UHojVgS/Q==
 
+caniuse-lite@^1.0.30001716:
+  version "1.0.30001717"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001717.tgz#5d9fec5ce09796a1893013825510678928aca129"
+  integrity sha512-auPpttCq6BDEG8ZAuHJIplGw6GODhjw+/11e7IjpnYCxZcW/ONgPs0KVBJ0d1bY3e2+7PRe5RCLyP+PfwVgkYw==
+
 caseless@~0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
@@ -1682,6 +1924,11 @@ convert-source-map@^1.7.0:
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
   integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
 
+convert-source-map@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
+  integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
+
 cookie-signature@1.0.6:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
@@ -1731,6 +1978,15 @@ cross-spawn@^7.0.0, cross-spawn@^7.0.1, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
+cross-spawn@^7.0.6:
+  version "7.0.6"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f"
+  integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
 cssesc@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
@@ -1907,6 +2163,11 @@ duplexer@~0.1.1:
   resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
   integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==
 
+eastasianwidth@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
+  integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
+
 ecc-jsbn@~0.1.1:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
@@ -1935,6 +2196,11 @@ electron-to-chromium@^1.4.477:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.519.tgz#01b9bc3f1bb50c4971bdd1eeca6d9a73575bd581"
   integrity sha512-kqs9oGYL4UFVkLKhqCTgBCYZv+wZ374yABDMqlDda9HvlkQxvSr7kgf4hfWVjMieDbX+1MwPHFBsOGCMIBaFKg==
 
+electron-to-chromium@^1.5.149:
+  version "1.5.151"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.151.tgz#5edd6c17e1b2f14b4662c41b9379f96cc8c2bb7c"
+  integrity sha512-Rl6uugut2l9sLojjS4H4SAr3A4IgACMLgpuEMPYCVcKydzfyPrn5absNRju38IhQOf/NwjJY8OGWjlteqYeBCA==
+
 elementtree@0.1.7:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/elementtree/-/elementtree-0.1.7.tgz#9ac91be6e52fb6e6244c4e54a4ac3ed8ae8e29c0"
@@ -1947,6 +2213,11 @@ emoji-regex@^8.0.0:
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
   integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
 
+emoji-regex@^9.2.2:
+  version "9.2.2"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
+  integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
+
 encodeurl@~1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
@@ -2158,6 +2429,11 @@ escalade@^3.1.1:
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
   integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
 
+escalade@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
+  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
+
 escape-html@~1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
@@ -2185,6 +2461,13 @@ eslint-plugin-cypress@^3.6.0:
   dependencies:
     globals "^13.20.0"
 
+eslint-plugin-playwright@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-playwright/-/eslint-plugin-playwright-2.2.0.tgz#d7eda21e670274fc0c006e11ba5cc2c8417b2a6e"
+  integrity sha512-qSQpAw7RcSzE3zPp8FMGkthaCWovHZ/BsXtpmnGax9vQLIovlh1bsZHEa2+j2lv9DWhnyeLM/qZmp7ffQZfQvg==
+  dependencies:
+    globals "^13.23.0"
+
 eslint-plugin-vue@^9.17.0:
   version "9.17.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.17.0.tgz#4501547373f246547083482838b4c8f4b28e5932"
@@ -2231,6 +2514,11 @@ eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
   integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
 
+eslint-visitor-keys@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz#687bacb2af884fcdda8a6e7d65c606f46a14cd45"
+  integrity sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==
+
 eslint@^8.49.0:
   version "8.49.0"
   resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.49.0.tgz#09d80a89bdb4edee2efcf6964623af1054bf6d42"
@@ -2274,6 +2562,15 @@ eslint@^8.49.0:
     strip-ansi "^6.0.1"
     text-table "^0.2.0"
 
+espree@^10.3.0:
+  version "10.3.0"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-10.3.0.tgz#29267cf5b0cb98735b65e64ba07e0ed49d1eed8a"
+  integrity sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==
+  dependencies:
+    acorn "^8.14.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^4.2.0"
+
 espree@^6.0.0:
   version "6.2.1"
   resolved "https://registry.yarnpkg.com/espree/-/espree-6.2.1.tgz#77fc72e1fd744a2052c20f38a5b575832e82734a"
@@ -2605,6 +2902,14 @@ foreground-child@^2.0.0:
     cross-spawn "^7.0.0"
     signal-exit "^3.0.2"
 
+foreground-child@^3.1.0, foreground-child@^3.3.0:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-3.3.1.tgz#32e8e9ed1b68a3497befb9ac2b6adf92a638576f"
+  integrity sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==
+  dependencies:
+    cross-spawn "^7.0.6"
+    signal-exit "^4.0.1"
+
 forever-agent@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
@@ -2683,6 +2988,11 @@ fs.realpath@^1.0.0:
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
+fsevents@2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
+  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
+
 fsevents@~2.3.2:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
@@ -2787,6 +3097,18 @@ glob-parent@^6.0.2:
   dependencies:
     is-glob "^4.0.3"
 
+glob@^10.4.1:
+  version "10.4.5"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-10.4.5.tgz#f4d9f0b90ffdbab09c9d77f5f29b4262517b0956"
+  integrity sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==
+  dependencies:
+    foreground-child "^3.1.0"
+    jackspeak "^3.1.2"
+    minimatch "^9.0.4"
+    minipass "^7.1.2"
+    package-json-from-dist "^1.0.0"
+    path-scurry "^1.11.1"
+
 glob@^7.1.3, glob@^7.1.4, glob@^7.1.6, glob@^7.2.3:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
@@ -2829,6 +3151,13 @@ globals@^13.19.0, globals@^13.20.0:
   dependencies:
     type-fest "^0.20.2"
 
+globals@^13.23.0:
+  version "13.24.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
+  integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
+  dependencies:
+    type-fest "^0.20.2"
+
 globby@11.1.0, globby@^11.1.0:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
@@ -3190,16 +3519,16 @@ istanbul-lib-instrument@^4.0.0:
     istanbul-lib-coverage "^3.0.0"
     semver "^6.3.0"
 
-istanbul-lib-instrument@^5.1.0:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz#d10c8885c2125574e1c231cacadf955675e1ce3d"
-  integrity sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==
+istanbul-lib-instrument@^6.0.2, istanbul-lib-instrument@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz#fa15401df6c15874bcb2105f773325d78c666765"
+  integrity sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==
   dependencies:
-    "@babel/core" "^7.12.3"
-    "@babel/parser" "^7.14.7"
-    "@istanbuljs/schema" "^0.1.2"
+    "@babel/core" "^7.23.9"
+    "@babel/parser" "^7.23.9"
+    "@istanbuljs/schema" "^0.1.3"
     istanbul-lib-coverage "^3.2.0"
-    semver "^6.3.0"
+    semver "^7.5.4"
 
 istanbul-lib-processinfo@^2.0.2:
   version "2.0.3"
@@ -3239,6 +3568,15 @@ istanbul-reports@^3.0.2:
     html-escaper "^2.0.0"
     istanbul-lib-report "^3.0.0"
 
+jackspeak@^3.1.2:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.3.tgz#8833a9d89ab4acde6188942bd1c53b6390ed5a8a"
+  integrity sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==
+  dependencies:
+    "@isaacs/cliui" "^8.0.2"
+  optionalDependencies:
+    "@pkgjs/parseargs" "^0.11.0"
+
 joi@^17.11.0:
   version "17.12.2"
   resolved "https://registry.yarnpkg.com/joi/-/joi-17.12.2.tgz#283a664dabb80c7e52943c557aab82faea09f521"
@@ -3290,6 +3628,11 @@ jsesc@^2.5.1:
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
   integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==
 
+jsesc@^3.0.2:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.1.0.tgz#74d335a234f67ed19907fdadfac7ccf9d409825d"
+  integrity sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==
+
 json-buffer@3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
@@ -3493,6 +3836,11 @@ lower-case@^1.1.1:
   resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-1.1.4.tgz#9a2cabd1b9e8e0ae993a4bf7d5875c39c42e8eac"
   integrity sha512-2Fgx1Ycm599x+WGpIYwJOvsjmXFzTSc34IwDWALRA/8AopUKAVPwfJ+h5+f85BCp0PWmmJcWzEpxOpoXycMpdA==
 
+lru-cache@^10.2.0:
+  version "10.4.3"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.4.3.tgz#410fc8a17b70e598013df257c2446b7f3383f119"
+  integrity sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==
+
 lru-cache@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
@@ -3614,11 +3962,23 @@ minimatch@^5.0.1, minimatch@^5.1.0:
   dependencies:
     brace-expansion "^2.0.1"
 
+minimatch@^9.0.4:
+  version "9.0.5"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
+  integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimist@^1.2.6, minimist@^1.2.8:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
 
+"minipass@^5.0.0 || ^6.0.2 || ^7.0.0", minipass@^7.1.2:
+  version "7.1.2"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.1.2.tgz#93a9626ce5e5e66bd4db86849e7515e92340a707"
+  integrity sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==
+
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
@@ -3683,6 +4043,11 @@ node-releases@^2.0.13:
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.13.tgz#d5ed1627c23e3461e819b02e57b75e4899b1c81d"
   integrity sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==
 
+node-releases@^2.0.19:
+  version "2.0.19"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.19.tgz#9e445a52950951ec4d177d843af370b411caf314"
+  integrity sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==
+
 nopt@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-6.0.0.tgz#245801d8ebf409c6df22ab9d95b65e1309cdb16d"
@@ -3747,6 +4112,39 @@ nyc@15.1.0, nyc@^15.1.0:
     test-exclude "^6.0.0"
     yargs "^15.0.2"
 
+nyc@^17.1.0:
+  version "17.1.0"
+  resolved "https://registry.yarnpkg.com/nyc/-/nyc-17.1.0.tgz#b6349a401a62ffeb912bd38ea9a018839fdb6eb1"
+  integrity sha512-U42vQ4czpKa0QdI1hu950XuNhYqgoM+ZF1HT+VuUHL9hPfDPVvNQyltmMqdE9bUHMVa+8yNbc3QKTj8zQhlVxQ==
+  dependencies:
+    "@istanbuljs/load-nyc-config" "^1.0.0"
+    "@istanbuljs/schema" "^0.1.2"
+    caching-transform "^4.0.0"
+    convert-source-map "^1.7.0"
+    decamelize "^1.2.0"
+    find-cache-dir "^3.2.0"
+    find-up "^4.1.0"
+    foreground-child "^3.3.0"
+    get-package-type "^0.1.0"
+    glob "^7.1.6"
+    istanbul-lib-coverage "^3.0.0"
+    istanbul-lib-hook "^3.0.0"
+    istanbul-lib-instrument "^6.0.2"
+    istanbul-lib-processinfo "^2.0.2"
+    istanbul-lib-report "^3.0.0"
+    istanbul-lib-source-maps "^4.0.0"
+    istanbul-reports "^3.0.2"
+    make-dir "^3.0.0"
+    node-preload "^0.2.1"
+    p-map "^3.0.0"
+    process-on-spawn "^1.0.0"
+    resolve-from "^5.0.0"
+    rimraf "^3.0.0"
+    signal-exit "^3.0.2"
+    spawn-wrap "^2.0.0"
+    test-exclude "^6.0.0"
+    yargs "^15.0.2"
+
 object-inspect@^1.13.3:
   version "1.13.4"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.4.tgz#8375265e21bc20d0fa582c22e1b13485d6e00213"
@@ -3886,6 +4284,11 @@ package-hash@^4.0.0:
     lodash.flattendeep "^4.4.0"
     release-zalgo "^1.0.0"
 
+package-json-from-dist@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz#4f1471a010827a86f94cfd9b0727e36d267de505"
+  integrity sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==
+
 param-case@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/param-case/-/param-case-2.1.1.tgz#df94fd8cf6531ecf75e6bef9a0858fbc72be2247"
@@ -3920,6 +4323,14 @@ path-key@^3.0.0, path-key@^3.1.0:
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
   integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
 
+path-scurry@^1.11.1:
+  version "1.11.1"
+  resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.11.1.tgz#7960a668888594a0720b12a911d1a742ab9f11d2"
+  integrity sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==
+  dependencies:
+    lru-cache "^10.2.0"
+    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
+
 path-to-regexp@0.1.7:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
@@ -3952,6 +4363,11 @@ picocolors@^1.0.0:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
 
+picocolors@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+
 picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
@@ -3977,6 +4393,20 @@ pkg-dir@^4.1.0:
   dependencies:
     find-up "^4.0.0"
 
+playwright-core@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.52.0.tgz#238f1f0c3edd4ebba0434ce3f4401900319a3dca"
+  integrity sha512-l2osTgLXSMeuLZOML9qYODUQoPPnUsKsb5/P6LJ2e6uPKXUdPK5WYhN4z03G+YNbWmGDY4YENauNu4ZKczreHg==
+
+playwright@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.52.0.tgz#26cb9a63346651e1c54c8805acfd85683173d4bd"
+  integrity sha512-JAwMNMBlxJ2oD1kce4KPtMkDeKGHQstdpFPcPH3maElAXon/QZeTvtsfXmTMRyO9TslfoYOXkSsvao2nE1ilTw==
+  dependencies:
+    playwright-core "1.52.0"
+  optionalDependencies:
+    fsevents "2.3.2"
+
 postcss-selector-parser@^6.0.13:
   version "6.0.13"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz#d05d8d76b1e8e173257ef9d60b706a8e5e99bf1b"
@@ -4440,6 +4870,11 @@ signal-exit@^3.0.2, signal-exit@^3.0.3:
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
 
+signal-exit@^4.0.1:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"
+  integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
+
 slash@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
@@ -4548,6 +4983,15 @@ stream-combiner@~0.0.4:
   dependencies:
     duplexer "~0.1.1"
 
+"string-width-cjs@npm:string-width@^4.2.0":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
 string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
@@ -4557,6 +5001,15 @@ string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.1"
 
+string-width@^5.0.1, string-width@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794"
+  integrity sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==
+  dependencies:
+    eastasianwidth "^0.2.0"
+    emoji-regex "^9.2.2"
+    strip-ansi "^7.0.1"
+
 string_decoder@^1.1.1:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
@@ -4571,6 +5024,13 @@ string_decoder@~1.1.1:
   dependencies:
     safe-buffer "~5.1.0"
 
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
 strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
@@ -4578,6 +5038,13 @@ strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   dependencies:
     ansi-regex "^5.0.1"
 
+strip-ansi@^7.0.1:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45"
+  integrity sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==
+  dependencies:
+    ansi-regex "^6.0.1"
+
 strip-bom@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-4.0.0.tgz#9c3505c1db45bcedca3d9cf7a16f5c5aa3901878"
@@ -4645,6 +5112,15 @@ test-exclude@^6.0.0:
     glob "^7.1.4"
     minimatch "^3.0.4"
 
+test-exclude@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-7.0.1.tgz#20b3ba4906ac20994e275bbcafd68d510264c2a2"
+  integrity sha512-pFYqmTw68LXVjeWJMST4+borgQP2AyMNbg1BpZh9LbyhUeNkeaPF9gzfPGUAnSMV3qPYdWUwDIjjCLiSDOl7vg==
+  dependencies:
+    "@istanbuljs/schema" "^0.1.2"
+    glob "^10.4.1"
+    minimatch "^9.0.4"
+
 text-table@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
@@ -4812,6 +5288,14 @@ update-browserslist-db@^1.0.11:
     escalade "^3.1.1"
     picocolors "^1.0.0"
 
+update-browserslist-db@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz#348377dd245216f9e7060ff50b15a1b740b75420"
+  integrity sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==
+  dependencies:
+    escalade "^3.2.0"
+    picocolors "^1.1.1"
+
 upper-case@^1.1.1:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/upper-case/-/upper-case-1.1.3.tgz#f6b4501c2ec4cdd26ba78be7222961de77621598"
@@ -4853,18 +5337,19 @@ verror@1.10.0:
     core-util-is "1.0.2"
     extsprintf "^1.2.0"
 
-vite-plugin-istanbul@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/vite-plugin-istanbul/-/vite-plugin-istanbul-5.0.0.tgz#7539d76d7c3cafb7b3b0f2371a4e3a69031dcd44"
-  integrity sha512-Tg9zDmm/u4SdEDFbEWHBz7mmFe7jhLRmArA2XCmw5yydEFCARU9r4TxqFFnBFWCL63D9A7XA7VELulOO5T5o/g==
+vite-plugin-istanbul@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/vite-plugin-istanbul/-/vite-plugin-istanbul-7.0.0.tgz#97b80bd0199b316e5a9c4e757633c9273ca4f5f4"
+  integrity sha512-UAXSyS0zslaSP1yCdO54YwrTkoY3VxCBH8y8MAy3I+E6uqT07LEsVOFEHueeDJ+vyyeaA9Rkqz/j6LACJTzTKw==
   dependencies:
     "@istanbuljs/load-nyc-config" "^1.1.0"
-    espree "^9.6.1"
-    istanbul-lib-instrument "^5.1.0"
-    picocolors "^1.0.0"
-    test-exclude "^6.0.0"
+    espree "^10.3.0"
+    istanbul-lib-instrument "^6.0.3"
+    picocolors "^1.1.1"
+    source-map "^0.7.4"
+    test-exclude "^7.0.1"
 
-vite@^2.9.13, vite@^4.0.0:
+vite@^2.9.13, vite@^4.0.0, vite@^6.2.6:
   version "4.5.1"
   resolved "https://registry.yarnpkg.com/vite/-/vite-4.5.1.tgz#3370986e1ed5dbabbf35a6c2e1fb1e18555b968a"
   integrity sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==
@@ -4968,6 +5453,15 @@ wildcard@^2.0.0:
   resolved "https://registry.yarnpkg.com/wildcard/-/wildcard-2.0.1.tgz#5ab10d02487198954836b6349f74fff961e10f67"
   integrity sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ==
 
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
 wrap-ansi@^6.0.1, wrap-ansi@^6.2.0:
   version "6.2.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz#e9393ba07102e6c91a3b221478f0257cd2856e53"
@@ -4986,6 +5480,15 @@ wrap-ansi@^7.0.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
+wrap-ansi@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"
+  integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==
+  dependencies:
+    ansi-styles "^6.1.0"
+    string-width "^5.0.1"
+    strip-ansi "^7.0.1"
+
 wrappy@1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
diff --git a/test-vite-app-v1-vite5/.eslintrc.js b/test-vite-app-v1-vite5/.eslintrc.js
index 5396741b..40cf5a78 100644
--- a/test-vite-app-v1-vite5/.eslintrc.js
+++ b/test-vite-app-v1-vite5/.eslintrc.js
@@ -111,5 +111,9 @@ module.exports = {
         '@typescript-eslint/no-unused-expressions': 'off',
       },
     },
+    {
+      files: ['src/**/*.spec.{js,ts}', 'test/**/*.spec.{js,ts}'],
+      extends: 'plugin:playwright/recommended',
+    },
   ],
 };
diff --git a/test-vite-app-v1-vite5/.gitignore b/test-vite-app-v1-vite5/.gitignore
index 374c78ee..b42b4e91 100644
--- a/test-vite-app-v1-vite5/.gitignore
+++ b/test-vite-app-v1-vite5/.gitignore
@@ -34,3 +34,15 @@ yarn-error.log*
 
 .nyc_output
 coverage/
+
+
+# Playwright
+/test-results/
+/playwright-report/
+/blob-report
+/playwright/.cache/
+
+
+# Coverage
+.nyc_output
+/coverage
diff --git a/test-vite-app-v1-vite5/.nycrc b/test-vite-app-v1-vite5/.nycrc
index ad64fc3f..ac43bd45 100644
--- a/test-vite-app-v1-vite5/.nycrc
+++ b/test-vite-app-v1-vite5/.nycrc
@@ -1,3 +1,3 @@
-{
-  "extends": "@quasar/quasar-app-extension-testing-e2e-cypress/nyc-config-preset"
-}
+{
+    "extends": "@quasar/quasar-app-extension-testing-e2e-playwright/nyc-preset"
+}
\ No newline at end of file
diff --git a/test-vite-app-v1-vite5/cypress.config.ts b/test-vite-app-v1-vite5/cypress.config.ts
index c21b721e..6bda2d6c 100644
--- a/test-vite-app-v1-vite5/cypress.config.ts
+++ b/test-vite-app-v1-vite5/cypress.config.ts
@@ -15,9 +15,6 @@ export default defineConfig({
     baseUrl: 'http://localhost:8080/',
     supportFile: 'test/cypress/support/e2e.ts',
     specPattern: 'test/cypress/e2e/**/*.cy.{js,jsx,ts,tsx}',
-    // Vite takes quite some time for cold startup, we manually set this in the testing repo
-    // to avoid timeout problems when running local smoke tests
-    defaultCommandTimeout: 10000,
   },
   component: {
     setupNodeEvents(on, config) {
diff --git a/test-vite-app-v1-vite5/package.json b/test-vite-app-v1-vite5/package.json
index 91f7f663..0db2c4fa 100644
--- a/test-vite-app-v1-vite5/package.json
+++ b/test-vite-app-v1-vite5/package.json
@@ -14,23 +14,29 @@
     "invoke:all": "yarn invoke:vitest && yarn invoke:cypress",
     "sync:invoke:vitest": "yarn sync:vitest && yarn invoke:vitest",
     "sync:invoke:cypress": "yarn sync:cypress && yarn invoke:cypress",
+    "sync:playwright": "yarn --cwd ../packages/e2e-playwright build:local && yarn add -D ../packages/e2e-playwright",
+    "invoke:playwright": "quasar ext invoke @quasar/testing-e2e-playwright && yarn format",
+    "sync:invoke:playwright": "yarn sync:playwright && yarn invoke:playwright",
     "sync:invoke:all": "yarn sync:invoke:vitest && yarn sync:invoke:cypress",
     "test:vitest": "yarn test:unit:ci",
     "test:cypress": "yarn test:e2e:ci && yarn test:component:ci",
     "test:all": "yarn test:vitest && yarn test:cypress",
     "sync:invoke:test:vitest": "yarn sync:invoke:vitest && yarn test:vitest",
     "sync:invoke:test:cypress": "yarn sync:invoke:cypress && yarn test:cypress",
-    "sync:invoke:test:all": "yarn sync:invoke:test:vitest && yarn sync:invoke:test:cypress",
+    "sync:invoke:test:all": "yarn sync:invoke:test:vitest && yarn sync:invoke:test:cypress && yarn sync:invoke:playwright",
     "lint": "eslint --ext .js,.ts,.vue ./",
     "format": "prettier --write \"**/*.{js,ts,vue,scss,html,md,json}\" --ignore-path .gitignore",
-    "test": "echo \"See package.json => scripts for available tests.\" && exit 0",
+    "test": "yarn test:clear && yarn test:component:ci && yarn test:e2e:ci && yarn coverage-report",
     "test:unit:ui": "vitest --ui",
     "test:unit": "vitest",
     "test:unit:ci": "vitest run",
-    "test:e2e": "cross-env NODE_ENV=test start-test \"quasar dev\" http-get://127.0.0.1:8080 \"cypress open --e2e\"",
-    "test:e2e:ci": "cross-env NODE_ENV=test start-test \"quasar dev\" http-get://127.0.0.1:8080 \"cypress run --e2e\"",
-    "test:component": "cross-env NODE_ENV=test cypress open --component",
-    "test:component:ci": "cross-env NODE_ENV=test cypress run --component"
+    "test:e2e": "cross-env NODE_ENV=test VITE_COVERAGE=true playwright test --ui",
+    "test:e2e:ci": "cross-env NODE_ENV=test VITE_COVERAGE=true playwright test",
+    "test:component": "cross-env NODE_ENV=test VITE_COVERAGE=true playwright test -c playwright-ct.config.ts --ui",
+    "test:component:ci": "cross-env NODE_ENV=test VITE_COVERAGE=true playwright test -c playwright-ct.config.ts",
+    "test:clear": "rimraf .nyc_output coverage",
+    "test:report": "playwright show-report",
+    "coverage-report": "nyc report --reporter=html --reporter=text"
   },
   "dependencies": {
     "@quasar/extras": "^1.16.6",
@@ -46,8 +52,11 @@
   },
   "devDependencies": {
     "@intlify/vite-plugin-vue-i18n": "^3.3.1",
+    "@playwright/experimental-ct-vue": "^1.50.0",
+    "@playwright/test": "^1.49.1",
     "@quasar/app-vite": "^1.7.1",
     "@quasar/quasar-app-extension-testing-e2e-cypress": "../packages/e2e-cypress",
+    "@quasar/quasar-app-extension-testing-e2e-playwright": "../packages/e2e-playwright",
     "@quasar/quasar-app-extension-testing-unit-vitest": "../packages/unit-vitest",
     "@types/node": "^18.17.15",
     "@typescript-eslint/eslint-plugin": "^5.54.0",
@@ -59,6 +68,7 @@
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-cypress": "^3.6.0",
+    "eslint-plugin-playwright": "^2.1.0",
     "eslint-plugin-vue": "^9.19.2",
     "prettier": "^3.1.1",
     "typescript": "^4.9.5",
diff --git a/test-vite-app-v1-vite5/playwright-ct.config.ts b/test-vite-app-v1-vite5/playwright-ct.config.ts
new file mode 100644
index 00000000..162d0ef9
--- /dev/null
+++ b/test-vite-app-v1-vite5/playwright-ct.config.ts
@@ -0,0 +1,108 @@
+import {
+  defineConfig,
+  devices,
+} from '@playwright/experimental-ct-vue';
+import vue from '@vitejs/plugin-vue';
+import { quasar, transformAssetUrls } from '@quasar/vite-plugin';
+// import { fileURLToPath } from 'node:url';
+// import AutoImport from 'unplugin-auto-import/vite';
+// import Components from 'unplugin-vue-components/vite';
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './src/components',
+  /* The base directory, relative to the config file, for snapshot files created with toMatchSnapshot and toHaveScreenshot. */
+  snapshotDir: './__snapshots__',
+  /* Maximum time one test can run for. */
+  timeout: 10 * 1000,
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+
+    /* Port to use for Playwright component endpoint. */
+    ctPort: 3100,
+
+    ctViteConfig: async () => {
+      const { default: istanbul } = await import('vite-plugin-istanbul');
+      return {
+        build: {
+          sourcemap: true,
+        },
+        plugins: [
+          vue({ template: { transformAssetUrls } }),
+          // AutoImport({
+          //   imports: [
+          //     'vue',
+          //     'vue-router',
+          //     '@vueuse/head',
+          //     'pinia',
+          //     'quasar',
+          //     {
+          //       '@/store': ['useStore'],
+          //     },
+          //   ],
+          //   dts: 'src/auto-imports.d.ts',
+          //   eslintrc: {
+          //     enabled: true,
+          //   },
+          // }),
+          // Components({
+          //   dirs: ['src/components'],
+          //   extensions: ['vue'],
+          // }),
+          quasar({
+            // sassVariables: fileURLToPath(
+            //   new URL('./src/quasar-variables.sass', import.meta.url),
+            // ),
+          }),
+
+          // Instrument the code for nyc/istanbul code coverage
+          istanbul({
+            include: ['src/**/*'],
+            exclude: [
+              'node_modules',
+              'test/',
+              'dist/',
+              'coverage/',
+              '__tests__',
+            ],
+            extension: ['.js', '.ts', '.vue'],
+            requireEnv: true,
+            forceBuildInstrument: true,
+            checkProd: false,
+            cypress: false,
+          }),
+        ],
+      };
+    },
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+  ],
+});
diff --git a/test-vite-app-v1-vite5/playwright.config.ts b/test-vite-app-v1-vite5/playwright.config.ts
new file mode 100644
index 00000000..9fdf0aed
--- /dev/null
+++ b/test-vite-app-v1-vite5/playwright.config.ts
@@ -0,0 +1,79 @@
+import { defineConfig, devices, PlaywrightTestConfig } from '@playwright/test';
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// import dotenv from 'dotenv';
+// import path from 'path';
+// dotenv.config({ path: path.resolve(__dirname, '.env') });
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './test/playwright',
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: 'http://localhost:8080',
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+
+    /* Test against mobile viewports. */
+    // {
+    //   name: 'Mobile Chrome',
+    //   use: { ...devices['Pixel 5'] },
+    // },
+    // {
+    //   name: 'Mobile Safari',
+    //   use: { ...devices['iPhone 12'] },
+    // },
+
+    /* Test against branded browsers. */
+    // {
+    //   name: 'Microsoft Edge',
+    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    // },
+    // {
+    //   name: 'Google Chrome',
+    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    // },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    command: 'quasar dev -p 8080',
+    url: 'http://localhost:8080',
+    reuseExistingServer: !process.env.CI,
+  },
+} as PlaywrightTestConfig);
diff --git a/test-vite-app-v1-vite5/playwright/index.html b/test-vite-app-v1-vite5/playwright/index.html
new file mode 100644
index 00000000..56da0401
--- /dev/null
+++ b/test-vite-app-v1-vite5/playwright/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Testing Page</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./index.ts"></script>
+  </body>
+</html>
diff --git a/test-vite-app-v1-vite5/playwright/index.ts b/test-vite-app-v1-vite5/playwright/index.ts
new file mode 100644
index 00000000..f5265b82
--- /dev/null
+++ b/test-vite-app-v1-vite5/playwright/index.ts
@@ -0,0 +1,20 @@
+// See https://quasar.dev/start/vite-plugin
+import 'quasar/src/css/index.sass';
+import '../src/css/app.scss';
+import { Quasar, Dialog } from 'quasar';
+import { beforeMount } from '@playwright/experimental-ct-vue/hooks';
+import '@quasar/extras/material-icons/material-icons.css';
+// import '@quasar/extras/mdi-v7/mdi-v7.css';
+
+beforeMount(async ({ app }) => {
+  // Setup other stuff you need before mounting the component. You can setup i18n, pinia, etc here.
+  // See https://playwright.dev/docs/test-components#frequently-asked-questions
+  app.use(Quasar, {
+    plugins: {
+      // Setup plugins used in your components
+      // Notify,
+      // Loading
+      Dialog,
+    },
+  });
+});
diff --git a/test-vite-app-v1-vite5/quasar.extensions.json b/test-vite-app-v1-vite5/quasar.extensions.json
index d1d129a1..ede86e7a 100644
--- a/test-vite-app-v1-vite5/quasar.extensions.json
+++ b/test-vite-app-v1-vite5/quasar.extensions.json
@@ -5,5 +5,11 @@
   },
   "@quasar/testing-unit-vitest": {
     "options": ["ui"]
+  },
+  "@quasar/testing-e2e-playwright": {
+    "port": 8080,
+    "githubWorkflow": true,
+    "installBrowsers": true,
+    "enableCodeCoverage": true
   }
 }
diff --git a/test-vite-app-v1-vite5/src/components/AppButton.vue b/test-vite-app-v1-vite5/src/components/AppButton.vue
new file mode 100644
index 00000000..a840fe38
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/AppButton.vue
@@ -0,0 +1,23 @@
+<template>
+  <q-btn
+    :label="label"
+    color="positive"
+    rounded
+    icon="edit"
+    @click="$emit('test')"
+  />
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarButton',
+  props: {
+    label: {
+      type: String,
+    },
+  },
+  emits: { test: () => true },
+});
+</script>
diff --git a/test-vite-app-v1-vite5/src/components/AppCheckComponents.vue b/test-vite-app-v1-vite5/src/components/AppCheckComponents.vue
new file mode 100644
index 00000000..623ccac1
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/AppCheckComponents.vue
@@ -0,0 +1,30 @@
+<template>
+  <q-checkbox v-model="checked" data-testid="checkbox" />
+  <q-toggle v-model="toggled" data-testid="toggle" />
+
+  <q-radio v-model="selected" val="Value1" data-testid="radio-1"
+    >Value1</q-radio
+  >
+  <q-radio v-model="selected" val="Value2" data-testid="radio-2"
+    >Value2</q-radio
+  >
+</template>
+
+<script lang="ts">
+import { defineComponent, ref } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarCheckboxAndToggle',
+  setup() {
+    const checked = ref();
+    const toggled = ref();
+    const selected = ref();
+
+    return {
+      checked,
+      toggled,
+      selected,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v1-vite5/src/components/AppDark.vue b/test-vite-app-v1-vite5/src/components/AppDark.vue
new file mode 100644
index 00000000..a5f2282b
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/AppDark.vue
@@ -0,0 +1,35 @@
+<template>
+  <q-card :dark="$q.dark.isActive">
+    {{ $q.dark.isActive ? 'Dark ' : 'Light' }} content
+
+    <q-btn
+      label="Toggle Dark Mode"
+      data-testid="dark-mode-toggle-button"
+      @click="toggleNightMode"
+    />
+  </q-card>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import { useQuasar } from 'quasar';
+
+export default defineComponent({
+  name: 'QuasarDark',
+  setup() {
+    const $q = useQuasar();
+
+    // TODO: Refactor the Cypress test so that it does not need to test on the instance. Let's avoid such
+    // tests in e2e and component tests. It's preferable to have buttons that perform the task than to directly
+    // call those methods on the instance. Moreover, Playwright does not encourage nor support access to the instance.
+    // See https://kentcdodds.com/blog/testing-implementation-details
+    function toggleNightMode() {
+      $q.dark.set(!$q.dark.isActive);
+    }
+
+    return {
+      toggleNightMode,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v1-vite5/src/components/AppDate.vue b/test-vite-app-v1-vite5/src/components/AppDate.vue
new file mode 100644
index 00000000..41b1ea7a
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/AppDate.vue
@@ -0,0 +1,43 @@
+<template>
+  <q-date v-model="date" data-testid="date-picker" />
+
+  <div>
+    <q-input v-model="date" label="Date" data-testid="selected-date-input">
+      <template #append>
+        <q-btn
+          data-testid="open-date-picker-popup-button"
+          icon="event"
+          flat
+          round
+          @click="dateDialogRef.show()"
+        />
+      </template>
+    </q-input>
+    <q-dialog ref="dateDialogRef">
+      <q-date
+        v-model="date"
+        data-testid="date-proxy"
+        @update:model-value="dateDialogRef.hide()"
+      />
+    </q-dialog>
+  </div>
+</template>
+
+<script lang="ts">
+import type { QDialog } from 'quasar';
+import type { Ref } from 'vue';
+import { defineComponent, ref } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarDate',
+  setup() {
+    const date = ref('');
+    const dateDialogRef = ref() as Ref<QDialog>;
+
+    return {
+      date,
+      dateDialogRef,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v1-vite5/src/components/AppDialog.vue b/test-vite-app-v1-vite5/src/components/AppDialog.vue
new file mode 100644
index 00000000..0d2ed487
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/AppDialog.vue
@@ -0,0 +1,71 @@
+<template>
+  <!-- notice dialogRef here -->
+  <q-dialog ref="dialogRef" @hide="onDialogHide">
+    <q-card>
+      <q-card-section>{{ message }}</q-card-section>
+
+      <!-- buttons example -->
+      <q-card-actions align="right">
+        <q-btn
+          data-testid="ok-button"
+          color="primary"
+          label="OK"
+          @click="onOKClick"
+        />
+        <q-btn color="primary" label="Cancel" @click="onCancelClick" />
+      </q-card-actions>
+    </q-card>
+  </q-dialog>
+</template>
+
+<script lang="ts">
+import { useDialogPluginComponent } from 'quasar';
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarDialog',
+  props: {
+    message: {
+      type: String,
+      required: true,
+    },
+  },
+
+  // REQUIRED; need to specify some events that your
+  // component will emit through useDialogPluginComponent()
+  emits: useDialogPluginComponent.emits,
+
+  setup() {
+    // REQUIRED; must be called inside of setup()
+    const { dialogRef, onDialogHide, onDialogOK, onDialogCancel } =
+      useDialogPluginComponent();
+    // dialogRef      - Vue ref to be applied to QDialog
+    // onDialogHide   - Function to be used as handler for @hide on QDialog
+    // onDialogOK     - Function to call to settle dialog with "ok" outcome
+    //                    example: onDialogOK() - no payload
+    //                    example: onDialogOK({ /*.../* }) - with payload
+    // onDialogCancel - Function to call to settle dialog with "cancel" outcome
+
+    return {
+      // This is REQUIRED;
+      // Need to inject these (from useDialogPluginComponent() call)
+      // into the vue scope for the vue html template
+      dialogRef,
+      onDialogHide,
+
+      // other methods that we used in our vue html template;
+      // these are part of our example (so not required)
+      onOKClick() {
+        // on OK, it is REQUIRED to
+        // call onDialogOK (with optional payload)
+        onDialogOK();
+        // or with payload: onDialogOK({ ... })
+        // ...and it will also hide the dialog automatically
+      },
+
+      // we can passthrough onDialogCancel directly
+      onCancelClick: onDialogCancel,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v1-vite5/src/components/AppDrawer.vue b/test-vite-app-v1-vite5/src/components/AppDrawer.vue
new file mode 100644
index 00000000..f65b882e
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/AppDrawer.vue
@@ -0,0 +1,33 @@
+<template>
+  <q-drawer
+    v-model="showDrawer"
+    show-if-above
+    :width="200"
+    :breakpoint="700"
+    elevated
+    data-testid="drawer"
+    class="bg-primary text-white"
+  >
+    <q-scroll-area class="fit">
+      <div class="q-pa-sm">
+        <div v-for="n in 50" :key="n">Drawer {{ n }} / 50</div>
+      </div>
+      <q-btn data-testid="button">Am I on screen?</q-btn>
+    </q-scroll-area>
+  </q-drawer>
+</template>
+
+<script lang="ts">
+import { ref, defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarDrawer',
+  setup() {
+    const showDrawer = ref(true);
+
+    return {
+      showDrawer,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v1-vite5/src/components/AppMenu.vue b/test-vite-app-v1-vite5/src/components/AppMenu.vue
new file mode 100644
index 00000000..a28ec48e
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/AppMenu.vue
@@ -0,0 +1,22 @@
+<template>
+  <q-btn data-testid="open-menu-btn" label="Open menu">
+    <q-menu>
+      <q-list>
+        <q-item v-close-popup clickable>
+          <q-item-section>Item 1</q-item-section>
+        </q-item>
+        <q-item v-close-popup clickable>
+          <q-item-section>Item 2</q-item-section>
+        </q-item>
+      </q-list>
+    </q-menu>
+  </q-btn>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarMenu',
+});
+</script>
diff --git a/test-vite-app-v1-vite5/src/components/AppPageSticky.vue b/test-vite-app-v1-vite5/src/components/AppPageSticky.vue
new file mode 100644
index 00000000..25861bc7
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/AppPageSticky.vue
@@ -0,0 +1,21 @@
+<template>
+  <q-page-sticky position="bottom-right" :offset="[18, 18]">
+    <q-btn data-testid="button" rounded color="accent" icon="arrow_forward">
+      {{ title }}
+    </q-btn>
+  </q-page-sticky>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarPageSticky',
+  props: {
+    title: {
+      type: String,
+      required: true,
+    },
+  },
+});
+</script>
diff --git a/test-vite-app-v1-vite5/src/components/AppSelect.vue b/test-vite-app-v1-vite5/src/components/AppSelect.vue
new file mode 100644
index 00000000..fb19c0b4
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/AppSelect.vue
@@ -0,0 +1,54 @@
+<template>
+  <q-select
+    v-model="selected"
+    data-testid="select"
+    label="test options selection"
+    :options="options"
+    :loading="loading"
+    :disable="disable"
+  />
+
+  <span data-testid="select-value">{{ selected }}</span>
+</template>
+
+<script lang="ts">
+import { defineComponent, ref } from 'vue';
+
+const syncOptions = ['Option 1', 'Option 2', 'Option 3'];
+
+export default defineComponent({
+  name: 'QuasarSelect',
+  props: {
+    loadOptionsAsync: {
+      type: Boolean,
+      default: false,
+    },
+    disable: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props) {
+    const selected = ref();
+    const loading = ref(false);
+
+    const options = ref();
+
+    if (props.loadOptionsAsync) {
+      loading.value = true;
+      setTimeout(() => {
+        options.value = syncOptions;
+        loading.value = false;
+      }, 2000);
+    } else {
+      options.value = syncOptions;
+    }
+
+    return {
+      loading,
+      selected,
+      options,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v1-vite5/src/components/AppTooltip.vue b/test-vite-app-v1-vite5/src/components/AppTooltip.vue
new file mode 100644
index 00000000..1ab513cb
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/AppTooltip.vue
@@ -0,0 +1,28 @@
+<template>
+  <q-btn color="primary">
+    Button
+    <q-tooltip
+      v-model="showTooltip"
+      data-testid="tooltip"
+      class="bg-red"
+      :offset="[10, 10]"
+    >
+      Here I am!
+    </q-tooltip>
+  </q-btn>
+</template>
+
+<script lang="ts">
+import { ref, defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarTooltip',
+  setup() {
+    const showTooltip = ref(true);
+
+    return {
+      showTooltip,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v1-vite5/src/components/ColorAssertion.vue b/test-vite-app-v1-vite5/src/components/ColorAssertion.vue
new file mode 100644
index 00000000..841cd639
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/ColorAssertion.vue
@@ -0,0 +1,3 @@
+<template>
+  <div class="wrapper text-primary bg-black">Text1</div>
+</template>
diff --git a/test-vite-app-v1-vite5/src/components/QuasarCheckComponents.vue b/test-vite-app-v1-vite5/src/components/QuasarCheckComponents.vue
index f49ea26b..2678290e 100644
--- a/test-vite-app-v1-vite5/src/components/QuasarCheckComponents.vue
+++ b/test-vite-app-v1-vite5/src/components/QuasarCheckComponents.vue
@@ -1,9 +1,21 @@
 <template>
-  <q-checkbox v-model="checked" data-cy="checkbox" />
-  <q-toggle v-model="toggled" data-cy="toggle" />
+  <q-checkbox v-model="checked" data-cy="checkbox" data-testid="checkbox" />
+  <q-toggle v-model="toggled" data-cy="toggle" data-testid="toggle" />
 
-  <q-radio v-model="selected" val="Value1" data-cy="radio-1">Value1</q-radio>
-  <q-radio v-model="selected" val="Value2" data-cy="radio-2">Value2</q-radio>
+  <q-radio
+    v-model="selected"
+    val="Value1"
+    data-cy="radio-1"
+    data-testid="radio-1"
+    >Value1</q-radio
+  >
+  <q-radio
+    v-model="selected"
+    val="Value2"
+    data-cy="radio-2"
+    data-testid="radio-2"
+    >Value2</q-radio
+  >
 </template>
 
 <script lang="ts">
diff --git a/test-vite-app-v1-vite5/src/components/QuasarDark.vue b/test-vite-app-v1-vite5/src/components/QuasarDark.vue
index fd2fc25d..fc65eea4 100644
--- a/test-vite-app-v1-vite5/src/components/QuasarDark.vue
+++ b/test-vite-app-v1-vite5/src/components/QuasarDark.vue
@@ -1,13 +1,35 @@
 <template>
   <q-card data-cy="dark-card" :dark="$q.dark.isActive">
     {{ $q.dark.isActive ? 'Dark ' : 'Light' }} content
+
+    <q-btn
+      label="Toggle Dark Mode"
+      data-testid="dark-mode-toggle-button"
+      @click="toggleNightMode"
+    />
   </q-card>
 </template>
 
 <script lang="ts">
 import { defineComponent } from 'vue';
+import { useQuasar } from 'quasar';
 
 export default defineComponent({
   name: 'QuasarDark',
+  setup() {
+    const $q = useQuasar();
+
+    // TODO: Refactor the Cypress test so that it does not need to test on the instance. Let's avoid such
+    // tests in e2e and component tests. It's preferable to have buttons that perform the task than to directly
+    // call those methods on the instance. Moreover, Playwright does not encourage nor support access to the instance.
+    // See https://kentcdodds.com/blog/testing-implementation-details
+    function toggleNightMode() {
+      $q.dark.set(!$q.dark.isActive);
+    }
+
+    return {
+      toggleNightMode,
+    };
+  },
 });
 </script>
diff --git a/test-vite-app-v1-vite5/src/components/QuasarDate.vue b/test-vite-app-v1-vite5/src/components/QuasarDate.vue
index 962b4e0a..30d185fa 100644
--- a/test-vite-app-v1-vite5/src/components/QuasarDate.vue
+++ b/test-vite-app-v1-vite5/src/components/QuasarDate.vue
@@ -1,11 +1,12 @@
 <template>
-  <q-date v-model="date" data-cy="date-picker" />
+  <q-date v-model="date" data-cy="date-picker" data-testid="date-picker" />
 
   <div>
     <q-input v-model="date" label="Scegli data">
       <template #append>
         <q-btn
           data-cy="open-date-picker-popup-button"
+          data-testid="open-date-picker-popup-button"
           icon="event"
           flat
           round
@@ -14,7 +15,11 @@
       </template>
     </q-input>
     <q-dialog ref="dateDialogRef">
-      <q-date v-model="date" @update:model-value="dateDialogRef.hide()" />
+      <q-date
+        v-model="date"
+        data-testid="date-proxy"
+        @update:model-value="dateDialogRef.hide()"
+      />
     </q-dialog>
   </div>
 
diff --git a/test-vite-app-v1-vite5/src/components/QuasarDialog.vue b/test-vite-app-v1-vite5/src/components/QuasarDialog.vue
index c88b9930..6451da46 100644
--- a/test-vite-app-v1-vite5/src/components/QuasarDialog.vue
+++ b/test-vite-app-v1-vite5/src/components/QuasarDialog.vue
@@ -8,6 +8,7 @@
       <q-card-actions align="right">
         <q-btn
           data-cy="ok-button"
+          data-testid="ok-button"
           color="primary"
           label="OK"
           @click="onOKClick"
diff --git a/test-vite-app-v1-vite5/src/components/QuasarDrawer.vue b/test-vite-app-v1-vite5/src/components/QuasarDrawer.vue
index dca948f5..c2ceb3f2 100644
--- a/test-vite-app-v1-vite5/src/components/QuasarDrawer.vue
+++ b/test-vite-app-v1-vite5/src/components/QuasarDrawer.vue
@@ -6,13 +6,14 @@
     :breakpoint="700"
     elevated
     data-cy="drawer"
+    data-testid="drawer"
     class="bg-primary text-white"
   >
     <q-scroll-area class="fit">
       <div class="q-pa-sm">
         <div v-for="n in 50" :key="n">Drawer {{ n }} / 50</div>
       </div>
-      <q-btn data-cy="button">Am I on screen?</q-btn>
+      <q-btn data-cy="button" data-testid="button">Am I on screen?</q-btn>
     </q-scroll-area>
   </q-drawer>
 </template>
diff --git a/test-vite-app-v1-vite5/src/components/QuasarMenu.vue b/test-vite-app-v1-vite5/src/components/QuasarMenu.vue
index daed3aa4..4ff02d2e 100644
--- a/test-vite-app-v1-vite5/src/components/QuasarMenu.vue
+++ b/test-vite-app-v1-vite5/src/components/QuasarMenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-btn data-cy="open-menu-btn" label="Open menu">
+  <q-btn data-cy="open-menu-btn" data-testid="open-menu-btn" label="Open menu">
     <q-menu>
       <q-list>
         <q-item v-close-popup clickable>
diff --git a/test-vite-app-v1-vite5/src/components/QuasarPageSticky.vue b/test-vite-app-v1-vite5/src/components/QuasarPageSticky.vue
index 7c8223d3..9fce30f1 100644
--- a/test-vite-app-v1-vite5/src/components/QuasarPageSticky.vue
+++ b/test-vite-app-v1-vite5/src/components/QuasarPageSticky.vue
@@ -1,6 +1,12 @@
 <template>
   <q-page-sticky position="bottom-right" :offset="[18, 18]">
-    <q-btn data-cy="button" rounded color="accent" icon="arrow_forward">
+    <q-btn
+      data-cy="button"
+      data-testid="button"
+      rounded
+      color="accent"
+      icon="arrow_forward"
+    >
       {{ title }}
     </q-btn>
   </q-page-sticky>
diff --git a/test-vite-app-v1-vite5/src/components/QuasarSelect.vue b/test-vite-app-v1-vite5/src/components/QuasarSelect.vue
index 13d763f0..eefc5e5a 100644
--- a/test-vite-app-v1-vite5/src/components/QuasarSelect.vue
+++ b/test-vite-app-v1-vite5/src/components/QuasarSelect.vue
@@ -2,6 +2,7 @@
   <q-select
     v-model="selected"
     data-cy="select"
+    data-testid="select"
     label="test options selection"
     :options="options"
     :loading="loading"
@@ -9,7 +10,7 @@
     :multiple="multiple"
   />
 
-  <span data-cy="select-value">{{ selected }}</span>
+  <span data-cy="select-value" data-testid="select-value">{{ selected }}</span>
 </template>
 
 <script lang="ts">
diff --git a/test-vite-app-v1-vite5/src/components/QuasarTooltip.vue b/test-vite-app-v1-vite5/src/components/QuasarTooltip.vue
index 84da4a72..0203ff53 100644
--- a/test-vite-app-v1-vite5/src/components/QuasarTooltip.vue
+++ b/test-vite-app-v1-vite5/src/components/QuasarTooltip.vue
@@ -4,6 +4,7 @@
     <q-tooltip
       v-model="showTooltip"
       data-cy="tooltip"
+      data-testid="tooltip"
       class="bg-red"
       :offset="[10, 10]"
     >
diff --git a/test-vite-app-v1-vite5/src/components/__tests__/AppButton.spec.ts b/test-vite-app-v1-vite5/src/components/__tests__/AppButton.spec.ts
new file mode 100644
index 00000000..24f29302
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/__tests__/AppButton.spec.ts
@@ -0,0 +1,50 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import AppButton from 'src/components/AppButton.vue';
+
+test('renders a message', async ({ mount }) => {
+  const label = 'Hello there';
+  const component = await mount(AppButton, { props: { label } });
+
+  await expect(component).toContainText(label);
+});
+
+test('renders another message', async ({ mount }) => {
+  const label = 'Will this work?';
+  const component = await mount(AppButton, { props: { label } });
+  await expect(component).toContainText(label);
+});
+
+test('should have a `positive` color', async ({ mount }) => {
+  const button = await mount(AppButton);
+
+  const bgColor = await button.evaluate(
+    (el) => window.getComputedStyle(el).backgroundColor,
+  );
+  const textColor = await button.evaluate(
+    (el) => window.getComputedStyle(el).color,
+  );
+
+  const quasarPositiveVar = 'rgb(33, 186, 69)';
+  expect(bgColor).toBe(quasarPositiveVar);
+  expect(textColor).toBe('rgb(255, 255, 255)');
+});
+
+test('should emit `test` upon click', async ({ mount }) => {
+  let eventCount = 0;
+
+  const component = await mount(AppButton, {
+    on: {
+      test: () => {
+        eventCount++;
+      },
+    },
+  });
+
+  await component.click();
+  expect(eventCount).toBe(1);
+  await component.click();
+  expect(eventCount).toBe(2);
+});
diff --git a/test-vite-app-v1-vite5/src/components/__tests__/AppCheckComponents.spec.ts b/test-vite-app-v1-vite5/src/components/__tests__/AppCheckComponents.spec.ts
new file mode 100644
index 00000000..36ca64dc
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/__tests__/AppCheckComponents.spec.ts
@@ -0,0 +1,47 @@
+import AppCheckComponents from '../AppCheckComponents.vue';
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+test.describe('QuasarCheckbox', () => {
+  test('can be used with normal Playwright commands', async ({ mount }) => {
+    const component = await mount(AppCheckComponents);
+
+    const checkbox = component.getByTestId('checkbox');
+    await checkbox.check();
+    await expect(checkbox).toBeChecked();
+
+    await checkbox.uncheck();
+    await expect(checkbox).not.toBeChecked();
+  });
+});
+
+test.describe('QuasarToggle', () => {
+  test('can be used with normal Playwright commands', async ({ mount }) => {
+    const component = await mount(AppCheckComponents);
+
+    const toggle = component.getByTestId('toggle');
+    await toggle.check();
+    await expect(toggle).toBeChecked();
+
+    await toggle.uncheck();
+    await expect(toggle).not.toBeChecked();
+  });
+});
+
+test.describe('QuasarRadio', () => {
+  test('can be used with normal Playwright commands', async ({ mount }) => {
+    const component = await mount(AppCheckComponents);
+
+    const radio1 = component.getByTestId('radio-1');
+    const radio2 = component.getByTestId('radio-2');
+
+    await radio1.check();
+    await expect(radio1).toBeChecked();
+
+    await radio2.check();
+    await expect(radio2).toBeChecked();
+    await expect(radio1).not.toBeChecked();
+  });
+});
diff --git a/test-vite-app-v1-vite5/src/components/__tests__/AppDark.spec.ts b/test-vite-app-v1-vite5/src/components/__tests__/AppDark.spec.ts
new file mode 100644
index 00000000..16aa7f6e
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/__tests__/AppDark.spec.ts
@@ -0,0 +1,18 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import AppDark from '../AppDark.vue';
+
+test('changes its color', async ({ mount }) => {
+  const darkCard = await mount(AppDark);
+
+  await expect(darkCard).not.toHaveClass(/q-dark/);
+
+  const darkModeToggleButton = darkCard.getByTestId('dark-mode-toggle-button');
+  await darkModeToggleButton.click();
+  await expect(darkCard).toHaveClass(/q-dark/);
+
+  await darkModeToggleButton.click();
+  await expect(darkCard).not.toHaveClass(/q-dark/);
+});
diff --git a/test-vite-app-v1-vite5/src/components/__tests__/AppDate.spec.ts b/test-vite-app-v1-vite5/src/components/__tests__/AppDate.spec.ts
new file mode 100644
index 00000000..78a1c3b8
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/__tests__/AppDate.spec.ts
@@ -0,0 +1,44 @@
+import AppDate from '../AppDate.vue';
+import {
+  selectDate,
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+const targetDate = '2023/02/23';
+
+test.describe('AppDate', () => {
+  test('selects a date by date string', async ({ mount }) => {
+    const component = await mount(AppDate);
+    const subject = component.getByTestId('date-picker');
+
+    await selectDate(subject, targetDate);
+    await expect(component.getByTestId('selected-date-input')).toHaveValue(
+      targetDate,
+    );
+    await component.unmount();
+  });
+
+  test('selects a date by date object', async ({ mount }) => {
+    const component = await mount(AppDate);
+
+    const subject = component.getByTestId('date-picker');
+    await selectDate(subject, targetDate);
+    await expect(component.getByTestId('selected-date-input')).toHaveValue(
+      targetDate,
+    );
+    await component.unmount();
+  });
+
+  test('selects a date displayed in a popup proxy', async ({ mount, page }) => {
+    const component = await mount(AppDate);
+
+    await component.getByTestId('open-date-picker-popup-button').click();
+
+    const datePickerDialog = page.getByTestId('date-proxy');
+    await selectDate(datePickerDialog, targetDate);
+    await expect(component.getByTestId('selected-date-input')).toHaveValue(
+      targetDate,
+    );
+  });
+});
diff --git a/test-vite-app-v1-vite5/src/components/__tests__/AppDialog.spec.ts b/test-vite-app-v1-vite5/src/components/__tests__/AppDialog.spec.ts
new file mode 100644
index 00000000..eab99f23
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/__tests__/AppDialog.spec.ts
@@ -0,0 +1,47 @@
+import DialogWrapper from 'app/test/playwright/wrappers/DialogWrapper.vue';
+import AppDialog from '../AppDialog.vue';
+import {
+  test,
+  expect,
+  withinDialog,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+test.describe('AppDialog', () => {
+  test('should show a dialog with a message', async ({ mount, page }) => {
+    const message = 'Hello, I am a dialog';
+    await mount(DialogWrapper, {
+      props: {
+        component: AppDialog,
+        componentProps: { message },
+      },
+    });
+
+    await withinDialog(page, async (dialog) => {
+      await expect(dialog).toContainText(message);
+
+      await dialog.getByTestId('ok-button').click();
+      await dialog.waitFor({ state: 'hidden' });
+    });
+  });
+
+  test('should keep the dialog open when not dismissed', async ({
+    mount,
+    page,
+  }) => {
+    const message = 'Hello, I am a dialog';
+    await mount(DialogWrapper, {
+      props: {
+        component: AppDialog,
+        componentProps: { message, persistent: true },
+      },
+    });
+
+    await withinDialog(page, {
+      fn: async (dialog) => {
+        await expect(dialog).toContainText(message);
+        await expect(dialog).toBeVisible();
+      },
+      persistent: true,
+    });
+  });
+});
diff --git a/test-vite-app-v1-vite5/src/components/__tests__/AppDrawer.spec.ts b/test-vite-app-v1-vite5/src/components/__tests__/AppDrawer.spec.ts
new file mode 100644
index 00000000..c38dd839
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/__tests__/AppDrawer.spec.ts
@@ -0,0 +1,36 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import LayoutContainer from 'app/test/playwright/wrappers/LayoutContainer.vue';
+import AppDrawer from '../AppDrawer.vue';
+
+test.describe('AppDrawer', () => {
+  test('should show a drawer', async ({ mount }) => {
+    try {
+      const component = await mount(LayoutContainer, {
+        props: {
+          component: AppDrawer,
+        },
+      });
+
+      // Check that the drawer exists and the button is initially not visible
+      await expect(component.getByTestId('drawer')).toBeVisible();
+      await expect(component.getByTestId('button')).not.toBeInViewport();
+
+      // Scroll to the bottom of the scroll area
+      await component.locator('.q-scrollarea .scroll').evaluate((el) => {
+        el.scrollTo({ top: el.scrollHeight, behavior: 'smooth' });
+      });
+
+      // Wait for scrolling to complete and check button visibility
+      await component
+        .locator('.q-scrollarea .scroll')
+        .getByTestId('button')
+        .waitFor({ state: 'visible' });
+      await expect(component.getByTestId('button')).toBeInViewport();
+    } catch (error) {
+      console.error(error);
+    }
+  });
+});
diff --git a/test-vite-app-v1-vite5/src/components/__tests__/AppMenu.spec.ts b/test-vite-app-v1-vite5/src/components/__tests__/AppMenu.spec.ts
new file mode 100644
index 00000000..5e6db2cb
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/__tests__/AppMenu.spec.ts
@@ -0,0 +1,28 @@
+import AppMenu from '../QuasarMenu.vue';
+import {
+  withinMenu,
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+test.describe('AppMenu', () => {
+  test('click an item by content', async ({ mount, page }) => {
+    const component = await mount(AppMenu);
+    await component.click();
+
+    await withinMenu(page, async (menu) => {
+      await expect(menu).toBeVisible();
+      await menu.locator('.q-item:has-text("Item 1")').click();
+    });
+  });
+
+  test('click an item by cardinality', async ({ mount, page }) => {
+    const component = await mount(AppMenu);
+    await component.click();
+
+    await withinMenu(page, async (menu) => {
+      await expect(menu).toBeVisible();
+      await menu.locator('.q-item').nth(1).click();
+    });
+  });
+});
diff --git a/test-vite-app-v1-vite5/src/components/__tests__/AppPageSticky.spec.ts b/test-vite-app-v1-vite5/src/components/__tests__/AppPageSticky.spec.ts
new file mode 100644
index 00000000..60477e46
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/__tests__/AppPageSticky.spec.ts
@@ -0,0 +1,36 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import LayoutContainer from 'app/test/playwright/wrappers/LayoutContainer.vue';
+import AppPageSticky from '../QuasarPageSticky.vue';
+
+test.describe('AppPageSticky', () => {
+  test('should show a sticky at the bottom-right of the page', async ({
+    mount,
+    page,
+  }) => {
+    const component = await mount(LayoutContainer, {
+      props: {
+        component: AppPageSticky,
+      },
+    });
+
+    const button = component.getByTestId('button');
+    await expect(button).toBeVisible();
+
+    const buttonBox = await button.boundingBox();
+    const viewport = page.viewportSize();
+
+    // eslint-disable-next-line playwright/no-conditional-in-test
+    if (!buttonBox || !viewport) {
+      throw new Error('Could not read bounding box or viewport size');
+    }
+
+    const buttonBottom: number = buttonBox.y + buttonBox.height;
+    const buttonRight: number = buttonBox.x + buttonBox.width;
+
+    expect(buttonBottom).toBeCloseTo(viewport.height - 18, 1);
+    expect(buttonRight).toBeCloseTo(viewport.width - 18, 1);
+  });
+});
diff --git a/test-vite-app-v1-vite5/src/components/__tests__/AppSelect.spec.ts b/test-vite-app-v1-vite5/src/components/__tests__/AppSelect.spec.ts
new file mode 100644
index 00000000..1e2979cd
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/__tests__/AppSelect.spec.ts
@@ -0,0 +1,49 @@
+import AppSelect from '../AppSelect.vue';
+import {
+  selectQSelectOption,
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+test.describe('AppSelect', () => {
+  test('makes sure the select is disabled', async ({ mount }) => {
+    const component = await mount(AppSelect, {
+      props: { disable: true },
+    });
+
+    // We need the root of the select component, so we use this instead. The data-testid gets passed to the
+    // native element and not to the root div of the component
+    const selectComponent = component.locator('.q-select');
+    await expect(selectComponent).toHaveAttribute('aria-disabled', 'true');
+  });
+
+  test('selects an option by content', async ({ mount }) => {
+    const component = await mount(AppSelect);
+    await selectQSelectOption(component, 'Option 1');
+
+    const selectValue = component.getByTestId('select-value');
+    await expect(selectValue).toHaveText('Option 1');
+  });
+
+  test('selects an option by cardinality', async ({ mount }) => {
+    const component = await mount(AppSelect);
+    await selectQSelectOption(component, 1);
+
+    const selectValue = component.getByTestId('select-value');
+    await expect(selectValue).toHaveText('Option 2');
+  });
+
+  test('selects an option asynchronously', async ({ mount }) => {
+    const component = await mount(AppSelect, {
+      props: { loadOptionsAsync: true },
+    });
+
+    const spinner = component.locator('.q-spinner');
+    await expect(spinner).toBeHidden();
+
+    await selectQSelectOption(component, 'Option 3');
+
+    const selectValue = component.getByTestId('select-value');
+    await expect(selectValue).toHaveText('Option 3');
+  });
+});
diff --git a/test-vite-app-v1-vite5/src/components/__tests__/AppTooltip.spec.ts b/test-vite-app-v1-vite5/src/components/__tests__/AppTooltip.spec.ts
new file mode 100644
index 00000000..0c8fd0c3
--- /dev/null
+++ b/test-vite-app-v1-vite5/src/components/__tests__/AppTooltip.spec.ts
@@ -0,0 +1,15 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import AppTooltip from '../QuasarTooltip.vue';
+
+test.describe('AppTooltip', () => {
+  test('should show a tooltip', async ({ mount, page }) => {
+    const button = await mount(AppTooltip);
+    await button.hover();
+
+    const tooltip = page.locator('.q-tooltip');
+    await expect(tooltip).toContainText('Here I am!');
+  });
+});
diff --git a/test-vite-app-v1-vite5/test/playwright/home.spec.ts b/test-vite-app-v1-vite5/test/playwright/home.spec.ts
new file mode 100644
index 00000000..18173075
--- /dev/null
+++ b/test-vite-app-v1-vite5/test/playwright/home.spec.ts
@@ -0,0 +1,20 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright';
+
+test('has title', async ({ page }) => {
+  await page.goto('https://playwright.dev/');
+
+  await expect(page).toHaveTitle(/Playwright/);
+});
+
+test('get started link', async ({ page }) => {
+  await page.goto('https://playwright.dev/');
+
+  await page.getByRole('link', { name: 'Get started' }).click();
+
+  await expect(
+    page.getByRole('heading', { name: 'Installation' }),
+  ).toBeVisible();
+});
diff --git a/test-vite-app-v1-vite5/test/playwright/wrappers/DialogWrapper.vue b/test-vite-app-v1-vite5/test/playwright/wrappers/DialogWrapper.vue
new file mode 100644
index 00000000..e2e18fe3
--- /dev/null
+++ b/test-vite-app-v1-vite5/test/playwright/wrappers/DialogWrapper.vue
@@ -0,0 +1,35 @@
+<script lang="ts">
+import { Dialog } from 'quasar';
+import { defineComponent, nextTick, onMounted } from 'vue';
+
+export default defineComponent({
+  name: 'DialogWrapper',
+  props: {
+    component: {
+      type: Object,
+      required: true,
+    },
+    componentProps: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  setup(props) {
+    onMounted(async () => {
+      // When rendering a dialog immediately when the component is mounted, we need to wait for the next tick, otherwise it will break the test. Apparently, rendering the dialog immediately
+      // interfers with the component mount context. This mostly occurs when running a single test (from UI) that immediately render a dialog and rarely when running all tests at once.
+      // It throws: "Error: page._wrapApiCall: Execution context was destroyed, most likely because of a navigation."
+      // This is only needed to make Playwright tests that display the dialog immediately after mounting the component pass.
+      // TODO: Let's check again when Playwright component testing becomes stable
+      await nextTick();
+
+      Dialog.create({
+        component: props.component,
+
+        // props forwarded to your custom component
+        componentProps: props.componentProps,
+      });
+    });
+  },
+});
+</script>
diff --git a/test-vite-app-v1-vite5/test/playwright/wrappers/LayoutContainer.vue b/test-vite-app-v1-vite5/test/playwright/wrappers/LayoutContainer.vue
new file mode 100644
index 00000000..079fe47a
--- /dev/null
+++ b/test-vite-app-v1-vite5/test/playwright/wrappers/LayoutContainer.vue
@@ -0,0 +1,20 @@
+<template>
+  <q-layout>
+    <component :is="component" v-bind="$attrs" />
+  </q-layout>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'LayoutContainer',
+  inheritAttrs: false,
+  props: {
+    component: {
+      type: Object,
+      required: true,
+    },
+  },
+});
+</script>
diff --git a/test-vite-app-v1-vite5/yarn.lock b/test-vite-app-v1-vite5/yarn.lock
index 8e831f98..c7904a05 100644
--- a/test-vite-app-v1-vite5/yarn.lock
+++ b/test-vite-app-v1-vite5/yarn.lock
@@ -634,6 +634,13 @@
     js-yaml "^3.13.1"
     resolve-from "^5.0.0"
 
+"@istanbuljs/nyc-config-typescript@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@istanbuljs/nyc-config-typescript/-/nyc-config-typescript-1.0.2.tgz#1f5235b28540a07219ae0dd42014912a0b19cf89"
+  integrity sha512-iKGIyMoyJuFnJRSVTZ78POIRvNnwZaWIf8vG4ZS3rQq58MMDrqEX2nnzx0R28V2X8JvmKYiqY9FP2hlJsm8A0w==
+  dependencies:
+    "@istanbuljs/schema" "^0.1.2"
+
 "@istanbuljs/schema@^0.1.2", "@istanbuljs/schema@^0.1.3":
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
@@ -729,6 +736,30 @@
   resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
   integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
 
+"@playwright/experimental-ct-core@1.52.0":
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/@playwright/experimental-ct-core/-/experimental-ct-core-1.52.0.tgz#3fa18bc7952deaf141ad2a2c1cdfcff1de6c7192"
+  integrity sha512-DiDEammXxt8OIFDfoNitoOZyHFJAu6aYi0abmHl0IZgOQHxccP6UX50aTEnSTTUWCfwUWB0Vd8TKJ6w122WJEw==
+  dependencies:
+    playwright "1.52.0"
+    playwright-core "1.52.0"
+    vite "^6.2.6"
+
+"@playwright/experimental-ct-vue@^1.50.0":
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/@playwright/experimental-ct-vue/-/experimental-ct-vue-1.52.0.tgz#8c5ca57e98def53e6befeadb0a433a9141d133b3"
+  integrity sha512-MaUVEZZ+eo/UH/qWLwUzDl2SgjYyGQUVrGFVayUX07TASS4FDMRV8f8Jjkk0t7iYeFfWE2ZyZS1muLeWeP7qXg==
+  dependencies:
+    "@playwright/experimental-ct-core" "1.52.0"
+    "@vitejs/plugin-vue" "^5.2.0"
+
+"@playwright/test@^1.49.1":
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.52.0.tgz#267ec595b43a8f4fa5e444ea503689629e91a5b8"
+  integrity sha512-uh6W7sb55hl7D6vsAeA+V2p5JnlAqzhqFyF0VcJkKZXkgnFcVG9PziERRHQfPLfNGx1C292a4JqbWzhR8L4R1g==
+  dependencies:
+    playwright "1.52.0"
+
 "@polka/url@^1.0.0-next.24":
   version "1.0.0-next.24"
   resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.24.tgz#58601079e11784d20f82d0585865bb42305c4df3"
@@ -780,7 +811,7 @@
   integrity sha512-SlOhwzXyPQHWgQIS2ncyDdYdksCJvUYNtgsDQqzAKEG3r3d/ejOxvThle79HTK3Q6HB+gQWFG21Ux00Osr5XSw==
 
 "@quasar/quasar-app-extension-testing-e2e-cypress@../packages/e2e-cypress":
-  version "6.2.0"
+  version "6.2.1"
   dependencies:
     "@cypress/code-coverage" "^3.12.26"
     cross-env "^7.0.3"
@@ -789,6 +820,14 @@
     start-server-and-test "^2.0.3"
     vite-plugin-istanbul "^7.0.0"
 
+"@quasar/quasar-app-extension-testing-e2e-playwright@../packages/e2e-playwright":
+  version "0.0.1"
+  dependencies:
+    "@istanbuljs/nyc-config-typescript" "^1.0.2"
+    cross-env "^7.0.3"
+    nyc "^17.1.0"
+    vite-plugin-istanbul "^7.0.0"
+
 "@quasar/quasar-app-extension-testing-unit-vitest@../packages/unit-vitest":
   version "1.2.3"
   dependencies:
@@ -1147,7 +1186,7 @@
   resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
   integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==
 
-"@vitejs/plugin-vue@^2.2.0", "@vitejs/plugin-vue@^4.5.2":
+"@vitejs/plugin-vue@^2.2.0", "@vitejs/plugin-vue@^4.5.2", "@vitejs/plugin-vue@^5.2.0":
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-4.6.0.tgz#6e1011303f8224e04d339756f1fa398ba79fc0b3"
   integrity sha512-XHuyFdAikWRmHuAd89FOyUGIjrBU5KlxJtyi2hVeR9ySGFxQwE0bl5xAQju/ArMq5azdBivY4d+D2yPKwoYWUg==
@@ -2134,6 +2173,15 @@ cross-spawn@^7.0.0, cross-spawn@^7.0.1, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
+cross-spawn@^7.0.6:
+  version "7.0.6"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f"
+  integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
 cssesc@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
@@ -2635,6 +2683,13 @@ eslint-plugin-cypress@^3.6.0:
   dependencies:
     globals "^13.20.0"
 
+eslint-plugin-playwright@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-playwright/-/eslint-plugin-playwright-2.2.0.tgz#d7eda21e670274fc0c006e11ba5cc2c8417b2a6e"
+  integrity sha512-qSQpAw7RcSzE3zPp8FMGkthaCWovHZ/BsXtpmnGax9vQLIovlh1bsZHEa2+j2lv9DWhnyeLM/qZmp7ffQZfQvg==
+  dependencies:
+    globals "^13.23.0"
+
 eslint-plugin-vue@^9.19.2:
   version "9.19.2"
   resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.19.2.tgz#7ab83a001a1ac8bccae013c5b9cb5d2c644fb376"
@@ -3110,6 +3165,14 @@ foreground-child@^3.1.0:
     cross-spawn "^7.0.0"
     signal-exit "^4.0.1"
 
+foreground-child@^3.3.0:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-3.3.1.tgz#32e8e9ed1b68a3497befb9ac2b6adf92a638576f"
+  integrity sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==
+  dependencies:
+    cross-spawn "^7.0.6"
+    signal-exit "^4.0.1"
+
 forever-agent@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
@@ -3188,6 +3251,11 @@ fs.realpath@^1.0.0:
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
+fsevents@2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
+  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
+
 fsevents@~2.3.2, fsevents@~2.3.3:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
@@ -3339,7 +3407,7 @@ globals@^11.1.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globals@^13.19.0, globals@^13.20.0:
+globals@^13.19.0, globals@^13.20.0, globals@^13.23.0:
   version "13.24.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
   integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
@@ -3735,7 +3803,7 @@ istanbul-lib-instrument@^4.0.0:
     istanbul-lib-coverage "^3.0.0"
     semver "^6.3.0"
 
-istanbul-lib-instrument@^6.0.3:
+istanbul-lib-instrument@^6.0.2, istanbul-lib-instrument@^6.0.3:
   version "6.0.3"
   resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz#fa15401df6c15874bcb2105f773325d78c666765"
   integrity sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==
@@ -4378,6 +4446,39 @@ nyc@15.1.0, nyc@^15.1.0:
     test-exclude "^6.0.0"
     yargs "^15.0.2"
 
+nyc@^17.1.0:
+  version "17.1.0"
+  resolved "https://registry.yarnpkg.com/nyc/-/nyc-17.1.0.tgz#b6349a401a62ffeb912bd38ea9a018839fdb6eb1"
+  integrity sha512-U42vQ4czpKa0QdI1hu950XuNhYqgoM+ZF1HT+VuUHL9hPfDPVvNQyltmMqdE9bUHMVa+8yNbc3QKTj8zQhlVxQ==
+  dependencies:
+    "@istanbuljs/load-nyc-config" "^1.0.0"
+    "@istanbuljs/schema" "^0.1.2"
+    caching-transform "^4.0.0"
+    convert-source-map "^1.7.0"
+    decamelize "^1.2.0"
+    find-cache-dir "^3.2.0"
+    find-up "^4.1.0"
+    foreground-child "^3.3.0"
+    get-package-type "^0.1.0"
+    glob "^7.1.6"
+    istanbul-lib-coverage "^3.0.0"
+    istanbul-lib-hook "^3.0.0"
+    istanbul-lib-instrument "^6.0.2"
+    istanbul-lib-processinfo "^2.0.2"
+    istanbul-lib-report "^3.0.0"
+    istanbul-lib-source-maps "^4.0.0"
+    istanbul-reports "^3.0.2"
+    make-dir "^3.0.0"
+    node-preload "^0.2.1"
+    p-map "^3.0.0"
+    process-on-spawn "^1.0.0"
+    resolve-from "^5.0.0"
+    rimraf "^3.0.0"
+    signal-exit "^3.0.2"
+    spawn-wrap "^2.0.0"
+    test-exclude "^6.0.0"
+    yargs "^15.0.2"
+
 object-inspect@^1.13.3:
   version "1.13.4"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.4.tgz#8375265e21bc20d0fa582c22e1b13485d6e00213"
@@ -4649,6 +4750,20 @@ pkg-dir@^4.1.0:
   dependencies:
     find-up "^4.0.0"
 
+playwright-core@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.52.0.tgz#238f1f0c3edd4ebba0434ce3f4401900319a3dca"
+  integrity sha512-l2osTgLXSMeuLZOML9qYODUQoPPnUsKsb5/P6LJ2e6uPKXUdPK5WYhN4z03G+YNbWmGDY4YENauNu4ZKczreHg==
+
+playwright@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.52.0.tgz#26cb9a63346651e1c54c8805acfd85683173d4bd"
+  integrity sha512-JAwMNMBlxJ2oD1kce4KPtMkDeKGHQstdpFPcPH3maElAXon/QZeTvtsfXmTMRyO9TslfoYOXkSsvao2nE1ilTw==
+  dependencies:
+    playwright-core "1.52.0"
+  optionalDependencies:
+    fsevents "2.3.2"
+
 postcss-selector-parser@^6.0.13:
   version "6.0.14"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.14.tgz#9d45f1afbebedae6811a17f49d09754f2ad153b3"
@@ -5697,7 +5812,7 @@ vite-tsconfig-paths@^5.1.4:
     globrex "^0.1.2"
     tsconfck "^3.0.3"
 
-vite@^2.9.13, "vite@^5.0.0 || ^6.0.0", vite@^5.0.10:
+vite@^2.9.13, "vite@^5.0.0 || ^6.0.0", vite@^5.0.10, vite@^6.2.6:
   version "5.0.10"
   resolved "https://registry.yarnpkg.com/vite/-/vite-5.0.10.tgz#1e13ef5c3cf5aa4eed81f5df6d107b3c3f1f6356"
   integrity sha512-2P8J7WWgmc355HUMlFrwofacvr98DAjoE52BfdbwQtyLH06XKwaL/FMnmKM2crF0iX4MpmMKoDlNCB1ok7zHCw==
diff --git a/test-vite-app-v2/.gitignore b/test-vite-app-v2/.gitignore
index 8969fe6d..536d0637 100644
--- a/test-vite-app-v2/.gitignore
+++ b/test-vite-app-v2/.gitignore
@@ -34,3 +34,15 @@ yarn-error.log*
 
 .nyc_output
 coverage/
+
+
+# Playwright
+/test-results/
+/playwright-report/
+/blob-report
+/playwright/.cache/
+
+
+# Coverage
+.nyc_output
+/coverage
diff --git a/test-vite-app-v2/.nycrc b/test-vite-app-v2/.nycrc
index ad64fc3f..ac43bd45 100644
--- a/test-vite-app-v2/.nycrc
+++ b/test-vite-app-v2/.nycrc
@@ -1,3 +1,3 @@
-{
-  "extends": "@quasar/quasar-app-extension-testing-e2e-cypress/nyc-config-preset"
-}
+{
+    "extends": "@quasar/quasar-app-extension-testing-e2e-playwright/nyc-preset"
+}
\ No newline at end of file
diff --git a/test-vite-app-v2/coverage.ts b/test-vite-app-v2/coverage.ts
new file mode 100644
index 00000000..ae096411
--- /dev/null
+++ b/test-vite-app-v2/coverage.ts
@@ -0,0 +1,114 @@
+import * as fs from 'fs';
+import * as path from 'path';
+import * as crypto from 'crypto';
+import * as libCoverage from 'istanbul-lib-coverage';
+import { test as baseTest } from '@playwright/experimental-ct-vue';
+
+// Define paths
+const NYC_OUTPUT_DIR: string = path.join(process.cwd(), '.nyc_output');
+const MERGED_COVERAGE_FILE: string = path.join(
+  NYC_OUTPUT_DIR,
+  'merged-coverage.json',
+);
+
+// Ensure .nyc_output exists
+if (!fs.existsSync(NYC_OUTPUT_DIR)) {
+  fs.mkdirSync(NYC_OUTPUT_DIR, { recursive: true });
+}
+
+// Generate UUID for unique coverage file names
+export function generateUUID(): string {
+  return crypto.randomBytes(16).toString('hex');
+}
+
+// Merge coverage files in .nyc_output
+async function mergeCoverageFiles(): Promise<void> {
+  try {
+    const coverageMap: libCoverage.CoverageMap = libCoverage.createCoverageMap(
+      {},
+    );
+
+    // Read and merge all .json files in .nyc_output
+    const files = fs
+      .readdirSync(NYC_OUTPUT_DIR)
+      .filter((file: string) => file.endsWith('.json'));
+    for (const file of files) {
+      const filePath: string = path.join(NYC_OUTPUT_DIR, file);
+      try {
+        const coverage: libCoverage.CoverageMapData = JSON.parse(
+          fs.readFileSync(filePath, 'utf8'),
+        );
+        coverageMap.merge(coverage);
+      } catch (error) {
+        console.error(`Error processing file ${filePath}:`, error);
+      }
+    }
+
+    // Write merged coverage to file
+    if (Object.keys(coverageMap.data).length > 0) {
+      fs.writeFileSync(
+        MERGED_COVERAGE_FILE,
+        JSON.stringify(coverageMap.data, null, 2),
+      );
+      console.log(`Merged coverage written to ${MERGED_COVERAGE_FILE}`);
+    } else {
+      console.warn('No coverage data found to merge');
+    }
+  } catch (error) {
+    console.error('Error merging coverage files:', error);
+  }
+}
+
+export const test = baseTest.extend({
+  context: async ({ context }, use) => {
+    // Add beforeunload listener to collect coverage
+    await context.addInitScript(() =>
+      window.addEventListener('beforeunload', () =>
+        (window as any).collectIstanbulCoverage(
+          JSON.stringify((window as any).__coverage__),
+        ),
+      ),
+    );
+
+    // Ensure .nyc_output directory exists
+    await fs.promises.mkdir(NYC_OUTPUT_DIR, { recursive: true });
+
+    // Expose function to save coverage from browser
+    await context.exposeFunction(
+      'collectIstanbulCoverage',
+      (coverageJSON: string) => {
+        if (coverageJSON) {
+          const filePath = path.join(
+            NYC_OUTPUT_DIR,
+            `playwright_coverage_${generateUUID()}.json`,
+          );
+          fs.writeFileSync(filePath, coverageJSON);
+          console.log(`Coverage saved to ${filePath}`);
+        } else {
+          console.log('No coverage data received');
+        }
+      },
+    );
+
+    // Use the context for tests
+    await use(context);
+
+    // Collect coverage from all pages after tests
+    for (const page of context.pages()) {
+      try {
+        await page.evaluate(() =>
+          (window as any).collectIstanbulCoverage(
+            JSON.stringify((window as any).__coverage__),
+          ),
+        );
+      } catch (error) {
+        console.error('Error collecting coverage from page:', error);
+      }
+    }
+
+    // Merge coverage files after tests
+    await mergeCoverageFiles();
+  },
+});
+
+export { expect } from '@playwright/experimental-ct-vue';
diff --git a/test-vite-app-v2/eslint.config.js b/test-vite-app-v2/eslint.config.js
index 6feb020d..2dbcd692 100644
--- a/test-vite-app-v2/eslint.config.js
+++ b/test-vite-app-v2/eslint.config.js
@@ -8,6 +8,7 @@ import {
 import pluginCypress from 'eslint-plugin-cypress/flat';
 import pluginVue from 'eslint-plugin-vue';
 import globals from 'globals';
+import playwright from 'eslint-plugin-playwright';
 
 const config = defineConfigWithVueTs(
   {
@@ -103,6 +104,17 @@ const config = defineConfigWithVueTs(
     },
   },
 
+  {
+    name: 'custom/playwright',
+
+    ...playwright.configs['flat/recommended'],
+    files: ['src/components/**/*.spec.ts', 'test/**/*.spec.ts'],
+    rules: {
+      ...playwright.configs['flat/recommended'].rules,
+      '@typescript-eslint/unbound-method': 'off',
+    },
+  },
+
   {
     name: 'custom/vitest',
 
diff --git a/test-vite-app-v2/package.json b/test-vite-app-v2/package.json
index 6ba33bef..85616401 100644
--- a/test-vite-app-v2/package.json
+++ b/test-vite-app-v2/package.json
@@ -12,28 +12,34 @@
     "sync:all": "yarn sync:vitest && yarn sync:cypress",
     "invoke:vitest": "quasar ext invoke @quasar/testing-unit-vitest && yarn format",
     "invoke:cypress": "quasar ext invoke @quasar/testing-e2e-cypress && yarn format",
+    "invoke:playwright": "quasar ext invoke @quasar/testing-e2e-playwright && yarn format",
     "invoke:all": "yarn invoke:vitest && yarn invoke:cypress",
     "sync:invoke:vitest": "yarn sync:vitest && yarn invoke:vitest",
     "sync:invoke:cypress": "yarn sync:cypress && yarn invoke:cypress",
+    "sync:invoke:playwright": "yarn sync:playwright && yarn invoke:playwright",
     "sync:invoke:all": "yarn sync:invoke:vitest && yarn sync:invoke:cypress",
     "test:vitest": "yarn test:unit:ci",
     "test:cypress": "yarn test:e2e:ci && yarn test:component:ci",
     "test:all": "yarn test:vitest && yarn test:cypress",
     "sync:invoke:test:vitest": "yarn sync:invoke:vitest && yarn test:vitest",
     "sync:invoke:test:cypress": "yarn sync:invoke:cypress && yarn test:cypress",
-    "sync:invoke:test:all": "yarn sync:invoke:test:vitest && yarn sync:invoke:test:cypress",
+    "sync:playwright": "yarn --cwd ../packages/e2e-playwright build:local && yarn add -D ../packages/e2e-playwright",
+    "sync:invoke:test:all": "yarn sync:invoke:test:vitest && yarn sync:invoke:test:cypress && yarn sync:invoke:playwright",
     "lint": "eslint -c ./eslint.config.js \"./src*/**/*.{ts,js,cjs,mjs,vue}\" --fix",
     "format": "prettier --write \"**/*.{js,ts,vue,scss,html,md,json}\" --ignore-path .gitignore",
-    "test": "echo \"See package.json => scripts for available tests.\" && exit 0",
+    "test": "yarn test:clear && yarn test:component:ci && yarn test:e2e:ci && yarn coverage-report",
     "dev": "quasar dev",
     "build": "quasar build",
     "test:unit:ui": "vitest --ui",
     "test:unit": "vitest",
     "test:unit:ci": "vitest run",
-    "test:e2e": "cross-env NODE_ENV=test TS_NODE_PROJECT=test/cypress/tsconfig.json start-test \"quasar dev\" http-get://127.0.0.1:8080 \"cypress open --e2e\"",
-    "test:e2e:ci": "cross-env NODE_ENV=test TS_NODE_PROJECT=test/cypress/tsconfig.json start-test \"quasar dev\" http-get://127.0.0.1:8080 \"cypress run --e2e\"",
-    "test:component": "cross-env NODE_ENV=test TS_NODE_PROJECT=test/cypress/tsconfig.json cypress open --component",
-    "test:component:ci": "cross-env NODE_ENV=test TS_NODE_PROJECT=test/cypress/tsconfig.json cypress run --component",
+    "test:e2e": "cross-env NODE_ENV=test VITE_COVERAGE=true playwright test --ui",
+    "test:e2e:ci": "cross-env NODE_ENV=test VITE_COVERAGE=true playwright test",
+    "test:component": "cross-env NODE_ENV=test VITE_COVERAGE=true playwright test -c playwright-ct.config.ts --ui",
+    "test:component:ci": "cross-env NODE_ENV=test VITE_COVERAGE=true playwright test -c playwright-ct.config.ts",
+    "test:clear": "rimraf .nyc_output coverage",
+    "test:report": "playwright show-report",
+    "coverage-report": "nyc report --reporter=html --reporter=text",
     "postinstall": "quasar prepare"
   },
   "dependencies": {
@@ -48,8 +54,11 @@
   "devDependencies": {
     "@eslint/js": "^9.14.0",
     "@intlify/unplugin-vue-i18n": "^4.0.0",
+    "@playwright/experimental-ct-vue": "^1.50.0",
+    "@playwright/test": "^1.49.1",
     "@quasar/app-vite": "^2.1.0",
     "@quasar/quasar-app-extension-testing-e2e-cypress": "../packages/e2e-cypress",
+    "@quasar/quasar-app-extension-testing-e2e-playwright": "../packages/e2e-playwright",
     "@quasar/quasar-app-extension-testing-unit-vitest": "../packages/unit-vitest",
     "@types/node": "^20.5.9",
     "@vitest/ui": "^3.1.2",
@@ -60,6 +69,7 @@
     "cypress": "^14.2.1",
     "eslint": "^9.14.0",
     "eslint-plugin-cypress": "^4.2.1",
+    "eslint-plugin-playwright": "^2.1.0",
     "eslint-plugin-vue": "^9.30.0",
     "globals": "^15.12.0",
     "prettier": "^3.3.3",
diff --git a/test-vite-app-v2/playwright-ct.config.ts b/test-vite-app-v2/playwright-ct.config.ts
new file mode 100644
index 00000000..4458d7db
--- /dev/null
+++ b/test-vite-app-v2/playwright-ct.config.ts
@@ -0,0 +1,109 @@
+import {
+  defineConfig,
+  devices,
+  type PlaywrightTestConfig,
+} from '@playwright/experimental-ct-vue';
+import vue from '@vitejs/plugin-vue';
+import { quasar, transformAssetUrls } from '@quasar/vite-plugin';
+// import { fileURLToPath } from 'node:url';
+// import AutoImport from 'unplugin-auto-import/vite';
+// import Components from 'unplugin-vue-components/vite';
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './src/components',
+  /* The base directory, relative to the config file, for snapshot files created with toMatchSnapshot and toHaveScreenshot. */
+  snapshotDir: './__snapshots__',
+  /* Maximum time one test can run for. */
+  timeout: 10 * 1000,
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+
+    /* Port to use for Playwright component endpoint. */
+    ctPort: 3100,
+
+    ctViteConfig: async () => {
+      const { default: istanbul } = await import('vite-plugin-istanbul');
+      return {
+        build: {
+          sourcemap: true,
+        },
+        plugins: [
+          vue({ template: { transformAssetUrls } }),
+          // AutoImport({
+          //   imports: [
+          //     'vue',
+          //     'vue-router',
+          //     '@vueuse/head',
+          //     'pinia',
+          //     'quasar',
+          //     {
+          //       '@/store': ['useStore'],
+          //     },
+          //   ],
+          //   dts: 'src/auto-imports.d.ts',
+          //   eslintrc: {
+          //     enabled: true,
+          //   },
+          // }),
+          // Components({
+          //   dirs: ['src/components'],
+          //   extensions: ['vue'],
+          // }),
+          quasar({
+            // sassVariables: fileURLToPath(
+            //   new URL('./src/quasar-variables.sass', import.meta.url),
+            // ),
+          }),
+
+          // Instrument the code for nyc/istanbul code coverage
+          istanbul({
+            include: ['src/**/*'],
+            exclude: [
+              'node_modules',
+              'test/',
+              'dist/',
+              'coverage/',
+              '__tests__',
+            ],
+            extension: ['.js', '.ts', '.vue'],
+            requireEnv: true,
+            forceBuildInstrument: true,
+            checkProd: false,
+            cypress: false,
+          }),
+        ],
+      };
+    },
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+  ],
+} as PlaywrightTestConfig);
diff --git a/test-vite-app-v2/playwright.config.ts b/test-vite-app-v2/playwright.config.ts
new file mode 100644
index 00000000..9fdf0aed
--- /dev/null
+++ b/test-vite-app-v2/playwright.config.ts
@@ -0,0 +1,79 @@
+import { defineConfig, devices, PlaywrightTestConfig } from '@playwright/test';
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// import dotenv from 'dotenv';
+// import path from 'path';
+// dotenv.config({ path: path.resolve(__dirname, '.env') });
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './test/playwright',
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: 'http://localhost:8080',
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+
+    /* Test against mobile viewports. */
+    // {
+    //   name: 'Mobile Chrome',
+    //   use: { ...devices['Pixel 5'] },
+    // },
+    // {
+    //   name: 'Mobile Safari',
+    //   use: { ...devices['iPhone 12'] },
+    // },
+
+    /* Test against branded browsers. */
+    // {
+    //   name: 'Microsoft Edge',
+    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    // },
+    // {
+    //   name: 'Google Chrome',
+    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    // },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    command: 'quasar dev -p 8080',
+    url: 'http://localhost:8080',
+    reuseExistingServer: !process.env.CI,
+  },
+} as PlaywrightTestConfig);
diff --git a/test-vite-app-v2/playwright/components.d.ts b/test-vite-app-v2/playwright/components.d.ts
new file mode 100644
index 00000000..e3da39eb
--- /dev/null
+++ b/test-vite-app-v2/playwright/components.d.ts
@@ -0,0 +1,14 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+// biome-ignore lint: disable
+export {};
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
+}
diff --git a/test-vite-app-v2/playwright/index.html b/test-vite-app-v2/playwright/index.html
new file mode 100644
index 00000000..56da0401
--- /dev/null
+++ b/test-vite-app-v2/playwright/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Testing Page</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./index.ts"></script>
+  </body>
+</html>
diff --git a/test-vite-app-v2/playwright/index.ts b/test-vite-app-v2/playwright/index.ts
new file mode 100644
index 00000000..f5265b82
--- /dev/null
+++ b/test-vite-app-v2/playwright/index.ts
@@ -0,0 +1,20 @@
+// See https://quasar.dev/start/vite-plugin
+import 'quasar/src/css/index.sass';
+import '../src/css/app.scss';
+import { Quasar, Dialog } from 'quasar';
+import { beforeMount } from '@playwright/experimental-ct-vue/hooks';
+import '@quasar/extras/material-icons/material-icons.css';
+// import '@quasar/extras/mdi-v7/mdi-v7.css';
+
+beforeMount(async ({ app }) => {
+  // Setup other stuff you need before mounting the component. You can setup i18n, pinia, etc here.
+  // See https://playwright.dev/docs/test-components#frequently-asked-questions
+  app.use(Quasar, {
+    plugins: {
+      // Setup plugins used in your components
+      // Notify,
+      // Loading
+      Dialog,
+    },
+  });
+});
diff --git a/test-vite-app-v2/playwright/src/auto-imports.d.ts b/test-vite-app-v2/playwright/src/auto-imports.d.ts
new file mode 100644
index 00000000..bc722ef2
--- /dev/null
+++ b/test-vite-app-v2/playwright/src/auto-imports.d.ts
@@ -0,0 +1,110 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+  const EffectScope: (typeof import('vue'))['EffectScope'];
+  const acceptHMRUpdate: (typeof import('pinia'))['acceptHMRUpdate'];
+  const computed: (typeof import('vue'))['computed'];
+  const createApp: (typeof import('vue'))['createApp'];
+  const createPinia: (typeof import('pinia'))['createPinia'];
+  const customRef: (typeof import('vue'))['customRef'];
+  const defineAsyncComponent: (typeof import('vue'))['defineAsyncComponent'];
+  const defineComponent: (typeof import('vue'))['defineComponent'];
+  const defineStore: (typeof import('pinia'))['defineStore'];
+  const effectScope: (typeof import('vue'))['effectScope'];
+  const getActivePinia: (typeof import('pinia'))['getActivePinia'];
+  const getCurrentInstance: (typeof import('vue'))['getCurrentInstance'];
+  const getCurrentScope: (typeof import('vue'))['getCurrentScope'];
+  const h: (typeof import('vue'))['h'];
+  const inject: (typeof import('vue'))['inject'];
+  const isProxy: (typeof import('vue'))['isProxy'];
+  const isReactive: (typeof import('vue'))['isReactive'];
+  const isReadonly: (typeof import('vue'))['isReadonly'];
+  const isRef: (typeof import('vue'))['isRef'];
+  const mapActions: (typeof import('pinia'))['mapActions'];
+  const mapGetters: (typeof import('pinia'))['mapGetters'];
+  const mapState: (typeof import('pinia'))['mapState'];
+  const mapStores: (typeof import('pinia'))['mapStores'];
+  const mapWritableState: (typeof import('pinia'))['mapWritableState'];
+  const markRaw: (typeof import('vue'))['markRaw'];
+  const nextTick: (typeof import('vue'))['nextTick'];
+  const onActivated: (typeof import('vue'))['onActivated'];
+  const onBeforeMount: (typeof import('vue'))['onBeforeMount'];
+  const onBeforeRouteLeave: (typeof import('vue-router'))['onBeforeRouteLeave'];
+  const onBeforeRouteUpdate: (typeof import('vue-router'))['onBeforeRouteUpdate'];
+  const onBeforeUnmount: (typeof import('vue'))['onBeforeUnmount'];
+  const onBeforeUpdate: (typeof import('vue'))['onBeforeUpdate'];
+  const onDeactivated: (typeof import('vue'))['onDeactivated'];
+  const onErrorCaptured: (typeof import('vue'))['onErrorCaptured'];
+  const onMounted: (typeof import('vue'))['onMounted'];
+  const onRenderTracked: (typeof import('vue'))['onRenderTracked'];
+  const onRenderTriggered: (typeof import('vue'))['onRenderTriggered'];
+  const onScopeDispose: (typeof import('vue'))['onScopeDispose'];
+  const onServerPrefetch: (typeof import('vue'))['onServerPrefetch'];
+  const onUnmounted: (typeof import('vue'))['onUnmounted'];
+  const onUpdated: (typeof import('vue'))['onUpdated'];
+  const onWatcherCleanup: (typeof import('vue'))['onWatcherCleanup'];
+  const provide: (typeof import('vue'))['provide'];
+  const reactive: (typeof import('vue'))['reactive'];
+  const readonly: (typeof import('vue'))['readonly'];
+  const ref: (typeof import('vue'))['ref'];
+  const resolveComponent: (typeof import('vue'))['resolveComponent'];
+  const setActivePinia: (typeof import('pinia'))['setActivePinia'];
+  const setMapStoreSuffix: (typeof import('pinia'))['setMapStoreSuffix'];
+  const shallowReactive: (typeof import('vue'))['shallowReactive'];
+  const shallowReadonly: (typeof import('vue'))['shallowReadonly'];
+  const shallowRef: (typeof import('vue'))['shallowRef'];
+  const storeToRefs: (typeof import('pinia'))['storeToRefs'];
+  const toRaw: (typeof import('vue'))['toRaw'];
+  const toRef: (typeof import('vue'))['toRef'];
+  const toRefs: (typeof import('vue'))['toRefs'];
+  const toValue: (typeof import('vue'))['toValue'];
+  const triggerRef: (typeof import('vue'))['triggerRef'];
+  const unref: (typeof import('vue'))['unref'];
+  const useAttrs: (typeof import('vue'))['useAttrs'];
+  const useCssModule: (typeof import('vue'))['useCssModule'];
+  const useCssVars: (typeof import('vue'))['useCssVars'];
+  const useDialogPluginComponent: (typeof import('quasar'))['useDialogPluginComponent'];
+  const useFormChild: (typeof import('quasar'))['useFormChild'];
+  const useHead: (typeof import('@vueuse/head'))['useHead'];
+  const useId: (typeof import('vue'))['useId'];
+  const useLink: (typeof import('vue-router'))['useLink'];
+  const useMeta: (typeof import('quasar'))['useMeta'];
+  const useModel: (typeof import('vue'))['useModel'];
+  const useQuasar: (typeof import('quasar'))['useQuasar'];
+  const useRoute: (typeof import('vue-router'))['useRoute'];
+  const useRouter: (typeof import('vue-router'))['useRouter'];
+  const useSeoMeta: (typeof import('@vueuse/head'))['useSeoMeta'];
+  const useSlots: (typeof import('vue'))['useSlots'];
+  const useStore: (typeof import('@/store'))['useStore'];
+  const useTemplateRef: (typeof import('vue'))['useTemplateRef'];
+  const watch: (typeof import('vue'))['watch'];
+  const watchEffect: (typeof import('vue'))['watchEffect'];
+  const watchPostEffect: (typeof import('vue'))['watchPostEffect'];
+  const watchSyncEffect: (typeof import('vue'))['watchSyncEffect'];
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type {
+    Component,
+    ComponentPublicInstance,
+    ComputedRef,
+    DirectiveBinding,
+    ExtractDefaultPropTypes,
+    ExtractPropTypes,
+    ExtractPublicPropTypes,
+    InjectionKey,
+    PropType,
+    Ref,
+    MaybeRef,
+    MaybeRefOrGetter,
+    VNode,
+    WritableComputedRef,
+  } from 'vue';
+  import('vue');
+}
diff --git a/test-vite-app-v2/quasar.config.ts b/test-vite-app-v2/quasar.config.ts
index 5d3ca4a6..738e8f0c 100644
--- a/test-vite-app-v2/quasar.config.ts
+++ b/test-vite-app-v2/quasar.config.ts
@@ -117,7 +117,7 @@ export default defineConfig((ctx) => {
       // directives: [],
 
       // Quasar plugins
-      plugins: [],
+      plugins: ['Dialog'],
     },
 
     // animations: 'all', // --- includes all animations
diff --git a/test-vite-app-v2/quasar.extensions.json b/test-vite-app-v2/quasar.extensions.json
index c5da8974..ffb2b824 100644
--- a/test-vite-app-v2/quasar.extensions.json
+++ b/test-vite-app-v2/quasar.extensions.json
@@ -5,5 +5,11 @@
   "@quasar/testing-e2e-cypress": {
     "port": 8080,
     "options": ["code-coverage"]
+  },
+  "@quasar/testing-e2e-playwright": {
+    "port": 8080,
+    "githubWorkflow": true,
+    "installBrowsers": true,
+    "enableCodeCoverage": true
   }
 }
diff --git a/test-vite-app-v2/src/components/AppButton.vue b/test-vite-app-v2/src/components/AppButton.vue
new file mode 100644
index 00000000..a840fe38
--- /dev/null
+++ b/test-vite-app-v2/src/components/AppButton.vue
@@ -0,0 +1,23 @@
+<template>
+  <q-btn
+    :label="label"
+    color="positive"
+    rounded
+    icon="edit"
+    @click="$emit('test')"
+  />
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarButton',
+  props: {
+    label: {
+      type: String,
+    },
+  },
+  emits: { test: () => true },
+});
+</script>
diff --git a/test-vite-app-v2/src/components/AppCheckComponents.vue b/test-vite-app-v2/src/components/AppCheckComponents.vue
new file mode 100644
index 00000000..623ccac1
--- /dev/null
+++ b/test-vite-app-v2/src/components/AppCheckComponents.vue
@@ -0,0 +1,30 @@
+<template>
+  <q-checkbox v-model="checked" data-testid="checkbox" />
+  <q-toggle v-model="toggled" data-testid="toggle" />
+
+  <q-radio v-model="selected" val="Value1" data-testid="radio-1"
+    >Value1</q-radio
+  >
+  <q-radio v-model="selected" val="Value2" data-testid="radio-2"
+    >Value2</q-radio
+  >
+</template>
+
+<script lang="ts">
+import { defineComponent, ref } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarCheckboxAndToggle',
+  setup() {
+    const checked = ref();
+    const toggled = ref();
+    const selected = ref();
+
+    return {
+      checked,
+      toggled,
+      selected,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v2/src/components/AppDark.vue b/test-vite-app-v2/src/components/AppDark.vue
new file mode 100644
index 00000000..a5f2282b
--- /dev/null
+++ b/test-vite-app-v2/src/components/AppDark.vue
@@ -0,0 +1,35 @@
+<template>
+  <q-card :dark="$q.dark.isActive">
+    {{ $q.dark.isActive ? 'Dark ' : 'Light' }} content
+
+    <q-btn
+      label="Toggle Dark Mode"
+      data-testid="dark-mode-toggle-button"
+      @click="toggleNightMode"
+    />
+  </q-card>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import { useQuasar } from 'quasar';
+
+export default defineComponent({
+  name: 'QuasarDark',
+  setup() {
+    const $q = useQuasar();
+
+    // TODO: Refactor the Cypress test so that it does not need to test on the instance. Let's avoid such
+    // tests in e2e and component tests. It's preferable to have buttons that perform the task than to directly
+    // call those methods on the instance. Moreover, Playwright does not encourage nor support access to the instance.
+    // See https://kentcdodds.com/blog/testing-implementation-details
+    function toggleNightMode() {
+      $q.dark.set(!$q.dark.isActive);
+    }
+
+    return {
+      toggleNightMode,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v2/src/components/AppDate.vue b/test-vite-app-v2/src/components/AppDate.vue
new file mode 100644
index 00000000..41b1ea7a
--- /dev/null
+++ b/test-vite-app-v2/src/components/AppDate.vue
@@ -0,0 +1,43 @@
+<template>
+  <q-date v-model="date" data-testid="date-picker" />
+
+  <div>
+    <q-input v-model="date" label="Date" data-testid="selected-date-input">
+      <template #append>
+        <q-btn
+          data-testid="open-date-picker-popup-button"
+          icon="event"
+          flat
+          round
+          @click="dateDialogRef.show()"
+        />
+      </template>
+    </q-input>
+    <q-dialog ref="dateDialogRef">
+      <q-date
+        v-model="date"
+        data-testid="date-proxy"
+        @update:model-value="dateDialogRef.hide()"
+      />
+    </q-dialog>
+  </div>
+</template>
+
+<script lang="ts">
+import type { QDialog } from 'quasar';
+import type { Ref } from 'vue';
+import { defineComponent, ref } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarDate',
+  setup() {
+    const date = ref('');
+    const dateDialogRef = ref() as Ref<QDialog>;
+
+    return {
+      date,
+      dateDialogRef,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v2/src/components/AppDialog.vue b/test-vite-app-v2/src/components/AppDialog.vue
new file mode 100644
index 00000000..0d2ed487
--- /dev/null
+++ b/test-vite-app-v2/src/components/AppDialog.vue
@@ -0,0 +1,71 @@
+<template>
+  <!-- notice dialogRef here -->
+  <q-dialog ref="dialogRef" @hide="onDialogHide">
+    <q-card>
+      <q-card-section>{{ message }}</q-card-section>
+
+      <!-- buttons example -->
+      <q-card-actions align="right">
+        <q-btn
+          data-testid="ok-button"
+          color="primary"
+          label="OK"
+          @click="onOKClick"
+        />
+        <q-btn color="primary" label="Cancel" @click="onCancelClick" />
+      </q-card-actions>
+    </q-card>
+  </q-dialog>
+</template>
+
+<script lang="ts">
+import { useDialogPluginComponent } from 'quasar';
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarDialog',
+  props: {
+    message: {
+      type: String,
+      required: true,
+    },
+  },
+
+  // REQUIRED; need to specify some events that your
+  // component will emit through useDialogPluginComponent()
+  emits: useDialogPluginComponent.emits,
+
+  setup() {
+    // REQUIRED; must be called inside of setup()
+    const { dialogRef, onDialogHide, onDialogOK, onDialogCancel } =
+      useDialogPluginComponent();
+    // dialogRef      - Vue ref to be applied to QDialog
+    // onDialogHide   - Function to be used as handler for @hide on QDialog
+    // onDialogOK     - Function to call to settle dialog with "ok" outcome
+    //                    example: onDialogOK() - no payload
+    //                    example: onDialogOK({ /*.../* }) - with payload
+    // onDialogCancel - Function to call to settle dialog with "cancel" outcome
+
+    return {
+      // This is REQUIRED;
+      // Need to inject these (from useDialogPluginComponent() call)
+      // into the vue scope for the vue html template
+      dialogRef,
+      onDialogHide,
+
+      // other methods that we used in our vue html template;
+      // these are part of our example (so not required)
+      onOKClick() {
+        // on OK, it is REQUIRED to
+        // call onDialogOK (with optional payload)
+        onDialogOK();
+        // or with payload: onDialogOK({ ... })
+        // ...and it will also hide the dialog automatically
+      },
+
+      // we can passthrough onDialogCancel directly
+      onCancelClick: onDialogCancel,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v2/src/components/AppDrawer.vue b/test-vite-app-v2/src/components/AppDrawer.vue
new file mode 100644
index 00000000..f65b882e
--- /dev/null
+++ b/test-vite-app-v2/src/components/AppDrawer.vue
@@ -0,0 +1,33 @@
+<template>
+  <q-drawer
+    v-model="showDrawer"
+    show-if-above
+    :width="200"
+    :breakpoint="700"
+    elevated
+    data-testid="drawer"
+    class="bg-primary text-white"
+  >
+    <q-scroll-area class="fit">
+      <div class="q-pa-sm">
+        <div v-for="n in 50" :key="n">Drawer {{ n }} / 50</div>
+      </div>
+      <q-btn data-testid="button">Am I on screen?</q-btn>
+    </q-scroll-area>
+  </q-drawer>
+</template>
+
+<script lang="ts">
+import { ref, defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarDrawer',
+  setup() {
+    const showDrawer = ref(true);
+
+    return {
+      showDrawer,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v2/src/components/AppMenu.vue b/test-vite-app-v2/src/components/AppMenu.vue
new file mode 100644
index 00000000..a28ec48e
--- /dev/null
+++ b/test-vite-app-v2/src/components/AppMenu.vue
@@ -0,0 +1,22 @@
+<template>
+  <q-btn data-testid="open-menu-btn" label="Open menu">
+    <q-menu>
+      <q-list>
+        <q-item v-close-popup clickable>
+          <q-item-section>Item 1</q-item-section>
+        </q-item>
+        <q-item v-close-popup clickable>
+          <q-item-section>Item 2</q-item-section>
+        </q-item>
+      </q-list>
+    </q-menu>
+  </q-btn>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarMenu',
+});
+</script>
diff --git a/test-vite-app-v2/src/components/AppPageSticky.vue b/test-vite-app-v2/src/components/AppPageSticky.vue
new file mode 100644
index 00000000..25861bc7
--- /dev/null
+++ b/test-vite-app-v2/src/components/AppPageSticky.vue
@@ -0,0 +1,21 @@
+<template>
+  <q-page-sticky position="bottom-right" :offset="[18, 18]">
+    <q-btn data-testid="button" rounded color="accent" icon="arrow_forward">
+      {{ title }}
+    </q-btn>
+  </q-page-sticky>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarPageSticky',
+  props: {
+    title: {
+      type: String,
+      required: true,
+    },
+  },
+});
+</script>
diff --git a/test-vite-app-v2/src/components/AppSelect.vue b/test-vite-app-v2/src/components/AppSelect.vue
new file mode 100644
index 00000000..fb19c0b4
--- /dev/null
+++ b/test-vite-app-v2/src/components/AppSelect.vue
@@ -0,0 +1,54 @@
+<template>
+  <q-select
+    v-model="selected"
+    data-testid="select"
+    label="test options selection"
+    :options="options"
+    :loading="loading"
+    :disable="disable"
+  />
+
+  <span data-testid="select-value">{{ selected }}</span>
+</template>
+
+<script lang="ts">
+import { defineComponent, ref } from 'vue';
+
+const syncOptions = ['Option 1', 'Option 2', 'Option 3'];
+
+export default defineComponent({
+  name: 'QuasarSelect',
+  props: {
+    loadOptionsAsync: {
+      type: Boolean,
+      default: false,
+    },
+    disable: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props) {
+    const selected = ref();
+    const loading = ref(false);
+
+    const options = ref();
+
+    if (props.loadOptionsAsync) {
+      loading.value = true;
+      setTimeout(() => {
+        options.value = syncOptions;
+        loading.value = false;
+      }, 2000);
+    } else {
+      options.value = syncOptions;
+    }
+
+    return {
+      loading,
+      selected,
+      options,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v2/src/components/AppTooltip.vue b/test-vite-app-v2/src/components/AppTooltip.vue
new file mode 100644
index 00000000..1ab513cb
--- /dev/null
+++ b/test-vite-app-v2/src/components/AppTooltip.vue
@@ -0,0 +1,28 @@
+<template>
+  <q-btn color="primary">
+    Button
+    <q-tooltip
+      v-model="showTooltip"
+      data-testid="tooltip"
+      class="bg-red"
+      :offset="[10, 10]"
+    >
+      Here I am!
+    </q-tooltip>
+  </q-btn>
+</template>
+
+<script lang="ts">
+import { ref, defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'QuasarTooltip',
+  setup() {
+    const showTooltip = ref(true);
+
+    return {
+      showTooltip,
+    };
+  },
+});
+</script>
diff --git a/test-vite-app-v2/src/components/QuasarButton.vue b/test-vite-app-v2/src/components/QuasarButton.vue
index fa809984..1ef8909c 100644
--- a/test-vite-app-v2/src/components/QuasarButton.vue
+++ b/test-vite-app-v2/src/components/QuasarButton.vue
@@ -1,7 +1,6 @@
 <template>
   <q-btn
-    data-cy="button"
-    label="test emit"
+    :label="label"
     color="positive"
     rounded
     icon="edit"
@@ -13,6 +12,11 @@
 import { defineComponent } from 'vue';
 
 export default defineComponent({
+  props: {
+    label: {
+      type: String,
+    },
+  },
   name: 'QuasarButton',
   emits: { test: () => true },
 });
diff --git a/test-vite-app-v2/src/components/QuasarCheckComponents.vue b/test-vite-app-v2/src/components/QuasarCheckComponents.vue
index f49ea26b..623ccac1 100644
--- a/test-vite-app-v2/src/components/QuasarCheckComponents.vue
+++ b/test-vite-app-v2/src/components/QuasarCheckComponents.vue
@@ -1,9 +1,13 @@
 <template>
-  <q-checkbox v-model="checked" data-cy="checkbox" />
-  <q-toggle v-model="toggled" data-cy="toggle" />
+  <q-checkbox v-model="checked" data-testid="checkbox" />
+  <q-toggle v-model="toggled" data-testid="toggle" />
 
-  <q-radio v-model="selected" val="Value1" data-cy="radio-1">Value1</q-radio>
-  <q-radio v-model="selected" val="Value2" data-cy="radio-2">Value2</q-radio>
+  <q-radio v-model="selected" val="Value1" data-testid="radio-1"
+    >Value1</q-radio
+  >
+  <q-radio v-model="selected" val="Value2" data-testid="radio-2"
+    >Value2</q-radio
+  >
 </template>
 
 <script lang="ts">
diff --git a/test-vite-app-v2/src/components/QuasarDark.vue b/test-vite-app-v2/src/components/QuasarDark.vue
index fd2fc25d..a5f2282b 100644
--- a/test-vite-app-v2/src/components/QuasarDark.vue
+++ b/test-vite-app-v2/src/components/QuasarDark.vue
@@ -1,13 +1,35 @@
 <template>
-  <q-card data-cy="dark-card" :dark="$q.dark.isActive">
+  <q-card :dark="$q.dark.isActive">
     {{ $q.dark.isActive ? 'Dark ' : 'Light' }} content
+
+    <q-btn
+      label="Toggle Dark Mode"
+      data-testid="dark-mode-toggle-button"
+      @click="toggleNightMode"
+    />
   </q-card>
 </template>
 
 <script lang="ts">
 import { defineComponent } from 'vue';
+import { useQuasar } from 'quasar';
 
 export default defineComponent({
   name: 'QuasarDark',
+  setup() {
+    const $q = useQuasar();
+
+    // TODO: Refactor the Cypress test so that it does not need to test on the instance. Let's avoid such
+    // tests in e2e and component tests. It's preferable to have buttons that perform the task than to directly
+    // call those methods on the instance. Moreover, Playwright does not encourage nor support access to the instance.
+    // See https://kentcdodds.com/blog/testing-implementation-details
+    function toggleNightMode() {
+      $q.dark.set(!$q.dark.isActive);
+    }
+
+    return {
+      toggleNightMode,
+    };
+  },
 });
 </script>
diff --git a/test-vite-app-v2/src/components/QuasarDate.vue b/test-vite-app-v2/src/components/QuasarDate.vue
index 962b4e0a..41b1ea7a 100644
--- a/test-vite-app-v2/src/components/QuasarDate.vue
+++ b/test-vite-app-v2/src/components/QuasarDate.vue
@@ -1,11 +1,11 @@
 <template>
-  <q-date v-model="date" data-cy="date-picker" />
+  <q-date v-model="date" data-testid="date-picker" />
 
   <div>
-    <q-input v-model="date" label="Scegli data">
+    <q-input v-model="date" label="Date" data-testid="selected-date-input">
       <template #append>
         <q-btn
-          data-cy="open-date-picker-popup-button"
+          data-testid="open-date-picker-popup-button"
           icon="event"
           flat
           round
@@ -14,11 +14,13 @@
       </template>
     </q-input>
     <q-dialog ref="dateDialogRef">
-      <q-date v-model="date" @update:model-value="dateDialogRef.hide()" />
+      <q-date
+        v-model="date"
+        data-testid="date-proxy"
+        @update:model-value="dateDialogRef.hide()"
+      />
     </q-dialog>
   </div>
-
-  <span data-cy="date-value">{{ date }}</span>
 </template>
 
 <script lang="ts">
diff --git a/test-vite-app-v2/src/components/QuasarDialog.vue b/test-vite-app-v2/src/components/QuasarDialog.vue
index c88b9930..0d2ed487 100644
--- a/test-vite-app-v2/src/components/QuasarDialog.vue
+++ b/test-vite-app-v2/src/components/QuasarDialog.vue
@@ -7,7 +7,7 @@
       <!-- buttons example -->
       <q-card-actions align="right">
         <q-btn
-          data-cy="ok-button"
+          data-testid="ok-button"
           color="primary"
           label="OK"
           @click="onOKClick"
diff --git a/test-vite-app-v2/src/components/QuasarDrawer.vue b/test-vite-app-v2/src/components/QuasarDrawer.vue
index dca948f5..f65b882e 100644
--- a/test-vite-app-v2/src/components/QuasarDrawer.vue
+++ b/test-vite-app-v2/src/components/QuasarDrawer.vue
@@ -5,14 +5,14 @@
     :width="200"
     :breakpoint="700"
     elevated
-    data-cy="drawer"
+    data-testid="drawer"
     class="bg-primary text-white"
   >
     <q-scroll-area class="fit">
       <div class="q-pa-sm">
         <div v-for="n in 50" :key="n">Drawer {{ n }} / 50</div>
       </div>
-      <q-btn data-cy="button">Am I on screen?</q-btn>
+      <q-btn data-testid="button">Am I on screen?</q-btn>
     </q-scroll-area>
   </q-drawer>
 </template>
diff --git a/test-vite-app-v2/src/components/QuasarMenu.vue b/test-vite-app-v2/src/components/QuasarMenu.vue
index daed3aa4..a28ec48e 100644
--- a/test-vite-app-v2/src/components/QuasarMenu.vue
+++ b/test-vite-app-v2/src/components/QuasarMenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-btn data-cy="open-menu-btn" label="Open menu">
+  <q-btn data-testid="open-menu-btn" label="Open menu">
     <q-menu>
       <q-list>
         <q-item v-close-popup clickable>
diff --git a/test-vite-app-v2/src/components/QuasarPageSticky.vue b/test-vite-app-v2/src/components/QuasarPageSticky.vue
index 7c8223d3..25861bc7 100644
--- a/test-vite-app-v2/src/components/QuasarPageSticky.vue
+++ b/test-vite-app-v2/src/components/QuasarPageSticky.vue
@@ -1,6 +1,6 @@
 <template>
   <q-page-sticky position="bottom-right" :offset="[18, 18]">
-    <q-btn data-cy="button" rounded color="accent" icon="arrow_forward">
+    <q-btn data-testid="button" rounded color="accent" icon="arrow_forward">
       {{ title }}
     </q-btn>
   </q-page-sticky>
diff --git a/test-vite-app-v2/src/components/QuasarSelect.vue b/test-vite-app-v2/src/components/QuasarSelect.vue
index 13d763f0..fb19c0b4 100644
--- a/test-vite-app-v2/src/components/QuasarSelect.vue
+++ b/test-vite-app-v2/src/components/QuasarSelect.vue
@@ -1,15 +1,14 @@
 <template>
   <q-select
     v-model="selected"
-    data-cy="select"
+    data-testid="select"
     label="test options selection"
     :options="options"
     :loading="loading"
     :disable="disable"
-    :multiple="multiple"
   />
 
-  <span data-cy="select-value">{{ selected }}</span>
+  <span data-testid="select-value">{{ selected }}</span>
 </template>
 
 <script lang="ts">
@@ -28,10 +27,6 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
-    multiple: {
-      type: Boolean,
-      default: false,
-    },
   },
   setup(props) {
     const selected = ref();
diff --git a/test-vite-app-v2/src/components/QuasarTooltip.vue b/test-vite-app-v2/src/components/QuasarTooltip.vue
index 84da4a72..1ab513cb 100644
--- a/test-vite-app-v2/src/components/QuasarTooltip.vue
+++ b/test-vite-app-v2/src/components/QuasarTooltip.vue
@@ -1,9 +1,9 @@
 <template>
-  <q-btn color="primary" data-cy="button">
+  <q-btn color="primary">
     Button
     <q-tooltip
       v-model="showTooltip"
-      data-cy="tooltip"
+      data-testid="tooltip"
       class="bg-red"
       :offset="[10, 10]"
     >
diff --git a/test-vite-app-v2/src/components/__tests__/AppButton.spec.ts b/test-vite-app-v2/src/components/__tests__/AppButton.spec.ts
new file mode 100644
index 00000000..24f29302
--- /dev/null
+++ b/test-vite-app-v2/src/components/__tests__/AppButton.spec.ts
@@ -0,0 +1,50 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import AppButton from 'src/components/AppButton.vue';
+
+test('renders a message', async ({ mount }) => {
+  const label = 'Hello there';
+  const component = await mount(AppButton, { props: { label } });
+
+  await expect(component).toContainText(label);
+});
+
+test('renders another message', async ({ mount }) => {
+  const label = 'Will this work?';
+  const component = await mount(AppButton, { props: { label } });
+  await expect(component).toContainText(label);
+});
+
+test('should have a `positive` color', async ({ mount }) => {
+  const button = await mount(AppButton);
+
+  const bgColor = await button.evaluate(
+    (el) => window.getComputedStyle(el).backgroundColor,
+  );
+  const textColor = await button.evaluate(
+    (el) => window.getComputedStyle(el).color,
+  );
+
+  const quasarPositiveVar = 'rgb(33, 186, 69)';
+  expect(bgColor).toBe(quasarPositiveVar);
+  expect(textColor).toBe('rgb(255, 255, 255)');
+});
+
+test('should emit `test` upon click', async ({ mount }) => {
+  let eventCount = 0;
+
+  const component = await mount(AppButton, {
+    on: {
+      test: () => {
+        eventCount++;
+      },
+    },
+  });
+
+  await component.click();
+  expect(eventCount).toBe(1);
+  await component.click();
+  expect(eventCount).toBe(2);
+});
diff --git a/test-vite-app-v2/src/components/__tests__/AppCheckComponents.spec.ts b/test-vite-app-v2/src/components/__tests__/AppCheckComponents.spec.ts
new file mode 100644
index 00000000..36ca64dc
--- /dev/null
+++ b/test-vite-app-v2/src/components/__tests__/AppCheckComponents.spec.ts
@@ -0,0 +1,47 @@
+import AppCheckComponents from '../AppCheckComponents.vue';
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+test.describe('QuasarCheckbox', () => {
+  test('can be used with normal Playwright commands', async ({ mount }) => {
+    const component = await mount(AppCheckComponents);
+
+    const checkbox = component.getByTestId('checkbox');
+    await checkbox.check();
+    await expect(checkbox).toBeChecked();
+
+    await checkbox.uncheck();
+    await expect(checkbox).not.toBeChecked();
+  });
+});
+
+test.describe('QuasarToggle', () => {
+  test('can be used with normal Playwright commands', async ({ mount }) => {
+    const component = await mount(AppCheckComponents);
+
+    const toggle = component.getByTestId('toggle');
+    await toggle.check();
+    await expect(toggle).toBeChecked();
+
+    await toggle.uncheck();
+    await expect(toggle).not.toBeChecked();
+  });
+});
+
+test.describe('QuasarRadio', () => {
+  test('can be used with normal Playwright commands', async ({ mount }) => {
+    const component = await mount(AppCheckComponents);
+
+    const radio1 = component.getByTestId('radio-1');
+    const radio2 = component.getByTestId('radio-2');
+
+    await radio1.check();
+    await expect(radio1).toBeChecked();
+
+    await radio2.check();
+    await expect(radio2).toBeChecked();
+    await expect(radio1).not.toBeChecked();
+  });
+});
diff --git a/test-vite-app-v2/src/components/__tests__/AppDark.spec.ts b/test-vite-app-v2/src/components/__tests__/AppDark.spec.ts
new file mode 100644
index 00000000..16aa7f6e
--- /dev/null
+++ b/test-vite-app-v2/src/components/__tests__/AppDark.spec.ts
@@ -0,0 +1,18 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import AppDark from '../AppDark.vue';
+
+test('changes its color', async ({ mount }) => {
+  const darkCard = await mount(AppDark);
+
+  await expect(darkCard).not.toHaveClass(/q-dark/);
+
+  const darkModeToggleButton = darkCard.getByTestId('dark-mode-toggle-button');
+  await darkModeToggleButton.click();
+  await expect(darkCard).toHaveClass(/q-dark/);
+
+  await darkModeToggleButton.click();
+  await expect(darkCard).not.toHaveClass(/q-dark/);
+});
diff --git a/test-vite-app-v2/src/components/__tests__/AppDate.spec.ts b/test-vite-app-v2/src/components/__tests__/AppDate.spec.ts
new file mode 100644
index 00000000..78a1c3b8
--- /dev/null
+++ b/test-vite-app-v2/src/components/__tests__/AppDate.spec.ts
@@ -0,0 +1,44 @@
+import AppDate from '../AppDate.vue';
+import {
+  selectDate,
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+const targetDate = '2023/02/23';
+
+test.describe('AppDate', () => {
+  test('selects a date by date string', async ({ mount }) => {
+    const component = await mount(AppDate);
+    const subject = component.getByTestId('date-picker');
+
+    await selectDate(subject, targetDate);
+    await expect(component.getByTestId('selected-date-input')).toHaveValue(
+      targetDate,
+    );
+    await component.unmount();
+  });
+
+  test('selects a date by date object', async ({ mount }) => {
+    const component = await mount(AppDate);
+
+    const subject = component.getByTestId('date-picker');
+    await selectDate(subject, targetDate);
+    await expect(component.getByTestId('selected-date-input')).toHaveValue(
+      targetDate,
+    );
+    await component.unmount();
+  });
+
+  test('selects a date displayed in a popup proxy', async ({ mount, page }) => {
+    const component = await mount(AppDate);
+
+    await component.getByTestId('open-date-picker-popup-button').click();
+
+    const datePickerDialog = page.getByTestId('date-proxy');
+    await selectDate(datePickerDialog, targetDate);
+    await expect(component.getByTestId('selected-date-input')).toHaveValue(
+      targetDate,
+    );
+  });
+});
diff --git a/test-vite-app-v2/src/components/__tests__/AppDialog.spec.ts b/test-vite-app-v2/src/components/__tests__/AppDialog.spec.ts
new file mode 100644
index 00000000..eab99f23
--- /dev/null
+++ b/test-vite-app-v2/src/components/__tests__/AppDialog.spec.ts
@@ -0,0 +1,47 @@
+import DialogWrapper from 'app/test/playwright/wrappers/DialogWrapper.vue';
+import AppDialog from '../AppDialog.vue';
+import {
+  test,
+  expect,
+  withinDialog,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+test.describe('AppDialog', () => {
+  test('should show a dialog with a message', async ({ mount, page }) => {
+    const message = 'Hello, I am a dialog';
+    await mount(DialogWrapper, {
+      props: {
+        component: AppDialog,
+        componentProps: { message },
+      },
+    });
+
+    await withinDialog(page, async (dialog) => {
+      await expect(dialog).toContainText(message);
+
+      await dialog.getByTestId('ok-button').click();
+      await dialog.waitFor({ state: 'hidden' });
+    });
+  });
+
+  test('should keep the dialog open when not dismissed', async ({
+    mount,
+    page,
+  }) => {
+    const message = 'Hello, I am a dialog';
+    await mount(DialogWrapper, {
+      props: {
+        component: AppDialog,
+        componentProps: { message, persistent: true },
+      },
+    });
+
+    await withinDialog(page, {
+      fn: async (dialog) => {
+        await expect(dialog).toContainText(message);
+        await expect(dialog).toBeVisible();
+      },
+      persistent: true,
+    });
+  });
+});
diff --git a/test-vite-app-v2/src/components/__tests__/AppDrawer.spec.ts b/test-vite-app-v2/src/components/__tests__/AppDrawer.spec.ts
new file mode 100644
index 00000000..c38dd839
--- /dev/null
+++ b/test-vite-app-v2/src/components/__tests__/AppDrawer.spec.ts
@@ -0,0 +1,36 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import LayoutContainer from 'app/test/playwright/wrappers/LayoutContainer.vue';
+import AppDrawer from '../AppDrawer.vue';
+
+test.describe('AppDrawer', () => {
+  test('should show a drawer', async ({ mount }) => {
+    try {
+      const component = await mount(LayoutContainer, {
+        props: {
+          component: AppDrawer,
+        },
+      });
+
+      // Check that the drawer exists and the button is initially not visible
+      await expect(component.getByTestId('drawer')).toBeVisible();
+      await expect(component.getByTestId('button')).not.toBeInViewport();
+
+      // Scroll to the bottom of the scroll area
+      await component.locator('.q-scrollarea .scroll').evaluate((el) => {
+        el.scrollTo({ top: el.scrollHeight, behavior: 'smooth' });
+      });
+
+      // Wait for scrolling to complete and check button visibility
+      await component
+        .locator('.q-scrollarea .scroll')
+        .getByTestId('button')
+        .waitFor({ state: 'visible' });
+      await expect(component.getByTestId('button')).toBeInViewport();
+    } catch (error) {
+      console.error(error);
+    }
+  });
+});
diff --git a/test-vite-app-v2/src/components/__tests__/AppMenu.spec.ts b/test-vite-app-v2/src/components/__tests__/AppMenu.spec.ts
new file mode 100644
index 00000000..5e6db2cb
--- /dev/null
+++ b/test-vite-app-v2/src/components/__tests__/AppMenu.spec.ts
@@ -0,0 +1,28 @@
+import AppMenu from '../QuasarMenu.vue';
+import {
+  withinMenu,
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+test.describe('AppMenu', () => {
+  test('click an item by content', async ({ mount, page }) => {
+    const component = await mount(AppMenu);
+    await component.click();
+
+    await withinMenu(page, async (menu) => {
+      await expect(menu).toBeVisible();
+      await menu.locator('.q-item:has-text("Item 1")').click();
+    });
+  });
+
+  test('click an item by cardinality', async ({ mount, page }) => {
+    const component = await mount(AppMenu);
+    await component.click();
+
+    await withinMenu(page, async (menu) => {
+      await expect(menu).toBeVisible();
+      await menu.locator('.q-item').nth(1).click();
+    });
+  });
+});
diff --git a/test-vite-app-v2/src/components/__tests__/AppPageSticky.spec.ts b/test-vite-app-v2/src/components/__tests__/AppPageSticky.spec.ts
new file mode 100644
index 00000000..60477e46
--- /dev/null
+++ b/test-vite-app-v2/src/components/__tests__/AppPageSticky.spec.ts
@@ -0,0 +1,36 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import LayoutContainer from 'app/test/playwright/wrappers/LayoutContainer.vue';
+import AppPageSticky from '../QuasarPageSticky.vue';
+
+test.describe('AppPageSticky', () => {
+  test('should show a sticky at the bottom-right of the page', async ({
+    mount,
+    page,
+  }) => {
+    const component = await mount(LayoutContainer, {
+      props: {
+        component: AppPageSticky,
+      },
+    });
+
+    const button = component.getByTestId('button');
+    await expect(button).toBeVisible();
+
+    const buttonBox = await button.boundingBox();
+    const viewport = page.viewportSize();
+
+    // eslint-disable-next-line playwright/no-conditional-in-test
+    if (!buttonBox || !viewport) {
+      throw new Error('Could not read bounding box or viewport size');
+    }
+
+    const buttonBottom: number = buttonBox.y + buttonBox.height;
+    const buttonRight: number = buttonBox.x + buttonBox.width;
+
+    expect(buttonBottom).toBeCloseTo(viewport.height - 18, 1);
+    expect(buttonRight).toBeCloseTo(viewport.width - 18, 1);
+  });
+});
diff --git a/test-vite-app-v2/src/components/__tests__/AppSelect.spec.ts b/test-vite-app-v2/src/components/__tests__/AppSelect.spec.ts
new file mode 100644
index 00000000..1e2979cd
--- /dev/null
+++ b/test-vite-app-v2/src/components/__tests__/AppSelect.spec.ts
@@ -0,0 +1,49 @@
+import AppSelect from '../AppSelect.vue';
+import {
+  selectQSelectOption,
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+
+test.describe('AppSelect', () => {
+  test('makes sure the select is disabled', async ({ mount }) => {
+    const component = await mount(AppSelect, {
+      props: { disable: true },
+    });
+
+    // We need the root of the select component, so we use this instead. The data-testid gets passed to the
+    // native element and not to the root div of the component
+    const selectComponent = component.locator('.q-select');
+    await expect(selectComponent).toHaveAttribute('aria-disabled', 'true');
+  });
+
+  test('selects an option by content', async ({ mount }) => {
+    const component = await mount(AppSelect);
+    await selectQSelectOption(component, 'Option 1');
+
+    const selectValue = component.getByTestId('select-value');
+    await expect(selectValue).toHaveText('Option 1');
+  });
+
+  test('selects an option by cardinality', async ({ mount }) => {
+    const component = await mount(AppSelect);
+    await selectQSelectOption(component, 1);
+
+    const selectValue = component.getByTestId('select-value');
+    await expect(selectValue).toHaveText('Option 2');
+  });
+
+  test('selects an option asynchronously', async ({ mount }) => {
+    const component = await mount(AppSelect, {
+      props: { loadOptionsAsync: true },
+    });
+
+    const spinner = component.locator('.q-spinner');
+    await expect(spinner).toBeHidden();
+
+    await selectQSelectOption(component, 'Option 3');
+
+    const selectValue = component.getByTestId('select-value');
+    await expect(selectValue).toHaveText('Option 3');
+  });
+});
diff --git a/test-vite-app-v2/src/components/__tests__/AppTooltip.spec.ts b/test-vite-app-v2/src/components/__tests__/AppTooltip.spec.ts
new file mode 100644
index 00000000..0c8fd0c3
--- /dev/null
+++ b/test-vite-app-v2/src/components/__tests__/AppTooltip.spec.ts
@@ -0,0 +1,15 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright/ct';
+import AppTooltip from '../QuasarTooltip.vue';
+
+test.describe('AppTooltip', () => {
+  test('should show a tooltip', async ({ mount, page }) => {
+    const button = await mount(AppTooltip);
+    await button.hover();
+
+    const tooltip = page.locator('.q-tooltip');
+    await expect(tooltip).toContainText('Here I am!');
+  });
+});
diff --git a/test-vite-app-v2/src/components/__tests__/QuasarSelect.cy.ts b/test-vite-app-v2/src/components/__tests__/QuasarSelect.cy.ts
index 9aca5852..51334680 100644
--- a/test-vite-app-v2/src/components/__tests__/QuasarSelect.cy.ts
+++ b/test-vite-app-v2/src/components/__tests__/QuasarSelect.cy.ts
@@ -41,17 +41,4 @@ describe('QuasarSelect', () => {
     cy.dataCy('select').select('Option 3');
     cy.dataCy('select-value').should('have.text', 'Option 3');
   });
-
-  it('selects multiple options', () => {
-    const options = ['Option 1', 'Option 2'];
-
-    cy.mount(QuasarSelect, {
-      props: {
-        multiple: true,
-        options,
-      },
-    });
-
-    cy.dataCy('select').select(['Option 1', 'Option 2']);
-  });
 });
diff --git a/test-vite-app-v2/src/pages/IndexPage.vue b/test-vite-app-v2/src/pages/IndexPage.vue
index f114b5e5..4c5ae53b 100644
--- a/test-vite-app-v2/src/pages/IndexPage.vue
+++ b/test-vite-app-v2/src/pages/IndexPage.vue
@@ -6,6 +6,12 @@
       :todos="todos"
       :meta="meta"
     ></example-component>
+
+    <q-btn
+      label="Open Dialog"
+      data-testid="open-dialog-button"
+      @click="openDialog"
+    />
   </q-page>
 </template>
 
@@ -13,6 +19,8 @@
 import { ref } from 'vue';
 import type { Todo, Meta } from 'components/models';
 import ExampleComponent from 'components/ExampleComponent.vue';
+import QuasarDialog from 'src/components/QuasarDialog.vue';
+import { Dialog } from 'quasar';
 
 const todos = ref<Todo[]>([
   {
@@ -40,4 +48,13 @@ const todos = ref<Todo[]>([
 const meta = ref<Meta>({
   totalCount: 1200,
 });
+
+function openDialog() {
+  Dialog.create({
+    component: QuasarDialog,
+    componentProps: {
+      message: 'Hello world!',
+    },
+  });
+}
 </script>
diff --git a/test-vite-app-v2/test/playwright/example.spec.ts b/test-vite-app-v2/test/playwright/example.spec.ts
new file mode 100644
index 00000000..a80e2f01
--- /dev/null
+++ b/test-vite-app-v2/test/playwright/example.spec.ts
@@ -0,0 +1,20 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright';
+
+test('has title', async ({ page, withinDialog }) => {
+  await page.goto('/');
+
+  await page.getByTestId('open-dialog-button').click();
+
+  await withinDialog(async (dialog) => {
+    await expect(dialog).toContainText('Hello world!');
+
+    await dialog.getByTestId('ok-button').click();
+    await dialog.waitFor({ state: 'hidden' });
+  });
+
+  // Expect a title "to contain" a substring.
+  await expect(page).toHaveTitle(/Quasar App/);
+});
diff --git a/test-vite-app-v2/test/playwright/home.spec.ts b/test-vite-app-v2/test/playwright/home.spec.ts
new file mode 100644
index 00000000..18173075
--- /dev/null
+++ b/test-vite-app-v2/test/playwright/home.spec.ts
@@ -0,0 +1,20 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright';
+
+test('has title', async ({ page }) => {
+  await page.goto('https://playwright.dev/');
+
+  await expect(page).toHaveTitle(/Playwright/);
+});
+
+test('get started link', async ({ page }) => {
+  await page.goto('https://playwright.dev/');
+
+  await page.getByRole('link', { name: 'Get started' }).click();
+
+  await expect(
+    page.getByRole('heading', { name: 'Installation' }),
+  ).toBeVisible();
+});
diff --git a/test-vite-app-v2/test/playwright/wrappers/DialogWrapper.vue b/test-vite-app-v2/test/playwright/wrappers/DialogWrapper.vue
new file mode 100644
index 00000000..e2e18fe3
--- /dev/null
+++ b/test-vite-app-v2/test/playwright/wrappers/DialogWrapper.vue
@@ -0,0 +1,35 @@
+<script lang="ts">
+import { Dialog } from 'quasar';
+import { defineComponent, nextTick, onMounted } from 'vue';
+
+export default defineComponent({
+  name: 'DialogWrapper',
+  props: {
+    component: {
+      type: Object,
+      required: true,
+    },
+    componentProps: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  setup(props) {
+    onMounted(async () => {
+      // When rendering a dialog immediately when the component is mounted, we need to wait for the next tick, otherwise it will break the test. Apparently, rendering the dialog immediately
+      // interfers with the component mount context. This mostly occurs when running a single test (from UI) that immediately render a dialog and rarely when running all tests at once.
+      // It throws: "Error: page._wrapApiCall: Execution context was destroyed, most likely because of a navigation."
+      // This is only needed to make Playwright tests that display the dialog immediately after mounting the component pass.
+      // TODO: Let's check again when Playwright component testing becomes stable
+      await nextTick();
+
+      Dialog.create({
+        component: props.component,
+
+        // props forwarded to your custom component
+        componentProps: props.componentProps,
+      });
+    });
+  },
+});
+</script>
diff --git a/test-vite-app-v2/test/playwright/wrappers/LayoutContainer.vue b/test-vite-app-v2/test/playwright/wrappers/LayoutContainer.vue
new file mode 100644
index 00000000..079fe47a
--- /dev/null
+++ b/test-vite-app-v2/test/playwright/wrappers/LayoutContainer.vue
@@ -0,0 +1,20 @@
+<template>
+  <q-layout>
+    <component :is="component" v-bind="$attrs" />
+  </q-layout>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'LayoutContainer',
+  inheritAttrs: false,
+  props: {
+    component: {
+      type: Object,
+      required: true,
+    },
+  },
+});
+</script>
diff --git a/test-vite-app-v2/vitest.config.mts b/test-vite-app-v2/vitest.config.mts
index 057824e3..9118e8ea 100644
--- a/test-vite-app-v2/vitest.config.mts
+++ b/test-vite-app-v2/vitest.config.mts
@@ -2,6 +2,7 @@ import { defineConfig } from 'vitest/config';
 import vue from '@vitejs/plugin-vue';
 import { quasar, transformAssetUrls } from '@quasar/vite-plugin';
 import tsconfigPaths from 'vite-tsconfig-paths';
+import { PluginOption } from 'vite';
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -26,5 +27,5 @@ export default defineConfig({
       // This is needed to avoid Vitest picking up tsconfig.json files from other unrelated projects in the monorepo
       ignoreConfigErrors: true,
     }),
-  ],
+  ] as PluginOption[],
 });
diff --git a/test-vite-app-v2/yarn.lock b/test-vite-app-v2/yarn.lock
index a85d2bdd..94721433 100644
--- a/test-vite-app-v2/yarn.lock
+++ b/test-vite-app-v2/yarn.lock
@@ -10,16 +10,7 @@
     "@jridgewell/gen-mapping" "^0.3.5"
     "@jridgewell/trace-mapping" "^0.3.24"
 
-"@babel/code-frame@^7.26.2":
-  version "7.26.2"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.26.2.tgz#4b5fab97d33338eff916235055f0ebc21e573a85"
-  integrity sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.25.9"
-    js-tokens "^4.0.0"
-    picocolors "^1.0.0"
-
-"@babel/code-frame@^7.27.1":
+"@babel/code-frame@^7.26.2", "@babel/code-frame@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.27.1.tgz#200f715e66d52a23b221a9435534a91cc13ad5be"
   integrity sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==
@@ -28,38 +19,12 @@
     js-tokens "^4.0.0"
     picocolors "^1.1.1"
 
-"@babel/compat-data@^7.26.8":
-  version "7.26.8"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.26.8.tgz#821c1d35641c355284d4a870b8a4a7b0c141e367"
-  integrity sha512-oH5UPLMWR3L2wEFLnFJ1TZXqHufiTKAiLfqw5zkhS4dKXLJ10yVztfil/twG8EDTA4F/tvVNw9nOl4ZMslB8rQ==
-
-"@babel/compat-data@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.27.1.tgz#db7cf122745e0a332c44e847ddc4f5e5221a43f6"
-  integrity sha512-Q+E+rd/yBzNQhXkG+zQnF58e4zoZfBedaxwzPmicKsiK3nt8iJYrSrDbjwFFDGC4f+rPafqRaPH6TsDoSvMf7A==
+"@babel/compat-data@^7.27.2":
+  version "7.27.2"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.27.2.tgz#4183f9e642fd84e74e3eea7ffa93a412e3b102c9"
+  integrity sha512-TUtMJYRPyUb/9aU8f3K0mjmjf6M9N5Woshn2CS6nqJSeJtTtQcpLUXjGt9vbF8ZGff0El99sWkLgzwW3VXnxZQ==
 
 "@babel/core@^7.23.9":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.27.1.tgz#89de51e86bd12246003e3524704c49541b16c3e6"
-  integrity sha512-IaaGWsQqfsQWVLqMn9OB92MNN7zukfVA4s7KKAI0KfrrDsZ0yhi5uV4baBuLuN7n3vsZpwP8asPPcVwApxvjBQ==
-  dependencies:
-    "@ampproject/remapping" "^2.2.0"
-    "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.27.1"
-    "@babel/helper-compilation-targets" "^7.27.1"
-    "@babel/helper-module-transforms" "^7.27.1"
-    "@babel/helpers" "^7.27.1"
-    "@babel/parser" "^7.27.1"
-    "@babel/template" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
-    "@babel/types" "^7.27.1"
-    convert-source-map "^2.0.0"
-    debug "^4.1.0"
-    gensync "^1.0.0-beta.2"
-    json5 "^2.2.3"
-    semver "^6.3.1"
-
-"@babel/core@^7.7.5":
   version "7.26.10"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.26.10.tgz#5c876f83c8c4dcb233ee4b670c0606f2ac3000f9"
   integrity sha512-vMqyb7XCDMPvJFFOaT9kxtiRh42GwlZEg1/uIgtZshS5a/8OaduUfCi7kynKgc3Tw/6Uo2D+db9qBttghhmxwQ==
@@ -80,18 +45,28 @@
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/generator@^7.26.10", "@babel/generator@^7.27.0":
-  version "7.27.0"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.27.0.tgz#764382b5392e5b9aff93cadb190d0745866cbc2c"
-  integrity sha512-VybsKvpiN1gU1sdMZIp7FcqphVVKEwcuj02x73uvcHE0PTihx1nlBcowYWhDwjpoAXRv43+gDzyggGnn1XZhVw==
+"@babel/core@^7.7.5":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.27.1.tgz#89de51e86bd12246003e3524704c49541b16c3e6"
+  integrity sha512-IaaGWsQqfsQWVLqMn9OB92MNN7zukfVA4s7KKAI0KfrrDsZ0yhi5uV4baBuLuN7n3vsZpwP8asPPcVwApxvjBQ==
   dependencies:
-    "@babel/parser" "^7.27.0"
-    "@babel/types" "^7.27.0"
-    "@jridgewell/gen-mapping" "^0.3.5"
-    "@jridgewell/trace-mapping" "^0.3.25"
-    jsesc "^3.0.2"
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.27.1"
+    "@babel/helper-compilation-targets" "^7.27.1"
+    "@babel/helper-module-transforms" "^7.27.1"
+    "@babel/helpers" "^7.27.1"
+    "@babel/parser" "^7.27.1"
+    "@babel/template" "^7.27.1"
+    "@babel/traverse" "^7.27.1"
+    "@babel/types" "^7.27.1"
+    convert-source-map "^2.0.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
 
-"@babel/generator@^7.27.1":
+"@babel/generator@^7.26.10", "@babel/generator@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.27.1.tgz#862d4fad858f7208edd487c28b58144036b76230"
   integrity sha512-UnJfnIpc/+JO0/+KRVQNGU+y5taA5vCbwN8+azkX6beii/ZF+enZJSOKo11ZSzGJjlNfJHfQtmQT8H+9TXPG2w==
@@ -102,36 +77,17 @@
     "@jridgewell/trace-mapping" "^0.3.25"
     jsesc "^3.0.2"
 
-"@babel/helper-compilation-targets@^7.26.5":
-  version "7.27.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.0.tgz#de0c753b1cd1d9ab55d473c5a5cf7170f0a81880"
-  integrity sha512-LVk7fbXml0H2xH34dFzKQ7TDZ2G4/rVTOrq9V+icbbadjbVxxeFeDsNHv2SrZeWoA+6ZiTyWYWtScEIW07EAcA==
+"@babel/helper-compilation-targets@^7.26.5", "@babel/helper-compilation-targets@^7.27.1":
+  version "7.27.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz#46a0f6efab808d51d29ce96858dd10ce8732733d"
+  integrity sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==
   dependencies:
-    "@babel/compat-data" "^7.26.8"
-    "@babel/helper-validator-option" "^7.25.9"
-    browserslist "^4.24.0"
-    lru-cache "^5.1.1"
-    semver "^6.3.1"
-
-"@babel/helper-compilation-targets@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.1.tgz#eac1096c7374f161e4f33fc8ae38f4ddf122087a"
-  integrity sha512-2YaDd/Rd9E598B5+WIc8wJPmWETiiJXFYVE60oX8FDohv7rAUU3CQj+A1MgeEmcsk2+dQuEjIe/GDvig0SqL4g==
-  dependencies:
-    "@babel/compat-data" "^7.27.1"
+    "@babel/compat-data" "^7.27.2"
     "@babel/helper-validator-option" "^7.27.1"
     browserslist "^4.24.0"
     lru-cache "^5.1.1"
     semver "^6.3.1"
 
-"@babel/helper-module-imports@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz#e7f8d20602ebdbf9ebbea0a0751fb0f2a4141715"
-  integrity sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==
-  dependencies:
-    "@babel/traverse" "^7.25.9"
-    "@babel/types" "^7.25.9"
-
 "@babel/helper-module-imports@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz#7ef769a323e2655e126673bb6d2d6913bbead204"
@@ -140,16 +96,7 @@
     "@babel/traverse" "^7.27.1"
     "@babel/types" "^7.27.1"
 
-"@babel/helper-module-transforms@^7.26.0":
-  version "7.26.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz#8ce54ec9d592695e58d84cd884b7b5c6a2fdeeae"
-  integrity sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==
-  dependencies:
-    "@babel/helper-module-imports" "^7.25.9"
-    "@babel/helper-validator-identifier" "^7.25.9"
-    "@babel/traverse" "^7.25.9"
-
-"@babel/helper-module-transforms@^7.27.1":
+"@babel/helper-module-transforms@^7.26.0", "@babel/helper-module-transforms@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.27.1.tgz#e1663b8b71d2de948da5c4fb2a20ca4f3ec27a6f"
   integrity sha512-9yHn519/8KvTU5BjTVEEeIM3w9/2yXNKoD82JifINImhpKkARMJKPP59kLo+BafpdN5zgNeIcS4jsGDmd3l58g==
@@ -158,45 +105,22 @@
     "@babel/helper-validator-identifier" "^7.27.1"
     "@babel/traverse" "^7.27.1"
 
-"@babel/helper-string-parser@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz#1aabb72ee72ed35789b4bbcad3ca2862ce614e8c"
-  integrity sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==
-
 "@babel/helper-string-parser@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz#54da796097ab19ce67ed9f88b47bb2ec49367687"
   integrity sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==
 
-"@babel/helper-validator-identifier@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz#24b64e2c3ec7cd3b3c547729b8d16871f22cbdc7"
-  integrity sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==
-
 "@babel/helper-validator-identifier@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz#a7054dcc145a967dd4dc8fee845a57c1316c9df8"
   integrity sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==
 
-"@babel/helper-validator-option@^7.25.9":
-  version "7.25.9"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz#86e45bd8a49ab7e03f276577f96179653d41da72"
-  integrity sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==
-
 "@babel/helper-validator-option@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz#fa52f5b1e7db1ab049445b421c4471303897702f"
   integrity sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==
 
-"@babel/helpers@^7.26.10":
-  version "7.27.0"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.27.0.tgz#53d156098defa8243eab0f32fa17589075a1b808"
-  integrity sha512-U5eyP/CTFPuNE3qk+WZMxFkp/4zUzdceQlfzf7DdGdhp+Fezd7HD+i8Y24ZuTMKX3wQBld449jijbGq6OdGNQg==
-  dependencies:
-    "@babel/template" "^7.27.0"
-    "@babel/types" "^7.27.0"
-
-"@babel/helpers@^7.27.1":
+"@babel/helpers@^7.26.10", "@babel/helpers@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.27.1.tgz#ffc27013038607cdba3288e692c3611c06a18aa4"
   integrity sha512-FCvFTm0sWV8Fxhpp2McP5/W53GPllQ9QeQ7SiqGWjMf/LVG07lFa5+pgK05IRhVwtvafT22KF+ZSnM9I545CvQ==
@@ -204,21 +128,28 @@
     "@babel/template" "^7.27.1"
     "@babel/types" "^7.27.1"
 
-"@babel/parser@^7.23.9", "@babel/parser@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.27.1.tgz#c55d5bed74449d1223701f1869b9ee345cc94cc9"
-  integrity sha512-I0dZ3ZpCrJ1c04OqlNsQcKiZlsrXf/kkE4FXzID9rIOYICsAbA8mMDzhW/luRNAHdCNt7os/u8wenklZDlUVUQ==
-  dependencies:
-    "@babel/types" "^7.27.1"
-
-"@babel/parser@^7.25.3", "@babel/parser@^7.26.10", "@babel/parser@^7.27.0":
+"@babel/parser@^7.23.9", "@babel/parser@^7.25.3", "@babel/parser@^7.27.0":
   version "7.27.0"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.27.0.tgz#3d7d6ee268e41d2600091cbd4e145ffee85a44ec"
   integrity sha512-iaepho73/2Pz7w2eMS0Q5f83+0RKI7i4xmiYeBmDzfRVbQtTOG7Ts0S4HzJVsTMGI9keU8rNfuZr8DKfSt7Yyg==
   dependencies:
     "@babel/types" "^7.27.0"
 
-"@babel/template@^7.26.9", "@babel/template@^7.27.0":
+"@babel/parser@^7.26.10", "@babel/parser@^7.27.2":
+  version "7.27.2"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.27.2.tgz#577518bedb17a2ce4212afd052e01f7df0941127"
+  integrity sha512-QYLs8299NA7WM/bZAdp+CviYYkVoYXlDW2rzliy3chxd1PQjej7JORuMJDJXJUb9g0TT+B99EwaVLKmX+sPXWw==
+  dependencies:
+    "@babel/types" "^7.27.1"
+
+"@babel/parser@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.27.1.tgz#c55d5bed74449d1223701f1869b9ee345cc94cc9"
+  integrity sha512-I0dZ3ZpCrJ1c04OqlNsQcKiZlsrXf/kkE4FXzID9rIOYICsAbA8mMDzhW/luRNAHdCNt7os/u8wenklZDlUVUQ==
+  dependencies:
+    "@babel/types" "^7.27.1"
+
+"@babel/template@^7.26.9":
   version "7.27.0"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.0.tgz#b253e5406cc1df1c57dcd18f11760c2dbf40c0b4"
   integrity sha512-2ncevenBqXI6qRMukPlXwHKHchC7RyMuu4xv5JBXRfOGVcTy1mXCD12qrp7Jsoxll1EV3+9sE4GugBVRjT2jFA==
@@ -228,28 +159,15 @@
     "@babel/types" "^7.27.0"
 
 "@babel/template@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.1.tgz#b9e4f55c17a92312774dfbdde1b3c01c547bbae2"
-  integrity sha512-Fyo3ghWMqkHHpHQCoBs2VnYjR4iWFFjguTDEqA5WgZDOrFesVjMhMM2FSqTKSoUSDO1VQtavj8NFpdRBEvJTtg==
+  version "7.27.2"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.2.tgz#fa78ceed3c4e7b63ebf6cb39e5852fca45f6809d"
+  integrity sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==
   dependencies:
     "@babel/code-frame" "^7.27.1"
-    "@babel/parser" "^7.27.1"
+    "@babel/parser" "^7.27.2"
     "@babel/types" "^7.27.1"
 
-"@babel/traverse@^7.25.9", "@babel/traverse@^7.26.10":
-  version "7.27.0"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.27.0.tgz#11d7e644779e166c0442f9a07274d02cd91d4a70"
-  integrity sha512-19lYZFzYVQkkHkl4Cy4WrAVcqBkgvV2YM2TU3xG6DIwO7O3ecbDPfW3yM3bjAGcqcQHi+CCtjMR3dIEHxsd6bA==
-  dependencies:
-    "@babel/code-frame" "^7.26.2"
-    "@babel/generator" "^7.27.0"
-    "@babel/parser" "^7.27.0"
-    "@babel/template" "^7.27.0"
-    "@babel/types" "^7.27.0"
-    debug "^4.3.1"
-    globals "^11.1.0"
-
-"@babel/traverse@^7.27.1":
+"@babel/traverse@^7.26.10", "@babel/traverse@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.27.1.tgz#4db772902b133bbddd1c4f7a7ee47761c1b9f291"
   integrity sha512-ZCYtZciz1IWJB4U61UPu4KEaqyfj+r5T1Q5mqPo+IBpcG9kHv30Z0aD8LXPgC1trYa6rK0orRyAhqUgk4MjmEg==
@@ -262,15 +180,7 @@
     debug "^4.3.1"
     globals "^11.1.0"
 
-"@babel/types@^7.25.9", "@babel/types@^7.26.10", "@babel/types@^7.27.0":
-  version "7.27.0"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.27.0.tgz#ef9acb6b06c3173f6632d993ecb6d4ae470b4559"
-  integrity sha512-H45s8fVLYjbhFH62dIJ3WtmJ6RSPt/3DRO0ZcT2SUiYiQyz3BLVb9ADEnLl91m74aQPS3AzzeajZHYOalWe3bg==
-  dependencies:
-    "@babel/helper-string-parser" "^7.25.9"
-    "@babel/helper-validator-identifier" "^7.25.9"
-
-"@babel/types@^7.27.1":
+"@babel/types@^7.26.10", "@babel/types@^7.27.0", "@babel/types@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.27.1.tgz#9defc53c16fc899e46941fc6901a9eea1c9d8560"
   integrity sha512-+EzkxvLNfiUeKMgy/3luqfsCWFRXLb7U6wNQTk60tovuckwB15B191tJWvpp4HjiQWdJkCxO3Wbvc6jlk3Xb2Q==
@@ -345,130 +255,130 @@
     debug "^3.1.0"
     lodash.once "^4.1.1"
 
-"@esbuild/aix-ppc64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.3.tgz#014180d9a149cffd95aaeead37179433f5ea5437"
-  integrity sha512-W8bFfPA8DowP8l//sxjJLSLkD8iEjMc7cBVyP+u4cEv9sM7mdUCkgsj+t0n/BWPFtv7WWCN5Yzj0N6FJNUUqBQ==
-
-"@esbuild/android-arm64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.25.3.tgz#649e47e04ddb24a27dc05c395724bc5f4c55cbfe"
-  integrity sha512-XelR6MzjlZuBM4f5z2IQHK6LkK34Cvv6Rj2EntER3lwCBFdg6h2lKbtRjpTTsdEjD/WSe1q8UyPBXP1x3i/wYQ==
-
-"@esbuild/android-arm@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.25.3.tgz#8a0f719c8dc28a4a6567ef7328c36ea85f568ff4"
-  integrity sha512-PuwVXbnP87Tcff5I9ngV0lmiSu40xw1At6i3GsU77U7cjDDB4s0X2cyFuBiDa1SBk9DnvWwnGvVaGBqoFWPb7A==
-
-"@esbuild/android-x64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.25.3.tgz#e2ab182d1fd06da9bef0784a13c28a7602d78009"
-  integrity sha512-ogtTpYHT/g1GWS/zKM0cc/tIebFjm1F9Aw1boQ2Y0eUQ+J89d0jFY//s9ei9jVIlkYi8AfOjiixcLJSGNSOAdQ==
-
-"@esbuild/darwin-arm64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.25.3.tgz#c7f3166fcece4d158a73dcfe71b2672ca0b1668b"
-  integrity sha512-eESK5yfPNTqpAmDfFWNsOhmIOaQA59tAcF/EfYvo5/QWQCzXn5iUSOnqt3ra3UdzBv073ykTtmeLJZGt3HhA+w==
-
-"@esbuild/darwin-x64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.25.3.tgz#d8c5342ec1a4bf4b1915643dfe031ba4b173a87a"
-  integrity sha512-Kd8glo7sIZtwOLcPbW0yLpKmBNWMANZhrC1r6K++uDR2zyzb6AeOYtI6udbtabmQpFaxJ8uduXMAo1gs5ozz8A==
-
-"@esbuild/freebsd-arm64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.3.tgz#9f7d789e2eb7747d4868817417cc968ffa84f35b"
-  integrity sha512-EJiyS70BYybOBpJth3M0KLOus0n+RRMKTYzhYhFeMwp7e/RaajXvP+BWlmEXNk6uk+KAu46j/kaQzr6au+JcIw==
-
-"@esbuild/freebsd-x64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.25.3.tgz#8ad35c51d084184a8e9e76bb4356e95350a64709"
-  integrity sha512-Q+wSjaLpGxYf7zC0kL0nDlhsfuFkoN+EXrx2KSB33RhinWzejOd6AvgmP5JbkgXKmjhmpfgKZq24pneodYqE8Q==
-
-"@esbuild/linux-arm64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.25.3.tgz#3af0da3d9186092a9edd4e28fa342f57d9e3cd30"
-  integrity sha512-xCUgnNYhRD5bb1C1nqrDV1PfkwgbswTTBRbAd8aH5PhYzikdf/ddtsYyMXFfGSsb/6t6QaPSzxtbfAZr9uox4A==
-
-"@esbuild/linux-arm@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.25.3.tgz#e91cafa95e4474b3ae3d54da12e006b782e57225"
-  integrity sha512-dUOVmAUzuHy2ZOKIHIKHCm58HKzFqd+puLaS424h6I85GlSDRZIA5ycBixb3mFgM0Jdh+ZOSB6KptX30DD8YOQ==
-
-"@esbuild/linux-ia32@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.25.3.tgz#81025732d85b68ee510161b94acdf7e3007ea177"
-  integrity sha512-yplPOpczHOO4jTYKmuYuANI3WhvIPSVANGcNUeMlxH4twz/TeXuzEP41tGKNGWJjuMhotpGabeFYGAOU2ummBw==
-
-"@esbuild/linux-loong64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.25.3.tgz#3c744e4c8d5e1148cbe60a71a11b58ed8ee5deb8"
-  integrity sha512-P4BLP5/fjyihmXCELRGrLd793q/lBtKMQl8ARGpDxgzgIKJDRJ/u4r1A/HgpBpKpKZelGct2PGI4T+axcedf6g==
-
-"@esbuild/linux-mips64el@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.25.3.tgz#1dfe2a5d63702db9034cc6b10b3087cc0424ec26"
-  integrity sha512-eRAOV2ODpu6P5divMEMa26RRqb2yUoYsuQQOuFUexUoQndm4MdpXXDBbUoKIc0iPa4aCO7gIhtnYomkn2x+bag==
-
-"@esbuild/linux-ppc64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.25.3.tgz#2e85d9764c04a1ebb346dc0813ea05952c9a5c56"
-  integrity sha512-ZC4jV2p7VbzTlnl8nZKLcBkfzIf4Yad1SJM4ZMKYnJqZFD4rTI+pBG65u8ev4jk3/MPwY9DvGn50wi3uhdaghg==
-
-"@esbuild/linux-riscv64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.25.3.tgz#a9ea3334556b09f85ccbfead58c803d305092415"
-  integrity sha512-LDDODcFzNtECTrUUbVCs6j9/bDVqy7DDRsuIXJg6so+mFksgwG7ZVnTruYi5V+z3eE5y+BJZw7VvUadkbfg7QA==
-
-"@esbuild/linux-s390x@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.25.3.tgz#f6a7cb67969222b200974de58f105dfe8e99448d"
-  integrity sha512-s+w/NOY2k0yC2p9SLen+ymflgcpRkvwwa02fqmAwhBRI3SC12uiS10edHHXlVWwfAagYSY5UpmT/zISXPMW3tQ==
-
-"@esbuild/linux-x64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.25.3.tgz#a237d3578ecdd184a3066b1f425e314ade0f8033"
-  integrity sha512-nQHDz4pXjSDC6UfOE1Fw9Q8d6GCAd9KdvMZpfVGWSJztYCarRgSDfOVBY5xwhQXseiyxapkiSJi/5/ja8mRFFA==
-
-"@esbuild/netbsd-arm64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.3.tgz#4c15c68d8149614ddb6a56f9c85ae62ccca08259"
-  integrity sha512-1QaLtOWq0mzK6tzzp0jRN3eccmN3hezey7mhLnzC6oNlJoUJz4nym5ZD7mDnS/LZQgkrhEbEiTn515lPeLpgWA==
-
-"@esbuild/netbsd-x64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.25.3.tgz#12f6856f8c54c2d7d0a8a64a9711c01a743878d5"
-  integrity sha512-i5Hm68HXHdgv8wkrt+10Bc50zM0/eonPb/a/OFVfB6Qvpiirco5gBA5bz7S2SHuU+Y4LWn/zehzNX14Sp4r27g==
-
-"@esbuild/openbsd-arm64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.3.tgz#ca078dad4a34df192c60233b058db2ca3d94bc5c"
-  integrity sha512-zGAVApJEYTbOC6H/3QBr2mq3upG/LBEXr85/pTtKiv2IXcgKV0RT0QA/hSXZqSvLEpXeIxah7LczB4lkiYhTAQ==
-
-"@esbuild/openbsd-x64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.25.3.tgz#c9178adb60e140e03a881d0791248489c79f95b2"
-  integrity sha512-fpqctI45NnCIDKBH5AXQBsD0NDPbEFczK98hk/aa6HJxbl+UtLkJV2+Bvy5hLSLk3LHmqt0NTkKNso1A9y1a4w==
-
-"@esbuild/sunos-x64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.25.3.tgz#03765eb6d4214ff27e5230af779e80790d1ee09f"
-  integrity sha512-ROJhm7d8bk9dMCUZjkS8fgzsPAZEjtRJqCAmVgB0gMrvG7hfmPmz9k1rwO4jSiblFjYmNvbECL9uhaPzONMfgA==
-
-"@esbuild/win32-arm64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.25.3.tgz#f1c867bd1730a9b8dfc461785ec6462e349411ea"
-  integrity sha512-YWcow8peiHpNBiIXHwaswPnAXLsLVygFwCB3A7Bh5jRkIBFWHGmNQ48AlX4xDvQNoMZlPYzjVOQDYEzWCqufMQ==
-
-"@esbuild/win32-ia32@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.25.3.tgz#77491f59ef6c9ddf41df70670d5678beb3acc322"
-  integrity sha512-qspTZOIGoXVS4DpNqUYUs9UxVb04khS1Degaw/MnfMe7goQ3lTfQ13Vw4qY/Nj0979BGvMRpAYbs/BAxEvU8ew==
-
-"@esbuild/win32-x64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.25.3.tgz#b17a2171f9074df9e91bfb07ef99a892ac06412a"
-  integrity sha512-ICgUR+kPimx0vvRzf+N/7L7tVSQeE3BYY+NhHRHXS1kBuPO7z2+7ea2HbhDyZdTephgvNvKrlDDKUexuCVBVvg==
+"@esbuild/aix-ppc64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.1.tgz#c33cf6bbee34975626b01b80451cbb72b4c6c91d"
+  integrity sha512-kfYGy8IdzTGy+z0vFGvExZtxkFlA4zAxgKEahG9KE1ScBjpQnFsNOX8KTU5ojNru5ed5CVoJYXFtoxaq5nFbjQ==
+
+"@esbuild/android-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.25.1.tgz#ea766015c7d2655164f22100d33d7f0308a28d6d"
+  integrity sha512-50tM0zCJW5kGqgG7fQ7IHvQOcAn9TKiVRuQ/lN0xR+T2lzEFvAi1ZcS8DiksFcEpf1t/GYOeOfCAgDHFpkiSmA==
+
+"@esbuild/android-arm@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.25.1.tgz#e84d2bf2fe2e6177a0facda3a575b2139fd3cb9c"
+  integrity sha512-dp+MshLYux6j/JjdqVLnMglQlFu+MuVeNrmT5nk6q07wNhCdSnB7QZj+7G8VMUGh1q+vj2Bq8kRsuyA00I/k+Q==
+
+"@esbuild/android-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.25.1.tgz#58337bee3bc6d78d10425e5500bd11370cfdfbed"
+  integrity sha512-GCj6WfUtNldqUzYkN/ITtlhwQqGWu9S45vUXs7EIYf+7rCiiqH9bCloatO9VhxsL0Pji+PF4Lz2XXCES+Q8hDw==
+
+"@esbuild/darwin-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.25.1.tgz#a46805c1c585d451aa83be72500bd6e8495dd591"
+  integrity sha512-5hEZKPf+nQjYoSr/elb62U19/l1mZDdqidGfmFutVUjjUZrOazAtwK+Kr+3y0C/oeJfLlxo9fXb1w7L+P7E4FQ==
+
+"@esbuild/darwin-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.25.1.tgz#0643e003bb238c63fc93ddbee7d26a003be3cd98"
+  integrity sha512-hxVnwL2Dqs3fM1IWq8Iezh0cX7ZGdVhbTfnOy5uURtao5OIVCEyj9xIzemDi7sRvKsuSdtCAhMKarxqtlyVyfA==
+
+"@esbuild/freebsd-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.1.tgz#cff18da5469c09986b93e87979de5d6872fe8f8e"
+  integrity sha512-1MrCZs0fZa2g8E+FUo2ipw6jw5qqQiH+tERoS5fAfKnRx6NXH31tXBKI3VpmLijLH6yriMZsxJtaXUyFt/8Y4A==
+
+"@esbuild/freebsd-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.25.1.tgz#362fc09c2de14987621c1878af19203c46365dde"
+  integrity sha512-0IZWLiTyz7nm0xuIs0q1Y3QWJC52R8aSXxe40VUxm6BB1RNmkODtW6LHvWRrGiICulcX7ZvyH6h5fqdLu4gkww==
+
+"@esbuild/linux-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.25.1.tgz#aa90d5b02efc97a271e124e6d1cea490634f7498"
+  integrity sha512-jaN3dHi0/DDPelk0nLcXRm1q7DNJpjXy7yWaWvbfkPvI+7XNSc/lDOnCLN7gzsyzgu6qSAmgSvP9oXAhP973uQ==
+
+"@esbuild/linux-arm@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.25.1.tgz#dfcefcbac60a20918b19569b4b657844d39db35a"
+  integrity sha512-NdKOhS4u7JhDKw9G3cY6sWqFcnLITn6SqivVArbzIaf3cemShqfLGHYMx8Xlm/lBit3/5d7kXvriTUGa5YViuQ==
+
+"@esbuild/linux-ia32@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.25.1.tgz#6f9527077ccb7953ed2af02e013d4bac69f13754"
+  integrity sha512-OJykPaF4v8JidKNGz8c/q1lBO44sQNUQtq1KktJXdBLn1hPod5rE/Hko5ugKKZd+D2+o1a9MFGUEIUwO2YfgkQ==
+
+"@esbuild/linux-loong64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.25.1.tgz#287d2412a5456e5860c2839d42a4b51284d1697c"
+  integrity sha512-nGfornQj4dzcq5Vp835oM/o21UMlXzn79KobKlcs3Wz9smwiifknLy4xDCLUU0BWp7b/houtdrgUz7nOGnfIYg==
+
+"@esbuild/linux-mips64el@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.25.1.tgz#530574b9e1bc5d20f7a4f44c5f045e26f3783d57"
+  integrity sha512-1osBbPEFYwIE5IVB/0g2X6i1qInZa1aIoj1TdL4AaAb55xIIgbg8Doq6a5BzYWgr+tEcDzYH67XVnTmUzL+nXg==
+
+"@esbuild/linux-ppc64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.25.1.tgz#5d7e6b283a0b321ea42c6bc0abeb9eb99c1f5589"
+  integrity sha512-/6VBJOwUf3TdTvJZ82qF3tbLuWsscd7/1w+D9LH0W/SqUgM5/JJD0lrJ1fVIfZsqB6RFmLCe0Xz3fmZc3WtyVg==
+
+"@esbuild/linux-riscv64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.25.1.tgz#14fa0cd073c26b4ee2465d18cd1e18eea7859fa8"
+  integrity sha512-nSut/Mx5gnilhcq2yIMLMe3Wl4FK5wx/o0QuuCLMtmJn+WeWYoEGDN1ipcN72g1WHsnIbxGXd4i/MF0gTcuAjQ==
+
+"@esbuild/linux-s390x@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.25.1.tgz#e677b4b9d1b384098752266ccaa0d52a420dc1aa"
+  integrity sha512-cEECeLlJNfT8kZHqLarDBQso9a27o2Zd2AQ8USAEoGtejOrCYHNtKP8XQhMDJMtthdF4GBmjR2au3x1udADQQQ==
+
+"@esbuild/linux-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.25.1.tgz#f1c796b78fff5ce393658313e8c58613198d9954"
+  integrity sha512-xbfUhu/gnvSEg+EGovRc+kjBAkrvtk38RlerAzQxvMzlB4fXpCFCeUAYzJvrnhFtdeyVCDANSjJvOvGYoeKzFA==
+
+"@esbuild/netbsd-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.1.tgz#0d280b7dfe3973f111b02d5fe9f3063b92796d29"
+  integrity sha512-O96poM2XGhLtpTh+s4+nP7YCCAfb4tJNRVZHfIE7dgmax+yMP2WgMd2OecBuaATHKTHsLWHQeuaxMRnCsH8+5g==
+
+"@esbuild/netbsd-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.25.1.tgz#be663893931a4bb3f3a009c5cc24fa9681cc71c0"
+  integrity sha512-X53z6uXip6KFXBQ+Krbx25XHV/NCbzryM6ehOAeAil7X7oa4XIq+394PWGnwaSQ2WRA0KI6PUO6hTO5zeF5ijA==
+
+"@esbuild/openbsd-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.1.tgz#d9021b884233673a05dc1cc26de0bf325d824217"
+  integrity sha512-Na9T3szbXezdzM/Kfs3GcRQNjHzM6GzFBeU1/6IV/npKP5ORtp9zbQjvkDJ47s6BCgaAZnnnu/cY1x342+MvZg==
+
+"@esbuild/openbsd-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.25.1.tgz#9f1dc1786ed2e2938c404b06bcc48be9a13250de"
+  integrity sha512-T3H78X2h1tszfRSf+txbt5aOp/e7TAz3ptVKu9Oyir3IAOFPGV6O9c2naym5TOriy1l0nNf6a4X5UXRZSGX/dw==
+
+"@esbuild/sunos-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.25.1.tgz#89aac24a4b4115959b3f790192cf130396696c27"
+  integrity sha512-2H3RUvcmULO7dIE5EWJH8eubZAI4xw54H1ilJnRNZdeo8dTADEZ21w6J22XBkXqGJbe0+wnNJtw3UXRoLJnFEg==
+
+"@esbuild/win32-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.25.1.tgz#354358647a6ea98ea6d243bf48bdd7a434999582"
+  integrity sha512-GE7XvrdOzrb+yVKB9KsRMq+7a2U/K5Cf/8grVFRAGJmfADr/e/ODQ134RK2/eeHqYV5eQRFxb1hY7Nr15fv1NQ==
+
+"@esbuild/win32-ia32@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.25.1.tgz#8cea7340f2647eba951a041dc95651e3908cd4cb"
+  integrity sha512-uOxSJCIcavSiT6UnBhBzE8wy3n0hOkJsBOzy7HDAuTDE++1DJMRRVCPGisULScHL+a/ZwdXPpXD3IyFKjA7K8A==
+
+"@esbuild/win32-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.25.1.tgz#7d79922cb2d88f9048f06393dbf62d2e4accb584"
+  integrity sha512-Y1EQdcfwMSeQN/ujR5VayLOJ1BHaK+ssyk0AEzPjC+t1lITgsnccPqFjb6V+LsTp/9Iov4ysfjxLaGJ9RPtkVg==
 
 "@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
   version "4.6.1"
@@ -671,6 +581,13 @@
     js-yaml "^3.13.1"
     resolve-from "^5.0.0"
 
+"@istanbuljs/nyc-config-typescript@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@istanbuljs/nyc-config-typescript/-/nyc-config-typescript-1.0.2.tgz#1f5235b28540a07219ae0dd42014912a0b19cf89"
+  integrity sha512-iKGIyMoyJuFnJRSVTZ78POIRvNnwZaWIf8vG4ZS3rQq58MMDrqEX2nnzx0R28V2X8JvmKYiqY9FP2hlJsm8A0w==
+  dependencies:
+    "@istanbuljs/schema" "^0.1.2"
+
 "@istanbuljs/schema@^0.1.2", "@istanbuljs/schema@^0.1.3":
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
@@ -752,6 +669,30 @@
   resolved "https://registry.yarnpkg.com/@pkgr/core/-/core-0.2.4.tgz#d897170a2b0ba51f78a099edccd968f7b103387c"
   integrity sha512-ROFF39F6ZrnzSUEmQQZUar0Jt4xVoP9WnDRdWwF4NNcXs3xBTLgBUDoOwW141y1jP+S8nahIbdxbFC7IShw9Iw==
 
+"@playwright/experimental-ct-core@1.52.0":
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/@playwright/experimental-ct-core/-/experimental-ct-core-1.52.0.tgz#3fa18bc7952deaf141ad2a2c1cdfcff1de6c7192"
+  integrity sha512-DiDEammXxt8OIFDfoNitoOZyHFJAu6aYi0abmHl0IZgOQHxccP6UX50aTEnSTTUWCfwUWB0Vd8TKJ6w122WJEw==
+  dependencies:
+    playwright "1.52.0"
+    playwright-core "1.52.0"
+    vite "^6.2.6"
+
+"@playwright/experimental-ct-vue@^1.50.0":
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/@playwright/experimental-ct-vue/-/experimental-ct-vue-1.52.0.tgz#8c5ca57e98def53e6befeadb0a433a9141d133b3"
+  integrity sha512-MaUVEZZ+eo/UH/qWLwUzDl2SgjYyGQUVrGFVayUX07TASS4FDMRV8f8Jjkk0t7iYeFfWE2ZyZS1muLeWeP7qXg==
+  dependencies:
+    "@playwright/experimental-ct-core" "1.52.0"
+    "@vitejs/plugin-vue" "^5.2.0"
+
+"@playwright/test@^1.49.1":
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.52.0.tgz#267ec595b43a8f4fa5e444ea503689629e91a5b8"
+  integrity sha512-uh6W7sb55hl7D6vsAeA+V2p5JnlAqzhqFyF0VcJkKZXkgnFcVG9PziERRHQfPLfNGx1C292a4JqbWzhR8L4R1g==
+  dependencies:
+    playwright "1.52.0"
+
 "@polka/url@^1.0.0-next.24":
   version "1.0.0-next.29"
   resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.29.tgz#5a40109a1ab5f84d6fd8fc928b19f367cbe7e7b1"
@@ -806,7 +747,7 @@
   integrity sha512-4aX9XU/oj1+8O2C7LQCgywmoIw7suyUEZMPFFLWI61f21mF55VOsMdLCBhjeFgL5U4EWy079mfOR6/J8thi/ag==
 
 "@quasar/quasar-app-extension-testing-e2e-cypress@../packages/e2e-cypress":
-  version "6.2.0"
+  version "6.2.1"
   dependencies:
     "@cypress/code-coverage" "^3.12.26"
     cross-env "^7.0.3"
@@ -815,6 +756,14 @@
     start-server-and-test "^2.0.3"
     vite-plugin-istanbul "^7.0.0"
 
+"@quasar/quasar-app-extension-testing-e2e-playwright@../packages/e2e-playwright":
+  version "0.0.1"
+  dependencies:
+    "@istanbuljs/nyc-config-typescript" "^1.0.2"
+    cross-env "^7.0.3"
+    nyc "^17.1.0"
+    vite-plugin-istanbul "^7.0.0"
+
 "@quasar/quasar-app-extension-testing-unit-vitest@../packages/unit-vitest":
   version "1.2.3"
   dependencies:
@@ -1230,6 +1179,11 @@
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-5.2.3.tgz#71a8fc82d4d2e425af304c35bf389506f674d89b"
   integrity sha512-IYSLEQj4LgZZuoVpdSUCw3dIynTWQgPlaRP6iAvMle4My0HdYwr5g5wQAfwOeHQBmYwEkqF70nRpSilr6PoUDg==
 
+"@vitejs/plugin-vue@^5.2.0":
+  version "5.2.4"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-5.2.4.tgz#9e8a512eb174bfc2a333ba959bbf9de428d89ad8"
+  integrity sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==
+
 "@vitest/expect@3.1.2":
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-3.1.2.tgz#b203a7ad2efa6af96c85f6c116216bda259d2bc8"
@@ -1249,13 +1203,20 @@
     estree-walker "^3.0.3"
     magic-string "^0.30.17"
 
-"@vitest/pretty-format@3.1.2", "@vitest/pretty-format@^3.1.2":
+"@vitest/pretty-format@3.1.2":
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/@vitest/pretty-format/-/pretty-format-3.1.2.tgz#689b0604c0b73fdccb144f11b64d70c9233b23b8"
   integrity sha512-R0xAiHuWeDjTSB3kQ3OQpT8Rx3yhdOAIm/JM4axXxnG7Q/fS8XUwggv/A4xzbQA+drYRjzkMnpYnOGAc4oeq8w==
   dependencies:
     tinyrainbow "^2.0.0"
 
+"@vitest/pretty-format@^3.1.2":
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/@vitest/pretty-format/-/pretty-format-3.1.3.tgz#760b9eab5f253d7d2e7dcd28ef34570f584023d4"
+  integrity sha512-i6FDiBeJUGLDKADw2Gb01UtUNb12yyXAqC/mmRWuYl+m/U9GS7s8us5ONmGkGpUUo7/iAYzI2ePVfOZTYvUifA==
+  dependencies:
+    tinyrainbow "^2.0.0"
+
 "@vitest/runner@3.1.2":
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/@vitest/runner/-/runner-3.1.2.tgz#ffeba74618046221e944e94f09b565af772170cf"
@@ -1508,11 +1469,21 @@ acorn-jsx@^5.3.2:
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
-acorn@^8.14.0, acorn@^8.5.0, acorn@^8.8.2, acorn@^8.9.0:
+acorn@^8.14.0, acorn@^8.5.0:
   version "8.14.1"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.14.1.tgz#721d5dc10f7d5b5609a891773d47731796935dfb"
   integrity sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==
 
+acorn@^8.8.2:
+  version "8.12.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.12.1.tgz#71616bdccbe25e27a54439e0046e89ca76df2248"
+  integrity sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==
+
+acorn@^8.9.0:
+  version "8.11.2"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.11.2.tgz#ca0d78b51895be5390a5903c5b3bdcdaf78ae40b"
+  integrity sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==
+
 aggregate-error@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/aggregate-error/-/aggregate-error-3.1.0.tgz#92670ff50f5359bdb7a3e0d40d0ec30c5737687a"
@@ -1554,9 +1525,9 @@ ansi-regex@^5.0.1:
   integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
 
 ansi-regex@^6.0.1:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-6.1.0.tgz#95ec409c69619d6cb1b8b34f14b660ef28ebd654"
-  integrity sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-6.0.1.tgz#3183e38fae9a65d7cb5e53945cd5897d0260a06a"
+  integrity sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==
 
 ansi-styles@^4.0.0, ansi-styles@^4.1.0:
   version "4.3.0"
@@ -1707,7 +1678,16 @@ aws4@^1.8.0:
   resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.13.2.tgz#0aa167216965ac9474ccfa83892cfb6b3e1e52ef"
   integrity sha512-lHe62zvbTB5eEABUVi/AwVh0ZKY9rMMDhmm+eeyuuUQbQ3+J+fONVQOZyj+DdrvD4BY33uYniyRJ4UJIaSKAfw==
 
-axios@^1.6.3, axios@^1.8.2:
+axios@^1.6.3:
+  version "1.6.3"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.6.3.tgz#7f50f23b3aa246eff43c54834272346c396613f4"
+  integrity sha512-fWyNdeawGam70jXSVlKl+SUNVcL6j6W79CuSIPfi6HnDUmSCH6gyUys/HrqHeA/wU0Az41rRgean494d0Jb+ww==
+  dependencies:
+    follow-redirects "^1.15.0"
+    form-data "^4.0.0"
+    proxy-from-env "^1.1.0"
+
+axios@^1.8.2:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/axios/-/axios-1.9.0.tgz#25534e3b72b54540077d33046f77e3b8d7081901"
   integrity sha512-re4CqKTJaURpzbLHtIi6XpDv20/CnpXOtjRY5/CU32L8gU8ek9UIivcfvSWvmKEngmVbrUtPpdDwWDWL7DNHvg==
@@ -1934,7 +1914,12 @@ camelcase@^5.0.0, camelcase@^5.3.1:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
-caniuse-lite@^1.0.30001688, caniuse-lite@^1.0.30001702:
+caniuse-lite@^1.0.30001688:
+  version "1.0.30001707"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001707.tgz#c5e104d199e6f4355a898fcd995a066c7eb9bf41"
+  integrity sha512-3qtRjw/HQSMlDWf+X79N206fepf4SOOU6SQLMaq/0KkZLmSjPxAkBOQQ+FxbHKfHmYLZFfdWsO3KA90ceHPSnw==
+
+caniuse-lite@^1.0.30001702:
   version "1.0.30001715"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001715.tgz#bd325a37ad366e3fe90827d74062807a34fbaeb2"
   integrity sha512-7ptkFGMm2OAOgvZpwgA4yjQ5SQbrNVGdRjzH0pBdy1Fasvcr+KAeECmbCAECzTuDuoX0FCY8KzUxjf9+9kfZEw==
@@ -2255,7 +2240,16 @@ cross-env@^7.0.3:
   dependencies:
     cross-spawn "^7.0.1"
 
-cross-spawn@^7.0.0, cross-spawn@^7.0.1, cross-spawn@^7.0.3, cross-spawn@^7.0.6:
+cross-spawn@^7.0.0, cross-spawn@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
+  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
+cross-spawn@^7.0.1, cross-spawn@^7.0.6:
   version "7.0.6"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f"
   integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
@@ -2330,11 +2324,16 @@ dashdash@^1.12.0:
   dependencies:
     assert-plus "^1.0.0"
 
-dayjs@1.11.13, dayjs@^1.10.4:
+dayjs@1.11.13:
   version "1.11.13"
   resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.13.tgz#92430b0139055c3ebb60150aa13e860a4b5a366c"
   integrity sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==
 
+dayjs@^1.10.4:
+  version "1.11.10"
+  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.10.tgz#68acea85317a6e164457d6d6947564029a6a16a0"
+  integrity sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==
+
 de-indent@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
@@ -2347,7 +2346,7 @@ debug@2.6.9:
   dependencies:
     ms "2.0.0"
 
-debug@4.4.0, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4, debug@^4.4.0:
+debug@4.4.0, debug@^4.3.3, debug@^4.4.0:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
   integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==
@@ -2361,6 +2360,13 @@ debug@^3.1.0:
   dependencies:
     ms "^2.1.1"
 
+debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4:
+  version "4.3.4"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
+  integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
+  dependencies:
+    ms "2.1.2"
+
 decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
@@ -2505,9 +2511,9 @@ ee-first@1.1.1:
   integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
 
 electron-to-chromium@^1.5.73:
-  version "1.5.142"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.142.tgz#1de55d0d19b24b07768c4bfc90f41bd7f248d043"
-  integrity sha512-Ah2HgkTu/9RhTDNThBtzu2Wirdy4DC9b0sMT1pUhbkZQ5U/iwmE+PHZX1MpjD5IkJCc2wSghgGG/B04szAx07w==
+  version "1.5.128"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.128.tgz#8ea537b369c32527b3cc47df7973bffe5d3c2980"
+  integrity sha512-bo1A4HH/NS522Ws0QNFIzyPcyUUNV/yyy70Ho1xqfGYzPUme2F/xr4tlEOuM6/A538U1vDA7a4XfCd1CKRegKQ==
 
 elementtree@0.1.7:
   version "0.1.7"
@@ -2594,37 +2600,42 @@ es6-error@^4.0.1:
   integrity sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==
 
 esbuild@^0.25.0:
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.25.3.tgz#371f7cb41283e5b2191a96047a7a89562965a285"
-  integrity sha512-qKA6Pvai73+M2FtftpNKRxJ78GIjmFXFxd/1DVBqGo/qNhLSfv+G12n9pNoWdytJC8U00TrViOwpjT0zgqQS8Q==
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.25.1.tgz#a16b8d070b6ad4871935277bda6ccfe852e3fa2f"
+  integrity sha512-BGO5LtrGC7vxnqucAe/rmvKdJllfGaYWdyABvyMoXQlfYMb2bbRuReWR5tEGE//4LcNJj9XrkovTqNYRFZHAMQ==
   optionalDependencies:
-    "@esbuild/aix-ppc64" "0.25.3"
-    "@esbuild/android-arm" "0.25.3"
-    "@esbuild/android-arm64" "0.25.3"
-    "@esbuild/android-x64" "0.25.3"
-    "@esbuild/darwin-arm64" "0.25.3"
-    "@esbuild/darwin-x64" "0.25.3"
-    "@esbuild/freebsd-arm64" "0.25.3"
-    "@esbuild/freebsd-x64" "0.25.3"
-    "@esbuild/linux-arm" "0.25.3"
-    "@esbuild/linux-arm64" "0.25.3"
-    "@esbuild/linux-ia32" "0.25.3"
-    "@esbuild/linux-loong64" "0.25.3"
-    "@esbuild/linux-mips64el" "0.25.3"
-    "@esbuild/linux-ppc64" "0.25.3"
-    "@esbuild/linux-riscv64" "0.25.3"
-    "@esbuild/linux-s390x" "0.25.3"
-    "@esbuild/linux-x64" "0.25.3"
-    "@esbuild/netbsd-arm64" "0.25.3"
-    "@esbuild/netbsd-x64" "0.25.3"
-    "@esbuild/openbsd-arm64" "0.25.3"
-    "@esbuild/openbsd-x64" "0.25.3"
-    "@esbuild/sunos-x64" "0.25.3"
-    "@esbuild/win32-arm64" "0.25.3"
-    "@esbuild/win32-ia32" "0.25.3"
-    "@esbuild/win32-x64" "0.25.3"
-
-escalade@^3.1.1, escalade@^3.2.0:
+    "@esbuild/aix-ppc64" "0.25.1"
+    "@esbuild/android-arm" "0.25.1"
+    "@esbuild/android-arm64" "0.25.1"
+    "@esbuild/android-x64" "0.25.1"
+    "@esbuild/darwin-arm64" "0.25.1"
+    "@esbuild/darwin-x64" "0.25.1"
+    "@esbuild/freebsd-arm64" "0.25.1"
+    "@esbuild/freebsd-x64" "0.25.1"
+    "@esbuild/linux-arm" "0.25.1"
+    "@esbuild/linux-arm64" "0.25.1"
+    "@esbuild/linux-ia32" "0.25.1"
+    "@esbuild/linux-loong64" "0.25.1"
+    "@esbuild/linux-mips64el" "0.25.1"
+    "@esbuild/linux-ppc64" "0.25.1"
+    "@esbuild/linux-riscv64" "0.25.1"
+    "@esbuild/linux-s390x" "0.25.1"
+    "@esbuild/linux-x64" "0.25.1"
+    "@esbuild/netbsd-arm64" "0.25.1"
+    "@esbuild/netbsd-x64" "0.25.1"
+    "@esbuild/openbsd-arm64" "0.25.1"
+    "@esbuild/openbsd-x64" "0.25.1"
+    "@esbuild/sunos-x64" "0.25.1"
+    "@esbuild/win32-arm64" "0.25.1"
+    "@esbuild/win32-ia32" "0.25.1"
+    "@esbuild/win32-x64" "0.25.1"
+
+escalade@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
+  integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
+
+escalade@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
   integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
@@ -2667,6 +2678,13 @@ eslint-plugin-cypress@^4.2.1:
   dependencies:
     globals "^15.15.0"
 
+eslint-plugin-playwright@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-playwright/-/eslint-plugin-playwright-2.2.0.tgz#d7eda21e670274fc0c006e11ba5cc2c8417b2a6e"
+  integrity sha512-qSQpAw7RcSzE3zPp8FMGkthaCWovHZ/BsXtpmnGax9vQLIovlh1bsZHEa2+j2lv9DWhnyeLM/qZmp7ffQZfQvg==
+  dependencies:
+    globals "^13.23.0"
+
 eslint-plugin-prettier@^5.2.2:
   version "5.2.6"
   resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.6.tgz#be39e3bb23bb3eeb7e7df0927cdb46e4d7945096"
@@ -3099,6 +3117,11 @@ flatted@^3.2.9, flatted@^3.3.3:
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.3.tgz#67c8fad95454a7c7abebf74bb78ee74a44023358"
   integrity sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==
 
+follow-redirects@^1.15.0:
+  version "1.15.3"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.3.tgz#fe2f3ef2690afce7e82ed0b44db08165b207123a"
+  integrity sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==
+
 follow-redirects@^1.15.6:
   version "1.15.9"
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.9.tgz#a604fa10e443bf98ca94228d9eebcc2e8a2c8ee1"
@@ -3112,7 +3135,7 @@ foreground-child@^2.0.0:
     cross-spawn "^7.0.0"
     signal-exit "^3.0.2"
 
-foreground-child@^3.1.0:
+foreground-child@^3.1.0, foreground-child@^3.3.0:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-3.3.1.tgz#32e8e9ed1b68a3497befb9ac2b6adf92a638576f"
   integrity sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==
@@ -3184,6 +3207,11 @@ fs.realpath@^1.0.0:
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
+fsevents@2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
+  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
+
 fsevents@~2.3.2, fsevents@~2.3.3:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
@@ -3309,7 +3337,7 @@ globals@^11.1.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globals@^13.24.0:
+globals@^13.23.0, globals@^13.24.0:
   version "13.24.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
   integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
@@ -3700,7 +3728,7 @@ istanbul-lib-instrument@^4.0.0:
     istanbul-lib-coverage "^3.0.0"
     semver "^6.3.0"
 
-istanbul-lib-instrument@^6.0.3:
+istanbul-lib-instrument@^6.0.2, istanbul-lib-instrument@^6.0.3:
   version "6.0.3"
   resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz#fa15401df6c15874bcb2105f773325d78c666765"
   integrity sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==
@@ -4006,6 +4034,13 @@ lru-cache@^5.1.1:
   dependencies:
     yallist "^3.0.2"
 
+lru-cache@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
+  integrity sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==
+  dependencies:
+    yallist "^4.0.0"
+
 magic-string@^0.30.11, magic-string@^0.30.17:
   version "0.30.17"
   resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.17.tgz#450a449673d2460e5bbcfba9a61916a1714c7453"
@@ -4160,6 +4195,11 @@ ms@2.0.0:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
   integrity sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==
 
+ms@2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
+  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
+
 ms@2.1.3, ms@^2.1.1, ms@^2.1.3:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
@@ -4292,6 +4332,39 @@ nyc@15.1.0, nyc@^15.1.0:
     test-exclude "^6.0.0"
     yargs "^15.0.2"
 
+nyc@^17.1.0:
+  version "17.1.0"
+  resolved "https://registry.yarnpkg.com/nyc/-/nyc-17.1.0.tgz#b6349a401a62ffeb912bd38ea9a018839fdb6eb1"
+  integrity sha512-U42vQ4czpKa0QdI1hu950XuNhYqgoM+ZF1HT+VuUHL9hPfDPVvNQyltmMqdE9bUHMVa+8yNbc3QKTj8zQhlVxQ==
+  dependencies:
+    "@istanbuljs/load-nyc-config" "^1.0.0"
+    "@istanbuljs/schema" "^0.1.2"
+    caching-transform "^4.0.0"
+    convert-source-map "^1.7.0"
+    decamelize "^1.2.0"
+    find-cache-dir "^3.2.0"
+    find-up "^4.1.0"
+    foreground-child "^3.3.0"
+    get-package-type "^0.1.0"
+    glob "^7.1.6"
+    istanbul-lib-coverage "^3.0.0"
+    istanbul-lib-hook "^3.0.0"
+    istanbul-lib-instrument "^6.0.2"
+    istanbul-lib-processinfo "^2.0.2"
+    istanbul-lib-report "^3.0.0"
+    istanbul-lib-source-maps "^4.0.0"
+    istanbul-reports "^3.0.2"
+    make-dir "^3.0.0"
+    node-preload "^0.2.1"
+    p-map "^3.0.0"
+    process-on-spawn "^1.0.0"
+    resolve-from "^5.0.0"
+    rimraf "^3.0.0"
+    signal-exit "^3.0.2"
+    spawn-wrap "^2.0.0"
+    test-exclude "^6.0.0"
+    yargs "^15.0.2"
+
 object-inspect@^1.13.3:
   version "1.13.4"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.4.tgz#8375265e21bc20d0fa582c22e1b13485d6e00213"
@@ -4592,6 +4665,20 @@ pkg-types@^1.3.0:
     mlly "^1.7.4"
     pathe "^2.0.1"
 
+playwright-core@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.52.0.tgz#238f1f0c3edd4ebba0434ce3f4401900319a3dca"
+  integrity sha512-l2osTgLXSMeuLZOML9qYODUQoPPnUsKsb5/P6LJ2e6uPKXUdPK5WYhN4z03G+YNbWmGDY4YENauNu4ZKczreHg==
+
+playwright@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.52.0.tgz#26cb9a63346651e1c54c8805acfd85683173d4bd"
+  integrity sha512-JAwMNMBlxJ2oD1kce4KPtMkDeKGHQstdpFPcPH3maElAXon/QZeTvtsfXmTMRyO9TslfoYOXkSsvao2nE1ilTw==
+  dependencies:
+    playwright-core "1.52.0"
+  optionalDependencies:
+    fsevents "2.3.2"
+
 postcss-selector-parser@^6.0.15:
   version "6.1.2"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz#27ecb41fb0e3b6ba7a1ec84fff347f734c7929de"
@@ -5089,11 +5176,18 @@ semver@^6.0.0, semver@^6.3.0, semver@^6.3.1:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.3.2, semver@^7.3.5, semver@^7.3.6, semver@^7.5.3, semver@^7.5.4, semver@^7.6.0, semver@^7.6.3, semver@^7.7.1:
+semver@^7.3.2, semver@^7.3.5, semver@^7.6.0, semver@^7.6.3, semver@^7.7.1:
   version "7.7.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.1.tgz#abd5098d82b18c6c81f6074ff2647fd3e7220c9f"
   integrity sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==
 
+semver@^7.3.6, semver@^7.5.3, semver@^7.5.4:
+  version "7.5.4"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e"
+  integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
+  dependencies:
+    lru-cache "^6.0.0"
+
 send@0.19.0:
   version "0.19.0"
   resolved "https://registry.yarnpkg.com/send/-/send-0.19.0.tgz#bbc5a388c8ea6c048967049dbeac0e4a3f09d7f8"
@@ -5716,9 +5810,9 @@ typescript@~5.5.3:
   integrity sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==
 
 ufo@^1.5.4:
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.6.1.tgz#ac2db1d54614d1b22c1d603e3aef44a85d8f146b"
-  integrity sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==
+  version "1.5.4"
+  resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.5.4.tgz#16d6949674ca0c9e0fbbae1fa20a71d7b1ded754"
+  integrity sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==
 
 undici-types@~6.19.2:
   version "6.19.8"
@@ -5854,7 +5948,21 @@ vite-tsconfig-paths@^5.1.4:
     globrex "^0.1.2"
     tsconfck "^3.0.3"
 
-"vite@^5.0.0 || ^6.0.0", vite@^6.1.0:
+"vite@^5.0.0 || ^6.0.0", vite@^6.2.6:
+  version "6.3.5"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-6.3.5.tgz#fec73879013c9c0128c8d284504c6d19410d12a3"
+  integrity sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==
+  dependencies:
+    esbuild "^0.25.0"
+    fdir "^6.4.4"
+    picomatch "^4.0.2"
+    postcss "^8.5.3"
+    rollup "^4.34.9"
+    tinyglobby "^0.2.13"
+  optionalDependencies:
+    fsevents "~2.3.3"
+
+vite@^6.1.0:
   version "6.3.3"
   resolved "https://registry.yarnpkg.com/vite/-/vite-6.3.3.tgz#497392c3f2243194e4dbf09ea83e9a3dddf49b88"
   integrity sha512-5nXH+QsELbFKhsEfWLkHrvgRpTdGJzqOZ+utSdmPTvwHmvU6ITTm3xx+mRusihkcI8GeC7lCDyn3kDtiki9scw==
@@ -6109,6 +6217,11 @@ yallist@^3.0.2:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
   integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
 
+yallist@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
+  integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
+
 yaml-eslint-parser@^1.2.2:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/yaml-eslint-parser/-/yaml-eslint-parser-1.3.0.tgz#975dd11f8349e18c15c88b0e41a6d0b0377969cd"
diff --git a/test-webpack-app-v3/.eslintrc.js b/test-webpack-app-v3/.eslintrc.js
index 972424aa..5ddff0bf 100644
--- a/test-webpack-app-v3/.eslintrc.js
+++ b/test-webpack-app-v3/.eslintrc.js
@@ -118,5 +118,10 @@ module.exports = {
         'plugin:jest/style',
       ],
     },
+
+    {
+      files: ['src/components/**/*.spec.{js,ts}', 'test/**/*.spec.{js,ts}'],
+      extends: 'plugin:playwright/recommended',
+    },
   ],
 };
diff --git a/test-webpack-app-v3/.gitignore b/test-webpack-app-v3/.gitignore
index 553e1345..5bb3a81f 100644
--- a/test-webpack-app-v3/.gitignore
+++ b/test-webpack-app-v3/.gitignore
@@ -31,3 +31,10 @@ yarn-error.log*
 *.ntvs*
 *.njsproj
 *.sln
+
+
+# Playwright
+/test-results/
+/playwright-report/
+/blob-report
+/playwright/.cache/
diff --git a/test-webpack-app-v3/package.json b/test-webpack-app-v3/package.json
index 47fc5c76..2c94a435 100644
--- a/test-webpack-app-v3/package.json
+++ b/test-webpack-app-v3/package.json
@@ -20,20 +20,25 @@
     "test:all": "yarn test:jest && yarn test:cypress",
     "sync:invoke:test:jest": "yarn sync:invoke:jest && yarn test:jest",
     "sync:invoke:test:cypress": "yarn sync:invoke:cypress && yarn test:cypress",
+    "sync:playwright": "yarn --cwd ../packages/e2e-playwright build:local && yarn add -D ../packages/e2e-playwright",
+    "invoke:playwright": "quasar ext invoke @quasar/testing-e2e-playwright && yarn format",
+    "sync:invoke:playwright": "yarn sync:playwright && yarn invoke:playwright",
     "sync:invoke:test:all": "yarn sync:invoke:test:jest && yarn sync:invoke:test:cypress",
     "lint": "eslint --ext .js,.ts,.vue ./",
     "format": "prettier --write \"**/*.{js,ts,vue,scss,html,md,json}\" --ignore-path .gitignore",
-    "test": "echo \"See package.json => scripts for available tests.\" && exit 0",
+    "test": "yarn test:clear && yarn test:component:ci && yarn test:e2e:ci",
     "test:unit:ui": "majestic",
     "test:unit": "jest",
     "test:unit:ci": "jest --ci",
     "test:unit:coverage": "jest --coverage",
     "test:unit:watch": "jest --watch",
     "test:unit:watchAll": "jest --watchAll",
-    "test:e2e": "cross-env NODE_ENV=test start-test \"quasar dev\" http-get://127.0.0.1:8080 \"cypress open --e2e\"",
-    "test:e2e:ci": "cross-env NODE_ENV=test start-test \"quasar dev\" http-get://127.0.0.1:8080 \"cypress run --e2e\"",
+    "test:e2e": "cross-env NODE_ENV=test playwright test --ui",
+    "test:e2e:ci": "cross-env NODE_ENV=test playwright test",
     "test:component": "cross-env NODE_ENV=test cypress open --component",
-    "test:component:ci": "cross-env NODE_ENV=test cypress run --component"
+    "test:component:ci": "cross-env NODE_ENV=test cypress run --component",
+    "test:clear": "rimraf .nyc_output coverage",
+    "test:report": "playwright show-report"
   },
   "dependencies": {
     "@quasar/extras": "^1.16.6",
@@ -49,8 +54,10 @@
     "cypress": "We're keeping this pinned to v12 on purpose to test a setup using the older Cypress version"
   },
   "devDependencies": {
+    "@playwright/test": "^1.49.1",
     "@quasar/app-webpack": "^3.13.2",
     "@quasar/quasar-app-extension-testing-e2e-cypress": "../packages/e2e-cypress",
+    "@quasar/quasar-app-extension-testing-e2e-playwright": "../packages/e2e-playwright",
     "@quasar/quasar-app-extension-testing-unit-jest": "../packages/unit-jest",
     "@types/node": "^18.17.15",
     "@typescript-eslint/eslint-plugin": "^7.13.1",
@@ -61,6 +68,7 @@
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-cypress": "^3.6.0",
     "eslint-plugin-jest": "^28.8.3",
+    "eslint-plugin-playwright": "^2.1.0",
     "eslint-plugin-vue": "^9.17.0",
     "jest": "^29.7.0",
     "majestic": "^1.7.0",
diff --git a/test-webpack-app-v3/playwright.config.ts b/test-webpack-app-v3/playwright.config.ts
new file mode 100644
index 00000000..64a6a63c
--- /dev/null
+++ b/test-webpack-app-v3/playwright.config.ts
@@ -0,0 +1,79 @@
+import { defineConfig, devices } from '@playwright/test';
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// import dotenv from 'dotenv';
+// import path from 'path';
+// dotenv.config({ path: path.resolve(__dirname, '.env') });
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './test/playwright',
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: 'http://localhost:8080',
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+
+    /* Test against mobile viewports. */
+    // {
+    //   name: 'Mobile Chrome',
+    //   use: { ...devices['Pixel 5'] },
+    // },
+    // {
+    //   name: 'Mobile Safari',
+    //   use: { ...devices['iPhone 12'] },
+    // },
+
+    /* Test against branded browsers. */
+    // {
+    //   name: 'Microsoft Edge',
+    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    // },
+    // {
+    //   name: 'Google Chrome',
+    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    // },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    command: 'quasar dev -p 8080',
+    url: 'http://localhost:8080',
+    reuseExistingServer: !process.env.CI,
+  },
+});
diff --git a/test-webpack-app-v3/quasar.extensions.json b/test-webpack-app-v3/quasar.extensions.json
index 51b40e2f..566bd9b2 100644
--- a/test-webpack-app-v3/quasar.extensions.json
+++ b/test-webpack-app-v3/quasar.extensions.json
@@ -5,5 +5,10 @@
   "@quasar/testing-e2e-cypress": {
     "port": 8080,
     "options": []
+  },
+  "@quasar/testing-e2e-playwright": {
+    "port": 8080,
+    "githubWorkflow": true,
+    "installBrowsers": true
   }
 }
diff --git a/test-webpack-app-v3/test/playwright/home.spec.ts b/test-webpack-app-v3/test/playwright/home.spec.ts
new file mode 100644
index 00000000..18173075
--- /dev/null
+++ b/test-webpack-app-v3/test/playwright/home.spec.ts
@@ -0,0 +1,20 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright';
+
+test('has title', async ({ page }) => {
+  await page.goto('https://playwright.dev/');
+
+  await expect(page).toHaveTitle(/Playwright/);
+});
+
+test('get started link', async ({ page }) => {
+  await page.goto('https://playwright.dev/');
+
+  await page.getByRole('link', { name: 'Get started' }).click();
+
+  await expect(
+    page.getByRole('heading', { name: 'Installation' }),
+  ).toBeVisible();
+});
diff --git a/test-webpack-app-v3/yarn.lock b/test-webpack-app-v3/yarn.lock
index f7531d92..dc1d6b12 100644
--- a/test-webpack-app-v3/yarn.lock
+++ b/test-webpack-app-v3/yarn.lock
@@ -1639,6 +1639,13 @@
     js-yaml "^3.13.1"
     resolve-from "^5.0.0"
 
+"@istanbuljs/nyc-config-typescript@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@istanbuljs/nyc-config-typescript/-/nyc-config-typescript-1.0.2.tgz#1f5235b28540a07219ae0dd42014912a0b19cf89"
+  integrity sha512-iKGIyMoyJuFnJRSVTZ78POIRvNnwZaWIf8vG4ZS3rQq58MMDrqEX2nnzx0R28V2X8JvmKYiqY9FP2hlJsm8A0w==
+  dependencies:
+    "@istanbuljs/schema" "^0.1.2"
+
 "@istanbuljs/schema@^0.1.2", "@istanbuljs/schema@^0.1.3":
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
@@ -1912,6 +1919,13 @@
   resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
   integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
 
+"@playwright/test@^1.49.1":
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.52.0.tgz#267ec595b43a8f4fa5e444ea503689629e91a5b8"
+  integrity sha512-uh6W7sb55hl7D6vsAeA+V2p5JnlAqzhqFyF0VcJkKZXkgnFcVG9PziERRHQfPLfNGx1C292a4JqbWzhR8L4R1g==
+  dependencies:
+    playwright "1.52.0"
+
 "@polka/url@^1.0.0-next.24":
   version "1.0.0-next.25"
   resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.25.tgz#f077fdc0b5d0078d30893396ff4827a13f99e817"
@@ -2016,14 +2030,22 @@
   integrity sha512-sbTBHOA+Hi7ah0P6qSm+xfRXqwJ94ct3NKA3Lkq3iNPYuHD7VXbSWtP2eA7Cu9Fd0WjVoPbngf6yFGg46U3IfQ==
 
 "@quasar/quasar-app-extension-testing-e2e-cypress@../packages/e2e-cypress":
-  version "6.2.0"
+  version "6.2.1"
   dependencies:
     "@cypress/code-coverage" "^3.12.26"
     cross-env "^7.0.3"
     lodash "^4.17.21"
     nyc "^15.1.0"
     start-server-and-test "^2.0.3"
-    vite-plugin-istanbul "^5.0.0"
+    vite-plugin-istanbul "^7.0.0"
+
+"@quasar/quasar-app-extension-testing-e2e-playwright@../packages/e2e-playwright":
+  version "0.0.1"
+  dependencies:
+    "@istanbuljs/nyc-config-typescript" "^1.0.2"
+    cross-env "^7.0.3"
+    nyc "^17.1.0"
+    vite-plugin-istanbul "^7.0.0"
 
 "@quasar/quasar-app-extension-testing-unit-jest@../packages/unit-jest":
   version "3.0.3"
@@ -2877,6 +2899,11 @@ acorn@^8.0.4, acorn@^8.1.0, acorn@^8.11.0, acorn@^8.7.1, acorn@^8.8.1, acorn@^8.
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.12.0.tgz#1627bfa2e058148036133b8d9b51a700663c294c"
   integrity sha512-RTvkC4w+KNXrM39/lWCUaG0IbRkWdCv7W/IOW9oU6SawyxulvkQy5HQPVTKxEjczcUvapcrw3cFx/60VN/NRNw==
 
+acorn@^8.14.0:
+  version "8.14.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.14.1.tgz#721d5dc10f7d5b5609a891773d47731796935dfb"
+  integrity sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==
+
 agent-base@6:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
@@ -3984,6 +4011,15 @@ cross-spawn@7.0.3, cross-spawn@^7.0.0, cross-spawn@^7.0.1, cross-spawn@^7.0.2, c
     shebang-command "^2.0.0"
     which "^2.0.1"
 
+cross-spawn@^7.0.6:
+  version "7.0.6"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f"
+  integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
+  dependencies:
+    path-key "^3.1.0"
+    shebang-command "^2.0.0"
+    which "^2.0.1"
+
 css-declaration-sorter@^6.3.1:
   version "6.4.1"
   resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz#28beac7c20bad7f1775be3a7129d7eae409a3a71"
@@ -4683,6 +4719,13 @@ eslint-plugin-jest@^28.8.3:
   dependencies:
     "@typescript-eslint/utils" "^6.0.0 || ^7.0.0 || ^8.0.0"
 
+eslint-plugin-playwright@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-playwright/-/eslint-plugin-playwright-2.2.0.tgz#d7eda21e670274fc0c006e11ba5cc2c8417b2a6e"
+  integrity sha512-qSQpAw7RcSzE3zPp8FMGkthaCWovHZ/BsXtpmnGax9vQLIovlh1bsZHEa2+j2lv9DWhnyeLM/qZmp7ffQZfQvg==
+  dependencies:
+    globals "^13.23.0"
+
 eslint-plugin-vue@^9.17.0:
   version "9.26.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.26.0.tgz#bf7f5cce62c8f878059b91edae44d22974133af5"
@@ -4718,6 +4761,11 @@ eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
   integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
 
+eslint-visitor-keys@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz#687bacb2af884fcdda8a6e7d65c606f46a14cd45"
+  integrity sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==
+
 eslint@^8.49.0:
   version "8.57.0"
   resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.57.0.tgz#c786a6fd0e0b68941aaf624596fb987089195668"
@@ -4762,6 +4810,15 @@ eslint@^8.49.0:
     strip-ansi "^6.0.1"
     text-table "^0.2.0"
 
+espree@^10.3.0:
+  version "10.3.0"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-10.3.0.tgz#29267cf5b0cb98735b65e64ba07e0ed49d1eed8a"
+  integrity sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==
+  dependencies:
+    acorn "^8.14.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^4.2.0"
+
 espree@^9.3.1, espree@^9.6.0, espree@^9.6.1:
   version "9.6.1"
   resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f"
@@ -5181,6 +5238,14 @@ foreground-child@^3.1.0:
     cross-spawn "^7.0.0"
     signal-exit "^4.0.1"
 
+foreground-child@^3.3.0:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-3.3.1.tgz#32e8e9ed1b68a3497befb9ac2b6adf92a638576f"
+  integrity sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==
+  dependencies:
+    cross-spawn "^7.0.6"
+    signal-exit "^4.0.1"
+
 forever-agent@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
@@ -5282,6 +5347,11 @@ fs.realpath@^1.0.0:
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
+fsevents@2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
+  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
+
 fsevents@^2.3.2, fsevents@~2.3.2:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
@@ -5387,6 +5457,18 @@ glob@^10.3.3:
     package-json-from-dist "^1.0.0"
     path-scurry "^1.11.1"
 
+glob@^10.4.1:
+  version "10.4.5"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-10.4.5.tgz#f4d9f0b90ffdbab09c9d77f5f29b4262517b0956"
+  integrity sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==
+  dependencies:
+    foreground-child "^3.1.0"
+    jackspeak "^3.1.2"
+    minimatch "^9.0.4"
+    minipass "^7.1.2"
+    package-json-from-dist "^1.0.0"
+    path-scurry "^1.11.1"
+
 glob@^7.1.3, glob@^7.1.4, glob@^7.1.6, glob@^7.2.3:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
@@ -5421,7 +5503,7 @@ globals@^11.1.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globals@^13.19.0, globals@^13.20.0, globals@^13.24.0:
+globals@^13.19.0, globals@^13.20.0, globals@^13.23.0, globals@^13.24.0:
   version "13.24.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
   integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
@@ -6017,7 +6099,7 @@ istanbul-lib-instrument@^4.0.0:
     istanbul-lib-coverage "^3.0.0"
     semver "^6.3.0"
 
-istanbul-lib-instrument@^5.0.4, istanbul-lib-instrument@^5.1.0:
+istanbul-lib-instrument@^5.0.4:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz#d10c8885c2125574e1c231cacadf955675e1ce3d"
   integrity sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==
@@ -6039,6 +6121,17 @@ istanbul-lib-instrument@^6.0.0:
     istanbul-lib-coverage "^3.2.0"
     semver "^7.5.4"
 
+istanbul-lib-instrument@^6.0.2, istanbul-lib-instrument@^6.0.3:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz#fa15401df6c15874bcb2105f773325d78c666765"
+  integrity sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==
+  dependencies:
+    "@babel/core" "^7.23.9"
+    "@babel/parser" "^7.23.9"
+    "@istanbuljs/schema" "^0.1.3"
+    istanbul-lib-coverage "^3.2.0"
+    semver "^7.5.4"
+
 istanbul-lib-processinfo@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/istanbul-lib-processinfo/-/istanbul-lib-processinfo-2.0.3.tgz#366d454cd0dcb7eb6e0e419378e60072c8626169"
@@ -7355,6 +7448,39 @@ nyc@15.1.0, nyc@^15.1.0:
     test-exclude "^6.0.0"
     yargs "^15.0.2"
 
+nyc@^17.1.0:
+  version "17.1.0"
+  resolved "https://registry.yarnpkg.com/nyc/-/nyc-17.1.0.tgz#b6349a401a62ffeb912bd38ea9a018839fdb6eb1"
+  integrity sha512-U42vQ4czpKa0QdI1hu950XuNhYqgoM+ZF1HT+VuUHL9hPfDPVvNQyltmMqdE9bUHMVa+8yNbc3QKTj8zQhlVxQ==
+  dependencies:
+    "@istanbuljs/load-nyc-config" "^1.0.0"
+    "@istanbuljs/schema" "^0.1.2"
+    caching-transform "^4.0.0"
+    convert-source-map "^1.7.0"
+    decamelize "^1.2.0"
+    find-cache-dir "^3.2.0"
+    find-up "^4.1.0"
+    foreground-child "^3.3.0"
+    get-package-type "^0.1.0"
+    glob "^7.1.6"
+    istanbul-lib-coverage "^3.0.0"
+    istanbul-lib-hook "^3.0.0"
+    istanbul-lib-instrument "^6.0.2"
+    istanbul-lib-processinfo "^2.0.2"
+    istanbul-lib-report "^3.0.0"
+    istanbul-lib-source-maps "^4.0.0"
+    istanbul-reports "^3.0.2"
+    make-dir "^3.0.0"
+    node-preload "^0.2.1"
+    p-map "^3.0.0"
+    process-on-spawn "^1.0.0"
+    resolve-from "^5.0.0"
+    rimraf "^3.0.0"
+    signal-exit "^3.0.2"
+    spawn-wrap "^2.0.0"
+    test-exclude "^6.0.0"
+    yargs "^15.0.2"
+
 object-inspect@^1.13.1:
   version "1.13.1"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.1.tgz#b96c6109324ccfef6b12216a956ca4dc2ff94bc2"
@@ -7707,6 +7833,11 @@ picocolors@^1.0.0, picocolors@^1.0.1:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.1.tgz#a8ad579b571952f0e5d25892de5445bcfe25aaa1"
   integrity sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==
 
+picocolors@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+
 picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
@@ -7768,6 +7899,20 @@ pkg-up@^3.1.0:
   dependencies:
     find-up "^3.0.0"
 
+playwright-core@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.52.0.tgz#238f1f0c3edd4ebba0434ce3f4401900319a3dca"
+  integrity sha512-l2osTgLXSMeuLZOML9qYODUQoPPnUsKsb5/P6LJ2e6uPKXUdPK5WYhN4z03G+YNbWmGDY4YENauNu4ZKczreHg==
+
+playwright@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.52.0.tgz#26cb9a63346651e1c54c8805acfd85683173d4bd"
+  integrity sha512-JAwMNMBlxJ2oD1kce4KPtMkDeKGHQstdpFPcPH3maElAXon/QZeTvtsfXmTMRyO9TslfoYOXkSsvao2nE1ilTw==
+  dependencies:
+    playwright-core "1.52.0"
+  optionalDependencies:
+    fsevents "2.3.2"
+
 postcss-calc@^8.2.3:
   version "8.2.4"
   resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-8.2.4.tgz#77b9c29bfcbe8a07ff6693dc87050828889739a5"
@@ -8778,6 +8923,11 @@ source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
+source-map@^0.7.4:
+  version "0.7.4"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
+  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
+
 spawn-wrap@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/spawn-wrap/-/spawn-wrap-2.0.0.tgz#103685b8b8f9b79771318827aa78650a610d457e"
@@ -9136,6 +9286,15 @@ test-exclude@^6.0.0:
     glob "^7.1.4"
     minimatch "^3.0.4"
 
+test-exclude@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-7.0.1.tgz#20b3ba4906ac20994e275bbcafd68d510264c2a2"
+  integrity sha512-pFYqmTw68LXVjeWJMST4+borgQP2AyMNbg1BpZh9LbyhUeNkeaPF9gzfPGUAnSMV3qPYdWUwDIjjCLiSDOl7vg==
+  dependencies:
+    "@istanbuljs/schema" "^0.1.2"
+    glob "^10.4.1"
+    minimatch "^9.0.4"
+
 text-table@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
@@ -9470,16 +9629,17 @@ verror@1.10.0:
     core-util-is "1.0.2"
     extsprintf "^1.2.0"
 
-vite-plugin-istanbul@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/vite-plugin-istanbul/-/vite-plugin-istanbul-5.0.0.tgz#7539d76d7c3cafb7b3b0f2371a4e3a69031dcd44"
-  integrity sha512-Tg9zDmm/u4SdEDFbEWHBz7mmFe7jhLRmArA2XCmw5yydEFCARU9r4TxqFFnBFWCL63D9A7XA7VELulOO5T5o/g==
+vite-plugin-istanbul@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/vite-plugin-istanbul/-/vite-plugin-istanbul-7.0.0.tgz#97b80bd0199b316e5a9c4e757633c9273ca4f5f4"
+  integrity sha512-UAXSyS0zslaSP1yCdO54YwrTkoY3VxCBH8y8MAy3I+E6uqT07LEsVOFEHueeDJ+vyyeaA9Rkqz/j6LACJTzTKw==
   dependencies:
     "@istanbuljs/load-nyc-config" "^1.1.0"
-    espree "^9.6.1"
-    istanbul-lib-instrument "^5.1.0"
-    picocolors "^1.0.0"
-    test-exclude "^6.0.0"
+    espree "^10.3.0"
+    istanbul-lib-instrument "^6.0.3"
+    picocolors "^1.1.1"
+    source-map "^0.7.4"
+    test-exclude "^7.0.1"
 
 vue-component-type-helpers@^2.0.0:
   version "2.0.21"
diff --git a/test-webpack-app-v4/.gitignore b/test-webpack-app-v4/.gitignore
index f1d913c8..e7cbf6fc 100644
--- a/test-webpack-app-v4/.gitignore
+++ b/test-webpack-app-v4/.gitignore
@@ -31,3 +31,10 @@ yarn-error.log*
 
 # local .env files
 .env.local*
+
+
+# Playwright
+/test-results/
+/playwright-report/
+/blob-report
+/playwright/.cache/
diff --git a/test-webpack-app-v4/eslint.config.js b/test-webpack-app-v4/eslint.config.js
index 36d54b35..759a38ba 100644
--- a/test-webpack-app-v4/eslint.config.js
+++ b/test-webpack-app-v4/eslint.config.js
@@ -8,6 +8,7 @@ import {
 } from '@vue/eslint-config-typescript';
 import prettierSkipFormatting from '@vue/eslint-config-prettier/skip-formatting';
 import pluginCypress from 'eslint-plugin-cypress/flat';
+import playwright from 'eslint-plugin-playwright';
 
 const config = defineConfigWithVueTs(
   {
@@ -89,6 +90,14 @@ const config = defineConfigWithVueTs(
 
   prettierSkipFormatting,
 
+  {
+    name: 'custom/playwright',
+
+    ...playwright.configs['flat/recommended'],
+    files: ['src/components/**/*.spec.ts', 'test/**/*.spec.ts'],
+    rules: playwright.configs['flat/recommended'].rules,
+  },
+
   {
     name: 'custom/cypress',
 
@@ -118,7 +127,7 @@ config.push({
     '@typescript-eslint/no-unsafe-call': 'error',
     '@typescript-eslint/no-unsafe-member-access': 'error',
     '@typescript-eslint/no-unsafe-return': 'error',
-  }
+  },
 });
 
 export default config;
diff --git a/test-webpack-app-v4/package.json b/test-webpack-app-v4/package.json
index 7596ef76..7b11e9df 100644
--- a/test-webpack-app-v4/package.json
+++ b/test-webpack-app-v4/package.json
@@ -18,17 +18,20 @@
     "sync:invoke:all": "yarn sync:invoke:jest && yarn sync:invoke:cypress",
     "test:jest": "yarn test:unit:ci",
     "test:cypress": "yarn test:e2e:ci && yarn test:component:ci",
+    "sync:playwright": "yarn --cwd ../packages/e2e-playwright build:local && yarn add -D ../packages/e2e-playwright",
+    "invoke:playwright": "quasar ext invoke @quasar/testing-e2e-playwright && yarn format",
+    "sync:invoke:playwright": "yarn sync:playwright && yarn invoke:playwright",
     "test:all": "yarn test:jest && yarn test:cypress",
     "sync:invoke:test:jest": "yarn sync:invoke:jest && yarn test:jest",
     "sync:invoke:test:cypress": "yarn sync:invoke:cypress && yarn test:cypress",
     "sync:invoke:test:all": "yarn sync:invoke:test:jest && yarn sync:invoke:test:cypress",
     "lint": "eslint -c ./eslint.config.js \"./src*/**/*.{ts,js,cjs,mjs,vue}\" --fix",
     "format": "prettier --write \"**/*.{js,ts,vue,scss,html,md,json}\" --ignore-path .gitignore",
-    "test": "echo \"See package.json => scripts for available tests.\" && exit 0",
+    "test": "yarn test:clear && yarn test:component:ci && yarn test:e2e:ci",
     "dev": "quasar dev",
     "build": "quasar build",
-    "test:e2e": "cross-env NODE_ENV=test TS_NODE_PROJECT=test/cypress/tsconfig.json start-test \"quasar dev\" http-get://127.0.0.1:8080 \"cypress open --e2e\"",
-    "test:e2e:ci": "cross-env NODE_ENV=test TS_NODE_PROJECT=test/cypress/tsconfig.json start-test \"quasar dev\" http-get://127.0.0.1:8080 \"cypress run --e2e\"",
+    "test:e2e": "cross-env NODE_ENV=test playwright test --ui",
+    "test:e2e:ci": "cross-env NODE_ENV=test playwright test",
     "test:component": "cross-env NODE_ENV=test TS_NODE_PROJECT=test/cypress/tsconfig.json cypress open --component",
     "test:component:ci": "cross-env NODE_ENV=test TS_NODE_PROJECT=test/cypress/tsconfig.json cypress run --component",
     "test:unit:ui": "majestic",
@@ -37,7 +40,9 @@
     "test:unit:coverage": "jest --coverage",
     "test:unit:watch": "jest --watch",
     "test:unit:watchAll": "jest --watchAll",
-    "postinstall": "quasar prepare"
+    "postinstall": "quasar prepare",
+    "test:clear": "rimraf .nyc_output coverage",
+    "test:report": "playwright show-report"
   },
   "dependencies": {
     "@quasar/extras": "^1.16.6",
@@ -51,8 +56,10 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.14.0",
+    "@playwright/test": "^1.49.1",
     "@quasar/app-webpack": "^4.1.0",
     "@quasar/quasar-app-extension-testing-e2e-cypress": "../packages/e2e-cypress",
+    "@quasar/quasar-app-extension-testing-e2e-playwright": "../packages/e2e-playwright",
     "@quasar/quasar-app-extension-testing-unit-jest": "../packages/unit-jest",
     "@types/node": "^20.5.9",
     "@vue/eslint-config-prettier": "^10.1.0",
@@ -63,6 +70,7 @@
     "eslint": "^9.14.0",
     "eslint-plugin-cypress": "^4.2.1",
     "eslint-plugin-jest": "^28.8.3",
+    "eslint-plugin-playwright": "^2.1.0",
     "eslint-plugin-vue": "^9.30.0",
     "eslint-webpack-plugin": "^4.2.0",
     "globals": "^15.12.0",
diff --git a/test-webpack-app-v4/playwright.config.ts b/test-webpack-app-v4/playwright.config.ts
new file mode 100644
index 00000000..b0025c82
--- /dev/null
+++ b/test-webpack-app-v4/playwright.config.ts
@@ -0,0 +1,80 @@
+import { defineConfig, devices } from '@playwright/test';
+import { PlaywrightTestConfig } from '@playwright/test';
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// import dotenv from 'dotenv';
+// import path from 'path';
+// dotenv.config({ path: path.resolve(__dirname, '.env') });
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './test/playwright',
+  /* Run tests in files in parallel */
+  fullyParallel: true,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  retries: process.env.CI ? 2 : 0,
+  /* Opt out of parallel tests on CI. */
+  workers: process.env.CI ? 1 : undefined,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: 'html',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    baseURL: 'http://localhost:8080',
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+
+  /* Configure projects for major browsers */
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+
+    /* Test against mobile viewports. */
+    // {
+    //   name: 'Mobile Chrome',
+    //   use: { ...devices['Pixel 5'] },
+    // },
+    // {
+    //   name: 'Mobile Safari',
+    //   use: { ...devices['iPhone 12'] },
+    // },
+
+    /* Test against branded browsers. */
+    // {
+    //   name: 'Microsoft Edge',
+    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    // },
+    // {
+    //   name: 'Google Chrome',
+    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    // },
+  ],
+
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    command: 'quasar dev -p 8080',
+    url: 'http://localhost:8080',
+    reuseExistingServer: !process.env.CI,
+  },
+} as PlaywrightTestConfig);
diff --git a/test-webpack-app-v4/quasar.extensions.json b/test-webpack-app-v4/quasar.extensions.json
index 0053fa6d..33040aba 100644
--- a/test-webpack-app-v4/quasar.extensions.json
+++ b/test-webpack-app-v4/quasar.extensions.json
@@ -5,5 +5,10 @@
   },
   "@quasar/testing-unit-jest": {
     "options": ["majestic"]
+  },
+  "@quasar/testing-e2e-playwright": {
+    "port": 8080,
+    "githubWorkflow": true,
+    "installBrowsers": true
   }
 }
diff --git a/test-webpack-app-v4/src/components/QuasarCheckComponents.vue b/test-webpack-app-v4/src/components/QuasarCheckComponents.vue
index f49ea26b..2678290e 100644
--- a/test-webpack-app-v4/src/components/QuasarCheckComponents.vue
+++ b/test-webpack-app-v4/src/components/QuasarCheckComponents.vue
@@ -1,9 +1,21 @@
 <template>
-  <q-checkbox v-model="checked" data-cy="checkbox" />
-  <q-toggle v-model="toggled" data-cy="toggle" />
+  <q-checkbox v-model="checked" data-cy="checkbox" data-testid="checkbox" />
+  <q-toggle v-model="toggled" data-cy="toggle" data-testid="toggle" />
 
-  <q-radio v-model="selected" val="Value1" data-cy="radio-1">Value1</q-radio>
-  <q-radio v-model="selected" val="Value2" data-cy="radio-2">Value2</q-radio>
+  <q-radio
+    v-model="selected"
+    val="Value1"
+    data-cy="radio-1"
+    data-testid="radio-1"
+    >Value1</q-radio
+  >
+  <q-radio
+    v-model="selected"
+    val="Value2"
+    data-cy="radio-2"
+    data-testid="radio-2"
+    >Value2</q-radio
+  >
 </template>
 
 <script lang="ts">
diff --git a/test-webpack-app-v4/src/components/QuasarDark.vue b/test-webpack-app-v4/src/components/QuasarDark.vue
index fd2fc25d..fc65eea4 100644
--- a/test-webpack-app-v4/src/components/QuasarDark.vue
+++ b/test-webpack-app-v4/src/components/QuasarDark.vue
@@ -1,13 +1,35 @@
 <template>
   <q-card data-cy="dark-card" :dark="$q.dark.isActive">
     {{ $q.dark.isActive ? 'Dark ' : 'Light' }} content
+
+    <q-btn
+      label="Toggle Dark Mode"
+      data-testid="dark-mode-toggle-button"
+      @click="toggleNightMode"
+    />
   </q-card>
 </template>
 
 <script lang="ts">
 import { defineComponent } from 'vue';
+import { useQuasar } from 'quasar';
 
 export default defineComponent({
   name: 'QuasarDark',
+  setup() {
+    const $q = useQuasar();
+
+    // TODO: Refactor the Cypress test so that it does not need to test on the instance. Let's avoid such
+    // tests in e2e and component tests. It's preferable to have buttons that perform the task than to directly
+    // call those methods on the instance. Moreover, Playwright does not encourage nor support access to the instance.
+    // See https://kentcdodds.com/blog/testing-implementation-details
+    function toggleNightMode() {
+      $q.dark.set(!$q.dark.isActive);
+    }
+
+    return {
+      toggleNightMode,
+    };
+  },
 });
 </script>
diff --git a/test-webpack-app-v4/src/components/QuasarDate.vue b/test-webpack-app-v4/src/components/QuasarDate.vue
index 962b4e0a..30d185fa 100644
--- a/test-webpack-app-v4/src/components/QuasarDate.vue
+++ b/test-webpack-app-v4/src/components/QuasarDate.vue
@@ -1,11 +1,12 @@
 <template>
-  <q-date v-model="date" data-cy="date-picker" />
+  <q-date v-model="date" data-cy="date-picker" data-testid="date-picker" />
 
   <div>
     <q-input v-model="date" label="Scegli data">
       <template #append>
         <q-btn
           data-cy="open-date-picker-popup-button"
+          data-testid="open-date-picker-popup-button"
           icon="event"
           flat
           round
@@ -14,7 +15,11 @@
       </template>
     </q-input>
     <q-dialog ref="dateDialogRef">
-      <q-date v-model="date" @update:model-value="dateDialogRef.hide()" />
+      <q-date
+        v-model="date"
+        data-testid="date-proxy"
+        @update:model-value="dateDialogRef.hide()"
+      />
     </q-dialog>
   </div>
 
diff --git a/test-webpack-app-v4/src/components/QuasarDialog.vue b/test-webpack-app-v4/src/components/QuasarDialog.vue
index c88b9930..6451da46 100644
--- a/test-webpack-app-v4/src/components/QuasarDialog.vue
+++ b/test-webpack-app-v4/src/components/QuasarDialog.vue
@@ -8,6 +8,7 @@
       <q-card-actions align="right">
         <q-btn
           data-cy="ok-button"
+          data-testid="ok-button"
           color="primary"
           label="OK"
           @click="onOKClick"
diff --git a/test-webpack-app-v4/src/components/QuasarDrawer.vue b/test-webpack-app-v4/src/components/QuasarDrawer.vue
index dca948f5..c2ceb3f2 100644
--- a/test-webpack-app-v4/src/components/QuasarDrawer.vue
+++ b/test-webpack-app-v4/src/components/QuasarDrawer.vue
@@ -6,13 +6,14 @@
     :breakpoint="700"
     elevated
     data-cy="drawer"
+    data-testid="drawer"
     class="bg-primary text-white"
   >
     <q-scroll-area class="fit">
       <div class="q-pa-sm">
         <div v-for="n in 50" :key="n">Drawer {{ n }} / 50</div>
       </div>
-      <q-btn data-cy="button">Am I on screen?</q-btn>
+      <q-btn data-cy="button" data-testid="button">Am I on screen?</q-btn>
     </q-scroll-area>
   </q-drawer>
 </template>
diff --git a/test-webpack-app-v4/src/components/QuasarMenu.vue b/test-webpack-app-v4/src/components/QuasarMenu.vue
index daed3aa4..4ff02d2e 100644
--- a/test-webpack-app-v4/src/components/QuasarMenu.vue
+++ b/test-webpack-app-v4/src/components/QuasarMenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-btn data-cy="open-menu-btn" label="Open menu">
+  <q-btn data-cy="open-menu-btn" data-testid="open-menu-btn" label="Open menu">
     <q-menu>
       <q-list>
         <q-item v-close-popup clickable>
diff --git a/test-webpack-app-v4/src/components/QuasarPageSticky.vue b/test-webpack-app-v4/src/components/QuasarPageSticky.vue
index 7c8223d3..9fce30f1 100644
--- a/test-webpack-app-v4/src/components/QuasarPageSticky.vue
+++ b/test-webpack-app-v4/src/components/QuasarPageSticky.vue
@@ -1,6 +1,12 @@
 <template>
   <q-page-sticky position="bottom-right" :offset="[18, 18]">
-    <q-btn data-cy="button" rounded color="accent" icon="arrow_forward">
+    <q-btn
+      data-cy="button"
+      data-testid="button"
+      rounded
+      color="accent"
+      icon="arrow_forward"
+    >
       {{ title }}
     </q-btn>
   </q-page-sticky>
diff --git a/test-webpack-app-v4/src/components/QuasarSelect.vue b/test-webpack-app-v4/src/components/QuasarSelect.vue
index 13d763f0..eefc5e5a 100644
--- a/test-webpack-app-v4/src/components/QuasarSelect.vue
+++ b/test-webpack-app-v4/src/components/QuasarSelect.vue
@@ -2,6 +2,7 @@
   <q-select
     v-model="selected"
     data-cy="select"
+    data-testid="select"
     label="test options selection"
     :options="options"
     :loading="loading"
@@ -9,7 +10,7 @@
     :multiple="multiple"
   />
 
-  <span data-cy="select-value">{{ selected }}</span>
+  <span data-cy="select-value" data-testid="select-value">{{ selected }}</span>
 </template>
 
 <script lang="ts">
diff --git a/test-webpack-app-v4/src/components/QuasarTooltip.vue b/test-webpack-app-v4/src/components/QuasarTooltip.vue
index 84da4a72..0203ff53 100644
--- a/test-webpack-app-v4/src/components/QuasarTooltip.vue
+++ b/test-webpack-app-v4/src/components/QuasarTooltip.vue
@@ -4,6 +4,7 @@
     <q-tooltip
       v-model="showTooltip"
       data-cy="tooltip"
+      data-testid="tooltip"
       class="bg-red"
       :offset="[10, 10]"
     >
diff --git a/test-webpack-app-v4/test/playwright/home.spec.ts b/test-webpack-app-v4/test/playwright/home.spec.ts
new file mode 100644
index 00000000..18173075
--- /dev/null
+++ b/test-webpack-app-v4/test/playwright/home.spec.ts
@@ -0,0 +1,20 @@
+import {
+  test,
+  expect,
+} from '@quasar/quasar-app-extension-testing-e2e-playwright';
+
+test('has title', async ({ page }) => {
+  await page.goto('https://playwright.dev/');
+
+  await expect(page).toHaveTitle(/Playwright/);
+});
+
+test('get started link', async ({ page }) => {
+  await page.goto('https://playwright.dev/');
+
+  await page.getByRole('link', { name: 'Get started' }).click();
+
+  await expect(
+    page.getByRole('heading', { name: 'Installation' }),
+  ).toBeVisible();
+});
diff --git a/test-webpack-app-v4/yarn.lock b/test-webpack-app-v4/yarn.lock
index 07a64596..30e1177a 100644
--- a/test-webpack-app-v4/yarn.lock
+++ b/test-webpack-app-v4/yarn.lock
@@ -1722,6 +1722,13 @@
     js-yaml "^3.13.1"
     resolve-from "^5.0.0"
 
+"@istanbuljs/nyc-config-typescript@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@istanbuljs/nyc-config-typescript/-/nyc-config-typescript-1.0.2.tgz#1f5235b28540a07219ae0dd42014912a0b19cf89"
+  integrity sha512-iKGIyMoyJuFnJRSVTZ78POIRvNnwZaWIf8vG4ZS3rQq58MMDrqEX2nnzx0R28V2X8JvmKYiqY9FP2hlJsm8A0w==
+  dependencies:
+    "@istanbuljs/schema" "^0.1.2"
+
 "@istanbuljs/schema@^0.1.2", "@istanbuljs/schema@^0.1.3":
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
@@ -2020,6 +2027,13 @@
   resolved "https://registry.yarnpkg.com/@pkgr/core/-/core-0.2.4.tgz#d897170a2b0ba51f78a099edccd968f7b103387c"
   integrity sha512-ROFF39F6ZrnzSUEmQQZUar0Jt4xVoP9WnDRdWwF4NNcXs3xBTLgBUDoOwW141y1jP+S8nahIbdxbFC7IShw9Iw==
 
+"@playwright/test@^1.49.1":
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.52.0.tgz#267ec595b43a8f4fa5e444ea503689629e91a5b8"
+  integrity sha512-uh6W7sb55hl7D6vsAeA+V2p5JnlAqzhqFyF0VcJkKZXkgnFcVG9PziERRHQfPLfNGx1C292a4JqbWzhR8L4R1g==
+  dependencies:
+    playwright "1.52.0"
+
 "@polka/url@^1.0.0-next.24":
   version "1.0.0-next.29"
   resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.29.tgz#5a40109a1ab5f84d6fd8fc928b19f367cbe7e7b1"
@@ -2129,14 +2143,22 @@
   integrity sha512-4aX9XU/oj1+8O2C7LQCgywmoIw7suyUEZMPFFLWI61f21mF55VOsMdLCBhjeFgL5U4EWy079mfOR6/J8thi/ag==
 
 "@quasar/quasar-app-extension-testing-e2e-cypress@../packages/e2e-cypress":
-  version "6.2.0"
+  version "6.2.1"
   dependencies:
     "@cypress/code-coverage" "^3.12.26"
     cross-env "^7.0.3"
     lodash "^4.17.21"
     nyc "^15.1.0"
     start-server-and-test "^2.0.3"
-    vite-plugin-istanbul "^5.0.0"
+    vite-plugin-istanbul "^7.0.0"
+
+"@quasar/quasar-app-extension-testing-e2e-playwright@../packages/e2e-playwright":
+  version "0.0.1"
+  dependencies:
+    "@istanbuljs/nyc-config-typescript" "^1.0.2"
+    cross-env "^7.0.3"
+    nyc "^17.1.0"
+    vite-plugin-istanbul "^7.0.0"
 
 "@quasar/quasar-app-extension-testing-unit-jest@../packages/unit-jest":
   version "3.0.3"
@@ -4939,6 +4961,13 @@ eslint-plugin-jest@^28.8.3:
   dependencies:
     "@typescript-eslint/utils" "^6.0.0 || ^7.0.0 || ^8.0.0"
 
+eslint-plugin-playwright@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-playwright/-/eslint-plugin-playwright-2.2.0.tgz#d7eda21e670274fc0c006e11ba5cc2c8417b2a6e"
+  integrity sha512-qSQpAw7RcSzE3zPp8FMGkthaCWovHZ/BsXtpmnGax9vQLIovlh1bsZHEa2+j2lv9DWhnyeLM/qZmp7ffQZfQvg==
+  dependencies:
+    globals "^13.23.0"
+
 eslint-plugin-prettier@^5.2.2:
   version "5.2.6"
   resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.6.tgz#be39e3bb23bb3eeb7e7df0927cdb46e4d7945096"
@@ -5056,7 +5085,7 @@ espree@^10.0.1, espree@^10.3.0:
     acorn-jsx "^5.3.2"
     eslint-visitor-keys "^4.2.0"
 
-espree@^9.3.1, espree@^9.6.1:
+espree@^9.3.1:
   version "9.6.1"
   resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f"
   integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
@@ -5490,7 +5519,7 @@ foreground-child@^2.0.0:
     cross-spawn "^7.0.0"
     signal-exit "^3.0.2"
 
-foreground-child@^3.1.0:
+foreground-child@^3.1.0, foreground-child@^3.3.0:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-3.3.1.tgz#32e8e9ed1b68a3497befb9ac2b6adf92a638576f"
   integrity sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==
@@ -5562,6 +5591,11 @@ fs.realpath@^1.0.0:
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
+fsevents@2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
+  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
+
 fsevents@^2.3.2, fsevents@~2.3.2:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
@@ -5673,7 +5707,7 @@ glob-to-regexp@^0.4.1:
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
   integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
 
-glob@^10.0.0, glob@^10.4.2:
+glob@^10.0.0, glob@^10.4.1, glob@^10.4.2:
   version "10.4.5"
   resolved "https://registry.yarnpkg.com/glob/-/glob-10.4.5.tgz#f4d9f0b90ffdbab09c9d77f5f29b4262517b0956"
   integrity sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==
@@ -5719,7 +5753,7 @@ globals@^11.1.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globals@^13.24.0:
+globals@^13.23.0, globals@^13.24.0:
   version "13.24.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
   integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
@@ -6344,7 +6378,7 @@ istanbul-lib-instrument@^4.0.0:
     istanbul-lib-coverage "^3.0.0"
     semver "^6.3.0"
 
-istanbul-lib-instrument@^5.0.4, istanbul-lib-instrument@^5.1.0:
+istanbul-lib-instrument@^5.0.4:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz#d10c8885c2125574e1c231cacadf955675e1ce3d"
   integrity sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==
@@ -6355,7 +6389,7 @@ istanbul-lib-instrument@^5.0.4, istanbul-lib-instrument@^5.1.0:
     istanbul-lib-coverage "^3.2.0"
     semver "^6.3.0"
 
-istanbul-lib-instrument@^6.0.0:
+istanbul-lib-instrument@^6.0.0, istanbul-lib-instrument@^6.0.2, istanbul-lib-instrument@^6.0.3:
   version "6.0.3"
   resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz#fa15401df6c15874bcb2105f773325d78c666765"
   integrity sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==
@@ -7634,6 +7668,39 @@ nyc@15.1.0, nyc@^15.1.0:
     test-exclude "^6.0.0"
     yargs "^15.0.2"
 
+nyc@^17.1.0:
+  version "17.1.0"
+  resolved "https://registry.yarnpkg.com/nyc/-/nyc-17.1.0.tgz#b6349a401a62ffeb912bd38ea9a018839fdb6eb1"
+  integrity sha512-U42vQ4czpKa0QdI1hu950XuNhYqgoM+ZF1HT+VuUHL9hPfDPVvNQyltmMqdE9bUHMVa+8yNbc3QKTj8zQhlVxQ==
+  dependencies:
+    "@istanbuljs/load-nyc-config" "^1.0.0"
+    "@istanbuljs/schema" "^0.1.2"
+    caching-transform "^4.0.0"
+    convert-source-map "^1.7.0"
+    decamelize "^1.2.0"
+    find-cache-dir "^3.2.0"
+    find-up "^4.1.0"
+    foreground-child "^3.3.0"
+    get-package-type "^0.1.0"
+    glob "^7.1.6"
+    istanbul-lib-coverage "^3.0.0"
+    istanbul-lib-hook "^3.0.0"
+    istanbul-lib-instrument "^6.0.2"
+    istanbul-lib-processinfo "^2.0.2"
+    istanbul-lib-report "^3.0.0"
+    istanbul-lib-source-maps "^4.0.0"
+    istanbul-reports "^3.0.2"
+    make-dir "^3.0.0"
+    node-preload "^0.2.1"
+    p-map "^3.0.0"
+    process-on-spawn "^1.0.0"
+    resolve-from "^5.0.0"
+    rimraf "^3.0.0"
+    signal-exit "^3.0.2"
+    spawn-wrap "^2.0.0"
+    test-exclude "^6.0.0"
+    yargs "^15.0.2"
+
 object-inspect@^1.13.3:
   version "1.13.4"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.4.tgz#8375265e21bc20d0fa582c22e1b13485d6e00213"
@@ -8030,6 +8097,20 @@ pkg-up@^3.1.0:
   dependencies:
     find-up "^3.0.0"
 
+playwright-core@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.52.0.tgz#238f1f0c3edd4ebba0434ce3f4401900319a3dca"
+  integrity sha512-l2osTgLXSMeuLZOML9qYODUQoPPnUsKsb5/P6LJ2e6uPKXUdPK5WYhN4z03G+YNbWmGDY4YENauNu4ZKczreHg==
+
+playwright@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.52.0.tgz#26cb9a63346651e1c54c8805acfd85683173d4bd"
+  integrity sha512-JAwMNMBlxJ2oD1kce4KPtMkDeKGHQstdpFPcPH3maElAXon/QZeTvtsfXmTMRyO9TslfoYOXkSsvao2nE1ilTw==
+  dependencies:
+    playwright-core "1.52.0"
+  optionalDependencies:
+    fsevents "2.3.2"
+
 postcss-calc@^10.0.2:
   version "10.1.1"
   resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-10.1.1.tgz#52b385f2e628239686eb6e3a16207a43f36064ca"
@@ -9590,6 +9671,15 @@ test-exclude@^6.0.0:
     glob "^7.1.4"
     minimatch "^3.0.4"
 
+test-exclude@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-7.0.1.tgz#20b3ba4906ac20994e275bbcafd68d510264c2a2"
+  integrity sha512-pFYqmTw68LXVjeWJMST4+borgQP2AyMNbg1BpZh9LbyhUeNkeaPF9gzfPGUAnSMV3qPYdWUwDIjjCLiSDOl7vg==
+  dependencies:
+    "@istanbuljs/schema" "^0.1.2"
+    glob "^10.4.1"
+    minimatch "^9.0.4"
+
 text-decoder@^1.1.0:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/text-decoder/-/text-decoder-1.2.3.tgz#b19da364d981b2326d5f43099c310cc80d770c65"
@@ -9983,16 +10073,17 @@ verror@1.10.0:
     core-util-is "1.0.2"
     extsprintf "^1.2.0"
 
-vite-plugin-istanbul@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/vite-plugin-istanbul/-/vite-plugin-istanbul-5.0.0.tgz#7539d76d7c3cafb7b3b0f2371a4e3a69031dcd44"
-  integrity sha512-Tg9zDmm/u4SdEDFbEWHBz7mmFe7jhLRmArA2XCmw5yydEFCARU9r4TxqFFnBFWCL63D9A7XA7VELulOO5T5o/g==
+vite-plugin-istanbul@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/vite-plugin-istanbul/-/vite-plugin-istanbul-7.0.0.tgz#97b80bd0199b316e5a9c4e757633c9273ca4f5f4"
+  integrity sha512-UAXSyS0zslaSP1yCdO54YwrTkoY3VxCBH8y8MAy3I+E6uqT07LEsVOFEHueeDJ+vyyeaA9Rkqz/j6LACJTzTKw==
   dependencies:
     "@istanbuljs/load-nyc-config" "^1.1.0"
-    espree "^9.6.1"
-    istanbul-lib-instrument "^5.1.0"
-    picocolors "^1.0.0"
-    test-exclude "^6.0.0"
+    espree "^10.3.0"
+    istanbul-lib-instrument "^6.0.3"
+    picocolors "^1.1.1"
+    source-map "^0.7.4"
+    test-exclude "^7.0.1"
 
 vue-component-type-helpers@^2.0.0:
   version "2.2.10"
diff --git a/yarn.lock b/yarn.lock
index 4fcfa493..8c11f81b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10,7 +10,7 @@
     "@jridgewell/gen-mapping" "^0.3.5"
     "@jridgewell/trace-mapping" "^0.3.24"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.26.2":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.12.13":
   version "7.26.2"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.26.2.tgz#4b5fab97d33338eff916235055f0ebc21e573a85"
   integrity sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==
@@ -19,26 +19,35 @@
     js-tokens "^4.0.0"
     picocolors "^1.0.0"
 
-"@babel/compat-data@^7.26.5":
-  version "7.26.8"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.26.8.tgz#821c1d35641c355284d4a870b8a4a7b0c141e367"
-  integrity sha512-oH5UPLMWR3L2wEFLnFJ1TZXqHufiTKAiLfqw5zkhS4dKXLJ10yVztfil/twG8EDTA4F/tvVNw9nOl4ZMslB8rQ==
+"@babel/code-frame@^7.26.2", "@babel/code-frame@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.27.1.tgz#200f715e66d52a23b221a9435534a91cc13ad5be"
+  integrity sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.27.1"
+    js-tokens "^4.0.0"
+    picocolors "^1.1.1"
+
+"@babel/compat-data@^7.27.2":
+  version "7.27.2"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.27.2.tgz#4183f9e642fd84e74e3eea7ffa93a412e3b102c9"
+  integrity sha512-TUtMJYRPyUb/9aU8f3K0mjmjf6M9N5Woshn2CS6nqJSeJtTtQcpLUXjGt9vbF8ZGff0El99sWkLgzwW3VXnxZQ==
 
 "@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.23.9", "@babel/core@^7.24.7", "@babel/core@^7.7.5":
-  version "7.26.10"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.26.10.tgz#5c876f83c8c4dcb233ee4b670c0606f2ac3000f9"
-  integrity sha512-vMqyb7XCDMPvJFFOaT9kxtiRh42GwlZEg1/uIgtZshS5a/8OaduUfCi7kynKgc3Tw/6Uo2D+db9qBttghhmxwQ==
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.27.1.tgz#89de51e86bd12246003e3524704c49541b16c3e6"
+  integrity sha512-IaaGWsQqfsQWVLqMn9OB92MNN7zukfVA4s7KKAI0KfrrDsZ0yhi5uV4baBuLuN7n3vsZpwP8asPPcVwApxvjBQ==
   dependencies:
     "@ampproject/remapping" "^2.2.0"
-    "@babel/code-frame" "^7.26.2"
-    "@babel/generator" "^7.26.10"
-    "@babel/helper-compilation-targets" "^7.26.5"
-    "@babel/helper-module-transforms" "^7.26.0"
-    "@babel/helpers" "^7.26.10"
-    "@babel/parser" "^7.26.10"
-    "@babel/template" "^7.26.9"
-    "@babel/traverse" "^7.26.10"
-    "@babel/types" "^7.26.10"
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.27.1"
+    "@babel/helper-compilation-targets" "^7.27.1"
+    "@babel/helper-module-transforms" "^7.27.1"
+    "@babel/helpers" "^7.27.1"
+    "@babel/parser" "^7.27.1"
+    "@babel/template" "^7.27.1"
+    "@babel/traverse" "^7.27.1"
+    "@babel/types" "^7.27.1"
     convert-source-map "^2.0.0"
     debug "^4.1.0"
     gensync "^1.0.0-beta.2"
@@ -56,6 +65,17 @@
     "@jridgewell/trace-mapping" "^0.3.25"
     jsesc "^3.0.2"
 
+"@babel/generator@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.27.1.tgz#862d4fad858f7208edd487c28b58144036b76230"
+  integrity sha512-UnJfnIpc/+JO0/+KRVQNGU+y5taA5vCbwN8+azkX6beii/ZF+enZJSOKo11ZSzGJjlNfJHfQtmQT8H+9TXPG2w==
+  dependencies:
+    "@babel/parser" "^7.27.1"
+    "@babel/types" "^7.27.1"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jsesc "^3.0.2"
+
 "@babel/helper-annotate-as-pure@^7.25.9":
   version "7.25.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz#d8eac4d2dc0d7b6e11fa6e535332e0d3184f06b4"
@@ -63,13 +83,13 @@
   dependencies:
     "@babel/types" "^7.25.9"
 
-"@babel/helper-compilation-targets@^7.26.5":
-  version "7.26.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.26.5.tgz#75d92bb8d8d51301c0d49e52a65c9a7fe94514d8"
-  integrity sha512-IXuyn5EkouFJscIDuFF5EsiSolseme1s0CZB+QxVugqJLYmKdxI1VfIBOst0SUu4rnk2Z7kqTwmoO1lp3HIfnA==
+"@babel/helper-compilation-targets@^7.27.1":
+  version "7.27.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz#46a0f6efab808d51d29ce96858dd10ce8732733d"
+  integrity sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==
   dependencies:
-    "@babel/compat-data" "^7.26.5"
-    "@babel/helper-validator-option" "^7.25.9"
+    "@babel/compat-data" "^7.27.2"
+    "@babel/helper-validator-option" "^7.27.1"
     browserslist "^4.24.0"
     lru-cache "^5.1.1"
     semver "^6.3.1"
@@ -103,6 +123,14 @@
     "@babel/traverse" "^7.25.9"
     "@babel/types" "^7.25.9"
 
+"@babel/helper-module-imports@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz#7ef769a323e2655e126673bb6d2d6913bbead204"
+  integrity sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==
+  dependencies:
+    "@babel/traverse" "^7.27.1"
+    "@babel/types" "^7.27.1"
+
 "@babel/helper-module-transforms@^7.26.0":
   version "7.26.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz#8ce54ec9d592695e58d84cd884b7b5c6a2fdeeae"
@@ -112,6 +140,15 @@
     "@babel/helper-validator-identifier" "^7.25.9"
     "@babel/traverse" "^7.25.9"
 
+"@babel/helper-module-transforms@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.27.1.tgz#e1663b8b71d2de948da5c4fb2a20ca4f3ec27a6f"
+  integrity sha512-9yHn519/8KvTU5BjTVEEeIM3w9/2yXNKoD82JifINImhpKkARMJKPP59kLo+BafpdN5zgNeIcS4jsGDmd3l58g==
+  dependencies:
+    "@babel/helper-module-imports" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.27.1"
+    "@babel/traverse" "^7.27.1"
+
 "@babel/helper-optimise-call-expression@^7.25.9":
   version "7.25.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz#3324ae50bae7e2ab3c33f60c9a877b6a0146b54e"
@@ -119,7 +156,12 @@
   dependencies:
     "@babel/types" "^7.25.9"
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.25.9", "@babel/helper-plugin-utils@^7.26.5", "@babel/helper-plugin-utils@^7.8.0":
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.8.0":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz#ddb2f876534ff8013e6c2b299bf4d39b3c51d44c"
+  integrity sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==
+
+"@babel/helper-plugin-utils@^7.25.9", "@babel/helper-plugin-utils@^7.26.5":
   version "7.26.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.26.5.tgz#18580d00c9934117ad719392c4f6585c9333cc35"
   integrity sha512-RS+jZcRdZdRFzMyr+wcsaqOmld1/EqTghfaBGQQd/WnRdzdlvSZ//kF7U8VQTxf1ynZ4cjUcYgjVGx13ewNPMg==
@@ -146,25 +188,47 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz#1aabb72ee72ed35789b4bbcad3ca2862ce614e8c"
   integrity sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==
 
+"@babel/helper-string-parser@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz#54da796097ab19ce67ed9f88b47bb2ec49367687"
+  integrity sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==
+
 "@babel/helper-validator-identifier@^7.25.9":
   version "7.25.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz#24b64e2c3ec7cd3b3c547729b8d16871f22cbdc7"
   integrity sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==
 
+"@babel/helper-validator-identifier@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz#a7054dcc145a967dd4dc8fee845a57c1316c9df8"
+  integrity sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==
+
 "@babel/helper-validator-option@^7.25.9":
   version "7.25.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz#86e45bd8a49ab7e03f276577f96179653d41da72"
   integrity sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==
 
-"@babel/helpers@^7.26.10":
-  version "7.26.10"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.26.10.tgz#6baea3cd62ec2d0c1068778d63cb1314f6637384"
-  integrity sha512-UPYc3SauzZ3JGgj87GgZ89JVdC5dj0AoetR5Bw6wj4niittNyFh6+eOGonYvJ1ao6B8lEa3Q3klS7ADZ53bc5g==
+"@babel/helper-validator-option@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz#fa52f5b1e7db1ab049445b421c4471303897702f"
+  integrity sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==
+
+"@babel/helpers@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.27.1.tgz#ffc27013038607cdba3288e692c3611c06a18aa4"
+  integrity sha512-FCvFTm0sWV8Fxhpp2McP5/W53GPllQ9QeQ7SiqGWjMf/LVG07lFa5+pgK05IRhVwtvafT22KF+ZSnM9I545CvQ==
   dependencies:
-    "@babel/template" "^7.26.9"
-    "@babel/types" "^7.26.10"
+    "@babel/template" "^7.27.1"
+    "@babel/types" "^7.27.1"
+
+"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.23.9", "@babel/parser@^7.24.7", "@babel/parser@^7.25.3", "@babel/parser@^7.27.1", "@babel/parser@^7.27.2":
+  version "7.27.2"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.27.2.tgz#577518bedb17a2ce4212afd052e01f7df0941127"
+  integrity sha512-QYLs8299NA7WM/bZAdp+CviYYkVoYXlDW2rzliy3chxd1PQjej7JORuMJDJXJUb9g0TT+B99EwaVLKmX+sPXWw==
+  dependencies:
+    "@babel/types" "^7.27.1"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.23.9", "@babel/parser@^7.24.7", "@babel/parser@^7.25.3", "@babel/parser@^7.26.10", "@babel/parser@^7.26.9":
+"@babel/parser@^7.26.10", "@babel/parser@^7.26.9":
   version "7.26.10"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.26.10.tgz#e9bdb82f14b97df6569b0b038edd436839c57749"
   integrity sha512-6aQR2zGE/QFi8JpDLjUZEPYOs7+mhKXm86VaKFiLP35JQwQb6bwUE+XbvkH0EptsYhbNBSUGaUBLKqxH1xSgsA==
@@ -395,7 +459,16 @@
     "@babel/parser" "^7.26.9"
     "@babel/types" "^7.26.9"
 
-"@babel/traverse@^7.25.9", "@babel/traverse@^7.26.10", "@babel/traverse@^7.26.5", "@babel/traverse@^7.26.9":
+"@babel/template@^7.27.1":
+  version "7.27.2"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.2.tgz#fa78ceed3c4e7b63ebf6cb39e5852fca45f6809d"
+  integrity sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/parser" "^7.27.2"
+    "@babel/types" "^7.27.1"
+
+"@babel/traverse@^7.25.9", "@babel/traverse@^7.26.5", "@babel/traverse@^7.26.9":
   version "7.26.10"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.26.10.tgz#43cca33d76005dbaa93024fae536cc1946a4c380"
   integrity sha512-k8NuDrxr0WrPH5Aupqb2LCVURP/S0vBEn5mK6iH+GIYob66U5EtoZvcdudR2jQ4cmTwhEwW1DLB+Yyas9zjF6A==
@@ -408,7 +481,28 @@
     debug "^4.3.1"
     globals "^11.1.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.20.7", "@babel/types@^7.25.9", "@babel/types@^7.26.10", "@babel/types@^7.26.9", "@babel/types@^7.3.3":
+"@babel/traverse@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.27.1.tgz#4db772902b133bbddd1c4f7a7ee47761c1b9f291"
+  integrity sha512-ZCYtZciz1IWJB4U61UPu4KEaqyfj+r5T1Q5mqPo+IBpcG9kHv30Z0aD8LXPgC1trYa6rK0orRyAhqUgk4MjmEg==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.27.1"
+    "@babel/parser" "^7.27.1"
+    "@babel/template" "^7.27.1"
+    "@babel/types" "^7.27.1"
+    debug "^4.3.1"
+    globals "^11.1.0"
+
+"@babel/types@^7.0.0", "@babel/types@^7.20.7", "@babel/types@^7.27.1", "@babel/types@^7.3.3":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.27.1.tgz#9defc53c16fc899e46941fc6901a9eea1c9d8560"
+  integrity sha512-+EzkxvLNfiUeKMgy/3luqfsCWFRXLb7U6wNQTk60tovuckwB15B191tJWvpp4HjiQWdJkCxO3Wbvc6jlk3Xb2Q==
+  dependencies:
+    "@babel/helper-string-parser" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.27.1"
+
+"@babel/types@^7.25.9", "@babel/types@^7.26.10", "@babel/types@^7.26.9":
   version "7.26.10"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.26.10.tgz#396382f6335bd4feb65741eacfc808218f859259"
   integrity sha512-emqcG3vHrpxUKTrxcblR36dcrcoRDvKmnL/dCL6ZsHaShW80qxCAcNhzQZrpeM765VzEos+xOi4s+r4IXzTwdQ==
@@ -487,253 +581,409 @@
   resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz#c7184a326533fcdf1b8ee0733e21c713b975575f"
   integrity sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==
 
-"@esbuild/aix-ppc64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.3.tgz#014180d9a149cffd95aaeead37179433f5ea5437"
-  integrity sha512-W8bFfPA8DowP8l//sxjJLSLkD8iEjMc7cBVyP+u4cEv9sM7mdUCkgsj+t0n/BWPFtv7WWCN5Yzj0N6FJNUUqBQ==
+"@esbuild/aix-ppc64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.1.tgz#c33cf6bbee34975626b01b80451cbb72b4c6c91d"
+  integrity sha512-kfYGy8IdzTGy+z0vFGvExZtxkFlA4zAxgKEahG9KE1ScBjpQnFsNOX8KTU5ojNru5ed5CVoJYXFtoxaq5nFbjQ==
+
+"@esbuild/aix-ppc64@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.4.tgz#830d6476cbbca0c005136af07303646b419f1162"
+  integrity sha512-1VCICWypeQKhVbE9oW/sJaAmjLxhVqacdkvPLEjwlttjfwENRSClS8EjBz0KzRyFSCPDIkuXW34Je/vk7zdB7Q==
 
 "@esbuild/android-arm64@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz#09d9b4357780da9ea3a7dfb833a1f1ff439b4052"
   integrity sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==
 
-"@esbuild/android-arm64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.25.3.tgz#649e47e04ddb24a27dc05c395724bc5f4c55cbfe"
-  integrity sha512-XelR6MzjlZuBM4f5z2IQHK6LkK34Cvv6Rj2EntER3lwCBFdg6h2lKbtRjpTTsdEjD/WSe1q8UyPBXP1x3i/wYQ==
+"@esbuild/android-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.25.1.tgz#ea766015c7d2655164f22100d33d7f0308a28d6d"
+  integrity sha512-50tM0zCJW5kGqgG7fQ7IHvQOcAn9TKiVRuQ/lN0xR+T2lzEFvAi1ZcS8DiksFcEpf1t/GYOeOfCAgDHFpkiSmA==
+
+"@esbuild/android-arm64@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.25.4.tgz#d11d4fc299224e729e2190cacadbcc00e7a9fd67"
+  integrity sha512-bBy69pgfhMGtCnwpC/x5QhfxAz/cBgQ9enbtwjf6V9lnPI/hMyT9iWpR1arm0l3kttTr4L0KSLpKmLp/ilKS9A==
 
 "@esbuild/android-arm@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.21.5.tgz#9b04384fb771926dfa6d7ad04324ecb2ab9b2e28"
   integrity sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==
 
-"@esbuild/android-arm@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.25.3.tgz#8a0f719c8dc28a4a6567ef7328c36ea85f568ff4"
-  integrity sha512-PuwVXbnP87Tcff5I9ngV0lmiSu40xw1At6i3GsU77U7cjDDB4s0X2cyFuBiDa1SBk9DnvWwnGvVaGBqoFWPb7A==
+"@esbuild/android-arm@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.25.1.tgz#e84d2bf2fe2e6177a0facda3a575b2139fd3cb9c"
+  integrity sha512-dp+MshLYux6j/JjdqVLnMglQlFu+MuVeNrmT5nk6q07wNhCdSnB7QZj+7G8VMUGh1q+vj2Bq8kRsuyA00I/k+Q==
+
+"@esbuild/android-arm@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.25.4.tgz#5660bd25080553dd2a28438f2a401a29959bd9b1"
+  integrity sha512-QNdQEps7DfFwE3hXiU4BZeOV68HHzYwGd0Nthhd3uCkkEKK7/R6MTgM0P7H7FAs5pU/DIWsviMmEGxEoxIZ+ZQ==
 
 "@esbuild/android-x64@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.21.5.tgz#29918ec2db754cedcb6c1b04de8cd6547af6461e"
   integrity sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==
 
-"@esbuild/android-x64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.25.3.tgz#e2ab182d1fd06da9bef0784a13c28a7602d78009"
-  integrity sha512-ogtTpYHT/g1GWS/zKM0cc/tIebFjm1F9Aw1boQ2Y0eUQ+J89d0jFY//s9ei9jVIlkYi8AfOjiixcLJSGNSOAdQ==
+"@esbuild/android-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.25.1.tgz#58337bee3bc6d78d10425e5500bd11370cfdfbed"
+  integrity sha512-GCj6WfUtNldqUzYkN/ITtlhwQqGWu9S45vUXs7EIYf+7rCiiqH9bCloatO9VhxsL0Pji+PF4Lz2XXCES+Q8hDw==
+
+"@esbuild/android-x64@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.25.4.tgz#18ddde705bf984e8cd9efec54e199ac18bc7bee1"
+  integrity sha512-TVhdVtQIFuVpIIR282btcGC2oGQoSfZfmBdTip2anCaVYcqWlZXGcdcKIUklfX2wj0JklNYgz39OBqh2cqXvcQ==
 
 "@esbuild/darwin-arm64@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz#e495b539660e51690f3928af50a76fb0a6ccff2a"
   integrity sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==
 
-"@esbuild/darwin-arm64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.25.3.tgz#c7f3166fcece4d158a73dcfe71b2672ca0b1668b"
-  integrity sha512-eESK5yfPNTqpAmDfFWNsOhmIOaQA59tAcF/EfYvo5/QWQCzXn5iUSOnqt3ra3UdzBv073ykTtmeLJZGt3HhA+w==
+"@esbuild/darwin-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.25.1.tgz#a46805c1c585d451aa83be72500bd6e8495dd591"
+  integrity sha512-5hEZKPf+nQjYoSr/elb62U19/l1mZDdqidGfmFutVUjjUZrOazAtwK+Kr+3y0C/oeJfLlxo9fXb1w7L+P7E4FQ==
+
+"@esbuild/darwin-arm64@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.25.4.tgz#b0b7fb55db8fc6f5de5a0207ae986eb9c4766e67"
+  integrity sha512-Y1giCfM4nlHDWEfSckMzeWNdQS31BQGs9/rouw6Ub91tkK79aIMTH3q9xHvzH8d0wDru5Ci0kWB8b3up/nl16g==
 
 "@esbuild/darwin-x64@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz#c13838fa57372839abdddc91d71542ceea2e1e22"
   integrity sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==
 
-"@esbuild/darwin-x64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.25.3.tgz#d8c5342ec1a4bf4b1915643dfe031ba4b173a87a"
-  integrity sha512-Kd8glo7sIZtwOLcPbW0yLpKmBNWMANZhrC1r6K++uDR2zyzb6AeOYtI6udbtabmQpFaxJ8uduXMAo1gs5ozz8A==
+"@esbuild/darwin-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.25.1.tgz#0643e003bb238c63fc93ddbee7d26a003be3cd98"
+  integrity sha512-hxVnwL2Dqs3fM1IWq8Iezh0cX7ZGdVhbTfnOy5uURtao5OIVCEyj9xIzemDi7sRvKsuSdtCAhMKarxqtlyVyfA==
+
+"@esbuild/darwin-x64@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.25.4.tgz#e6813fdeba0bba356cb350a4b80543fbe66bf26f"
+  integrity sha512-CJsry8ZGM5VFVeyUYB3cdKpd/H69PYez4eJh1W/t38vzutdjEjtP7hB6eLKBoOdxcAlCtEYHzQ/PJ/oU9I4u0A==
 
 "@esbuild/freebsd-arm64@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz#646b989aa20bf89fd071dd5dbfad69a3542e550e"
   integrity sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==
 
-"@esbuild/freebsd-arm64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.3.tgz#9f7d789e2eb7747d4868817417cc968ffa84f35b"
-  integrity sha512-EJiyS70BYybOBpJth3M0KLOus0n+RRMKTYzhYhFeMwp7e/RaajXvP+BWlmEXNk6uk+KAu46j/kaQzr6au+JcIw==
+"@esbuild/freebsd-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.1.tgz#cff18da5469c09986b93e87979de5d6872fe8f8e"
+  integrity sha512-1MrCZs0fZa2g8E+FUo2ipw6jw5qqQiH+tERoS5fAfKnRx6NXH31tXBKI3VpmLijLH6yriMZsxJtaXUyFt/8Y4A==
+
+"@esbuild/freebsd-arm64@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.4.tgz#dc11a73d3ccdc308567b908b43c6698e850759be"
+  integrity sha512-yYq+39NlTRzU2XmoPW4l5Ifpl9fqSk0nAJYM/V/WUGPEFfek1epLHJIkTQM6bBs1swApjO5nWgvr843g6TjxuQ==
 
 "@esbuild/freebsd-x64@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz#aa615cfc80af954d3458906e38ca22c18cf5c261"
   integrity sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==
 
-"@esbuild/freebsd-x64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.25.3.tgz#8ad35c51d084184a8e9e76bb4356e95350a64709"
-  integrity sha512-Q+wSjaLpGxYf7zC0kL0nDlhsfuFkoN+EXrx2KSB33RhinWzejOd6AvgmP5JbkgXKmjhmpfgKZq24pneodYqE8Q==
+"@esbuild/freebsd-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.25.1.tgz#362fc09c2de14987621c1878af19203c46365dde"
+  integrity sha512-0IZWLiTyz7nm0xuIs0q1Y3QWJC52R8aSXxe40VUxm6BB1RNmkODtW6LHvWRrGiICulcX7ZvyH6h5fqdLu4gkww==
+
+"@esbuild/freebsd-x64@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.25.4.tgz#91da08db8bd1bff5f31924c57a81dab26e93a143"
+  integrity sha512-0FgvOJ6UUMflsHSPLzdfDnnBBVoCDtBTVyn/MrWloUNvq/5SFmh13l3dvgRPkDihRxb77Y17MbqbCAa2strMQQ==
 
 "@esbuild/linux-arm64@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz#70ac6fa14f5cb7e1f7f887bcffb680ad09922b5b"
   integrity sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==
 
-"@esbuild/linux-arm64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.25.3.tgz#3af0da3d9186092a9edd4e28fa342f57d9e3cd30"
-  integrity sha512-xCUgnNYhRD5bb1C1nqrDV1PfkwgbswTTBRbAd8aH5PhYzikdf/ddtsYyMXFfGSsb/6t6QaPSzxtbfAZr9uox4A==
+"@esbuild/linux-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.25.1.tgz#aa90d5b02efc97a271e124e6d1cea490634f7498"
+  integrity sha512-jaN3dHi0/DDPelk0nLcXRm1q7DNJpjXy7yWaWvbfkPvI+7XNSc/lDOnCLN7gzsyzgu6qSAmgSvP9oXAhP973uQ==
+
+"@esbuild/linux-arm64@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.25.4.tgz#efc15e45c945a082708f9a9f73bfa8d4db49728a"
+  integrity sha512-+89UsQTfXdmjIvZS6nUnOOLoXnkUTB9hR5QAeLrQdzOSWZvNSAXAtcRDHWtqAUtAmv7ZM1WPOOeSxDzzzMogiQ==
 
 "@esbuild/linux-arm@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz#fc6fd11a8aca56c1f6f3894f2bea0479f8f626b9"
   integrity sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==
 
-"@esbuild/linux-arm@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.25.3.tgz#e91cafa95e4474b3ae3d54da12e006b782e57225"
-  integrity sha512-dUOVmAUzuHy2ZOKIHIKHCm58HKzFqd+puLaS424h6I85GlSDRZIA5ycBixb3mFgM0Jdh+ZOSB6KptX30DD8YOQ==
+"@esbuild/linux-arm@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.25.1.tgz#dfcefcbac60a20918b19569b4b657844d39db35a"
+  integrity sha512-NdKOhS4u7JhDKw9G3cY6sWqFcnLITn6SqivVArbzIaf3cemShqfLGHYMx8Xlm/lBit3/5d7kXvriTUGa5YViuQ==
+
+"@esbuild/linux-arm@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.25.4.tgz#9b93c3e54ac49a2ede6f906e705d5d906f6db9e8"
+  integrity sha512-kro4c0P85GMfFYqW4TWOpvmF8rFShbWGnrLqlzp4X1TNWjRY3JMYUfDCtOxPKOIY8B0WC8HN51hGP4I4hz4AaQ==
 
 "@esbuild/linux-ia32@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz#3271f53b3f93e3d093d518d1649d6d68d346ede2"
   integrity sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==
 
-"@esbuild/linux-ia32@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.25.3.tgz#81025732d85b68ee510161b94acdf7e3007ea177"
-  integrity sha512-yplPOpczHOO4jTYKmuYuANI3WhvIPSVANGcNUeMlxH4twz/TeXuzEP41tGKNGWJjuMhotpGabeFYGAOU2ummBw==
+"@esbuild/linux-ia32@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.25.1.tgz#6f9527077ccb7953ed2af02e013d4bac69f13754"
+  integrity sha512-OJykPaF4v8JidKNGz8c/q1lBO44sQNUQtq1KktJXdBLn1hPod5rE/Hko5ugKKZd+D2+o1a9MFGUEIUwO2YfgkQ==
+
+"@esbuild/linux-ia32@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.25.4.tgz#be8ef2c3e1d99fca2d25c416b297d00360623596"
+  integrity sha512-yTEjoapy8UP3rv8dB0ip3AfMpRbyhSN3+hY8mo/i4QXFeDxmiYbEKp3ZRjBKcOP862Ua4b1PDfwlvbuwY7hIGQ==
 
 "@esbuild/linux-loong64@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz#ed62e04238c57026aea831c5a130b73c0f9f26df"
   integrity sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==
 
-"@esbuild/linux-loong64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.25.3.tgz#3c744e4c8d5e1148cbe60a71a11b58ed8ee5deb8"
-  integrity sha512-P4BLP5/fjyihmXCELRGrLd793q/lBtKMQl8ARGpDxgzgIKJDRJ/u4r1A/HgpBpKpKZelGct2PGI4T+axcedf6g==
+"@esbuild/linux-loong64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.25.1.tgz#287d2412a5456e5860c2839d42a4b51284d1697c"
+  integrity sha512-nGfornQj4dzcq5Vp835oM/o21UMlXzn79KobKlcs3Wz9smwiifknLy4xDCLUU0BWp7b/houtdrgUz7nOGnfIYg==
+
+"@esbuild/linux-loong64@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.25.4.tgz#b0840a2707c3fc02eec288d3f9defa3827cd7a87"
+  integrity sha512-NeqqYkrcGzFwi6CGRGNMOjWGGSYOpqwCjS9fvaUlX5s3zwOtn1qwg1s2iE2svBe4Q/YOG1q6875lcAoQK/F4VA==
 
 "@esbuild/linux-mips64el@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz#e79b8eb48bf3b106fadec1ac8240fb97b4e64cbe"
   integrity sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==
 
-"@esbuild/linux-mips64el@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.25.3.tgz#1dfe2a5d63702db9034cc6b10b3087cc0424ec26"
-  integrity sha512-eRAOV2ODpu6P5divMEMa26RRqb2yUoYsuQQOuFUexUoQndm4MdpXXDBbUoKIc0iPa4aCO7gIhtnYomkn2x+bag==
+"@esbuild/linux-mips64el@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.25.1.tgz#530574b9e1bc5d20f7a4f44c5f045e26f3783d57"
+  integrity sha512-1osBbPEFYwIE5IVB/0g2X6i1qInZa1aIoj1TdL4AaAb55xIIgbg8Doq6a5BzYWgr+tEcDzYH67XVnTmUzL+nXg==
+
+"@esbuild/linux-mips64el@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.25.4.tgz#2a198e5a458c9f0e75881a4e63d26ba0cf9df39f"
+  integrity sha512-IcvTlF9dtLrfL/M8WgNI/qJYBENP3ekgsHbYUIzEzq5XJzzVEV/fXY9WFPfEEXmu3ck2qJP8LG/p3Q8f7Zc2Xg==
 
 "@esbuild/linux-ppc64@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz#5f2203860a143b9919d383ef7573521fb154c3e4"
   integrity sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==
 
-"@esbuild/linux-ppc64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.25.3.tgz#2e85d9764c04a1ebb346dc0813ea05952c9a5c56"
-  integrity sha512-ZC4jV2p7VbzTlnl8nZKLcBkfzIf4Yad1SJM4ZMKYnJqZFD4rTI+pBG65u8ev4jk3/MPwY9DvGn50wi3uhdaghg==
+"@esbuild/linux-ppc64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.25.1.tgz#5d7e6b283a0b321ea42c6bc0abeb9eb99c1f5589"
+  integrity sha512-/6VBJOwUf3TdTvJZ82qF3tbLuWsscd7/1w+D9LH0W/SqUgM5/JJD0lrJ1fVIfZsqB6RFmLCe0Xz3fmZc3WtyVg==
+
+"@esbuild/linux-ppc64@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.25.4.tgz#64f4ae0b923d7dd72fb860b9b22edb42007cf8f5"
+  integrity sha512-HOy0aLTJTVtoTeGZh4HSXaO6M95qu4k5lJcH4gxv56iaycfz1S8GO/5Jh6X4Y1YiI0h7cRyLi+HixMR+88swag==
 
 "@esbuild/linux-riscv64@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz#07bcafd99322d5af62f618cb9e6a9b7f4bb825dc"
   integrity sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==
 
-"@esbuild/linux-riscv64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.25.3.tgz#a9ea3334556b09f85ccbfead58c803d305092415"
-  integrity sha512-LDDODcFzNtECTrUUbVCs6j9/bDVqy7DDRsuIXJg6so+mFksgwG7ZVnTruYi5V+z3eE5y+BJZw7VvUadkbfg7QA==
+"@esbuild/linux-riscv64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.25.1.tgz#14fa0cd073c26b4ee2465d18cd1e18eea7859fa8"
+  integrity sha512-nSut/Mx5gnilhcq2yIMLMe3Wl4FK5wx/o0QuuCLMtmJn+WeWYoEGDN1ipcN72g1WHsnIbxGXd4i/MF0gTcuAjQ==
+
+"@esbuild/linux-riscv64@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.25.4.tgz#fb2844b11fdddd39e29d291c7cf80f99b0d5158d"
+  integrity sha512-i8JUDAufpz9jOzo4yIShCTcXzS07vEgWzyX3NH2G7LEFVgrLEhjwL3ajFE4fZI3I4ZgiM7JH3GQ7ReObROvSUA==
 
 "@esbuild/linux-s390x@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz#b7ccf686751d6a3e44b8627ababc8be3ef62d8de"
   integrity sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==
 
-"@esbuild/linux-s390x@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.25.3.tgz#f6a7cb67969222b200974de58f105dfe8e99448d"
-  integrity sha512-s+w/NOY2k0yC2p9SLen+ymflgcpRkvwwa02fqmAwhBRI3SC12uiS10edHHXlVWwfAagYSY5UpmT/zISXPMW3tQ==
+"@esbuild/linux-s390x@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.25.1.tgz#e677b4b9d1b384098752266ccaa0d52a420dc1aa"
+  integrity sha512-cEECeLlJNfT8kZHqLarDBQso9a27o2Zd2AQ8USAEoGtejOrCYHNtKP8XQhMDJMtthdF4GBmjR2au3x1udADQQQ==
+
+"@esbuild/linux-s390x@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.25.4.tgz#1466876e0aa3560c7673e63fdebc8278707bc750"
+  integrity sha512-jFnu+6UbLlzIjPQpWCNh5QtrcNfMLjgIavnwPQAfoGx4q17ocOU9MsQ2QVvFxwQoWpZT8DvTLooTvmOQXkO51g==
 
 "@esbuild/linux-x64@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz#6d8f0c768e070e64309af8004bb94e68ab2bb3b0"
   integrity sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==
 
-"@esbuild/linux-x64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.25.3.tgz#a237d3578ecdd184a3066b1f425e314ade0f8033"
-  integrity sha512-nQHDz4pXjSDC6UfOE1Fw9Q8d6GCAd9KdvMZpfVGWSJztYCarRgSDfOVBY5xwhQXseiyxapkiSJi/5/ja8mRFFA==
+"@esbuild/linux-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.25.1.tgz#f1c796b78fff5ce393658313e8c58613198d9954"
+  integrity sha512-xbfUhu/gnvSEg+EGovRc+kjBAkrvtk38RlerAzQxvMzlB4fXpCFCeUAYzJvrnhFtdeyVCDANSjJvOvGYoeKzFA==
+
+"@esbuild/linux-x64@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.25.4.tgz#c10fde899455db7cba5f11b3bccfa0e41bf4d0cd"
+  integrity sha512-6e0cvXwzOnVWJHq+mskP8DNSrKBr1bULBvnFLpc1KY+d+irZSgZ02TGse5FsafKS5jg2e4pbvK6TPXaF/A6+CA==
 
-"@esbuild/netbsd-arm64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.3.tgz#4c15c68d8149614ddb6a56f9c85ae62ccca08259"
-  integrity sha512-1QaLtOWq0mzK6tzzp0jRN3eccmN3hezey7mhLnzC6oNlJoUJz4nym5ZD7mDnS/LZQgkrhEbEiTn515lPeLpgWA==
+"@esbuild/netbsd-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.1.tgz#0d280b7dfe3973f111b02d5fe9f3063b92796d29"
+  integrity sha512-O96poM2XGhLtpTh+s4+nP7YCCAfb4tJNRVZHfIE7dgmax+yMP2WgMd2OecBuaATHKTHsLWHQeuaxMRnCsH8+5g==
+
+"@esbuild/netbsd-arm64@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.4.tgz#02e483fbcbe3f18f0b02612a941b77be76c111a4"
+  integrity sha512-vUnkBYxZW4hL/ie91hSqaSNjulOnYXE1VSLusnvHg2u3jewJBz3YzB9+oCw8DABeVqZGg94t9tyZFoHma8gWZQ==
 
 "@esbuild/netbsd-x64@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz#bbe430f60d378ecb88decb219c602667387a6047"
   integrity sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==
 
-"@esbuild/netbsd-x64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.25.3.tgz#12f6856f8c54c2d7d0a8a64a9711c01a743878d5"
-  integrity sha512-i5Hm68HXHdgv8wkrt+10Bc50zM0/eonPb/a/OFVfB6Qvpiirco5gBA5bz7S2SHuU+Y4LWn/zehzNX14Sp4r27g==
+"@esbuild/netbsd-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.25.1.tgz#be663893931a4bb3f3a009c5cc24fa9681cc71c0"
+  integrity sha512-X53z6uXip6KFXBQ+Krbx25XHV/NCbzryM6ehOAeAil7X7oa4XIq+394PWGnwaSQ2WRA0KI6PUO6hTO5zeF5ijA==
+
+"@esbuild/netbsd-x64@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.25.4.tgz#ec401fb0b1ed0ac01d978564c5fc8634ed1dc2ed"
+  integrity sha512-XAg8pIQn5CzhOB8odIcAm42QsOfa98SBeKUdo4xa8OvX8LbMZqEtgeWE9P/Wxt7MlG2QqvjGths+nq48TrUiKw==
 
-"@esbuild/openbsd-arm64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.3.tgz#ca078dad4a34df192c60233b058db2ca3d94bc5c"
-  integrity sha512-zGAVApJEYTbOC6H/3QBr2mq3upG/LBEXr85/pTtKiv2IXcgKV0RT0QA/hSXZqSvLEpXeIxah7LczB4lkiYhTAQ==
+"@esbuild/openbsd-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.1.tgz#d9021b884233673a05dc1cc26de0bf325d824217"
+  integrity sha512-Na9T3szbXezdzM/Kfs3GcRQNjHzM6GzFBeU1/6IV/npKP5ORtp9zbQjvkDJ47s6BCgaAZnnnu/cY1x342+MvZg==
+
+"@esbuild/openbsd-arm64@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.4.tgz#f272c2f41cfea1d91b93d487a51b5c5ca7a8c8c4"
+  integrity sha512-Ct2WcFEANlFDtp1nVAXSNBPDxyU+j7+tId//iHXU2f/lN5AmO4zLyhDcpR5Cz1r08mVxzt3Jpyt4PmXQ1O6+7A==
 
 "@esbuild/openbsd-x64@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz#99d1cf2937279560d2104821f5ccce220cb2af70"
   integrity sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==
 
-"@esbuild/openbsd-x64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.25.3.tgz#c9178adb60e140e03a881d0791248489c79f95b2"
-  integrity sha512-fpqctI45NnCIDKBH5AXQBsD0NDPbEFczK98hk/aa6HJxbl+UtLkJV2+Bvy5hLSLk3LHmqt0NTkKNso1A9y1a4w==
+"@esbuild/openbsd-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.25.1.tgz#9f1dc1786ed2e2938c404b06bcc48be9a13250de"
+  integrity sha512-T3H78X2h1tszfRSf+txbt5aOp/e7TAz3ptVKu9Oyir3IAOFPGV6O9c2naym5TOriy1l0nNf6a4X5UXRZSGX/dw==
+
+"@esbuild/openbsd-x64@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.25.4.tgz#2e25950bc10fa9db1e5c868e3d50c44f7c150fd7"
+  integrity sha512-xAGGhyOQ9Otm1Xu8NT1ifGLnA6M3sJxZ6ixylb+vIUVzvvd6GOALpwQrYrtlPouMqd/vSbgehz6HaVk4+7Afhw==
 
 "@esbuild/sunos-x64@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz#08741512c10d529566baba837b4fe052c8f3487b"
   integrity sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==
 
-"@esbuild/sunos-x64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.25.3.tgz#03765eb6d4214ff27e5230af779e80790d1ee09f"
-  integrity sha512-ROJhm7d8bk9dMCUZjkS8fgzsPAZEjtRJqCAmVgB0gMrvG7hfmPmz9k1rwO4jSiblFjYmNvbECL9uhaPzONMfgA==
+"@esbuild/sunos-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.25.1.tgz#89aac24a4b4115959b3f790192cf130396696c27"
+  integrity sha512-2H3RUvcmULO7dIE5EWJH8eubZAI4xw54H1ilJnRNZdeo8dTADEZ21w6J22XBkXqGJbe0+wnNJtw3UXRoLJnFEg==
+
+"@esbuild/sunos-x64@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.25.4.tgz#cd596fa65a67b3b7adc5ecd52d9f5733832e1abd"
+  integrity sha512-Mw+tzy4pp6wZEK0+Lwr76pWLjrtjmJyUB23tHKqEDP74R3q95luY/bXqXZeYl4NYlvwOqoRKlInQialgCKy67Q==
 
 "@esbuild/win32-arm64@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz#675b7385398411240735016144ab2e99a60fc75d"
   integrity sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==
 
-"@esbuild/win32-arm64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.25.3.tgz#f1c867bd1730a9b8dfc461785ec6462e349411ea"
-  integrity sha512-YWcow8peiHpNBiIXHwaswPnAXLsLVygFwCB3A7Bh5jRkIBFWHGmNQ48AlX4xDvQNoMZlPYzjVOQDYEzWCqufMQ==
+"@esbuild/win32-arm64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.25.1.tgz#354358647a6ea98ea6d243bf48bdd7a434999582"
+  integrity sha512-GE7XvrdOzrb+yVKB9KsRMq+7a2U/K5Cf/8grVFRAGJmfADr/e/ODQ134RK2/eeHqYV5eQRFxb1hY7Nr15fv1NQ==
+
+"@esbuild/win32-arm64@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.25.4.tgz#b4dbcb57b21eeaf8331e424c3999b89d8951dc88"
+  integrity sha512-AVUP428VQTSddguz9dO9ngb+E5aScyg7nOeJDrF1HPYu555gmza3bDGMPhmVXL8svDSoqPCsCPjb265yG/kLKQ==
 
 "@esbuild/win32-ia32@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz#1bfc3ce98aa6ca9a0969e4d2af72144c59c1193b"
   integrity sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==
 
-"@esbuild/win32-ia32@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.25.3.tgz#77491f59ef6c9ddf41df70670d5678beb3acc322"
-  integrity sha512-qspTZOIGoXVS4DpNqUYUs9UxVb04khS1Degaw/MnfMe7goQ3lTfQ13Vw4qY/Nj0979BGvMRpAYbs/BAxEvU8ew==
+"@esbuild/win32-ia32@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.25.1.tgz#8cea7340f2647eba951a041dc95651e3908cd4cb"
+  integrity sha512-uOxSJCIcavSiT6UnBhBzE8wy3n0hOkJsBOzy7HDAuTDE++1DJMRRVCPGisULScHL+a/ZwdXPpXD3IyFKjA7K8A==
+
+"@esbuild/win32-ia32@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.25.4.tgz#410842e5d66d4ece1757634e297a87635eb82f7a"
+  integrity sha512-i1sW+1i+oWvQzSgfRcxxG2k4I9n3O9NRqy8U+uugaT2Dy7kLO9Y7wI72haOahxceMX8hZAzgGou1FhndRldxRg==
 
 "@esbuild/win32-x64@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz#acad351d582d157bb145535db2a6ff53dd514b5c"
   integrity sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==
 
-"@esbuild/win32-x64@0.25.3":
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.25.3.tgz#b17a2171f9074df9e91bfb07ef99a892ac06412a"
-  integrity sha512-ICgUR+kPimx0vvRzf+N/7L7tVSQeE3BYY+NhHRHXS1kBuPO7z2+7ea2HbhDyZdTephgvNvKrlDDKUexuCVBVvg==
+"@esbuild/win32-x64@0.25.1":
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.25.1.tgz#7d79922cb2d88f9048f06393dbf62d2e4accb584"
+  integrity sha512-Y1EQdcfwMSeQN/ujR5VayLOJ1BHaK+ssyk0AEzPjC+t1lITgsnccPqFjb6V+LsTp/9Iov4ysfjxLaGJ9RPtkVg==
+
+"@esbuild/win32-x64@0.25.4":
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.25.4.tgz#0b17ec8a70b2385827d52314c1253160a0b9bacc"
+  integrity sha512-nOT2vZNw6hJ+z43oP1SPea/G/6AbN6X+bGNhNuq8NtRHy4wsMhw765IKLNmnjek7GvjWBYQ8Q5VBoYTFg9y1UQ==
 
 "@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
-  version "4.5.1"
-  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.5.1.tgz#b0fc7e06d0c94f801537fd4237edc2706d3b8e4c"
-  integrity sha512-soEIOALTfTK6EjmKMMoLugwaP0rzkad90iIWd1hMO9ARkSAyjfMfkRRhLvD5qH7vvM0Cg72pieUfR6yh6XxC4w==
+  version "4.7.0"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz#607084630c6c033992a082de6e6fbc1a8b52175a"
+  integrity sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==
   dependencies:
     eslint-visitor-keys "^3.4.3"
 
-"@eslint-community/regexpp@^4.10.0", "@eslint-community/regexpp@^4.6.1":
+"@eslint-community/regexpp@^4.10.0":
+  version "4.10.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.10.1.tgz#361461e5cb3845d874e61731c11cfedd664d83a0"
+  integrity sha512-Zm2NGpWELsQAD1xsJzGQpYfvICSsFkEpU0jxBjfdC6uNEWXcHnfs9hScFWtXVDVl+rBQJGrl4g1vcKIejpH9dA==
+
+"@eslint-community/regexpp@^4.12.1":
   version "4.12.1"
   resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0"
   integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==
 
+"@eslint-community/regexpp@^4.6.1":
+  version "4.10.0"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.10.0.tgz#548f6de556857c8bb73bbee70c35dc82a2e74d63"
+  integrity sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==
+
+"@eslint/config-array@^0.19.2":
+  version "0.19.2"
+  resolved "https://registry.yarnpkg.com/@eslint/config-array/-/config-array-0.19.2.tgz#3060b809e111abfc97adb0bb1172778b90cb46aa"
+  integrity sha512-GNKqxfHG2ySmJOBSHg7LxeUx4xpuCoFjacmlCoYWEbaPXLwvfIjixRI12xCQZeULksQb23uiA8F40w5TojpV7w==
+  dependencies:
+    "@eslint/object-schema" "^2.1.6"
+    debug "^4.3.1"
+    minimatch "^3.1.2"
+
+"@eslint/config-helpers@^0.2.0":
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/@eslint/config-helpers/-/config-helpers-0.2.0.tgz#12dc8d65c31c4b6c3ebf0758db6601eb7692ce59"
+  integrity sha512-yJLLmLexii32mGrhW29qvU3QBVTu0GUmEf/J4XsBtVhp4JkIUFN/BjWqTF63yRvGApIDpZm5fa97LtYtINmfeQ==
+
+"@eslint/core@^0.12.0":
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/@eslint/core/-/core-0.12.0.tgz#5f960c3d57728be9f6c65bd84aa6aa613078798e"
+  integrity sha512-cmrR6pytBuSMTaBweKoGMwu3EiHiEC+DoyupPmlZ0HxBJBtIxwe+j/E4XPIKNx+Q74c8lXKPwYawBf5glsTkHg==
+  dependencies:
+    "@types/json-schema" "^7.0.15"
+
 "@eslint/eslintrc@^2.1.4":
   version "2.1.4"
   resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.4.tgz#388a269f0f25c1b6adc317b5a2c55714894c70ad"
@@ -749,11 +999,44 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
+"@eslint/eslintrc@^3.3.1":
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-3.3.1.tgz#e55f7f1dd400600dd066dbba349c4c0bac916964"
+  integrity sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.3.2"
+    espree "^10.0.1"
+    globals "^14.0.0"
+    ignore "^5.2.0"
+    import-fresh "^3.2.1"
+    js-yaml "^4.1.0"
+    minimatch "^3.1.2"
+    strip-json-comments "^3.1.1"
+
 "@eslint/js@8.57.1":
   version "8.57.1"
   resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.57.1.tgz#de633db3ec2ef6a3c89e2f19038063e8a122e2c2"
   integrity sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==
 
+"@eslint/js@9.23.0", "@eslint/js@^9.18.0":
+  version "9.23.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.23.0.tgz#c09ded4f3dc63b40b933bcaeb853fceddb64da30"
+  integrity sha512-35MJ8vCPU0ZMxo7zfev2pypqTwWTofFZO6m4KAtdoFhRpLJUpHTZZ+KB3C7Hb1d7bULYwO4lJXGCi5Se+8OMbw==
+
+"@eslint/object-schema@^2.1.6":
+  version "2.1.6"
+  resolved "https://registry.yarnpkg.com/@eslint/object-schema/-/object-schema-2.1.6.tgz#58369ab5b5b3ca117880c0f6c0b0f32f6950f24f"
+  integrity sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==
+
+"@eslint/plugin-kit@^0.2.7":
+  version "0.2.7"
+  resolved "https://registry.yarnpkg.com/@eslint/plugin-kit/-/plugin-kit-0.2.7.tgz#9901d52c136fb8f375906a73dcc382646c3b6a27"
+  integrity sha512-JubJ5B2pJ4k4yGxaNLdbjrnk9d/iDz6/q8wOilpIowd6PJPgaxCuHBnBszq7Ce2TyMrywm5r4PnKm6V3iiZF+g==
+  dependencies:
+    "@eslint/core" "^0.12.0"
+    levn "^0.4.1"
+
 "@gar/promisify@^1.0.1":
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6"
@@ -771,6 +1054,19 @@
   dependencies:
     "@hapi/hoek" "^9.0.0"
 
+"@humanfs/core@^0.19.1":
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/@humanfs/core/-/core-0.19.1.tgz#17c55ca7d426733fe3c561906b8173c336b40a77"
+  integrity sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==
+
+"@humanfs/node@^0.16.6":
+  version "0.16.6"
+  resolved "https://registry.yarnpkg.com/@humanfs/node/-/node-0.16.6.tgz#ee2a10eaabd1131987bf0488fd9b820174cd765e"
+  integrity sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==
+  dependencies:
+    "@humanfs/core" "^0.19.1"
+    "@humanwhocodes/retry" "^0.3.0"
+
 "@humanwhocodes/config-array@^0.13.0":
   version "0.13.0"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.13.0.tgz#fb907624df3256d04b9aa2df50d7aa97ec648748"
@@ -790,6 +1086,16 @@
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz#4a2868d75d6d6963e423bcf90b7fd1be343409d3"
   integrity sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==
 
+"@humanwhocodes/retry@^0.3.0":
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/retry/-/retry-0.3.1.tgz#c72a5c76a9fbaf3488e231b13dc52c0da7bab42a"
+  integrity sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==
+
+"@humanwhocodes/retry@^0.4.2":
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/retry/-/retry-0.4.2.tgz#1860473de7dfa1546767448f333db80cb0ff2161"
+  integrity sha512-xeO57FpIu4p1Ri3Jq/EXq4ClRm86dVF2z/+kvFnyqVYRavTZmaFaUBbWCOuuTh0o/g7DSsk6kc2vrS4Vl5oPOQ==
+
 "@hutson/parse-repository-url@^3.0.0":
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/@hutson/parse-repository-url/-/parse-repository-url-3.0.2.tgz#98c23c950a3d9b6c8f0daed06da6c3af06981340"
@@ -963,6 +1269,13 @@
     js-yaml "^3.13.1"
     resolve-from "^5.0.0"
 
+"@istanbuljs/nyc-config-typescript@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@istanbuljs/nyc-config-typescript/-/nyc-config-typescript-1.0.2.tgz#1f5235b28540a07219ae0dd42014912a0b19cf89"
+  integrity sha512-iKGIyMoyJuFnJRSVTZ78POIRvNnwZaWIf8vG4ZS3rQq58MMDrqEX2nnzx0R28V2X8JvmKYiqY9FP2hlJsm8A0w==
+  dependencies:
+    "@istanbuljs/schema" "^0.1.2"
+
 "@istanbuljs/schema@^0.1.2", "@istanbuljs/schema@^0.1.3":
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
@@ -2070,111 +2383,288 @@
   resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
   integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
 
+"@playwright/experimental-ct-core@1.52.0":
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/@playwright/experimental-ct-core/-/experimental-ct-core-1.52.0.tgz#3fa18bc7952deaf141ad2a2c1cdfcff1de6c7192"
+  integrity sha512-DiDEammXxt8OIFDfoNitoOZyHFJAu6aYi0abmHl0IZgOQHxccP6UX50aTEnSTTUWCfwUWB0Vd8TKJ6w122WJEw==
+  dependencies:
+    playwright "1.52.0"
+    playwright-core "1.52.0"
+    vite "^6.2.6"
+
+"@playwright/experimental-ct-vue@^1.50.0":
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/@playwright/experimental-ct-vue/-/experimental-ct-vue-1.52.0.tgz#8c5ca57e98def53e6befeadb0a433a9141d133b3"
+  integrity sha512-MaUVEZZ+eo/UH/qWLwUzDl2SgjYyGQUVrGFVayUX07TASS4FDMRV8f8Jjkk0t7iYeFfWE2ZyZS1muLeWeP7qXg==
+  dependencies:
+    "@playwright/experimental-ct-core" "1.52.0"
+    "@vitejs/plugin-vue" "^5.2.0"
+
+"@playwright/test@^1.49.1":
+  version "1.51.1"
+  resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.51.1.tgz#75357d513221a7be0baad75f01e966baf9c41a2e"
+  integrity sha512-nM+kEaTSAoVlXmMPH10017vn3FSiFqr/bh4fKg9vmAdMfd9SDqRZNvPSiAHADc/itWak+qPvMPZQOPwCBW7k7Q==
+  dependencies:
+    playwright "1.51.1"
+
 "@polka/url@^1.0.0-next.24":
-  version "1.0.0-next.28"
-  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.28.tgz#d45e01c4a56f143ee69c54dd6b12eade9e270a73"
-  integrity sha512-8LduaNlMZGwdZ6qWrKlfa+2M4gahzFkprZiAt2TF8uS0qQgBizKXpXURqvTJ4WtmupWxaLqjRb2UCTe72mu+Aw==
+  version "1.0.0-next.24"
+  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.24.tgz#58601079e11784d20f82d0585865bb42305c4df3"
+  integrity sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ==
+
+"@rollup/plugin-alias@^5.1.1":
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-alias/-/plugin-alias-5.1.1.tgz#53601d88cda8b1577aa130b4a6e452283605bf26"
+  integrity sha512-PR9zDb+rOzkRb2VD+EuKB7UC41vU5DIwZ5qqCpk0KJudcWAyi8rvYOhS7+L5aZCspw1stTViLgN5v6FF1p5cgQ==
+
+"@rollup/plugin-commonjs@^28.0.2":
+  version "28.0.3"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-28.0.3.tgz#44c2cc7c955c6113b96696b55e6bc2446bd67913"
+  integrity sha512-pyltgilam1QPdn+Zd9gaCfOLcnjMEJ9gV+bTw6/r73INdvzf1ah9zLIJBm+kW7R6IUFIQ1YO+VqZtYxZNWFPEQ==
+  dependencies:
+    "@rollup/pluginutils" "^5.0.1"
+    commondir "^1.0.1"
+    estree-walker "^2.0.2"
+    fdir "^6.2.0"
+    is-reference "1.2.1"
+    magic-string "^0.30.3"
+    picomatch "^4.0.2"
+
+"@rollup/plugin-json@^6.1.0":
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-json/-/plugin-json-6.1.0.tgz#fbe784e29682e9bb6dee28ea75a1a83702e7b805"
+  integrity sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==
+  dependencies:
+    "@rollup/pluginutils" "^5.1.0"
+
+"@rollup/plugin-node-resolve@^16.0.0":
+  version "16.0.1"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-16.0.1.tgz#2fc6b54ca3d77e12f3fb45b2a55b50720de4c95d"
+  integrity sha512-tk5YCxJWIG81umIvNkSod2qK5KyQW19qcBF/B78n1bjtOON6gzKoVeSzAE8yHCZEDmqkHKkxplExA8KzdJLJpA==
+  dependencies:
+    "@rollup/pluginutils" "^5.0.1"
+    "@types/resolve" "1.20.2"
+    deepmerge "^4.2.2"
+    is-module "^1.0.0"
+    resolve "^1.22.1"
+
+"@rollup/plugin-replace@^6.0.2":
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-replace/-/plugin-replace-6.0.2.tgz#2f565d312d681e4570ff376c55c5c08eb6f1908d"
+  integrity sha512-7QaYCf8bqF04dOy7w/eHmJeNExxTYwvKAmlSAH/EaWWUzbT0h5sbF6bktFoX/0F/0qwng5/dWFMyf3gzaM8DsQ==
+  dependencies:
+    "@rollup/pluginutils" "^5.0.1"
+    magic-string "^0.30.3"
+
+"@rollup/pluginutils@^5.0.1", "@rollup/pluginutils@^5.1.0", "@rollup/pluginutils@^5.1.4":
+  version "5.1.4"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.1.4.tgz#bb94f1f9eaaac944da237767cdfee6c5b2262d4a"
+  integrity sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==
+  dependencies:
+    "@types/estree" "^1.0.0"
+    estree-walker "^2.0.2"
+    picomatch "^4.0.2"
 
 "@rollup/rollup-android-arm-eabi@4.40.1":
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.40.1.tgz#e1562d360bca73c7bef6feef86098de3a2f1d442"
   integrity sha512-kxz0YeeCrRUHz3zyqvd7n+TVRlNyTifBsmnmNPtk3hQURUyG9eAB+usz6DAwagMusjx/zb3AjvDUvhFGDAexGw==
 
+"@rollup/rollup-android-arm-eabi@4.40.2":
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.40.2.tgz#c228d00a41f0dbd6fb8b7ea819bbfbf1c1157a10"
+  integrity sha512-JkdNEq+DFxZfUwxvB58tHMHBHVgX23ew41g1OQinthJ+ryhdRk67O31S7sYw8u2lTjHUPFxwar07BBt1KHp/hg==
+
 "@rollup/rollup-android-arm64@4.40.1":
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.40.1.tgz#37ba63940211673e15dcc5f469a78e34276dbca7"
   integrity sha512-PPkxTOisoNC6TpnDKatjKkjRMsdaWIhyuMkA4UsBXT9WEZY4uHezBTjs6Vl4PbqQQeu6oION1w2voYZv9yquCw==
 
+"@rollup/rollup-android-arm64@4.40.2":
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.40.2.tgz#e2b38d0c912169fd55d7e38d723aada208d37256"
+  integrity sha512-13unNoZ8NzUmnndhPTkWPWbX3vtHodYmy+I9kuLxN+F+l+x3LdVF7UCu8TWVMt1POHLh6oDHhnOA04n8oJZhBw==
+
 "@rollup/rollup-darwin-arm64@4.40.1":
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.40.1.tgz#58b1eb86d997d71dabc5b78903233a3c27438ca0"
   integrity sha512-VWXGISWFY18v/0JyNUy4A46KCFCb9NVsH+1100XP31lud+TzlezBbz24CYzbnA4x6w4hx+NYCXDfnvDVO6lcAA==
 
+"@rollup/rollup-darwin-arm64@4.40.2":
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.40.2.tgz#1fddb3690f2ae33df16d334c613377f05abe4878"
+  integrity sha512-Gzf1Hn2Aoe8VZzevHostPX23U7N5+4D36WJNHK88NZHCJr7aVMG4fadqkIf72eqVPGjGc0HJHNuUaUcxiR+N/w==
+
 "@rollup/rollup-darwin-x64@4.40.1":
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.40.1.tgz#5e22dab3232b1e575d930ce891abb18fe19c58c9"
   integrity sha512-nIwkXafAI1/QCS7pxSpv/ZtFW6TXcNUEHAIA9EIyw5OzxJZQ1YDrX+CL6JAIQgZ33CInl1R6mHet9Y/UZTg2Bw==
 
+"@rollup/rollup-darwin-x64@4.40.2":
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.40.2.tgz#818298d11c8109e1112590165142f14be24b396d"
+  integrity sha512-47N4hxa01a4x6XnJoskMKTS8XZ0CZMd8YTbINbi+w03A2w4j1RTlnGHOz/P0+Bg1LaVL6ufZyNprSg+fW5nYQQ==
+
 "@rollup/rollup-freebsd-arm64@4.40.1":
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.40.1.tgz#04c892d9ff864d66e31419634726ab0bebb33707"
   integrity sha512-BdrLJ2mHTrIYdaS2I99mriyJfGGenSaP+UwGi1kB9BLOCu9SR8ZpbkmmalKIALnRw24kM7qCN0IOm6L0S44iWw==
 
+"@rollup/rollup-freebsd-arm64@4.40.2":
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.40.2.tgz#91a28dc527d5bed7f9ecf0e054297b3012e19618"
+  integrity sha512-8t6aL4MD+rXSHHZUR1z19+9OFJ2rl1wGKvckN47XFRVO+QL/dUSpKA2SLRo4vMg7ELA8pzGpC+W9OEd1Z/ZqoQ==
+
 "@rollup/rollup-freebsd-x64@4.40.1":
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.40.1.tgz#f4b1e091f7cf5afc9e3a029d70128ad56409ecfb"
   integrity sha512-VXeo/puqvCG8JBPNZXZf5Dqq7BzElNJzHRRw3vjBE27WujdzuOPecDPc/+1DcdcTptNBep3861jNq0mYkT8Z6Q==
 
+"@rollup/rollup-freebsd-x64@4.40.2":
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.40.2.tgz#28acadefa76b5c7bede1576e065b51d335c62c62"
+  integrity sha512-C+AyHBzfpsOEYRFjztcYUFsH4S7UsE9cDtHCtma5BK8+ydOZYgMmWg1d/4KBytQspJCld8ZIujFMAdKG1xyr4Q==
+
 "@rollup/rollup-linux-arm-gnueabihf@4.40.1":
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.40.1.tgz#c8814bb5ce047a81b1fe4a33628dfd4ac52bd864"
   integrity sha512-ehSKrewwsESPt1TgSE/na9nIhWCosfGSFqv7vwEtjyAqZcvbGIg4JAcV7ZEh2tfj/IlfBeZjgOXm35iOOjadcg==
 
+"@rollup/rollup-linux-arm-gnueabihf@4.40.2":
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.40.2.tgz#819691464179cbcd9a9f9d3dc7617954840c6186"
+  integrity sha512-de6TFZYIvJwRNjmW3+gaXiZ2DaWL5D5yGmSYzkdzjBDS3W+B9JQ48oZEsmMvemqjtAFzE16DIBLqd6IQQRuG9Q==
+
 "@rollup/rollup-linux-arm-musleabihf@4.40.1":
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.40.1.tgz#5b4e7bd83cbebbf5ffe958802dcfd4ee34bf73a3"
   integrity sha512-m39iO/aaurh5FVIu/F4/Zsl8xppd76S4qoID8E+dSRQvTyZTOI2gVk3T4oqzfq1PtcvOfAVlwLMK3KRQMaR8lg==
 
+"@rollup/rollup-linux-arm-musleabihf@4.40.2":
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.40.2.tgz#d149207039e4189e267e8724050388effc80d704"
+  integrity sha512-urjaEZubdIkacKc930hUDOfQPysezKla/O9qV+O89enqsqUmQm8Xj8O/vh0gHg4LYfv7Y7UsE3QjzLQzDYN1qg==
+
 "@rollup/rollup-linux-arm64-gnu@4.40.1":
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.40.1.tgz#141c848e53cee011e82a11777b8a51f1b3e8d77c"
   integrity sha512-Y+GHnGaku4aVLSgrT0uWe2o2Rq8te9hi+MwqGF9r9ORgXhmHK5Q71N757u0F8yU1OIwUIFy6YiJtKjtyktk5hg==
 
+"@rollup/rollup-linux-arm64-gnu@4.40.2":
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.40.2.tgz#fa72ebddb729c3c6d88973242f1a2153c83e86ec"
+  integrity sha512-KlE8IC0HFOC33taNt1zR8qNlBYHj31qGT1UqWqtvR/+NuCVhfufAq9fxO8BMFC22Wu0rxOwGVWxtCMvZVLmhQg==
+
 "@rollup/rollup-linux-arm64-musl@4.40.1":
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.40.1.tgz#22ebeaf2fa301aa4aa6c84b760e6cd1d1ac7eb1e"
   integrity sha512-jEwjn3jCA+tQGswK3aEWcD09/7M5wGwc6+flhva7dsQNRZZTe30vkalgIzV4tjkopsTS9Jd7Y1Bsj6a4lzz8gQ==
 
+"@rollup/rollup-linux-arm64-musl@4.40.2":
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.40.2.tgz#2054216e34469ab8765588ebf343d531fc3c9228"
+  integrity sha512-j8CgxvfM0kbnhu4XgjnCWJQyyBOeBI1Zq91Z850aUddUmPeQvuAy6OiMdPS46gNFgy8gN1xkYyLgwLYZG3rBOg==
+
 "@rollup/rollup-linux-loongarch64-gnu@4.40.1":
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.40.1.tgz#20b77dc78e622f5814ff8e90c14c938ceb8043bc"
   integrity sha512-ySyWikVhNzv+BV/IDCsrraOAZ3UaC8SZB67FZlqVwXwnFhPihOso9rPOxzZbjp81suB1O2Topw+6Ug3JNegejQ==
 
+"@rollup/rollup-linux-loongarch64-gnu@4.40.2":
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.40.2.tgz#818de242291841afbfc483a84f11e9c7a11959bc"
+  integrity sha512-Ybc/1qUampKuRF4tQXc7G7QY9YRyeVSykfK36Y5Qc5dmrIxwFhrOzqaVTNoZygqZ1ZieSWTibfFhQ5qK8jpWxw==
+
 "@rollup/rollup-linux-powerpc64le-gnu@4.40.1":
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.40.1.tgz#2c90f99c987ef1198d4f8d15d754c286e1f07b13"
   integrity sha512-BvvA64QxZlh7WZWqDPPdt0GH4bznuL6uOO1pmgPnnv86rpUpc8ZxgZwcEgXvo02GRIZX1hQ0j0pAnhwkhwPqWg==
 
+"@rollup/rollup-linux-powerpc64le-gnu@4.40.2":
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.40.2.tgz#0bb4cb8fc4a2c635f68c1208c924b2145eb647cb"
+  integrity sha512-3FCIrnrt03CCsZqSYAOW/k9n625pjpuMzVfeI+ZBUSDT3MVIFDSPfSUgIl9FqUftxcUXInvFah79hE1c9abD+Q==
+
 "@rollup/rollup-linux-riscv64-gnu@4.40.1":
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.40.1.tgz#9336fd5e47d7f4760d02aa85f76976176eef53ca"
   integrity sha512-EQSP+8+1VuSulm9RKSMKitTav89fKbHymTf25n5+Yr6gAPZxYWpj3DzAsQqoaHAk9YX2lwEyAf9S4W8F4l3VBQ==
 
+"@rollup/rollup-linux-riscv64-gnu@4.40.2":
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.40.2.tgz#4b3b8e541b7b13e447ae07774217d98c06f6926d"
+  integrity sha512-QNU7BFHEvHMp2ESSY3SozIkBPaPBDTsfVNGx3Xhv+TdvWXFGOSH2NJvhD1zKAT6AyuuErJgbdvaJhYVhVqrWTg==
+
 "@rollup/rollup-linux-riscv64-musl@4.40.1":
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.40.1.tgz#d75b4d54d46439bb5c6c13762788f57e798f5670"
   integrity sha512-n/vQ4xRZXKuIpqukkMXZt9RWdl+2zgGNx7Uda8NtmLJ06NL8jiHxUawbwC+hdSq1rrw/9CghCpEONor+l1e2gA==
 
+"@rollup/rollup-linux-riscv64-musl@4.40.2":
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.40.2.tgz#e065405e67d8bd64a7d0126c931bd9f03910817f"
+  integrity sha512-5W6vNYkhgfh7URiXTO1E9a0cy4fSgfE4+Hl5agb/U1sa0kjOLMLC1wObxwKxecE17j0URxuTrYZZME4/VH57Hg==
+
 "@rollup/rollup-linux-s390x-gnu@4.40.1":
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.40.1.tgz#e9f09b802f1291839247399028beaef9ce034c81"
   integrity sha512-h8d28xzYb98fMQKUz0w2fMc1XuGzLLjdyxVIbhbil4ELfk5/orZlSTpF/xdI9C8K0I8lCkq+1En2RJsawZekkg==
 
+"@rollup/rollup-linux-s390x-gnu@4.40.2":
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.40.2.tgz#dda3265bbbfe16a5d0089168fd07f5ebb2a866fe"
+  integrity sha512-B7LKIz+0+p348JoAL4X/YxGx9zOx3sR+o6Hj15Y3aaApNfAshK8+mWZEf759DXfRLeL2vg5LYJBB7DdcleYCoQ==
+
 "@rollup/rollup-linux-x64-gnu@4.40.1":
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.40.1.tgz#0413169dc00470667dea8575c1129d4e7a73eb29"
   integrity sha512-XiK5z70PEFEFqcNj3/zRSz/qX4bp4QIraTy9QjwJAb/Z8GM7kVUsD0Uk8maIPeTyPCP03ChdI+VVmJriKYbRHQ==
 
+"@rollup/rollup-linux-x64-gnu@4.40.2":
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.40.2.tgz#90993269b8b995b4067b7b9d72ff1c360ef90a17"
+  integrity sha512-lG7Xa+BmBNwpjmVUbmyKxdQJ3Q6whHjMjzQplOs5Z+Gj7mxPtWakGHqzMqNER68G67kmCX9qX57aRsW5V0VOng==
+
 "@rollup/rollup-linux-x64-musl@4.40.1":
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.40.1.tgz#c76fd593323c60ea219439a00da6c6d33ffd0ea6"
   integrity sha512-2BRORitq5rQ4Da9blVovzNCMaUlyKrzMSvkVR0D4qPuOy/+pMCrh1d7o01RATwVy+6Fa1WBw+da7QPeLWU/1mQ==
 
+"@rollup/rollup-linux-x64-musl@4.40.2":
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.40.2.tgz#fdf5b09fd121eb8d977ebb0fda142c7c0167b8de"
+  integrity sha512-tD46wKHd+KJvsmije4bUskNuvWKFcTOIM9tZ/RrmIvcXnbi0YK/cKS9FzFtAm7Oxi2EhV5N2OpfFB348vSQRXA==
+
 "@rollup/rollup-win32-arm64-msvc@4.40.1":
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.40.1.tgz#c7724c386eed0bda5ae7143e4081c1910cab349b"
   integrity sha512-b2bcNm9Kbde03H+q+Jjw9tSfhYkzrDUf2d5MAd1bOJuVplXvFhWz7tRtWvD8/ORZi7qSCy0idW6tf2HgxSXQSg==
 
+"@rollup/rollup-win32-arm64-msvc@4.40.2":
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.40.2.tgz#6397e1e012db64dfecfed0774cb9fcf89503d716"
+  integrity sha512-Bjv/HG8RRWLNkXwQQemdsWw4Mg+IJ29LK+bJPW2SCzPKOUaMmPEppQlu/Fqk1d7+DX3V7JbFdbkh/NMmurT6Pg==
+
 "@rollup/rollup-win32-ia32-msvc@4.40.1":
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.40.1.tgz#7749e1b65cb64fe6d41ad1ad9e970a0ccc8ac350"
   integrity sha512-DfcogW8N7Zg7llVEfpqWMZcaErKfsj9VvmfSyRjCyo4BI3wPEfrzTtJkZG6gKP/Z92wFm6rz2aDO7/JfiR/whA==
 
+"@rollup/rollup-win32-ia32-msvc@4.40.2":
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.40.2.tgz#df0991464a52a35506103fe18d29913bf8798a0c"
+  integrity sha512-dt1llVSGEsGKvzeIO76HToiYPNPYPkmjhMHhP00T9S4rDern8P2ZWvWAQUEJ+R1UdMWJ/42i/QqJ2WV765GZcA==
+
 "@rollup/rollup-win32-x64-msvc@4.40.1":
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.40.1.tgz#8078b71fe0d5825dcbf83d52a7dc858b39da165c"
   integrity sha512-ECyOuDeH3C1I8jH2MK1RtBJW+YPMvSfT0a5NN0nHfQYnDSJ6tUiZH3gzwVP5/Kfh/+Tt7tpWVF9LXNTnhTJ3kA==
 
+"@rollup/rollup-win32-x64-msvc@4.40.2":
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.40.2.tgz#8dae04d01a2cbd84d6297d99356674c6b993f0fc"
+  integrity sha512-bwspbWB04XJpeElvsp+DCylKfF4trJDa2Y9Go8O6A7YLX2LIKGcNK/CYImJN6ZP4DcuOHB4Utl3iCbnR62DudA==
+
 "@sentry-internal/tracing@7.120.3":
   version "7.120.3"
   resolved "https://registry.yarnpkg.com/@sentry-internal/tracing/-/tracing-7.120.3.tgz#a54e67c39d23576a72b3f349c1a3fae13e27f2f1"
@@ -2271,6 +2761,11 @@
   resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf"
   integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==
 
+"@trysound/sax@0.2.0":
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
+  integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==
+
 "@types/babel__core@^7.1.14":
   version "7.20.5"
   resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.5.tgz#3df15f27ba85319caa07ba08d0721889bb39c017"
@@ -2304,16 +2799,11 @@
   dependencies:
     "@babel/types" "^7.20.7"
 
-"@types/estree@1.0.7":
+"@types/estree@*", "@types/estree@1.0.7", "@types/estree@^1.0.0", "@types/estree@^1.0.6":
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.7.tgz#4158d3105276773d5b7695cd4834b1722e4f37a8"
   integrity sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==
 
-"@types/estree@^1.0.0":
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.6.tgz#628effeeae2064a1b4e79f78e81d87b7e5fc7b50"
-  integrity sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==
-
 "@types/graceful-fs@^4.1.3":
   version "4.1.9"
   resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.9.tgz#2a06bc0f68a20ab37b3e36aa238be6abdf49e8b4"
@@ -2349,6 +2839,11 @@
     "@types/tough-cookie" "*"
     parse5 "^7.0.0"
 
+"@types/json-schema@^7.0.15":
+  version "7.0.15"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
+  integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
+
 "@types/lodash-es@^4.17.12":
   version "4.17.12"
   resolved "https://registry.yarnpkg.com/@types/lodash-es/-/lodash-es-4.17.12.tgz#65f6d1e5f80539aa7cfbfc962de5def0cf4f341b"
@@ -2386,11 +2881,18 @@
     undici-types "~6.20.0"
 
 "@types/node@^20.14.6":
-  version "20.17.24"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.17.24.tgz#2325476954e6fc8c2f11b9c61e26ba6eb7d3f5b6"
-  integrity sha512-d7fGCyB96w9BnWQrOsJtpyiSaBcAYYr75bnK6ZRjDbql2cGLj/3GsL5OYmLPNq76l7Gf2q4Rv9J2o6h5CrD9sA==
+  version "20.14.6"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.14.6.tgz#f3c19ffc98c2220e18de259bb172dd4d892a6075"
+  integrity sha512-JbA0XIJPL1IiNnU7PFxDXyfAwcwVVrOoqyzzyQTyMeVhBzkJVMSkC1LlVsRQ2lpqiY4n6Bb9oCS6lzDKVQxbZw==
+  dependencies:
+    undici-types "~5.26.4"
+
+"@types/node@^22.10.7":
+  version "22.13.11"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-22.13.11.tgz#f0ed6b302dcf0f4229d44ea707e77484ad46d234"
+  integrity sha512-iEUCUJoU0i3VnrCmgoWCXttklWcvoCIx4jzcP22fioIVSdTmjgoEvmAO/QPw6TcS9k5FrNgn4w7q5lGOd1CT5g==
   dependencies:
-    undici-types "~6.19.2"
+    undici-types "~6.20.0"
 
 "@types/normalize-package-data@^2.4.0":
   version "2.4.4"
@@ -2402,6 +2904,11 @@
   resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.2.tgz#5950e50960793055845e956c427fc2b0d70c5239"
   integrity sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==
 
+"@types/resolve@1.20.2":
+  version "1.20.2"
+  resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.20.2.tgz#97d26e00cd4a0423b4af620abecf3e6f442b7975"
+  integrity sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==
+
 "@types/sinonjs__fake-timers@8.1.1":
   version "8.1.1"
   resolved "https://registry.yarnpkg.com/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-8.1.1.tgz#b49c2c70150141a15e0fa7e79cf1f92a72934ce3"
@@ -2456,6 +2963,21 @@
   dependencies:
     "@types/node" "*"
 
+"@typescript-eslint/eslint-plugin@8.27.0", "@typescript-eslint/eslint-plugin@^8.20.0":
+  version "8.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.27.0.tgz#fbef10802365832ee1d1bd5d2117dcec82727a72"
+  integrity sha512-4henw4zkePi5p252c8ncBLzLce52SEUz2Ebj8faDnuUXz2UuHEONYcJ+G0oaCF+bYCWVZtrGzq3FD7YXetmnSA==
+  dependencies:
+    "@eslint-community/regexpp" "^4.10.0"
+    "@typescript-eslint/scope-manager" "8.27.0"
+    "@typescript-eslint/type-utils" "8.27.0"
+    "@typescript-eslint/utils" "8.27.0"
+    "@typescript-eslint/visitor-keys" "8.27.0"
+    graphemer "^1.4.0"
+    ignore "^5.3.1"
+    natural-compare "^1.4.0"
+    ts-api-utils "^2.0.1"
+
 "@typescript-eslint/eslint-plugin@^7.13.1":
   version "7.18.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.18.0.tgz#b16d3cf3ee76bf572fdf511e79c248bdec619ea3"
@@ -2471,6 +2993,17 @@
     natural-compare "^1.4.0"
     ts-api-utils "^1.3.0"
 
+"@typescript-eslint/parser@8.27.0", "@typescript-eslint/parser@^8.20.0":
+  version "8.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-8.27.0.tgz#3f6beaa83934467eda34ae82ef04090014df8227"
+  integrity sha512-XGwIabPallYipmcOk45DpsBSgLC64A0yvdAkrwEzwZ2viqGqRUJ8eEYoPz0CWnutgAFbNMPdsGGvzjSmcWVlEA==
+  dependencies:
+    "@typescript-eslint/scope-manager" "8.27.0"
+    "@typescript-eslint/types" "8.27.0"
+    "@typescript-eslint/typescript-estree" "8.27.0"
+    "@typescript-eslint/visitor-keys" "8.27.0"
+    debug "^4.3.4"
+
 "@typescript-eslint/parser@^7.13.1":
   version "7.18.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-7.18.0.tgz#83928d0f1b7f4afa974098c64b5ce6f9051f96a0"
@@ -2498,6 +3031,14 @@
     "@typescript-eslint/types" "8.26.1"
     "@typescript-eslint/visitor-keys" "8.26.1"
 
+"@typescript-eslint/scope-manager@8.27.0":
+  version "8.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.27.0.tgz#b51042927067d677fbfc471605cf40d1ffaee482"
+  integrity sha512-8oI9GwPMQmBryaaxG1tOZdxXVeMDte6NyJA4i7/TWa4fBwgnAXYlIQP+uYOeqAaLJ2JRxlG9CAyL+C+YE9Xknw==
+  dependencies:
+    "@typescript-eslint/types" "8.27.0"
+    "@typescript-eslint/visitor-keys" "8.27.0"
+
 "@typescript-eslint/type-utils@7.18.0":
   version "7.18.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-7.18.0.tgz#2165ffaee00b1fbbdd2d40aa85232dab6998f53b"
@@ -2508,6 +3049,16 @@
     debug "^4.3.4"
     ts-api-utils "^1.3.0"
 
+"@typescript-eslint/type-utils@8.27.0":
+  version "8.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-8.27.0.tgz#af3c4eefcb64455ee50aae2d7069918467af085c"
+  integrity sha512-wVArTVcz1oJOIEJxui/nRhV0TXzD/zMSOYi/ggCfNq78EIszddXcJb7r4RCp/oBrjt8n9A0BSxRMKxHftpDxDA==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "8.27.0"
+    "@typescript-eslint/utils" "8.27.0"
+    debug "^4.3.4"
+    ts-api-utils "^2.0.1"
+
 "@typescript-eslint/types@7.18.0":
   version "7.18.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-7.18.0.tgz#b90a57ccdea71797ffffa0321e744f379ec838c9"
@@ -2518,6 +3069,11 @@
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.26.1.tgz#d5978721670cff263348d5062773389231a64132"
   integrity sha512-n4THUQW27VmQMx+3P+B0Yptl7ydfceUj4ON/AQILAASwgYdZ/2dhfymRMh5egRUrvK5lSmaOm77Ry+lmXPOgBQ==
 
+"@typescript-eslint/types@8.27.0":
+  version "8.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.27.0.tgz#3dd01ced4c81e798d1106fda0904f8d5c91051aa"
+  integrity sha512-/6cp9yL72yUHAYq9g6DsAU+vVfvQmd1a8KyA81uvfDE21O2DwQ/qxlM4AR8TSdAu+kJLBDrEHKC5/W2/nxsY0A==
+
 "@typescript-eslint/typescript-estree@7.18.0":
   version "7.18.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-7.18.0.tgz#b5868d486c51ce8f312309ba79bdb9f331b37931"
@@ -2546,6 +3102,20 @@
     semver "^7.6.0"
     ts-api-utils "^2.0.1"
 
+"@typescript-eslint/typescript-estree@8.27.0":
+  version "8.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.27.0.tgz#4e02a1056454a84418cc9bce7c00b1c08b03567a"
+  integrity sha512-BnKq8cqPVoMw71O38a1tEb6iebEgGA80icSxW7g+kndx0o6ot6696HjG7NdgfuAVmVEtwXUr3L8R9ZuVjoQL6A==
+  dependencies:
+    "@typescript-eslint/types" "8.27.0"
+    "@typescript-eslint/visitor-keys" "8.27.0"
+    debug "^4.3.4"
+    fast-glob "^3.3.2"
+    is-glob "^4.0.3"
+    minimatch "^9.0.4"
+    semver "^7.6.0"
+    ts-api-utils "^2.0.1"
+
 "@typescript-eslint/utils@7.18.0":
   version "7.18.0"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-7.18.0.tgz#bca01cde77f95fc6a8d5b0dbcbfb3d6ca4be451f"
@@ -2556,6 +3126,16 @@
     "@typescript-eslint/types" "7.18.0"
     "@typescript-eslint/typescript-estree" "7.18.0"
 
+"@typescript-eslint/utils@8.27.0":
+  version "8.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.27.0.tgz#d9c2a4891c6a85b952a9d5f9656c379ab111cf6d"
+  integrity sha512-njkodcwH1yvmo31YWgRHNb/x1Xhhq4/m81PhtvmRngD8iHPehxffz1SNCO+kwaePhATC+kOa/ggmvPoPza5i0Q==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.4.0"
+    "@typescript-eslint/scope-manager" "8.27.0"
+    "@typescript-eslint/types" "8.27.0"
+    "@typescript-eslint/typescript-estree" "8.27.0"
+
 "@typescript-eslint/utils@^6.0.0 || ^7.0.0 || ^8.0.0":
   version "8.26.1"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.26.1.tgz#54cc58469955f25577f659753b71a0e117a0539f"
@@ -2582,11 +3162,24 @@
     "@typescript-eslint/types" "8.26.1"
     eslint-visitor-keys "^4.2.0"
 
+"@typescript-eslint/visitor-keys@8.27.0":
+  version "8.27.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.27.0.tgz#4a13e9d7ad7e311a07ea1b178b4c9f848ce11334"
+  integrity sha512-WsXQwMkILJvffP6z4U3FYJPlbf/j07HIxmDjZpbNvBJkMfvwXj5ACRkkHwBDvLBbDbtX5TdU64/rcvKJ/vuInQ==
+  dependencies:
+    "@typescript-eslint/types" "8.27.0"
+    eslint-visitor-keys "^4.2.0"
+
 "@ungap/structured-clone@^1.2.0":
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.3.0.tgz#d06bbb384ebcf6c505fde1c3d0ed4ddffe0aaff8"
   integrity sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==
 
+"@vitejs/plugin-vue@^5.2.0":
+  version "5.2.3"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-5.2.3.tgz#71a8fc82d4d2e425af304c35bf389506f674d89b"
+  integrity sha512-IYSLEQj4LgZZuoVpdSUCw3dIynTWQgPlaRP6iAvMle4My0HdYwr5g5wQAfwOeHQBmYwEkqF70nRpSilr6PoUDg==
+
 "@vitest/expect@3.1.2":
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-3.1.2.tgz#b203a7ad2efa6af96c85f6c116216bda259d2bc8"
@@ -3121,6 +3714,18 @@ at-least-node@^1.0.0:
   resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
   integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
 
+autoprefixer@^10.4.21:
+  version "10.4.21"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.21.tgz#77189468e7a8ad1d9a37fbc08efc9f480cf0a95d"
+  integrity sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==
+  dependencies:
+    browserslist "^4.24.4"
+    caniuse-lite "^1.0.30001702"
+    fraction.js "^4.3.7"
+    normalize-range "^0.1.2"
+    picocolors "^1.1.1"
+    postcss-value-parser "^4.2.0"
+
 available-typed-arrays@^1.0.7:
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz#a5cc375d6a03c2efc87a553f3e0b1522def14846"
@@ -3252,6 +3857,11 @@ bluebird@3.7.2, bluebird@^3.7.2:
   resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
   integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
 
+boolbase@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
+  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
+
 boolean@^3.0.1:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/boolean/-/boolean-3.2.0.tgz#9e5294af4e98314494cbb17979fa54ca159f116b"
@@ -3292,15 +3902,15 @@ braces@^3.0.3:
   dependencies:
     fill-range "^7.1.1"
 
-browserslist@^4.24.0:
-  version "4.24.4"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.24.4.tgz#c6b2865a3f08bcb860a0e827389003b9fe686e4b"
-  integrity sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==
+browserslist@^4.0.0, browserslist@^4.24.0, browserslist@^4.24.4, browserslist@^4.24.5:
+  version "4.24.5"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.24.5.tgz#aa0f5b8560fe81fde84c6dcb38f759bafba0e11b"
+  integrity sha512-FDToo4Wo82hIdgc1CQ+NQD0hEhmpPjrZ3hiUgwgOG6IuTdlpr8jdjyG24P6cNP1yJpTLzS5OcGgSw0xmDU1/Tw==
   dependencies:
-    caniuse-lite "^1.0.30001688"
-    electron-to-chromium "^1.5.73"
+    caniuse-lite "^1.0.30001716"
+    electron-to-chromium "^1.5.149"
     node-releases "^2.0.19"
-    update-browserslist-db "^1.1.1"
+    update-browserslist-db "^1.1.3"
 
 bs-logger@^0.2.6:
   version "0.2.6"
@@ -3453,10 +4063,20 @@ camelcase@^6.2.0:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
 
-caniuse-lite@^1.0.30001688:
-  version "1.0.30001704"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001704.tgz#6644fe909d924ac3a7125e8a0ab6af95b1f32990"
-  integrity sha512-+L2IgBbV6gXB4ETf0keSvLr7JUrRVbIaB/lrQ1+z8mRcQiisG5k+lG6O4n6Y5q6f5EuNfaYXKgymucphlEXQew==
+caniuse-api@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-3.0.0.tgz#5e4d90e2274961d46291997df599e3ed008ee4c0"
+  integrity sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==
+  dependencies:
+    browserslist "^4.0.0"
+    caniuse-lite "^1.0.0"
+    lodash.memoize "^4.1.2"
+    lodash.uniq "^4.5.0"
+
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001702, caniuse-lite@^1.0.30001716:
+  version "1.0.30001717"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001717.tgz#5d9fec5ce09796a1893013825510678928aca129"
+  integrity sha512-auPpttCq6BDEG8ZAuHJIplGw6GODhjw+/11e7IjpnYCxZcW/ONgPs0KVBJ0d1bY3e2+7PRe5RCLyP+PfwVgkYw==
 
 canonicalize@^1.0.1:
   version "1.0.8"
@@ -3592,6 +4212,13 @@ ci-info@^4.1.0:
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-4.2.0.tgz#cbd21386152ebfe1d56f280a3b5feccbd96764c7"
   integrity sha512-cYY9mypksY8NRqgDB1XD1RiJL338v/551niynFTGkZOO2LHuB2OmOYxDIe/ttN9AHwrqdum1360G3ald0W9kCg==
 
+citty@^0.1.6:
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/citty/-/citty-0.1.6.tgz#0f7904da1ed4625e1a9ea7e0fa780981aab7c5e4"
+  integrity sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==
+  dependencies:
+    consola "^3.2.3"
+
 cjs-module-lexer@^1.0.0:
   version "1.4.3"
   resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.4.3.tgz#0f79731eb8cfe1ec72acd4066efac9d61991b00d"
@@ -3749,6 +4376,11 @@ color-name@~1.1.4:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
+colord@^2.9.3:
+  version "2.9.3"
+  resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.3.tgz#4f8ce919de456f1d5c1c368c307fe20f3e59fb43"
+  integrity sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==
+
 colorette@^2.0.16:
   version "2.0.20"
   resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.20.tgz#9eb793e6833067f7235902fcd3b09917a000a95a"
@@ -3789,6 +4421,11 @@ commander@^6.2.1:
   resolved "https://registry.yarnpkg.com/commander/-/commander-6.2.1.tgz#0792eb682dfbc325999bb2b84fddddba110ac73c"
   integrity sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==
 
+commander@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
+  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
+
 common-tags@^1.8.0:
   version "1.8.2"
   resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.8.2.tgz#94ebb3c076d26032745fd54face7f688ef5ac9c6"
@@ -3827,6 +4464,16 @@ concat-stream@^2.0.0:
     readable-stream "^3.0.2"
     typedarray "^0.0.6"
 
+confbox@^0.1.8:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/confbox/-/confbox-0.1.8.tgz#820d73d3b3c82d9bd910652c5d4d599ef8ff8b06"
+  integrity sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==
+
+confbox@^0.2.1:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/confbox/-/confbox-0.2.2.tgz#8652f53961c74d9e081784beed78555974a9c110"
+  integrity sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==
+
 config-chain@^1.1.12, config-chain@^1.1.13:
   version "1.1.13"
   resolved "https://registry.yarnpkg.com/config-chain/-/config-chain-1.1.13.tgz#fad0795aa6a6cdaff9ed1b68e9dff94372c232f4"
@@ -3847,6 +4494,11 @@ configstore@^3.0.0, configstore@^3.1.1:
     write-file-atomic "^2.0.0"
     xdg-basedir "^3.0.0"
 
+consola@^3.2.3, consola@^3.4.0:
+  version "3.4.2"
+  resolved "https://registry.yarnpkg.com/consola/-/consola-3.4.2.tgz#5af110145397bb67afdab77013fdc34cae590ea7"
+  integrity sha512-5IKcdX0nnYavi6G7TtOhwkYzyjfJlatbjMjuLSfE2kYT5pMDOilZ4OvMhi637CcDICTmz3wARPoyhqyX1Y+XvA==
+
 console-control-strings@^1.0.0, console-control-strings@~1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
@@ -4038,7 +4690,23 @@ crypto-random-string@^1.0.0:
   resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-1.0.0.tgz#a230f64f568310e1498009940790ec99545bca7e"
   integrity sha512-GsVpkFPlycH7/fRR7Dhcmnoii54gV1nz7y4CWyeFS14N+JVBBhY+r8amRHE4BwSYal7BPTDp8isvAlCxyFt3Hg==
 
-css-tree@^2.0.1:
+css-declaration-sorter@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-7.2.0.tgz#6dec1c9523bc4a643e088aab8f09e67a54961024"
+  integrity sha512-h70rUM+3PNFuaBDTLe8wF/cdWu+dOZmb7pJt8Z2sedYbAcQVQV/tEchueg3GWxwqS0cxtbxmaHEdkNACqcvsow==
+
+css-select@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-5.1.0.tgz#b8ebd6554c3637ccc76688804ad3f6a6fdaea8a6"
+  integrity sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^6.1.0"
+    domhandler "^5.0.2"
+    domutils "^3.0.1"
+    nth-check "^2.0.1"
+
+css-tree@^2.0.1, css-tree@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.3.1.tgz#10264ce1e5442e8572fc82fbe490644ff54b5c20"
   integrity sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==
@@ -4046,6 +4714,80 @@ css-tree@^2.0.1:
     mdn-data "2.0.30"
     source-map-js "^1.0.1"
 
+css-tree@~2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.2.1.tgz#36115d382d60afd271e377f9c5f67d02bd48c032"
+  integrity sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==
+  dependencies:
+    mdn-data "2.0.28"
+    source-map-js "^1.0.1"
+
+css-what@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
+  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
+
+cssesc@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
+  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
+
+cssnano-preset-default@^7.0.7:
+  version "7.0.7"
+  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-7.0.7.tgz#1ea881837a837a4400c383d77d9e6cdf4339b6a0"
+  integrity sha512-jW6CG/7PNB6MufOrlovs1TvBTEVmhY45yz+bd0h6nw3h6d+1e+/TX+0fflZ+LzvZombbT5f+KC063w9VoHeHow==
+  dependencies:
+    browserslist "^4.24.5"
+    css-declaration-sorter "^7.2.0"
+    cssnano-utils "^5.0.1"
+    postcss-calc "^10.1.1"
+    postcss-colormin "^7.0.3"
+    postcss-convert-values "^7.0.5"
+    postcss-discard-comments "^7.0.4"
+    postcss-discard-duplicates "^7.0.2"
+    postcss-discard-empty "^7.0.1"
+    postcss-discard-overridden "^7.0.1"
+    postcss-merge-longhand "^7.0.5"
+    postcss-merge-rules "^7.0.5"
+    postcss-minify-font-values "^7.0.1"
+    postcss-minify-gradients "^7.0.1"
+    postcss-minify-params "^7.0.3"
+    postcss-minify-selectors "^7.0.5"
+    postcss-normalize-charset "^7.0.1"
+    postcss-normalize-display-values "^7.0.1"
+    postcss-normalize-positions "^7.0.1"
+    postcss-normalize-repeat-style "^7.0.1"
+    postcss-normalize-string "^7.0.1"
+    postcss-normalize-timing-functions "^7.0.1"
+    postcss-normalize-unicode "^7.0.3"
+    postcss-normalize-url "^7.0.1"
+    postcss-normalize-whitespace "^7.0.1"
+    postcss-ordered-values "^7.0.2"
+    postcss-reduce-initial "^7.0.3"
+    postcss-reduce-transforms "^7.0.1"
+    postcss-svgo "^7.0.2"
+    postcss-unique-selectors "^7.0.4"
+
+cssnano-utils@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/cssnano-utils/-/cssnano-utils-5.0.1.tgz#f529e9aa0d7930512ca45b9e2ddb8d6b9092eb30"
+  integrity sha512-ZIP71eQgG9JwjVZsTPSqhc6GHgEr53uJ7tK5///VfyWj6Xp2DBmixWHqJgPno+PqATzn48pL42ww9x5SSGmhZg==
+
+cssnano@^7.0.6:
+  version "7.0.7"
+  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-7.0.7.tgz#1aca487fc32d6b3b71e385c41a8cccb2f43735ac"
+  integrity sha512-evKu7yiDIF7oS+EIpwFlMF730ijRyLFaM2o5cTxRGJR9OKHKkc+qP443ZEVR9kZG0syaAJJCPJyfv5pbrxlSng==
+  dependencies:
+    cssnano-preset-default "^7.0.7"
+    lilconfig "^3.1.3"
+
+csso@^5.0.5:
+  version "5.0.5"
+  resolved "https://registry.yarnpkg.com/csso/-/csso-5.0.5.tgz#f9b7fe6cc6ac0b7d90781bb16d5e9874303e2ca6"
+  integrity sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==
+  dependencies:
+    css-tree "~2.2.0"
+
 cssom@0.3.x, cssom@~0.3.6:
   version "0.3.8"
   resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
@@ -4187,7 +4929,7 @@ de-indent@^1.0.2:
   resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
   integrity sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==
 
-debug@4, debug@4.4.0, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4, debug@^4.4.0:
+debug@4, debug@4.4.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4, debug@^4.4.0:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
   integrity sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==
@@ -4208,6 +4950,13 @@ debug@^3.1.0, debug@^3.2.5:
   dependencies:
     ms "^2.1.1"
 
+debug@^4.1.0:
+  version "4.4.1"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.1.tgz#e5a8bc6cbc4c6cd3e64308b0693a3d4fa550189b"
+  integrity sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==
+  dependencies:
+    ms "^2.1.3"
+
 debuglog@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/debuglog/-/debuglog-1.0.1.tgz#aa24ffb9ac3df9a2351837cfb2d279360cd78492"
@@ -4296,7 +5045,7 @@ define-data-property@^1.0.1, define-data-property@^1.1.4:
     es-errors "^1.3.0"
     gopd "^1.0.1"
 
-define-properties@^1.2.1:
+define-properties@^1.1.3, define-properties@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
   integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
@@ -4305,6 +5054,11 @@ define-properties@^1.2.1:
     has-property-descriptors "^1.0.0"
     object-keys "^1.1.1"
 
+defu@^6.1.4:
+  version "6.1.4"
+  resolved "https://registry.yarnpkg.com/defu/-/defu-6.1.4.tgz#4e0c9cf9ff68fe5f3d7f2765cc1a012dfdcb0479"
+  integrity sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==
+
 delayed-stream@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
@@ -4372,6 +5126,20 @@ doctrine@^3.0.0:
   dependencies:
     esutils "^2.0.2"
 
+dom-serializer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-2.0.0.tgz#e41b802e1eedf9f6cae183ce5e622d789d7d8e53"
+  integrity sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==
+  dependencies:
+    domelementtype "^2.3.0"
+    domhandler "^5.0.2"
+    entities "^4.2.0"
+
+domelementtype@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
+  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
+
 domexception@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/domexception/-/domexception-4.0.0.tgz#4ad1be56ccadc86fc76d033353999a8037d03673"
@@ -4379,6 +5147,22 @@ domexception@^4.0.0:
   dependencies:
     webidl-conversions "^7.0.0"
 
+domhandler@^5.0.2, domhandler@^5.0.3:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-5.0.3.tgz#cc385f7f751f1d1fc650c21374804254538c7d31"
+  integrity sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==
+  dependencies:
+    domelementtype "^2.3.0"
+
+domutils@^3.0.1:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-3.2.2.tgz#edbfe2b668b0c1d97c24baf0f1062b132221bc78"
+  integrity sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==
+  dependencies:
+    dom-serializer "^2.0.0"
+    domelementtype "^2.3.0"
+    domhandler "^5.0.3"
+
 dot-prop@^4.2.1:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-4.2.1.tgz#45884194a71fc2cda71cbb4bceb3a4dd2f433ba4"
@@ -4449,10 +5233,10 @@ ejs@^3.1.10:
   dependencies:
     jake "^10.8.5"
 
-electron-to-chromium@^1.5.73:
-  version "1.5.116"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.116.tgz#b779d73cd0cc75305d12ae4f061d7f7bcee4c761"
-  integrity sha512-mufxTCJzLBQVvSdZzX1s5YAuXsN1M4tTyYxOOL1TcSKtIzQ9rjIrm7yFK80rN5dwGTePgdoABDSHpuVtRQh0Zw==
+electron-to-chromium@^1.5.149:
+  version "1.5.151"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.151.tgz#5edd6c17e1b2f14b4662c41b9379f96cc8c2bb7c"
+  integrity sha512-Rl6uugut2l9sLojjS4H4SAr3A4IgACMLgpuEMPYCVcKydzfyPrn5absNRju38IhQOf/NwjJY8OGWjlteqYeBCA==
 
 emittery@^0.13.1:
   version "0.13.1"
@@ -4491,7 +5275,7 @@ enquirer@^2.3.6:
     ansi-colors "^4.1.1"
     strip-ansi "^6.0.1"
 
-entities@^4.5.0:
+entities@^4.2.0, entities@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
   integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
@@ -4627,35 +5411,66 @@ es6-error@^4.0.1, es6-error@^4.1.1:
   integrity sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==
 
 esbuild@^0.25.0:
-  version "0.25.3"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.25.3.tgz#371f7cb41283e5b2191a96047a7a89562965a285"
-  integrity sha512-qKA6Pvai73+M2FtftpNKRxJ78GIjmFXFxd/1DVBqGo/qNhLSfv+G12n9pNoWdytJC8U00TrViOwpjT0zgqQS8Q==
+  version "0.25.1"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.25.1.tgz#a16b8d070b6ad4871935277bda6ccfe852e3fa2f"
+  integrity sha512-BGO5LtrGC7vxnqucAe/rmvKdJllfGaYWdyABvyMoXQlfYMb2bbRuReWR5tEGE//4LcNJj9XrkovTqNYRFZHAMQ==
   optionalDependencies:
-    "@esbuild/aix-ppc64" "0.25.3"
-    "@esbuild/android-arm" "0.25.3"
-    "@esbuild/android-arm64" "0.25.3"
-    "@esbuild/android-x64" "0.25.3"
-    "@esbuild/darwin-arm64" "0.25.3"
-    "@esbuild/darwin-x64" "0.25.3"
-    "@esbuild/freebsd-arm64" "0.25.3"
-    "@esbuild/freebsd-x64" "0.25.3"
-    "@esbuild/linux-arm" "0.25.3"
-    "@esbuild/linux-arm64" "0.25.3"
-    "@esbuild/linux-ia32" "0.25.3"
-    "@esbuild/linux-loong64" "0.25.3"
-    "@esbuild/linux-mips64el" "0.25.3"
-    "@esbuild/linux-ppc64" "0.25.3"
-    "@esbuild/linux-riscv64" "0.25.3"
-    "@esbuild/linux-s390x" "0.25.3"
-    "@esbuild/linux-x64" "0.25.3"
-    "@esbuild/netbsd-arm64" "0.25.3"
-    "@esbuild/netbsd-x64" "0.25.3"
-    "@esbuild/openbsd-arm64" "0.25.3"
-    "@esbuild/openbsd-x64" "0.25.3"
-    "@esbuild/sunos-x64" "0.25.3"
-    "@esbuild/win32-arm64" "0.25.3"
-    "@esbuild/win32-ia32" "0.25.3"
-    "@esbuild/win32-x64" "0.25.3"
+    "@esbuild/aix-ppc64" "0.25.1"
+    "@esbuild/android-arm" "0.25.1"
+    "@esbuild/android-arm64" "0.25.1"
+    "@esbuild/android-x64" "0.25.1"
+    "@esbuild/darwin-arm64" "0.25.1"
+    "@esbuild/darwin-x64" "0.25.1"
+    "@esbuild/freebsd-arm64" "0.25.1"
+    "@esbuild/freebsd-x64" "0.25.1"
+    "@esbuild/linux-arm" "0.25.1"
+    "@esbuild/linux-arm64" "0.25.1"
+    "@esbuild/linux-ia32" "0.25.1"
+    "@esbuild/linux-loong64" "0.25.1"
+    "@esbuild/linux-mips64el" "0.25.1"
+    "@esbuild/linux-ppc64" "0.25.1"
+    "@esbuild/linux-riscv64" "0.25.1"
+    "@esbuild/linux-s390x" "0.25.1"
+    "@esbuild/linux-x64" "0.25.1"
+    "@esbuild/netbsd-arm64" "0.25.1"
+    "@esbuild/netbsd-x64" "0.25.1"
+    "@esbuild/openbsd-arm64" "0.25.1"
+    "@esbuild/openbsd-x64" "0.25.1"
+    "@esbuild/sunos-x64" "0.25.1"
+    "@esbuild/win32-arm64" "0.25.1"
+    "@esbuild/win32-ia32" "0.25.1"
+    "@esbuild/win32-x64" "0.25.1"
+
+esbuild@^0.25.2:
+  version "0.25.4"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.25.4.tgz#bb9a16334d4ef2c33c7301a924b8b863351a0854"
+  integrity sha512-8pgjLUcUjcgDg+2Q4NYXnPbo/vncAY4UmyaCm0jZevERqCHZIaWwdJHkf8XQtu4AxSKCdvrUbT0XUr1IdZzI8Q==
+  optionalDependencies:
+    "@esbuild/aix-ppc64" "0.25.4"
+    "@esbuild/android-arm" "0.25.4"
+    "@esbuild/android-arm64" "0.25.4"
+    "@esbuild/android-x64" "0.25.4"
+    "@esbuild/darwin-arm64" "0.25.4"
+    "@esbuild/darwin-x64" "0.25.4"
+    "@esbuild/freebsd-arm64" "0.25.4"
+    "@esbuild/freebsd-x64" "0.25.4"
+    "@esbuild/linux-arm" "0.25.4"
+    "@esbuild/linux-arm64" "0.25.4"
+    "@esbuild/linux-ia32" "0.25.4"
+    "@esbuild/linux-loong64" "0.25.4"
+    "@esbuild/linux-mips64el" "0.25.4"
+    "@esbuild/linux-ppc64" "0.25.4"
+    "@esbuild/linux-riscv64" "0.25.4"
+    "@esbuild/linux-s390x" "0.25.4"
+    "@esbuild/linux-x64" "0.25.4"
+    "@esbuild/netbsd-arm64" "0.25.4"
+    "@esbuild/netbsd-x64" "0.25.4"
+    "@esbuild/openbsd-arm64" "0.25.4"
+    "@esbuild/openbsd-x64" "0.25.4"
+    "@esbuild/sunos-x64" "0.25.4"
+    "@esbuild/win32-arm64" "0.25.4"
+    "@esbuild/win32-ia32" "0.25.4"
+    "@esbuild/win32-x64" "0.25.4"
 
 esbuild@~0.21.5:
   version "0.21.5"
@@ -4736,6 +5551,13 @@ eslint-plugin-jest@^28.8.3:
   dependencies:
     "@typescript-eslint/utils" "^6.0.0 || ^7.0.0 || ^8.0.0"
 
+eslint-plugin-playwright@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-playwright/-/eslint-plugin-playwright-2.2.0.tgz#d7eda21e670274fc0c006e11ba5cc2c8417b2a6e"
+  integrity sha512-qSQpAw7RcSzE3zPp8FMGkthaCWovHZ/BsXtpmnGax9vQLIovlh1bsZHEa2+j2lv9DWhnyeLM/qZmp7ffQZfQvg==
+  dependencies:
+    globals "^13.23.0"
+
 eslint-scope@^7.2.2:
   version "7.2.2"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.2.tgz#deb4f92563390f32006894af62a22dba1c46423f"
@@ -4744,6 +5566,14 @@ eslint-scope@^7.2.2:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
 
+eslint-scope@^8.3.0:
+  version "8.3.0"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-8.3.0.tgz#10cd3a918ffdd722f5f3f7b5b83db9b23c87340d"
+  integrity sha512-pUNxi75F8MJ/GdeKtVLSbYg4ZI34J6C0C7sbL4YOp2exGwen7ZsuBqKzUhXd0qMQ362yET3z+uPwKeg/0C2XCQ==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
+
 eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
   version "3.4.3"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
@@ -4769,36 +5599,77 @@ eslint@^8.49.0:
     "@ungap/structured-clone" "^1.2.0"
     ajv "^6.12.4"
     chalk "^4.0.0"
-    cross-spawn "^7.0.2"
+    cross-spawn "^7.0.2"
+    debug "^4.3.2"
+    doctrine "^3.0.0"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^7.2.2"
+    eslint-visitor-keys "^3.4.3"
+    espree "^9.6.1"
+    esquery "^1.4.2"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^6.0.1"
+    find-up "^5.0.0"
+    glob-parent "^6.0.2"
+    globals "^13.19.0"
+    graphemer "^1.4.0"
+    ignore "^5.2.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    is-path-inside "^3.0.3"
+    js-yaml "^4.1.0"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.1.2"
+    natural-compare "^1.4.0"
+    optionator "^0.9.3"
+    strip-ansi "^6.0.1"
+    text-table "^0.2.0"
+
+eslint@^9.18.0:
+  version "9.23.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.23.0.tgz#b88f3ab6dc83bcb927fdb54407c69ffe5f2441a6"
+  integrity sha512-jV7AbNoFPAY1EkFYpLq5bslU9NLNO8xnEeQXwErNibVryjk67wHVmddTBilc5srIttJDBrB0eMHKZBFbSIABCw==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/regexpp" "^4.12.1"
+    "@eslint/config-array" "^0.19.2"
+    "@eslint/config-helpers" "^0.2.0"
+    "@eslint/core" "^0.12.0"
+    "@eslint/eslintrc" "^3.3.1"
+    "@eslint/js" "9.23.0"
+    "@eslint/plugin-kit" "^0.2.7"
+    "@humanfs/node" "^0.16.6"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    "@humanwhocodes/retry" "^0.4.2"
+    "@types/estree" "^1.0.6"
+    "@types/json-schema" "^7.0.15"
+    ajv "^6.12.4"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.6"
     debug "^4.3.2"
-    doctrine "^3.0.0"
     escape-string-regexp "^4.0.0"
-    eslint-scope "^7.2.2"
-    eslint-visitor-keys "^3.4.3"
-    espree "^9.6.1"
-    esquery "^1.4.2"
+    eslint-scope "^8.3.0"
+    eslint-visitor-keys "^4.2.0"
+    espree "^10.3.0"
+    esquery "^1.5.0"
     esutils "^2.0.2"
     fast-deep-equal "^3.1.3"
-    file-entry-cache "^6.0.1"
+    file-entry-cache "^8.0.0"
     find-up "^5.0.0"
     glob-parent "^6.0.2"
-    globals "^13.19.0"
-    graphemer "^1.4.0"
     ignore "^5.2.0"
     imurmurhash "^0.1.4"
     is-glob "^4.0.0"
-    is-path-inside "^3.0.3"
-    js-yaml "^4.1.0"
     json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.4.1"
     lodash.merge "^4.6.2"
     minimatch "^3.1.2"
     natural-compare "^1.4.0"
     optionator "^0.9.3"
-    strip-ansi "^6.0.1"
-    text-table "^0.2.0"
 
-espree@^10.3.0:
+espree@^10.0.1, espree@^10.3.0:
   version "10.3.0"
   resolved "https://registry.yarnpkg.com/espree/-/espree-10.3.0.tgz#29267cf5b0cb98735b65e64ba07e0ed49d1eed8a"
   integrity sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==
@@ -4821,7 +5692,7 @@ esprima@^4.0.0, esprima@^4.0.1, esprima@~4.0.0:
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
-esquery@^1.4.2:
+esquery@^1.4.2, esquery@^1.5.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.6.0.tgz#91419234f804d852a82dceec3e16cdc22cf9dae7"
   integrity sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==
@@ -4951,6 +5822,11 @@ expect@^29.7.0:
     jest-message-util "^29.7.0"
     jest-util "^29.7.0"
 
+exsolve@^1.0.1:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/exsolve/-/exsolve-1.0.5.tgz#1f5b6b4fe82ad6b28a173ccb955a635d77859dcf"
+  integrity sha512-pz5dvkYYKQ1AHVrgOzBKWeP4u4FRb3a6DNK2ucr0OoNwYIU4QWsJ+NM36LLzORT+z845MzKHHhpXiUF5nvQoJg==
+
 extend@~3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
@@ -5042,7 +5918,7 @@ fd-slicer@~1.1.0:
   dependencies:
     pend "~1.2.0"
 
-fdir@^6.4.4:
+fdir@^6.2.0, fdir@^6.4.4:
   version "6.4.4"
   resolved "https://registry.yarnpkg.com/fdir/-/fdir-6.4.4.tgz#1cfcf86f875a883e19a8fab53622cfe992e8d2f9"
   integrity sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==
@@ -5073,6 +5949,13 @@ file-entry-cache@^6.0.1:
   dependencies:
     flat-cache "^3.0.4"
 
+file-entry-cache@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-8.0.0.tgz#7787bddcf1131bffb92636c69457bbc0edd6d81f"
+  integrity sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==
+  dependencies:
+    flat-cache "^4.0.0"
+
 filelist@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.4.tgz#f78978a1e944775ff9e62e744424f215e58352b5"
@@ -5140,6 +6023,15 @@ find-up@^5.0.0:
     locate-path "^6.0.0"
     path-exists "^4.0.0"
 
+fix-dts-default-cjs-exports@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/fix-dts-default-cjs-exports/-/fix-dts-default-cjs-exports-1.0.1.tgz#955cb6b3d519691c57828b078adadf2cb92e9549"
+  integrity sha512-pVIECanWFC61Hzl2+oOCtoJ3F17kglZC/6N94eRWycFgBH35hHx0Li604ZIzhseh97mf2p0cv7vVrOZGoqhlEg==
+  dependencies:
+    magic-string "^0.30.17"
+    mlly "^1.7.4"
+    rollup "^4.34.8"
+
 flat-cache@^3.0.4:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.2.0.tgz#2c0c2d5040c99b1632771a9d105725c0115363ee"
@@ -5149,7 +6041,20 @@ flat-cache@^3.0.4:
     keyv "^4.5.3"
     rimraf "^3.0.2"
 
-flatted@^3.2.9, flatted@^3.3.3:
+flat-cache@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-4.0.1.tgz#0ece39fcb14ee012f4b0410bd33dd9c1f011127c"
+  integrity sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==
+  dependencies:
+    flatted "^3.2.9"
+    keyv "^4.5.4"
+
+flatted@^3.2.9:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.1.tgz#21db470729a6734d4997002f439cb308987f567a"
+  integrity sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==
+
+flatted@^3.3.3:
   version "3.3.3"
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.3.tgz#67c8fad95454a7c7abebf74bb78ee74a44023358"
   integrity sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==
@@ -5179,7 +6084,7 @@ foreground-child@^2.0.0:
     cross-spawn "^7.0.0"
     signal-exit "^3.0.2"
 
-foreground-child@^3.1.0:
+foreground-child@^3.1.0, foreground-child@^3.3.0:
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-3.3.1.tgz#32e8e9ed1b68a3497befb9ac2b6adf92a638576f"
   integrity sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==
@@ -5211,6 +6116,11 @@ form-data@~2.3.2:
     combined-stream "^1.0.6"
     mime-types "^2.1.12"
 
+fraction.js@^4.3.7:
+  version "4.3.7"
+  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.7.tgz#06ca0085157e42fda7f9e726e79fefc4068840f7"
+  integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
+
 from@~0:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/from/-/from-0.1.7.tgz#83c60afc58b9c56997007ed1a768b3ab303a44fe"
@@ -5250,6 +6160,11 @@ fs.realpath@^1.0.0:
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
+fsevents@2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
+  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
+
 fsevents@^2.3.2, fsevents@~2.3.2, fsevents@~2.3.3:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
@@ -5480,18 +6395,6 @@ glob@^10.3.7, glob@^10.4.1, glob@^10.4.2:
     package-json-from-dist "^1.0.0"
     path-scurry "^1.11.1"
 
-glob@^11.0.0:
-  version "11.0.2"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-11.0.2.tgz#3261e3897bbc603030b041fd77ba636022d51ce0"
-  integrity sha512-YT7U7Vye+t5fZ/QMkBFrTJ7ZQxInIUjwyAjVj84CYXqgBdv30MFUPGnBR6sQaVq6Is15wYJUsnzTuWaGRBhBAQ==
-  dependencies:
-    foreground-child "^3.1.0"
-    jackspeak "^4.0.1"
-    minimatch "^10.0.0"
-    minipass "^7.1.2"
-    package-json-from-dist "^1.0.0"
-    path-scurry "^2.0.0"
-
 glob@^7.0.5, glob@^7.1.1, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6, glob@^7.2.3:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
@@ -5535,14 +6438,31 @@ globals@^11.1.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globals@^13.19.0, globals@^13.20.0:
+globals@^13.19.0, globals@^13.20.0, globals@^13.23.0:
   version "13.24.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
   integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
   dependencies:
     type-fest "^0.20.2"
 
-globalthis@^1.0.1, globalthis@^1.0.4:
+globals@^14.0.0:
+  version "14.0.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-14.0.0.tgz#898d7413c29babcf6bafe56fcadded858ada724e"
+  integrity sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==
+
+globals@^15.14.0:
+  version "15.15.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-15.15.0.tgz#7c4761299d41c32b075715a4ce1ede7897ff72a8"
+  integrity sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==
+
+globalthis@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.3.tgz#5852882a52b80dc301b0660273e1ed082f0b6ccf"
+  integrity sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==
+  dependencies:
+    define-properties "^1.1.3"
+
+globalthis@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.4.tgz#7430ed3a975d97bfb59bcce41f5cabbafa651236"
   integrity sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==
@@ -5704,6 +6624,11 @@ he@^1.2.0:
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
+hookable@^5.5.3:
+  version "5.5.3"
+  resolved "https://registry.yarnpkg.com/hookable/-/hookable-5.5.3.tgz#6cfc358984a1ef991e2518cb9ed4a778bbd3215d"
+  integrity sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==
+
 hosted-git-info@^2.1.4, hosted-git-info@^2.7.1:
   version "2.8.9"
   resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.9.tgz#dffc0bf9a21c02209090f2aa69429e1414daf3f9"
@@ -6184,6 +7109,11 @@ is-map@^2.0.3:
   resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.3.tgz#ede96b7fe1e270b3c4465e3a465658764926d62e"
   integrity sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==
 
+is-module@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-module/-/is-module-1.0.0.tgz#3258fb69f78c14d5b815d664336b4cffb6441591"
+  integrity sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==
+
 is-npm@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-1.0.0.tgz#f2fb63a65e4905b406c86072765a1a4dc793b9f4"
@@ -6256,6 +7186,13 @@ is-redirect@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-redirect/-/is-redirect-1.0.0.tgz#1d03dded53bd8db0f30c26e4f95d36fc7c87dc24"
   integrity sha512-cr/SlUEe5zOGmzvj9bUyC4LVvkNVAXu4GytXLNMr1pny+a65MpQ9IJzFHD5vi7FyJgb4qt27+eS3TuQnqB+RQw==
 
+is-reference@1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-1.2.1.tgz#8b2dac0b371f4bc994fdeaba9eb542d03002d0b7"
+  integrity sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==
+  dependencies:
+    "@types/estree" "*"
+
 is-regex@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.2.1.tgz#76d70a3ed10ef9be48eb577887d74205bf0cad22"
@@ -6441,7 +7378,7 @@ istanbul-lib-instrument@^5.0.4:
     istanbul-lib-coverage "^3.2.0"
     semver "^6.3.0"
 
-istanbul-lib-instrument@^6.0.0, istanbul-lib-instrument@^6.0.3:
+istanbul-lib-instrument@^6.0.0, istanbul-lib-instrument@^6.0.2, istanbul-lib-instrument@^6.0.3:
   version "6.0.3"
   resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz#fa15401df6c15874bcb2105f773325d78c666765"
   integrity sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==
@@ -6499,13 +7436,6 @@ jackspeak@^3.1.2:
   optionalDependencies:
     "@pkgjs/parseargs" "^0.11.0"
 
-jackspeak@^4.0.1:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-4.1.0.tgz#c489c079f2b636dc4cbe9b0312a13ff1282e561b"
-  integrity sha512-9DDdhb5j6cpeitCbvLO7n7J4IxnbM6hoF6O1g4HQ5TfhvvKN8ywDM7668ZhMHRqVmxqhps/F6syWK2KcPxYlkw==
-  dependencies:
-    "@isaacs/cliui" "^8.0.2"
-
 jake@^10.8.5:
   version "10.9.2"
   resolved "https://registry.yarnpkg.com/jake/-/jake-10.9.2.tgz#6ae487e6a69afec3a5e167628996b59f35ae2b7f"
@@ -6893,6 +7823,16 @@ jest@^29.7.0:
     import-local "^3.0.2"
     jest-cli "^29.7.0"
 
+jiti@^1.21.7:
+  version "1.21.7"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.7.tgz#9dd81043424a3d28458b193d965f0d18a2300ba9"
+  integrity sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==
+
+jiti@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-2.4.2.tgz#d19b7732ebb6116b06e2038da74a55366faef560"
+  integrity sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==
+
 joi@^17.13.3:
   version "17.13.3"
   resolved "https://registry.yarnpkg.com/joi/-/joi-17.13.3.tgz#0f5cc1169c999b30d344366d384b12d92558bcec"
@@ -7116,7 +8056,7 @@ jsprim@^2.0.2:
     json-schema "0.4.0"
     verror "1.10.0"
 
-keyv@^4.5.3:
+keyv@^4.5.3, keyv@^4.5.4:
   version "4.5.4"
   resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
   integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
@@ -7133,6 +8073,11 @@ kleur@^3.0.3:
   resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
   integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
 
+knitwork@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/knitwork/-/knitwork-1.2.0.tgz#3cc92e76249aeb35449cfbed3f31c6df8444db3f"
+  integrity sha512-xYSH7AvuQ6nXkq42x0v5S8/Iry+cfulBz/DJQzhIyESdLD7425jXsPy4vn5cCXU+HhRN2kVw51Vd1K6/By4BQg==
+
 latest-version@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-3.1.0.tgz#a205383fea322b33b5ae3b18abee0dc2f356ee15"
@@ -7263,6 +8208,11 @@ lighthouse@^5.1.0:
     yargs "3.32.0"
     yargs-parser "7.0.0"
 
+lilconfig@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.3.tgz#a1bcfd6257f9585bf5ae14ceeebb7b559025e4c4"
+  integrity sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==
+
 lines-and-columns@^1.1.6:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
@@ -7429,6 +8379,11 @@ lodash.templatesettings@^4.0.0:
   dependencies:
     lodash._reinterpolate "^3.0.0"
 
+lodash.uniq@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
+  integrity sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==
+
 lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.3.0, lodash@^4.7.0:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
@@ -7479,11 +8434,6 @@ lru-cache@^10.2.0:
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.4.3.tgz#410fc8a17b70e598013df257c2446b7f3383f119"
   integrity sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==
 
-lru-cache@^11.0.0:
-  version "11.1.0"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-11.1.0.tgz#afafb060607108132dbc1cf8ae661afb69486117"
-  integrity sha512-QIXZUBJUx+2zHUdQujWejBkcD9+cs94tLn0+YL8UrCh+D5sCXZ4c7LaEH48pNwRY3MLDgqUFyhlCyjJPf1WP0A==
-
 lru-cache@^4.0.0, lru-cache@^4.0.1:
   version "4.1.5"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd"
@@ -7506,7 +8456,7 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
-magic-string@^0.30.11, magic-string@^0.30.17:
+magic-string@^0.30.11, magic-string@^0.30.17, magic-string@^0.30.3:
   version "0.30.17"
   resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.17.tgz#450a449673d2460e5bbcfba9a61916a1714c7453"
   integrity sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==
@@ -7638,6 +8588,11 @@ md5@^2.2.1:
     crypt "0.0.2"
     is-buffer "~1.1.6"
 
+mdn-data@2.0.28:
+  version "2.0.28"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.28.tgz#5ec48e7bef120654539069e1ae4ddc81ca490eba"
+  integrity sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==
+
 mdn-data@2.0.30:
   version "2.0.30"
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.30.tgz#ce4df6f80af6cfbe218ecd5c552ba13c4dfa08cc"
@@ -7717,13 +8672,6 @@ minimatch@9.0.1:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimatch@^10.0.0:
-  version "10.0.1"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-10.0.1.tgz#ce0521856b453c86e25f2c4c0d03e6ff7ddc440b"
-  integrity sha512-ethXTt3SGGR+95gudmqJ1eNhRO7eGEGIgYA9vnPatK4/etz2MEVDno5GMCibdMTuBMyElzIlgxMna3K94XDIDQ==
-  dependencies:
-    brace-expansion "^2.0.1"
-
 minimatch@^3.0.2, minimatch@^3.0.3, minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
@@ -7884,6 +8832,35 @@ mkdirp@^1.0.3, mkdirp@^1.0.4:
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
 
+mkdist@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/mkdist/-/mkdist-2.3.0.tgz#8cd1c1319ddafd2819721a0cc1faa0a1dbdc1990"
+  integrity sha512-thkRk+pHdudjdZT3FJpPZ2+pncI6mGlH/B+KBVddlZj4MrFGW41sRIv1wZawZUHU8v7cttGaj+5nx8P+dG664A==
+  dependencies:
+    autoprefixer "^10.4.21"
+    citty "^0.1.6"
+    cssnano "^7.0.6"
+    defu "^6.1.4"
+    esbuild "^0.25.2"
+    jiti "^1.21.7"
+    mlly "^1.7.4"
+    pathe "^2.0.3"
+    pkg-types "^2.1.0"
+    postcss "^8.5.3"
+    postcss-nested "^7.0.2"
+    semver "^7.7.1"
+    tinyglobby "^0.2.12"
+
+mlly@^1.7.4:
+  version "1.7.4"
+  resolved "https://registry.yarnpkg.com/mlly/-/mlly-1.7.4.tgz#3d7295ea2358ec7a271eaa5d000a0f84febe100f"
+  integrity sha512-qmdSIPC4bDJXgZTCR7XosJiNKySV7O215tsPtDN9iEO/7q/76b/ijtgRu/+epFXSJhijtTCCGp3DWS549P3xKw==
+  dependencies:
+    acorn "^8.14.0"
+    pathe "^2.0.1"
+    pkg-types "^1.3.0"
+    ufo "^1.5.4"
+
 modify-values@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/modify-values/-/modify-values-1.0.1.tgz#b3939fa605546474e3e3e3c63d64bd43b4ee6022"
@@ -7936,9 +8913,9 @@ mute-stream@^1.0.0:
   integrity sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==
 
 nanoid@^3.3.8:
-  version "3.3.9"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.9.tgz#e0097d8e026b3343ff053e9ccd407360a03f503a"
-  integrity sha512-SppoicMGpZvbF1l3z4x7No3OlIjP7QJvC9XR7AhZr1kL133KHnKPztkKDc+Ir4aJ/1VhTySrtKhrsycmrMQfvg==
+  version "3.3.11"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.11.tgz#4f4f112cefbe303202f2199838128936266d185b"
+  integrity sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==
 
 natural-compare@^1.4.0:
   version "1.4.0"
@@ -8090,6 +9067,11 @@ normalize-path@^3.0.0:
   resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
   integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
 
+normalize-range@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
+  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
+
 normalize-url@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-6.1.0.tgz#40d0885b535deffe3f3147bec877d05fe4c5668a"
@@ -8207,6 +9189,13 @@ npmlog@^4.1.2:
     gauge "~2.7.3"
     set-blocking "~2.0.0"
 
+nth-check@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
+  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
+  dependencies:
+    boolbase "^1.0.0"
+
 number-is-nan@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
@@ -8250,6 +9239,39 @@ nyc@15.1.0, nyc@^15.1.0:
     test-exclude "^6.0.0"
     yargs "^15.0.2"
 
+nyc@^17.1.0:
+  version "17.1.0"
+  resolved "https://registry.yarnpkg.com/nyc/-/nyc-17.1.0.tgz#b6349a401a62ffeb912bd38ea9a018839fdb6eb1"
+  integrity sha512-U42vQ4czpKa0QdI1hu950XuNhYqgoM+ZF1HT+VuUHL9hPfDPVvNQyltmMqdE9bUHMVa+8yNbc3QKTj8zQhlVxQ==
+  dependencies:
+    "@istanbuljs/load-nyc-config" "^1.0.0"
+    "@istanbuljs/schema" "^0.1.2"
+    caching-transform "^4.0.0"
+    convert-source-map "^1.7.0"
+    decamelize "^1.2.0"
+    find-cache-dir "^3.2.0"
+    find-up "^4.1.0"
+    foreground-child "^3.3.0"
+    get-package-type "^0.1.0"
+    glob "^7.1.6"
+    istanbul-lib-coverage "^3.0.0"
+    istanbul-lib-hook "^3.0.0"
+    istanbul-lib-instrument "^6.0.2"
+    istanbul-lib-processinfo "^2.0.2"
+    istanbul-lib-report "^3.0.0"
+    istanbul-lib-source-maps "^4.0.0"
+    istanbul-reports "^3.0.2"
+    make-dir "^3.0.0"
+    node-preload "^0.2.1"
+    p-map "^3.0.0"
+    process-on-spawn "^1.0.0"
+    resolve-from "^5.0.0"
+    rimraf "^3.0.0"
+    signal-exit "^3.0.2"
+    spawn-wrap "^2.0.0"
+    test-exclude "^6.0.0"
+    yargs "^15.0.2"
+
 oauth-sign@~0.9.0:
   version "0.9.0"
   resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
@@ -8647,14 +9669,6 @@ path-scurry@^1.11.1:
     lru-cache "^10.2.0"
     minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
 
-path-scurry@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-2.0.0.tgz#9f052289f23ad8bf9397a2a0425e7b8615c58580"
-  integrity sha512-ypGJsmGtdXUOeM5u93TyeIEfEhM6s+ljAhrk5vAvSx8uyY/02OvrZnA0YNGUrPXfpJMgI1ODd3nwz8Npx4O4cg==
-  dependencies:
-    lru-cache "^11.0.0"
-    minipass "^7.1.2"
-
 path-type@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-3.0.0.tgz#cef31dc8e0a1a3bb0d105c0cd97cf3bf47f4e36f"
@@ -8667,7 +9681,7 @@ path-type@^4.0.0:
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
-pathe@^2.0.3:
+pathe@^2.0.1, pathe@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/pathe/-/pathe-2.0.3.tgz#3ecbec55421685b70a9da872b2cff3e1cbed1716"
   integrity sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==
@@ -8753,11 +9767,276 @@ pkg-dir@^4.1.0, pkg-dir@^4.2.0:
   dependencies:
     find-up "^4.0.0"
 
+pkg-types@^1.3.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-1.3.1.tgz#bd7cc70881192777eef5326c19deb46e890917df"
+  integrity sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==
+  dependencies:
+    confbox "^0.1.8"
+    mlly "^1.7.4"
+    pathe "^2.0.1"
+
+pkg-types@^2.0.0, pkg-types@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-2.1.0.tgz#70c9e1b9c74b63fdde749876ee0aa007ea9edead"
+  integrity sha512-wmJwA+8ihJixSoHKxZJRBQG1oY8Yr9pGLzRmSsNms0iNWyHHAlZCa7mmKiFR10YPZuz/2k169JiS/inOjBCZ2A==
+  dependencies:
+    confbox "^0.2.1"
+    exsolve "^1.0.1"
+    pathe "^2.0.3"
+
+playwright-core@1.51.1:
+  version "1.51.1"
+  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.51.1.tgz#d57f0393e02416f32a47cf82b27533656a8acce1"
+  integrity sha512-/crRMj8+j/Nq5s8QcvegseuyeZPxpQCZb6HNk3Sos3BlZyAknRjoyJPFWkpNn8v0+P3WiwqFF8P+zQo4eqiNuw==
+
+playwright-core@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.52.0.tgz#238f1f0c3edd4ebba0434ce3f4401900319a3dca"
+  integrity sha512-l2osTgLXSMeuLZOML9qYODUQoPPnUsKsb5/P6LJ2e6uPKXUdPK5WYhN4z03G+YNbWmGDY4YENauNu4ZKczreHg==
+
+playwright@1.51.1:
+  version "1.51.1"
+  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.51.1.tgz#ae1467ee318083968ad28d6990db59f47a55390f"
+  integrity sha512-kkx+MB2KQRkyxjYPc3a0wLZZoDczmppyGJIvQ43l+aZihkaVvmu/21kiyaHeHjiFxjxNNFnUncKmcGIyOojsaw==
+  dependencies:
+    playwright-core "1.51.1"
+  optionalDependencies:
+    fsevents "2.3.2"
+
+playwright@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.52.0.tgz#26cb9a63346651e1c54c8805acfd85683173d4bd"
+  integrity sha512-JAwMNMBlxJ2oD1kce4KPtMkDeKGHQstdpFPcPH3maElAXon/QZeTvtsfXmTMRyO9TslfoYOXkSsvao2nE1ilTw==
+  dependencies:
+    playwright-core "1.52.0"
+  optionalDependencies:
+    fsevents "2.3.2"
+
 possible-typed-array-names@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz#93e3582bc0e5426586d9d07b79ee40fc841de4ae"
   integrity sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==
 
+postcss-calc@^10.1.1:
+  version "10.1.1"
+  resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-10.1.1.tgz#52b385f2e628239686eb6e3a16207a43f36064ca"
+  integrity sha512-NYEsLHh8DgG/PRH2+G9BTuUdtf9ViS+vdoQ0YA5OQdGsfN4ztiwtDWNtBl9EKeqNMFnIu8IKZ0cLxEQ5r5KVMw==
+  dependencies:
+    postcss-selector-parser "^7.0.0"
+    postcss-value-parser "^4.2.0"
+
+postcss-colormin@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-7.0.3.tgz#602d093c6f186d5316a4516607ddf4f0073ae5a5"
+  integrity sha512-xZxQcSyIVZbSsl1vjoqZAcMYYdnJsIyG8OvqShuuqf12S88qQboxxEy0ohNCOLwVPXTU+hFHvJPACRL2B5ohTA==
+  dependencies:
+    browserslist "^4.24.5"
+    caniuse-api "^3.0.0"
+    colord "^2.9.3"
+    postcss-value-parser "^4.2.0"
+
+postcss-convert-values@^7.0.5:
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-7.0.5.tgz#35263382f3197d83b865c0967ddc708cdde3115e"
+  integrity sha512-0VFhH8nElpIs3uXKnVtotDJJNX0OGYSZmdt4XfSfvOMrFw1jKfpwpZxfC4iN73CTM/MWakDEmsHQXkISYj4BXw==
+  dependencies:
+    browserslist "^4.24.5"
+    postcss-value-parser "^4.2.0"
+
+postcss-discard-comments@^7.0.4:
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-7.0.4.tgz#9aded15cf437d14ee02b7589ee911b780cd73ffb"
+  integrity sha512-6tCUoql/ipWwKtVP/xYiFf1U9QgJ0PUvxN7pTcsQ8Ns3Fnwq1pU5D5s1MhT/XySeLq6GXNvn37U46Ded0TckWg==
+  dependencies:
+    postcss-selector-parser "^7.1.0"
+
+postcss-discard-duplicates@^7.0.2:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-7.0.2.tgz#9cf3e659d4f94b046eef6f93679490c0250a8e4e"
+  integrity sha512-eTonaQvPZ/3i1ASDHOKkYwAybiM45zFIc7KXils4mQmHLqIswXD9XNOKEVxtTFnsmwYzF66u4LMgSr0abDlh5w==
+
+postcss-discard-empty@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-7.0.1.tgz#b6c57e8b5c69023169abea30dceb93f98a2ffd9f"
+  integrity sha512-cFrJKZvcg/uxB6Ijr4l6qmn3pXQBna9zyrPC+sK0zjbkDUZew+6xDltSF7OeB7rAtzaaMVYSdbod+sZOCWnMOg==
+
+postcss-discard-overridden@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-7.0.1.tgz#bd9c9bc5e4548d3b6e67e7f8d64f2c9d745ae2a0"
+  integrity sha512-7c3MMjjSZ/qYrx3uc1940GSOzN1Iqjtlqe8uoSg+qdVPYyRb0TILSqqmtlSFuE4mTDECwsm397Ya7iXGzfF7lg==
+
+postcss-merge-longhand@^7.0.5:
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-7.0.5.tgz#e1b126e92f583815482e8b1e82c47d2435a20421"
+  integrity sha512-Kpu5v4Ys6QI59FxmxtNB/iHUVDn9Y9sYw66D6+SZoIk4QTz1prC4aYkhIESu+ieG1iylod1f8MILMs1Em3mmIw==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+    stylehacks "^7.0.5"
+
+postcss-merge-rules@^7.0.5:
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-7.0.5.tgz#08c009036172db1305f988c67b04881ee8aaa76b"
+  integrity sha512-ZonhuSwEaWA3+xYbOdJoEReKIBs5eDiBVLAGpYZpNFPzXZcEE5VKR7/qBEQvTZpiwjqhhqEQ+ax5O3VShBj9Wg==
+  dependencies:
+    browserslist "^4.24.5"
+    caniuse-api "^3.0.0"
+    cssnano-utils "^5.0.1"
+    postcss-selector-parser "^7.1.0"
+
+postcss-minify-font-values@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-7.0.1.tgz#6fb4770131b31fd5a2014bd84e32f386a3406664"
+  integrity sha512-2m1uiuJeTplll+tq4ENOQSzB8LRnSUChBv7oSyFLsJRtUgAAJGP6LLz0/8lkinTgxrmJSPOEhgY1bMXOQ4ZXhQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-minify-gradients@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-7.0.1.tgz#933cb642dd00df397237c17194f37dcbe4cad739"
+  integrity sha512-X9JjaysZJwlqNkJbUDgOclyG3jZEpAMOfof6PUZjPnPrePnPG62pS17CjdM32uT1Uq1jFvNSff9l7kNbmMSL2A==
+  dependencies:
+    colord "^2.9.3"
+    cssnano-utils "^5.0.1"
+    postcss-value-parser "^4.2.0"
+
+postcss-minify-params@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-7.0.3.tgz#ff4d0f765b6cdb9aa10e805ca3012393206686c9"
+  integrity sha512-vUKV2+f5mtjewYieanLX0xemxIp1t0W0H/D11u+kQV/MWdygOO7xPMkbK+r9P6Lhms8MgzKARF/g5OPXhb8tgg==
+  dependencies:
+    browserslist "^4.24.5"
+    cssnano-utils "^5.0.1"
+    postcss-value-parser "^4.2.0"
+
+postcss-minify-selectors@^7.0.5:
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-7.0.5.tgz#d8c89eeeb208705ab4127a464d1f54a3bc22cae3"
+  integrity sha512-x2/IvofHcdIrAm9Q+p06ZD1h6FPcQ32WtCRVodJLDR+WMn8EVHI1kvLxZuGKz/9EY5nAmI6lIQIrpo4tBy5+ug==
+  dependencies:
+    cssesc "^3.0.0"
+    postcss-selector-parser "^7.1.0"
+
+postcss-nested@^7.0.2:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-7.0.2.tgz#863d83a6b5df0a2894560394be93d5383ea37a65"
+  integrity sha512-5osppouFc0VR9/VYzYxO03VaDa3e8F23Kfd6/9qcZTUI8P58GIYlArOET2Wq0ywSl2o2PjELhYOFI4W7l5QHKw==
+  dependencies:
+    postcss-selector-parser "^7.0.0"
+
+postcss-normalize-charset@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-7.0.1.tgz#bccc3f7c5f4440883608eea8b444c8f41ce55ff6"
+  integrity sha512-sn413ofhSQHlZFae//m9FTOfkmiZ+YQXsbosqOWRiVQncU2BA3daX3n0VF3cG6rGLSFVc5Di/yns0dFfh8NFgQ==
+
+postcss-normalize-display-values@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-display-values/-/postcss-normalize-display-values-7.0.1.tgz#feb40277d89a7f677b67a84cac999f0306e38235"
+  integrity sha512-E5nnB26XjSYz/mGITm6JgiDpAbVuAkzXwLzRZtts19jHDUBFxZ0BkXAehy0uimrOjYJbocby4FVswA/5noOxrQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-positions@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-positions/-/postcss-normalize-positions-7.0.1.tgz#c771c0d33034455205f060b999d8557c2308d22c"
+  integrity sha512-pB/SzrIP2l50ZIYu+yQZyMNmnAcwyYb9R1fVWPRxm4zcUFCY2ign7rcntGFuMXDdd9L2pPNUgoODDk91PzRZuQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-repeat-style@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-7.0.1.tgz#05fe4d838eedbd996436c5cab78feef9bb1ae57b"
+  integrity sha512-NsSQJ8zj8TIDiF0ig44Byo3Jk9e4gNt9x2VIlJudnQQ5DhWAHJPF4Tr1ITwyHio2BUi/I6Iv0HRO7beHYOloYQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-string@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-string/-/postcss-normalize-string-7.0.1.tgz#0f111e7b5dfb6de6ab19f09d9e1c16fabeee232f"
+  integrity sha512-QByrI7hAhsoze992kpbMlJSbZ8FuCEc1OT9EFbZ6HldXNpsdpZr+YXC5di3UEv0+jeZlHbZcoCADgb7a+lPmmQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-timing-functions@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-7.0.1.tgz#7b645a36f113fec49d95d56386c9980316c71216"
+  integrity sha512-bHifyuuSNdKKsnNJ0s8fmfLMlvsQwYVxIoUBnowIVl2ZAdrkYQNGVB4RxjfpvkMjipqvbz0u7feBZybkl/6NJg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-unicode@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-unicode/-/postcss-normalize-unicode-7.0.3.tgz#39092101a9dbe9cbac2e00e52c58a1390e9f2924"
+  integrity sha512-EcoA29LvG3F+EpOh03iqu+tJY3uYYKzArqKJHxDhUYLa2u58aqGq16K6/AOsXD9yqLN8O6y9mmePKN5cx6krOw==
+  dependencies:
+    browserslist "^4.24.5"
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-url@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-7.0.1.tgz#d6471a22b6747ce93d7038c16eb9f1ba8b307e25"
+  integrity sha512-sUcD2cWtyK1AOL/82Fwy1aIVm/wwj5SdZkgZ3QiUzSzQQofrbq15jWJ3BA7Z+yVRwamCjJgZJN0I9IS7c6tgeQ==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-normalize-whitespace@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-whitespace/-/postcss-normalize-whitespace-7.0.1.tgz#ab8e9ff1f3213f3f3851c0a7d0e4ce4716777cea"
+  integrity sha512-vsbgFHMFQrJBJKrUFJNZ2pgBeBkC2IvvoHjz1to0/0Xk7sII24T0qFOiJzG6Fu3zJoq/0yI4rKWi7WhApW+EFA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-ordered-values@^7.0.2:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-7.0.2.tgz#0e803fbb9601e254270481772252de9a8c905f48"
+  integrity sha512-AMJjt1ECBffF7CEON/Y0rekRLS6KsePU6PRP08UqYW4UGFRnTXNrByUzYK1h8AC7UWTZdQ9O3Oq9kFIhm0SFEw==
+  dependencies:
+    cssnano-utils "^5.0.1"
+    postcss-value-parser "^4.2.0"
+
+postcss-reduce-initial@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-7.0.3.tgz#3ab073ecaf9e549f4c49fb0727bab09daf486672"
+  integrity sha512-RFvkZaqiWtGMlVjlUHpaxGqEL27lgt+Q2Ixjf83CRAzqdo+TsDyGPtJUbPx2MuYIJ+sCQc2TrOvRnhcXQfgIVA==
+  dependencies:
+    browserslist "^4.24.5"
+    caniuse-api "^3.0.0"
+
+postcss-reduce-transforms@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-7.0.1.tgz#f87111264b0dfa07e1f708d7e6401578707be5d6"
+  integrity sha512-MhyEbfrm+Mlp/36hvZ9mT9DaO7dbncU0CvWI8V93LRkY6IYlu38OPg3FObnuKTUxJ4qA8HpurdQOo5CyqqO76g==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
+postcss-selector-parser@^7.0.0, postcss-selector-parser@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-7.1.0.tgz#4d6af97eba65d73bc4d84bcb343e865d7dd16262"
+  integrity sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
+postcss-svgo@^7.0.2:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-7.0.2.tgz#3de498299af585a5bfae28fd2a445edd1f4954f6"
+  integrity sha512-5Dzy66JlnRM6pkdOTF8+cGsB1fnERTE8Nc+Eed++fOWo1hdsBptCsbG8UuJkgtZt75bRtMJIrPeZmtfANixdFA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+    svgo "^3.3.2"
+
+postcss-unique-selectors@^7.0.4:
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-7.0.4.tgz#625ad1c808bdf322fab6c027ae8d4f2637140995"
+  integrity sha512-pmlZjsmEAG7cHd7uK3ZiNSW6otSZ13RHuZ/4cDN/bVglS5EpF2r2oxY99SuOHa8m7AWoBCelTS3JPpzsIs8skQ==
+  dependencies:
+    postcss-selector-parser "^7.1.0"
+
+postcss-value-parser@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
+  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
+
 postcss@^8.4.48, postcss@^8.5.3:
   version "8.5.3"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.3.tgz#1463b6f1c7fb16fe258736cba29a2de35237eafb"
@@ -8787,6 +10066,11 @@ pretty-bytes@^5.6.0:
   resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"
   integrity sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==
 
+pretty-bytes@^6.1.1:
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-6.1.1.tgz#38cd6bb46f47afbf667c202cfc754bffd2016a3b"
+  integrity sha512-mQUvGU6aUFQ+rNvTIAcZuWGRT9a6f6Yrg9bHs4ImKF+HZCEK+plBvnAZYSIQztknZF2qnzNtr6F8s0+IuptdlQ==
+
 pretty-format@^29.7.0:
   version "29.7.0"
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.7.0.tgz#ca42c758310f365bfa71a0bda0a807160b776812"
@@ -9277,7 +10561,7 @@ resolve.exports@^2.0.0:
   resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-2.0.3.tgz#41955e6f1b4013b7586f873749a635dea07ebe3f"
   integrity sha512-OcXjMsGdhL4XnbShKpAcSqPMzQoYkYyhbEaeSko47MjRP9NfEQMhZkXL1DoFlt9LWQn4YttrdnV6X2OiyzBi+A==
 
-resolve@^1.10.0, resolve@^1.20.0:
+resolve@^1.10.0, resolve@^1.20.0, resolve@^1.22.1:
   version "1.22.10"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.10.tgz#b663e83ffb09bbf2386944736baae803029b8b39"
   integrity sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==
@@ -9331,20 +10615,26 @@ rimraf@^3.0.0, rimraf@^3.0.2:
   dependencies:
     glob "^7.1.3"
 
-rimraf@^5.0.5, rimraf@^5.0.7:
+rimraf@^5.0.10:
   version "5.0.10"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-5.0.10.tgz#23b9843d3dc92db71f96e1a2ce92e39fd2a8221c"
   integrity sha512-l0OE8wL34P4nJH/H2ffoaniAokM2qSmrtXHmlpvYr5AVVX8msAyW0l8NVJFDxlSK4u3Uh/f41cQheDVdnYijwQ==
   dependencies:
     glob "^10.3.7"
 
-rimraf@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-6.0.1.tgz#ffb8ad8844dd60332ab15f52bc104bc3ed71ea4e"
-  integrity sha512-9dkvaxAsk/xNXSJzMgFqqMCuFgt2+KsOFek3TMLfo8NCPfWpBmqwyNn5Y+NX56QUYfCtsyhF3ayiboEoUmJk/A==
+rimraf@^5.0.5:
+  version "5.0.5"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-5.0.5.tgz#9be65d2d6e683447d2e9013da2bf451139a61ccf"
+  integrity sha512-CqDakW+hMe/Bz202FPEymy68P+G50RfMQK+Qo5YUqc9SPipvbGjCGKd0RSKEelbsfQuw3g5NZDSrlZZAJurH1A==
   dependencies:
-    glob "^11.0.0"
-    package-json-from-dist "^1.0.0"
+    glob "^10.3.7"
+
+rimraf@^5.0.7:
+  version "5.0.7"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-5.0.7.tgz#27bddf202e7d89cb2e0381656380d1734a854a74"
+  integrity sha512-nV6YcJo5wbLW77m+8KjH8aB/7/rxQy9SZ0HY5shnwULfS+9nmTtVXAJET5NdZmCzA4fPI/Hm1wo/Po/4mopOdg==
+  dependencies:
+    glob "^10.3.7"
 
 rimraf@~2.6.2:
   version "2.6.3"
@@ -9370,6 +10660,44 @@ robots-parser@^2.0.1:
   resolved "https://registry.yarnpkg.com/robots-parser/-/robots-parser-2.4.0.tgz#c0e45f66108ad5950adc86b6737349189b41f864"
   integrity sha512-oO8f2SI04dJk3pbj2KOMJ4G6QfPAgqcGmrYGmansIcpRewIPT2ljWEt5I+ip6EgiyaLo+RXkkUWw74M25HDkMA==
 
+rollup-plugin-dts@^6.1.1:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-dts/-/rollup-plugin-dts-6.2.1.tgz#120a40734f740115da44931d7915a370fe420701"
+  integrity sha512-sR3CxYUl7i2CHa0O7bA45mCrgADyAQ0tVtGSqi3yvH28M+eg1+g5d7kQ9hLvEz5dorK3XVsH5L2jwHLQf72DzA==
+  dependencies:
+    magic-string "^0.30.17"
+  optionalDependencies:
+    "@babel/code-frame" "^7.26.2"
+
+rollup@^4.34.8:
+  version "4.40.2"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.40.2.tgz#778e88b7a197542682b3e318581f7697f55f0619"
+  integrity sha512-tfUOg6DTP4rhQ3VjOO6B4wyrJnGOX85requAXvqYTHsOgb2TFJdZ3aWpT8W2kPoypSGP7dZUyzxJ9ee4buM5Fg==
+  dependencies:
+    "@types/estree" "1.0.7"
+  optionalDependencies:
+    "@rollup/rollup-android-arm-eabi" "4.40.2"
+    "@rollup/rollup-android-arm64" "4.40.2"
+    "@rollup/rollup-darwin-arm64" "4.40.2"
+    "@rollup/rollup-darwin-x64" "4.40.2"
+    "@rollup/rollup-freebsd-arm64" "4.40.2"
+    "@rollup/rollup-freebsd-x64" "4.40.2"
+    "@rollup/rollup-linux-arm-gnueabihf" "4.40.2"
+    "@rollup/rollup-linux-arm-musleabihf" "4.40.2"
+    "@rollup/rollup-linux-arm64-gnu" "4.40.2"
+    "@rollup/rollup-linux-arm64-musl" "4.40.2"
+    "@rollup/rollup-linux-loongarch64-gnu" "4.40.2"
+    "@rollup/rollup-linux-powerpc64le-gnu" "4.40.2"
+    "@rollup/rollup-linux-riscv64-gnu" "4.40.2"
+    "@rollup/rollup-linux-riscv64-musl" "4.40.2"
+    "@rollup/rollup-linux-s390x-gnu" "4.40.2"
+    "@rollup/rollup-linux-x64-gnu" "4.40.2"
+    "@rollup/rollup-linux-x64-musl" "4.40.2"
+    "@rollup/rollup-win32-arm64-msvc" "4.40.2"
+    "@rollup/rollup-win32-ia32-msvc" "4.40.2"
+    "@rollup/rollup-win32-x64-msvc" "4.40.2"
+    fsevents "~2.3.2"
+
 rollup@^4.34.9:
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.40.1.tgz#03d6c53ebb6a9c2c060ae686a61e72a2472b366f"
@@ -9492,6 +10820,11 @@ saxes@^6.0.0:
   dependencies:
     xmlchars "^2.2.0"
 
+scule@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/scule/-/scule-1.3.0.tgz#6efbd22fd0bb801bdcc585c89266a7d2daa8fbd3"
+  integrity sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==
+
 semver-compare@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/semver-compare/-/semver-compare-1.0.0.tgz#0dee216a1c941ab37e9efb1788f6afc5ff5537fc"
@@ -10170,6 +11503,14 @@ strong-log-transformer@^2.1.0:
     minimist "^1.2.0"
     through "^2.3.4"
 
+stylehacks@^7.0.5:
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-7.0.5.tgz#86985a8c810f88e4a1a34804b0fe350686457ca9"
+  integrity sha512-5kNb7V37BNf0Q3w+1pxfa+oiNPS++/b4Jil9e/kPDgrk1zjEd6uR7SZeJiYaLYH6RRSC1XX2/37OTeU/4FvuIA==
+  dependencies:
+    browserslist "^4.24.5"
+    postcss-selector-parser "^7.1.0"
+
 supports-color@^5.3.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
@@ -10196,6 +11537,19 @@ supports-preserve-symlinks-flag@^1.0.0:
   resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
+svgo@^3.3.2:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/svgo/-/svgo-3.3.2.tgz#ad58002652dffbb5986fc9716afe52d869ecbda8"
+  integrity sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==
+  dependencies:
+    "@trysound/sax" "0.2.0"
+    commander "^7.2.0"
+    css-select "^5.1.0"
+    css-tree "^2.3.1"
+    css-what "^6.1.0"
+    csso "^5.0.5"
+    picocolors "^1.0.0"
+
 symbol-tree@^3.2.4:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
@@ -10342,7 +11696,7 @@ tinyexec@^0.3.2:
   resolved "https://registry.yarnpkg.com/tinyexec/-/tinyexec-0.3.2.tgz#941794e657a85e496577995c6eef66f53f42b3d2"
   integrity sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==
 
-tinyglobby@^0.2.13:
+tinyglobby@^0.2.12, tinyglobby@^0.2.13:
   version "0.2.13"
   resolved "https://registry.yarnpkg.com/tinyglobby/-/tinyglobby-0.2.13.tgz#a0e46515ce6cbcd65331537e57484af5a7b2ff7e"
   integrity sha512-mEwzpUgrLySlveBwEVDMKk5B57bhLPYovRfPAXD5gA/98Opn0rCDj3GtLwFvCvH5RK9uPCExUROW5NjDwvqkxw==
@@ -10466,9 +11820,9 @@ ts-api-utils@^1.3.0:
   integrity sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==
 
 ts-api-utils@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-2.0.1.tgz#660729385b625b939aaa58054f45c058f33f10cd"
-  integrity sha512-dnlgjFSVetynI8nzgJ+qF62efpglpWRk8isUEWZGWlJYySCTD6aKvbUDu+zbPeDakk3bg5H4XpitHukgfL1m9w==
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-2.1.0.tgz#595f7094e46eed364c13fd23e75f9513d29baf91"
+  integrity sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==
 
 ts-jest@^29.2.5:
   version "29.2.6"
@@ -10631,11 +11985,25 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==
 
-typescript@^5.4.5:
+typescript-eslint@^8.20.0:
+  version "8.27.0"
+  resolved "https://registry.yarnpkg.com/typescript-eslint/-/typescript-eslint-8.27.0.tgz#96cc34213723ec41a0bcaffc808f04c8d3cd64fb"
+  integrity sha512-ZZ/8+Y0rRUMuW1gJaPtLWe4ryHbsPLzzibk5Sq+IFa2aOH1Vo0gPr1fbA6pOnzBke7zC2Da4w8AyCgxKXo3lqA==
+  dependencies:
+    "@typescript-eslint/eslint-plugin" "8.27.0"
+    "@typescript-eslint/parser" "8.27.0"
+    "@typescript-eslint/utils" "8.27.0"
+
+typescript@^5.4.5, typescript@^5.7.3:
   version "5.8.2"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.8.2.tgz#8170b3702f74b79db2e5a96207c15e65807999e4"
   integrity sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==
 
+ufo@^1.5.4:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.6.1.tgz#ac2db1d54614d1b22c1d603e3aef44a85d8f146b"
+  integrity sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==
+
 uglify-js@^3.1.4:
   version "3.19.3"
   resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.19.3.tgz#82315e9bbc6f2b25888858acd1fff8441035b77f"
@@ -10666,15 +12034,45 @@ unbox-primitive@^1.1.0:
     has-symbols "^1.1.0"
     which-boxed-primitive "^1.1.1"
 
+unbuild@^3.5.0:
+  version "3.5.0"
+  resolved "https://registry.yarnpkg.com/unbuild/-/unbuild-3.5.0.tgz#49b7cbaadbac3a0d437ced9938f0558ba680618f"
+  integrity sha512-DPFttsiADnHRb/K+yJ9r9jdn6JyXlsmdT0S12VFC14DFSJD+cxBnHq+v0INmqqPVPxOoUjvJFYUVIb02rWnVeA==
+  dependencies:
+    "@rollup/plugin-alias" "^5.1.1"
+    "@rollup/plugin-commonjs" "^28.0.2"
+    "@rollup/plugin-json" "^6.1.0"
+    "@rollup/plugin-node-resolve" "^16.0.0"
+    "@rollup/plugin-replace" "^6.0.2"
+    "@rollup/pluginutils" "^5.1.4"
+    citty "^0.1.6"
+    consola "^3.4.0"
+    defu "^6.1.4"
+    esbuild "^0.25.0"
+    fix-dts-default-cjs-exports "^1.0.0"
+    hookable "^5.5.3"
+    jiti "^2.4.2"
+    magic-string "^0.30.17"
+    mkdist "^2.2.0"
+    mlly "^1.7.4"
+    pathe "^2.0.3"
+    pkg-types "^2.0.0"
+    pretty-bytes "^6.1.1"
+    rollup "^4.34.8"
+    rollup-plugin-dts "^6.1.1"
+    scule "^1.3.0"
+    tinyglobby "^0.2.12"
+    untyped "^2.0.0"
+
 underscore@^1.9.1:
   version "1.13.7"
   resolved "https://registry.yarnpkg.com/underscore/-/underscore-1.13.7.tgz#970e33963af9a7dda228f17ebe8399e5fbe63a10"
   integrity sha512-GMXzWtsc57XAtguZgaQViUOzs0KTkk8ojr3/xAxXLITqf/3EMwxC0inyETfDFjH/Krbhuep0HNbbjI9i/q3F3g==
 
-undici-types@~6.19.2:
-  version "6.19.8"
-  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-6.19.8.tgz#35111c9d1437ab83a7cdc0abae2f26d88eda0a02"
-  integrity sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==
+undici-types@~5.26.4:
+  version "5.26.5"
+  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-5.26.5.tgz#bcd539893d00b56e964fd2657a4866b221a65617"
+  integrity sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==
 
 undici-types@~6.20.0:
   version "6.20.0"
@@ -10722,6 +12120,17 @@ untildify@^4.0.0:
   resolved "https://registry.yarnpkg.com/untildify/-/untildify-4.0.0.tgz#2bc947b953652487e4600949fb091e3ae8cd919b"
   integrity sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==
 
+untyped@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/untyped/-/untyped-2.0.0.tgz#86bc205a4ec4b0137282285866b8278557aeee97"
+  integrity sha512-nwNCjxJTjNuLCgFr42fEak5OcLuB3ecca+9ksPFNvtfYSLpjf+iJqSIaSnIile6ZPbKYxI5k2AfXqeopGudK/g==
+  dependencies:
+    citty "^0.1.6"
+    defu "^6.1.4"
+    jiti "^2.4.2"
+    knitwork "^1.2.0"
+    scule "^1.3.0"
+
 unzip-response@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/unzip-response/-/unzip-response-2.0.1.tgz#d2f0f737d16b0615e72a6935ed04214572d56f97"
@@ -10732,7 +12141,7 @@ upath@^2.0.1:
   resolved "https://registry.yarnpkg.com/upath/-/upath-2.0.1.tgz#50c73dea68d6f6b990f51d279ce6081665d61a8b"
   integrity sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==
 
-update-browserslist-db@^1.1.1:
+update-browserslist-db@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz#348377dd245216f9e7060ff50b15a1b740b75420"
   integrity sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==
@@ -10778,7 +12187,7 @@ url-parse@^1.5.3:
     querystringify "^2.1.1"
     requires-port "^1.0.0"
 
-util-deprecate@^1.0.1, util-deprecate@~1.0.1:
+util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
   integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
@@ -10884,6 +12293,20 @@ vite-tsconfig-paths@^5.1.4:
   optionalDependencies:
     fsevents "~2.3.3"
 
+vite@^6.2.6:
+  version "6.3.5"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-6.3.5.tgz#fec73879013c9c0128c8d284504c6d19410d12a3"
+  integrity sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==
+  dependencies:
+    esbuild "^0.25.0"
+    fdir "^6.4.4"
+    picomatch "^4.0.2"
+    postcss "^8.5.3"
+    rollup "^4.34.9"
+    tinyglobby "^0.2.13"
+  optionalDependencies:
+    fsevents "~2.3.3"
+
 vitest@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/vitest/-/vitest-3.1.2.tgz#63afc16b6da3bea6e39f5387d80719e70634ba66"