Skip to content

Conversation

@zhouLion
Copy link
Contributor

@zhouLion zhouLion commented Nov 11, 2025

  • Main task: to add a web preview component.
  • Additional, integrate Vitest for ensuring consistency with the implementation on the React side.

Maybe the Vitest integration can be split into separate PRs, but how about let's start from here.

@cwandev
Copy link
Collaborator

cwandev commented Nov 12, 2025

Thanks for your work, @zhouLion — great job! 🎉

Regarding the integration of the test suite, I think this is a good starting point.

@peoray what do you think?

@peoray
Copy link
Collaborator

peoray commented Nov 12, 2025

@zhouLion is this ready or still a draft?

@zhouLion
Copy link
Contributor Author

zhouLion commented Nov 12, 2025

@zhouLion is this ready or still a draft?
It's basically done. Manually installing that part requires some code, and I consider using the named slot to replace the loading prop of WebPreviewBody.

@peoray
Copy link
Collaborator

peoray commented Nov 12, 2025

@zhouLion, sorry for the merge conflicts. If you run into any issues, let me know :)

@zhouLion zhouLion force-pushed the zhoulion/web-preview branch from 95b1773 to bf216fe Compare November 13, 2025 08:34
@zhouLion zhouLion marked this pull request as ready for review November 13, 2025 08:34
@zhouLion zhouLion requested a review from peoray November 13, 2025 08:40
@zhouLion
Copy link
Contributor Author

@zhouLion, sorry for the merge conflicts. If you run into any issues, let me know :)

The main branch has been rebased and code conflicts resolved. It's ready for review.

@cwandev cwandev changed the title [feature]: Add web-preview component and related test cases, example, and doc feat: add web-preview component and related test cases, example, and doc Nov 25, 2025
@cwandev cwandev merged commit e9cd2e7 into vuepont:main Nov 25, 2025
3 checks passed
snowbitx added a commit to snowbitx/ai-elements-vue that referenced this pull request Dec 3, 2025
…doc (vuepont#28)

* feat: add WebPreview component and related subcomponents for enhanced web preview functionality

* refactor: update props definition to use TypeScript interface for improved type safety

* feat: integrate Vitest for testing and add web preview tests

- Added Vitest configuration for testing with Playwright support.
- Implemented test cases for WebPreview
- Enhanced TypeScript configuration for JSX support.

* feat: add web preview example component with navigation and console logs

* feat: add WebPreview documentation and installation instructions

* feat: convert WebPreview component to Vue 3 and update backend route handling

* feat: add GitHub Actions workflow for testing with Node.js

* refactor: enhanced WebPreview loading slot functionality

* feat: add script to generate .code-group.md files for components

* chore: resolved conflicts and move web-preview into vibe-coding folder

* chore: install Playwright 1.56.1 dependencie

* ci: make test github action work

* chore: update Vitest configuration with path aliases for improved module resolution

* chore: update Vitest configuration to use shadcn-vue path aliases

* chore: removed irrelevant script code

* chore: update WebPreviewUrl component Input class

* chore(docs): update code blocks in web-preview.md for clarity

---------

Co-authored-by: Charlie Wang <[email protected]>
Co-authored-by: Emmanuel Raymond <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants