Different Syntax

[cpietsch]

What about a syntax like that:

<div v-promise="todos">
    <p v-await>loading...</p>
    <TodoList v-resolve="data" :data="data" />
    <p v-reject="error">Uh oh, something went wrong: {{ error }}</p>
</div>

[bgschiller]

Hi @cpietsch,

I think something like that would be much nicer! I wrote a little bit about my thoughts on what it could look like in the README.

As far as I can tell, this would require a change to how templates are compiled. If that's right, it would have to be done as a patch to the Vue core library, and couldn't be done in a "user-space" library.

If you can think of a way to tackle it in a library, I'd be happy to talk it over with you. Or if you want to try preparing a PR for Vue, I'd say go for it! Probably a good idea to make sure we have buy-in from the Vue.js core team first, since it seems like it would be a breaking change (If someone already has a custom directive called v-promise, or one of the others).

Thanks,
-Brian