Exploring Deeper Integrations with Vue and Type Safety

Anyone trying deeper integrations into Vue?
Im at:

        <v-btn @click="$run(Console.log('test'))">Explicit test</v-btn>
        <v-btn @click="Console.log('test')">Test</v-btn>
        <v-btn @click="() => Console.log('test')">Test cb</v-btn>

        <v-btn @click="$run(Console.log('test'))">Explicit test</v-btn>
        <v-btn @click="Console.log('test')">Test</v-btn>
        <v-btn @click="() => Console.log('test')">Test cb</v-btn>

        <v-btn @click="$run(Console.log('test'))">Explicit test</v-btn>
        <v-btn @click="Console.log('test')">Test</v-btn>
        <v-btn @click="() => Console.log('test')">Test cb</v-btn>

        <v-btn @click="$run(Console.log('test'))">Explicit test</v-btn>
        <v-btn @click="Console.log('test')">Test</v-btn>
        <v-btn @click="() => Console.log('test')">Test cb</v-btn>

https://github.com/effect-ts-app/boilerplate/pull/28/files
The explicit support I do via standard vue extension (

globalProperties

globalProperties

globalProperties

globalProperties and augmenting

ComponentCustomProperties

ComponentCustomProperties

ComponentCustomProperties

ComponentCustomProperties),
implicit support via a vue compiler patch right now for experimentations.

Until now we've been "terminating" effects in the vue setup cycle instead,
basically:

const test = () => runPromise(Console.log('test'))

const test = () => runPromise(Console.log('test'))

const test = () => runPromise(Console.log('test'))

const test = () => runPromise(Console.log('test'))

(via some helpers)

<v-btn @click="test">Explicit test</v-btn>

<v-btn @click="test">Explicit test</v-btn>

<v-btn @click="test">Explicit test</v-btn>

<v-btn @click="test">Explicit test</v-btn>

but then you loose composition, apart from some Promise stuff

No replies yetBe the first to reply to this messageJoin

Exploring Deeper Integrations with Vue and Type Safety

Similar Threads

Similar Threads

Similar Threads