createInstance not calling the function

[marius-c]

Hello,

I'm doing something wrong and I'm unable to figure it out.

async function fetchVideos(opts) {
    let data = Vue.axios.get('videos', { params: opts })
        .then(response => response.data)

    return {
        total: data.length,
        data: data
    };
}
createResource('videos', fetchVideos)

did a test in a component mounted()

createInstance('videos', {
                page: 1,
                pageSize: 10,
                args() {
                    return { sort: 'likes'}
                }
})

the above doesn't produce any call to the fetchVideos function, but if I do

resource('videos').fetchRange({page: 1, pageSize: 20})

it gets called. what am I missing ?

[MaxGfeller]

Hi @marius-c! The createInstance can only be used for computed properties, like this:

export default {
  computed: {
    videos: createInstance('videos', { page: 1, pageSize: 10 })
  }
}

Hope that helps!

[marius-c]

For some reason it doesn't play well with

vue-class-component computed properties, any idea why ?
https://github.com/vuejs/vue-class-component

[MaxGfeller]

I haven't used vue-class-component before, so i wouldn't know. Could you maybe provide a small reproducible example?

[marius-c]

I will try to create an example as soon as I can. It seems that in vue-class-component, when defining a computed property you actually define a getter:
https://github.com/vuejs/vue-class-component/blob/master/dist/vue-class-component.common.js#L170

not sure if that helps ( saw that you are adding some properties on that computed which wont work in case of a getter )

[MaxGfeller]

I think the issue may be that createInstance returns a function, which then returns the Proxy object with get and set. I honestly don't know anymore why we had to use a function, but we should check if that is still needed and if it'd work just returning the Proxy object.

[Mboulianne]

@marius-c
get something() { return createInstance(...).bind(this)(); }

[cconcha]

Hey any updates on this please?
I can't get createInstance to work on my class component
Cheers