This is a test to see if it's possible to integrate Vue's Composition API (@vue/reactivity
) with Stencil.
Ref
seems to be working! It uses Vue's customRef
to hook into Stencil's getRenderingRef
and forceUpdate
methods.
ComputedRef
sort of works. It currently doesn't have a reference to Stencil's renderingRef
, so the computed ReactiveEffect
isn't being tracked. Any ReactiveEffects
should be registered so that cleanup can automatically happen upon disconnectedCallback
.
reactive
Still stumped on this one... is there a way to use the internal customRef
instead of Vue's default ref?