[vti] handle component with async setup

[cexbrayat]

• I have searched through existing issues
• I have read through docs
• I have read FAQ

Info

• Platform: macOS
• VTI version: v0.0.4

Problem

When a component uses an async setup, then vti thinks the returned variable in setup are not available.

Reproducible Case

Repo: https://github.com/cexbrayat/vti-async

yarn
yarn dev
npx vti@0.0.4 diagnostics

Basic component:

<template>
  <div>{{ users }}</div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue';

export default defineComponent({
  name: 'App',

  async setup() {
    const users = ref<Array<string>>(await Promise.resolve(['Cédric']);
    return { users };
  }
});
</script>

Error thrown:

File : /Users/ced-pro/Code/vue/vti-async/src/components/HelloWorld.vue
Error: Property 'users' does not exist on type 'ComponentPublicInstance<{}, Promise<{ users: Ref<string[]>; }>, {}, {}, {}, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, ComponentOptionsBase<...>>'.

[yoyo930021]

@ktsn
I think we need to unwrap Promise type,
Or modify upstream type definition?

[ktsn]

It looks like an upstream type declaration issue.

[cexbrayat]

The issue is till here with latest Vue 3.0.0-rc.10 and latest vti 0.0.10
@ktsn when you refer to an upstream issue, do you mean a core vue-next issue? Should we open an issue there?

[yoyo930021]

The issue is till here with latest Vue 3.0.0-rc.10 and latest vti 0.0.10
@ktsn when you refer to an upstream issue, do you mean a core vue-next issue? Should we open an issue there?

I open a issue in vue-next.

[cexbrayat]

Closing, as this has been fixed upstream