diff --git a/examples/components-vue/README.md b/examples/components-vue/README.md
index c7bd4b7d6f..b73f34bab5 100644
--- a/examples/components-vue/README.md
+++ b/examples/components-vue/README.md
@@ -32,84 +32,14 @@ npm run test
npm init vue@latest
```
-- Install Playwright Text w/ component testing as dev dependencies.
+- Install Playwright Test with component testing as dev dependencies.
```sh
npm i --save-dev @playwright/test @playwright/experimental-ct-vue
```
-- `tests.js` file was added that registers all the components to be tested.
+- [playwright/index.html](playwright/index.html) file was added that defines theming for the components through importing [playwright/index.js](playwright/index.js) .
- ```js
- import register from '@playwright/experimental-ct-vue/register'
-
- import Counter from './src/components/Counter.vue'
- import DocumentationIcon from './src/components/icons/IconDocumentation.vue'
- import HelloWorld from './src/components/HelloWorld.vue'
- import NamedSlots from './src/components/NamedSlots.vue'
- import TheWelcome from './src/components/TheWelcome.vue'
- import WelcomeItem from './src/components/WelcomeItem.vue'
-
- register({
- Counter,
- DocumentationIcon,
- HelloWorld,
- NamedSlots,
- TheWelcome,
- WelcomeItem,
- })
- ```
-- `tests.html` file was added that defines theming for the components and references `tests.js`.
- ```html
-
-
-
-
-
-
-
-
-
-
- ```
-- `playwright.config.ts` was added that executes `npm run dev` before running tests if it is not already running.
- ```js
- import { PlaywrightTestConfig, devices } from '@playwright/test';
-
- const config: PlaywrightTestConfig = {
- testDir: 'src',
- forbidOnly: !!process.env.CI,
- retries: process.env.CI ? 2 : 0,
- reporter: process.env.CI ? [
- ['html', { open: 'never' }],
- ] : [
- ['html', { open: 'on-failure' }]
- ],
- webServer: {
- url: 'http://localhost:3000/tests.html',
- command: 'npm run dev',
- reuseExistingServer: !process.env.CI,
- },
- use: {
- baseURL: 'http://localhost:3000/tests.html',
- trace: 'on-first-retry',
- },
- projects: [
- {
- name: 'chromium',
- use: { ...devices['Desktop Chrome'] },
- },
- {
- name: 'firefox',
- use: { ...devices['Desktop Firefox'] },
- },
- {
- name: 'webkit',
- use: { ...devices['Desktop Safari'] },
- },
- ],
- };
-
- export default config;
- ```
+- [playwright.config.ts](playwright.config.ts) was added that executes `npm run dev` before running tests if it is not already running.
+
- A bunch of `.spec.ts` and `.spec.tsx` files were added to `src` that demonstrate Vue3 component testing with and without the use of JSX syntax.