core
core copied to clipboard
feat(vapor): vapor teleport
Compiler Changes
- In Vapor mode, automatically compile
TeleporttoVaporTeleport
Runtime Changes
- Added
VaporTeleportcomponent with HMR support - Hydration is not yet supported
- Extracted VaporFragment and DynamicFragment into separate files to avoid circular dependencies
Tests
- Ported all test cases from
packages/runtime-core/__tests__/components/Teleport.spec.ts - Added additional test cases for HMR functionality
- In vapor-e2e-test:
- Added test cases for VDOM Teleport rendering Vapor components
- Added test cases for Vapor Teleport rendering VDOM components
Deploy Preview for vapor-repl ready!
| Name | Link |
|---|---|
| Latest commit | fed71cb8002be9c8da1bc6fb951880581724f8fc |
| Latest deploy log | https://app.netlify.com/projects/vapor-repl/deploys/6854d5cd21410200087d071c |
| Deploy Preview | https://deploy-preview-13082--vapor-repl.netlify.app |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify project configuration.
@vue/compiler-core
npm i https://pkg.pr.new/@vue/compiler-core@13082
@vue/compiler-dom
npm i https://pkg.pr.new/@vue/compiler-dom@13082
@vue/compiler-sfc
npm i https://pkg.pr.new/@vue/compiler-sfc@13082
@vue/compiler-ssr
npm i https://pkg.pr.new/@vue/compiler-ssr@13082
@vue/compiler-vapor
npm i https://pkg.pr.new/@vue/compiler-vapor@13082
@vue/reactivity
npm i https://pkg.pr.new/@vue/reactivity@13082
@vue/runtime-core
npm i https://pkg.pr.new/@vue/runtime-core@13082
@vue/runtime-dom
npm i https://pkg.pr.new/@vue/runtime-dom@13082
@vue/runtime-vapor
npm i https://pkg.pr.new/@vue/runtime-vapor@13082
@vue/server-renderer
npm i https://pkg.pr.new/@vue/server-renderer@13082
@vue/shared
npm i https://pkg.pr.new/@vue/shared@13082
vue
npm i https://pkg.pr.new/vue@13082
@vue/compat
npm i https://pkg.pr.new/@vue/compat@13082
commit: 35eb563
[!IMPORTANT]
Review skipped
Auto reviews are disabled on base/target branches other than the default branch.
Please check the settings in the CodeRabbit UI or the
.coderabbit.yamlfile in this repository. To trigger a single review, invoke the@coderabbitai reviewcommand.You can disable this status message by setting the
reviews.review_statustofalsein the CodeRabbit configuration file.
โจ Finishing touches
๐งช Generate unit tests (beta)
- [ ] Create PR with unit tests
- [ ] Post copyable unit tests in a comment
- [ ] Commit unit tests in branch
edison/feat/vaporTeleport
Comment @coderabbitai help to get the list of available commands and usage tips.
Size Report
Bundles
| File | Size | Gzip | Brotli |
|---|---|---|---|
| compiler-dom.global.prod.js | 84.5 kB | 30 kB | 26.4 kB |
| runtime-dom.global.prod.js | 105 kB | 39.5 kB | 35.6 kB |
| vue.global.prod.js | 163 kB | 59.7 kB | 53.2 kB |
Usages
| Name | Size | Gzip | Brotli |
|---|---|---|---|
| createApp (CAPI only) | 47.4 kB | 18.5 kB | 16.9 kB |
| createApp | 56.2 kB | 21.7 kB | 19.8 kB |
| createApp + vaporInteropPlugin | 80.1 kB (+75 B) | 29.9 kB (+32 B) | 27.1 kB (-17 B) |
| createVaporApp | 31.4 kB (+75 B) | 12.1 kB (+43 B) | 11 kB (+43 B) |
| createSSRApp | 60.5 kB | 23.4 kB | 21.4 kB |
| defineCustomElement | 61.2 kB | 23.2 kB | 21.2 kB |
| overall | 71.1 kB | 27 kB | 24.7 kB |
Deploy Preview for vue-sfc-playground failed. Why did it fail? โ
| Name | Link |
|---|---|
| Latest commit | 5443a2440b0894aaf4cfba0c881b208bc4806932 |
| Latest deploy log | https://app.netlify.com/projects/vue-sfc-playground/deploys/68c132e34a07ff00088383bc |