vuejs / vue-vapor

Vue Vapor is a variant of Vue that offers rendering without the Virtual DOM.
https://vapor-repl.netlify.app
MIT License
1.86k stars 89 forks source link

feat: custom directive v2 #278

Open sxzz opened 2 weeks ago

sxzz commented 2 weeks ago

Simplify custom directive API to match the template ref API.

Waiting a formal RFC

netlify[bot] commented 2 weeks ago

Deploy Preview for vapor-template-explorer ready!

Name Link
Latest commit 0ad2d259a6e59add8994069dd7184cba664dcb66
Latest deploy log https://app.netlify.com/sites/vapor-template-explorer/deploys/66f1caa7c5c66a0008a1c93a
Deploy Preview https://deploy-preview-278--vapor-template-explorer.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] commented 2 weeks ago

Deploy Preview for vapor-repl ready!

Name Link
Latest commit 0ad2d259a6e59add8994069dd7184cba664dcb66
Latest deploy log https://app.netlify.com/sites/vapor-repl/deploys/66f1caa79e0ae100088f8bbf
Deploy Preview https://deploy-preview-278--vapor-repl.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

github-actions[bot] commented 2 weeks ago

Size Report

Bundles

File Size Gzip Brotli
compiler-dom.global.prod.js 81.9 kB 28.5 kB 25.1 kB
compiler-vapor.global.prod.js 59 kB 19.7 kB 17.8 kB
runtime-dom.global.prod.js 101 kB 38 kB 34.2 kB
runtime-vapor.global.prod.js 47.5 kB (+1.51 kB) 17.9 kB (+702 B) 16.4 kB (+632 B)
vue-vapor.global.prod.js 103 kB (+1.51 kB) 36 kB (+684 B) 32.4 kB (+564 B)
vue.global.prod.js 160 kB 58 kB 51.6 kB

Usages

Name Size Gzip Brotli
createApp (CAPI only) 49.4 kB 19 kB 17.3 kB
createApp 56 kB 21.4 kB 19.6 kB
createSSRApp 60 kB 23.1 kB 21.1 kB
defineCustomElement 60.8 kB 23 kB 21 kB
vapor 48.2 kB (+1.51 kB) 18.1 kB (+693 B) 16.6 kB (+620 B)
overall 69.7 kB 26.5 kB 24.1 kB
LittleSound commented 2 weeks ago

Great. I had this idea before. Thanks for starting it

can you explain how this API behaves differently from before?

pkg-pr-new[bot] commented 2 weeks ago

Open in Stackblitzplayground

@vue/compiler-core

``` pnpm add https://pkg.pr.new/vuejs/core-vapor/@vue/compiler-core@278 ```

@vue/compiler-dom

``` pnpm add https://pkg.pr.new/vuejs/core-vapor/@vue/compiler-dom@278 ```

@vue/compiler-sfc

``` pnpm add https://pkg.pr.new/vuejs/core-vapor/@vue/compiler-sfc@278 ```

@vue/compiler-ssr

``` pnpm add https://pkg.pr.new/vuejs/core-vapor/@vue/compiler-ssr@278 ```

@vue/reactivity

``` pnpm add https://pkg.pr.new/vuejs/core-vapor/@vue/reactivity@278 ```

@vue/compiler-vapor

``` pnpm add https://pkg.pr.new/vuejs/core-vapor/@vue/compiler-vapor@278 ```

@vue/runtime-core

``` pnpm add https://pkg.pr.new/vuejs/core-vapor/@vue/runtime-core@278 ```

@vue/runtime-dom

``` pnpm add https://pkg.pr.new/vuejs/core-vapor/@vue/runtime-dom@278 ```

@vue/runtime-shared

``` pnpm add https://pkg.pr.new/vuejs/core-vapor/@vue/runtime-shared@278 ```

@vue/runtime-vapor

``` pnpm add https://pkg.pr.new/vuejs/core-vapor/@vue/runtime-vapor@278 ```

@vue/server-renderer

``` pnpm add https://pkg.pr.new/vuejs/core-vapor/@vue/server-renderer@278 ```

@vue/shared

``` pnpm add https://pkg.pr.new/vuejs/core-vapor/@vue/shared@278 ```

@vue/compat

``` pnpm add https://pkg.pr.new/vuejs/core-vapor/@vue/compat@278 ```

vue

``` pnpm add https://pkg.pr.new/vuejs/core-vapor/vue@278 ```

@vue/vapor

``` pnpm add https://pkg.pr.new/vuejs/core-vapor/@vue/vapor@278 ```

commit: 0ad2d25