[Bug]: Vue component created with defineComponent is not mounted properly

[pbrzosko]

Version

1.42.1

Steps to reproduce

1. Clony my repo https://github.com/pbrzosko/playwright-define-component
2. npm install
3. npm run test-ct
4. 2 out of 3 tests are failing

Expected behavior

I would expect all tests to pass.

Actual behavior

I am surprised that neither component imported from a separate file, but defined with defineComponent nor the one inline directly in the mount methods are not mounted and thus not visible in the test.

Additional context

No response

Environment

System:
    OS: macOS 13.6.4
    CPU: (12) arm64 Apple M2 Pro
    Memory: 60.97 MB / 16.00 GB
  Binaries:
    Node: 18.16.1 - ~/.nvm/versions/node/v18.16.1/bin/node
    npm: 9.5.1 - ~/.nvm/versions/node/v18.16.1/bin/npm
    pnpm: 8.9.2 - ~/.nvm/versions/node/v18.16.1/bin/pnpm
  Languages:
    Bash: 5.2.15 - /opt/homebrew/bin/bash
  npmPackages:
    @playwright/experimental-ct-vue: ^1.42.1 => 1.42.1

[mxschmitt]

defineComponent is currently not supported - we only support .vue files.

[pbrzosko]

Understand, but this is a way of creating components in Vue, so I assume it should be supported.

[mxschmitt]

Yup, marking it as a feature request!