natemoo-re / stencil-composition-api

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Built With Stencil

Stencil Composition API

This is a test to see if it's possible to integrate Vue's Composition API (@vue/reactivity) with Stencil.

Status

ref

Ref seems to be working! It uses Vue's customRef to hook into Stencil's getRenderingRef and forceUpdate methods.

computed

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?

About

License:MIT License


Languages

Language:TypeScript 70.8%Language:HTML 18.1%Language:CSS 11.0%