diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
new file mode 100644
index 0000000000..fed2b78f19
--- /dev/null
+++ b/.github/workflows/playwright.yml
@@ -0,0 +1,29 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [main]
+  pull_request:
+  workflow_dispatch:
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+      - name: Install dependencies
+        run: npm install -g pnpm && pnpm install
+      - name: Install Playwright Browsers
+        run: pnpm exec playwright install --with-deps
+      - name: Build
+        run: pnpm run build
+      - 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/.gitignore b/.gitignore
index e40bdc1578..5f56572b94 100644
--- a/.gitignore
+++ b/.gitignore
@@ -53,4 +53,10 @@ Temporary Items
 packages/devtools/README.md
 
 clones
+
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/
+
 packages/devtools/client/public/discovery/index.html
diff --git a/local.ts b/local.ts
index b519052c80..2244cc3e80 100644
--- a/local.ts
+++ b/local.ts
@@ -23,12 +23,13 @@ import { getPort } from 'get-port-please'
 import { resolve } from 'pathe'
 import { searchForWorkspaceRoot } from 'vite'
 import { startSubprocess } from './packages/devtools-kit/src/index'
-import { defaultOptions } from './packages/devtools/src/constant'
+import { CLIENT_BASE, defaultOptions } from './packages/devtools/src/constant'
 import { packageDir } from './packages/devtools/src/dirs'
 import { enableModule } from './packages/devtools/src/module-main'
 
 export type { ModuleOptions }
 
