Typescript issue with @vue/composition-api > beta.6

[blocka]

After upgrading composition api, I'm getting the following issue:

<template>
<div v-if="data">
   {{data.foo}} <!-- Property 'foo' does not exist on type 'Ref<{ foo: string; } | undefined> -->
</template>

I traced it down to the definition of IResponse

interface IResponse {
    data?: Ref......
}

removing the ? makes it work again.

it most likely has to do with vuejs/core#1682 which was implemented in beta.7

I couldn't see that any of the examples given fit this one, but perhaps this is another breaking example

[darrenjennings]

Need to test compat with 1.x of composition api, we're only testing up to 0.6 right now. https://github.com/Kong/swrv/blob/master/tests/test-compat-all.sh#L6

[darrenjennings]

@blocka do you still have this issue? Do we need to return data without the ??

[blocka]

I have to first remember which project we had this issue on :)

[travis-r6s]

I still get this issue - "swrv": "^0.8.1"

[darrenjennings]

@blocka @thetre97 maybe you could tell me how I could reproduce here since I am not sure how to get the same error: https://github.com/darrenjennings/swrv-playground

[travis-r6s]

Apologies, I should have said that I am actually using Nuxt + '@nuxtjs/composition-api'... So may be something to do with that. I can get the proper typings by doing something like return { data, error } as { data: Ref<PaginatedCollection> } instead (although accessing data inside setup does show the correct type).

If it's completely unrelated, I will remove my comments...