+export const clientRouteName = '/__nuxt_devtools__/client'
 export default defineNuxtModule<ModuleOptions>({
   meta: {
     name: '@nuxt/devtools',
@@ -45,7 +46,7 @@ export default defineNuxtModule<ModuleOptions>({
       // add proxy to client
       config.server.proxy ||= {}
       // TODO: ws proxy is not working
-      config.server.proxy['/__nuxt_devtools__/client'] = {
+      config.server.proxy[CLIENT_BASE] = {
         target: `http://localhost:${PORT}`,
         changeOrigin: true,
         followRedirects: true,
diff --git a/package.json b/package.json
index 8a82509e8b..f48d6ae853 100644
--- a/package.json
+++ b/package.json
@@ -16,8 +16,10 @@
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
     "release": "pnpm test && bumpp -r -x \"pnpm run changelog\" --all",
     "test": "pnpm lint",
+    "test:e2e": "pnpm playwright test",
     "docs": "nuxi dev docs",
     "docs:build": "CI=true nuxi generate docs",
+    "fixture:empty": "pnpm -C playgrounds/empty run dev",
     "typecheck": "vue-tsc --noEmit",
     "postinstall": "npx simple-git-hooks && pnpm -C docs install",
     "prepare": "pnpm -r --filter=\"./packages/*\" run dev:prepare"
@@ -31,6 +33,7 @@
     "@nuxt/module-builder": "catalog:",
     "@nuxt/schema": "catalog:",
     "@opentelemetry/api": "catalog:",
+    "@playwright/test": "catalog:",
     "@types/markdown-it": "catalog:",
     "@types/node": "catalog:",
     "@types/which": "catalog:",
diff --git a/packages/devtools/client/pages/index.vue b/packages/devtools/client/pages/index.vue
index 5ed6f7514e..dc035a7cdf 100644
--- a/packages/devtools/client/pages/index.vue
+++ b/packages/devtools/client/pages/index.vue
@@ -31,9 +31,9 @@ function hideFloatingPanel() {
 <template>
   <NPanelGrids flex="~ col" relative h-screen w-full>
     <div flex="~ auto col gap3" items-center justify-center text-center>
-      <p my2 text-3em text-primary font-bold font-stylish>
+      <h1 my2 text-3em text-primary font-bold font-stylish aria-label="Nuxt DevTools Welcome">
         👋 Hi there, welcome to Nuxt DevTools!
-      </p>
+      </h1>
       <p max-w-190 text-lg>
         <NuxtLogo mr-0.5 inline-block h-5 translate-y--1.1 align-mid /> is a set of visual tools that help you to know your Nuxt app better, and enhance your
         development experience with Nuxt. Enjoy!<br>
@@ -45,7 +45,7 @@ function hideFloatingPanel() {
         </NLink>
       </p>
 
-      <NButton to="/modules/overview" n="lg primary" @click="visit">
+      <NButton to="/modules/overview" n="lg primary" aria-label="Get Started" @click="visit">
         <span>Get Started</span>
       </NButton>
       <NButton v-if="showPanel !== false" n="borderless orange" @click="hideFloatingPanel">
diff --git a/packages/devtools/client/pages/modules/overview.vue b/packages/devtools/client/pages/modules/overview.vue
index 9f6f2de8f5..e094c3feb2 100644
--- a/packages/devtools/client/pages/modules/overview.vue
+++ b/packages/devtools/client/pages/modules/overview.vue
@@ -52,12 +52,11 @@ function authorize() {
 
       <!-- Banner -->
       <div flex="~ col" mt-5 items-center md:mt-20>
-        <NuxtLink
-          flex="~" mt--10 items-center justify-center
-          to="https://devtools.nuxt.com/" target="_blank"
-        >
-          <NuxtLogo h-10 />
-        </NuxtLink>
+        <h1 aria-label="Nuxt DevTools">
+          <NuxtLink flex="~" mt--10 items-center justify-center to="https://devtools.nuxt.com/" target="_blank">
+            <NuxtLogo h-10 />
+          </NuxtLink>
+        </h1>
         <button mb6 mt3 text-center text-sm flex="~ gap-1 wrap" @click="goIntro">
           <span op40>
             Nuxt DevTools
@@ -147,8 +146,8 @@ function authorize() {
       </div>
       <div flex="~ gap-6 wrap" mt-5 items-center justify-center>
         <a
-          href="https://github.com/nuxt/devtools" target="_blank" flex="~ gap1" items-center op50 hover="op100 text-blue"
-          transition
+          href="https://github.com/nuxt/devtools" target="_blank" flex="~ gap1" items-center op50
+          hover="op100 text-blue" transition
         >
           <div i-carbon-star />
           Star on GitHub
diff --git a/packages/devtools/smoke.e2e.spec.ts b/packages/devtools/smoke.e2e.spec.ts
new file mode 100644
index 0000000000..8e1e6a1add
--- /dev/null
+++ b/packages/devtools/smoke.e2e.spec.ts
@@ -0,0 +1,18 @@
+import { expect, test } from '@playwright/test'
+
+test('DevTools renders', async ({ page }) => {
+  await page.goto('./', { waitUntil: 'networkidle' })
+
+  expect(new URL(page.url()).pathname).toBe('/__nuxt_devtools__/client')
+
+  await page.waitForTimeout(2000) // TODO: A smarter wait for loading state
+
+  // Expect a heading to be visible (using this as a smoke test)
+  const welcome = await page.getByRole('heading', { name: 'Nuxt DevTools Welcome' })
+  expect(welcome).toBeVisible()
+
+  const getStarted = await page.getByRole('link', { name: 'Get Started' })
+  expect(getStarted).toBeVisible()
+
+  await getStarted.click()
+})
diff --git a/packages/devtools/src/constant.ts b/packages/devtools/src/constant.ts
index ddbd07f9ca..d719b9313e 100644
--- a/packages/devtools/src/constant.ts
+++ b/packages/devtools/src/constant.ts
@@ -5,6 +5,8 @@ export const WS_EVENT_NAME = 'nuxt:devtools:rpc'
 
 const isSandboxed = provider === 'stackblitz' || provider === 'codesandbox'
 
+export const CLIENT_BASE = '__nuxt_devtools__/client'
+
 export const defaultOptions: ModuleOptions = {
   enabled: undefined, // determine multiple conditions
   componentInspector: true,
diff --git a/packages/devtools/src/runtime/plugins/view/client.ts b/packages/devtools/src/runtime/plugins/view/client.ts
index a170888950..f5bba3757a 100644
--- a/packages/devtools/src/runtime/plugins/view/client.ts
+++ b/packages/devtools/src/runtime/plugins/view/client.ts
@@ -9,11 +9,11 @@ import { useAppConfig, useRuntimeConfig } from '#imports'
 import { setIframeServerContext } from '@vue/devtools-kit'
 import { createHooks } from 'hookable'
 import { debounce } from 'perfect-debounce'
-
 import { computed, createApp, h, markRaw, ref, shallowReactive, shallowRef, watch } from 'vue'
+
+import { CLIENT_BASE } from '../../../constant'
 import { initTimelineMetrics } from '../../function-metrics-helpers'
 import Main from './Main.vue'
-
 import { popupWindow, state } from './state'
 
 const clientRef = shallowRef<NuxtDevtoolsHostClient>()
@@ -126,8 +126,7 @@ export async function setupDevToolsClient({
   function getIframe() {
     if (!iframe) {
       const runtimeConfig = useRuntimeConfig()
-      const CLIENT_BASE = '/__nuxt_devtools__/client'
-      const CLIENT_PATH = `${runtimeConfig.app.baseURL.replace(CLIENT_BASE, '/')}${CLIENT_BASE}`.replace(/\/+/g, '/')
+      const CLIENT_PATH = `/${runtimeConfig.app.baseURL.replace(CLIENT_BASE, '/')}${CLIENT_BASE}`.replace(/\/+/g, '/')
       const initialUrl = CLIENT_PATH + state.value.route
       iframe = document.createElement('iframe')
 
diff --git a/playwright.config.ts b/playwright.config.ts
new file mode 100644
index 0000000000..ccce181590
--- /dev/null
+++ b/playwright.config.ts
@@ -0,0 +1,88 @@
+import { defineConfig, devices } from '@playwright/test'
+import { CLIENT_BASE } from './packages/devtools/src/constant'
+
+/**
+ * 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: './packages',
+  testMatch: '**/*.e2e.spec.ts',
+  /* 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:3000/${CLIENT_BASE}/`,
+
+    /* 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: 'pnpm run fixture:empty',
+
+    // Wait for a 2XX response for this URL
+    // before considering the server running.
+    url: `http://localhost:3000/${CLIENT_BASE}`,
+
+    stdout: 'pipe',
+    stderr: 'pipe',
+
+    reuseExistingServer: !process.env.CI,
+  },
+})
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7348b9718a..472cbd9f03 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -69,6 +69,9 @@ catalogs:
     '@pinia/nuxt':
       specifier: ^0.9.0
       version: 0.9.0
+    '@playwright/test':
+      specifier: ^1.50.1
+      version: 1.50.1
     '@shikijs/langs-precompiled':
       specifier: ^2.3.0
       version: 2.3.0
@@ -405,6 +408,9 @@ importers:
       '@opentelemetry/api':
         specifier: 'catalog:'
         version: 1.9.0
+      '@playwright/test':
+        specifier: 'catalog:'
+        version: 1.50.1
       '@types/markdown-it':
         specifier: 'catalog:'
         version: 14.1.2
@@ -618,7 +624,7 @@ importers:
         version: 'link:'
       '@nuxt/test-utils':
         specifier: 'catalog:'
-        version: 3.15.4(@types/node@22.13.1)(@vitest/ui@3.0.5)(jiti@2.4.2)(magicast@0.3.5)(rollup@4.30.1)(sass@1.77.4)(terser@5.19.4)(tsx@4.19.2)(typescript@5.7.3)(vitest@3.0.5)(yaml@2.7.0)
+        version: 3.15.4(@playwright/test@1.50.1)(@types/node@22.13.1)(@vitest/ui@3.0.5)(jiti@2.4.2)(magicast@0.3.5)(playwright-core@1.50.1)(rollup@4.30.1)(sass@1.77.4)(terser@5.19.4)(tsx@4.19.2)(typescript@5.7.3)(vitest@3.0.5)(yaml@2.7.0)
       '@parcel/watcher':
         specifier: 'catalog:'
         version: 2.5.1
@@ -913,7 +919,7 @@ importers:
         version: 3.15.4
       '@nuxt/test-utils':
         specifier: 'catalog:'
-        version: 3.15.4(@types/node@22.13.1)(@vitest/ui@3.0.5)(jiti@2.4.2)(magicast@0.3.5)(rollup@4.30.1)(sass@1.77.4)(terser@5.19.4)(tsx@4.19.2)(typescript@5.7.3)(vitest@3.0.5)(yaml@2.7.0)
+        version: 3.15.4(@playwright/test@1.50.1)(@types/node@22.13.1)(@vitest/ui@3.0.5)(jiti@2.4.2)(magicast@0.3.5)(playwright-core@1.50.1)(rollup@4.30.1)(sass@1.77.4)(terser@5.19.4)(tsx@4.19.2)(typescript@5.7.3)(vitest@3.0.5)(yaml@2.7.0)
       eslint:
         specifier: 'catalog:'
         version: 9.19.0(jiti@2.4.2)
@@ -1918,6 +1924,11 @@ packages:
     resolution: {integrity: sha512-Zwq5OCzuwJC2jwqmpEQt7Ds1DTi6BWSwoGkbb1n9pO3hzb35BoJELx7c0T23iDkBGkh2e7tvOtjF3tr3OaQHDQ==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
 
+  '@playwright/test@1.50.1':
+    resolution: {integrity: sha512-Jii3aBg+CEDpgnuDxEp/h7BimHcUTDlpEtce89xEumlJ5ef2hqepZ+PWp1DDpYC/VO9fmWVI1IlEaoI5fK9FXQ==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   '@polka/url@1.0.0-next.24':
     resolution: {integrity: sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ==}
 
@@ -4301,6 +4312,11 @@ packages:
   fs.realpath@1.0.0:
     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
 
+  fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
   fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@@ -5856,6 +5872,16 @@ packages:
   pkg-types@1.3.1:
     resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
 
+  playwright-core@1.50.1:
+    resolution: {integrity: sha512-ra9fsNWayuYumt+NiM069M6OkcRb1FZSK8bgi66AtpFoWkg2+y0bJSNmkFrWhMbEBbVKC/EruAHH3g0zmtwGmQ==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  playwright@1.50.1:
+    resolution: {integrity: sha512-G8rwsOQJ63XG6BbKj2w5rHeavFjy5zynBA9zsJMMtBoe/Uf757oG12NXz6e6OirF7RCrTVAKFXbLmn1RbL7Qaw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   pluralize@8.0.0:
     resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
     engines: {node: '>=4'}
@@ -8693,7 +8719,7 @@ snapshots:
       - rollup
       - supports-color
 
-  '@nuxt/test-utils@3.15.4(@types/node@22.13.1)(@vitest/ui@3.0.5)(jiti@2.4.2)(magicast@0.3.5)(rollup@4.30.1)(sass@1.77.4)(terser@5.19.4)(tsx@4.19.2)(typescript@5.7.3)(vitest@3.0.5)(yaml@2.7.0)':
+  '@nuxt/test-utils@3.15.4(@playwright/test@1.50.1)(@types/node@22.13.1)(@vitest/ui@3.0.5)(jiti@2.4.2)(magicast@0.3.5)(playwright-core@1.50.1)(rollup@4.30.1)(sass@1.77.4)(terser@5.19.4)(tsx@4.19.2)(typescript@5.7.3)(vitest@3.0.5)(yaml@2.7.0)':
     dependencies:
       '@nuxt/kit': 3.15.4(magicast@0.3.5)(rollup@4.30.1)
       '@nuxt/schema': 3.15.4
@@ -8719,10 +8745,12 @@ snapshots:
       unenv: 1.10.0
       unplugin: 2.1.2
       vite: 6.0.11(@types/node@22.13.1)(jiti@2.4.2)(sass@1.77.4)(terser@5.19.4)(tsx@4.19.2)(yaml@2.7.0)
-      vitest-environment-nuxt: 1.0.1(@types/node@22.13.1)(@vitest/ui@3.0.5)(jiti@2.4.2)(magicast@0.3.5)(rollup@4.30.1)(sass@1.77.4)(terser@5.19.4)(tsx@4.19.2)(typescript@5.7.3)(vitest@3.0.5)(yaml@2.7.0)
+      vitest-environment-nuxt: 1.0.1(@playwright/test@1.50.1)(@types/node@22.13.1)(@vitest/ui@3.0.5)(jiti@2.4.2)(magicast@0.3.5)(playwright-core@1.50.1)(rollup@4.30.1)(sass@1.77.4)(terser@5.19.4)(tsx@4.19.2)(typescript@5.7.3)(vitest@3.0.5)(yaml@2.7.0)
       vue: 3.5.13(typescript@5.7.3)
     optionalDependencies:
+      '@playwright/test': 1.50.1
       '@vitest/ui': 3.0.5(vitest@3.0.5)
+      playwright-core: 1.50.1
       vitest: 3.0.5(@types/node@22.13.1)(@vitest/ui@3.0.5)(jiti@2.4.2)(sass@1.77.4)(terser@5.19.4)(tsx@4.19.2)(yaml@2.7.0)
     transitivePeerDependencies:
       - '@types/node'
@@ -8982,6 +9010,10 @@ snapshots:
 
   '@pkgr/core@0.1.0': {}
 
+  '@playwright/test@1.50.1':
+    dependencies:
+      playwright: 1.50.1
+
   '@polka/url@1.0.0-next.24': {}
 
   '@redocly/ajv@8.11.2':
@@ -12049,6 +12081,9 @@ snapshots:
 
   fs.realpath@1.0.0: {}
 
+  fsevents@2.3.2:
+    optional: true
+
   fsevents@2.3.3:
     optional: true
 
@@ -14238,6 +14273,14 @@ snapshots:
       mlly: 1.7.4
       pathe: 2.0.2
 
+  playwright-core@1.50.1: {}
+
+  playwright@1.50.1:
+    dependencies:
+      playwright-core: 1.50.1
+    optionalDependencies:
+      fsevents: 2.3.2
+
   pluralize@8.0.0: {}
 
   postcss-calc@10.0.2(postcss@8.5.1):
@@ -16031,9 +16074,9 @@ snapshots:
       tsx: 4.19.2
       yaml: 2.7.0
 
-  vitest-environment-nuxt@1.0.1(@types/node@22.13.1)(@vitest/ui@3.0.5)(jiti@2.4.2)(magicast@0.3.5)(rollup@4.30.1)(sass@1.77.4)(terser@5.19.4)(tsx@4.19.2)(typescript@5.7.3)(vitest@3.0.5)(yaml@2.7.0):
+  vitest-environment-nuxt@1.0.1(@playwright/test@1.50.1)(@types/node@22.13.1)(@vitest/ui@3.0.5)(jiti@2.4.2)(magicast@0.3.5)(playwright-core@1.50.1)(rollup@4.30.1)(sass@1.77.4)(terser@5.19.4)(tsx@4.19.2)(typescript@5.7.3)(vitest@3.0.5)(yaml@2.7.0):
     dependencies:
-      '@nuxt/test-utils': 3.15.4(@types/node@22.13.1)(@vitest/ui@3.0.5)(jiti@2.4.2)(magicast@0.3.5)(rollup@4.30.1)(sass@1.77.4)(terser@5.19.4)(tsx@4.19.2)(typescript@5.7.3)(vitest@3.0.5)(yaml@2.7.0)
+      '@nuxt/test-utils': 3.15.4(@playwright/test@1.50.1)(@types/node@22.13.1)(@vitest/ui@3.0.5)(jiti@2.4.2)(magicast@0.3.5)(playwright-core@1.50.1)(rollup@4.30.1)(sass@1.77.4)(terser@5.19.4)(tsx@4.19.2)(typescript@5.7.3)(vitest@3.0.5)(yaml@2.7.0)
     transitivePeerDependencies:
       - '@cucumber/cucumber'
       - '@jest/globals'
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 7c02b61997..be909d531e 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -23,6 +23,7 @@ catalog:
   '@opentelemetry/api': ^1.9.0
   '@parcel/watcher': ^2.5.1
   '@pinia/nuxt': ^0.9.0
+  '@playwright/test': ^1.50.1
   '@shikijs/langs-precompiled': ^2.3.0
   '@types/diff': ^7.0.1
   '@types/markdown-it': ^14.1.2