Should we paas value as prop or query it in component

[tarunmangukiya]

I need a little help on good practises for using vue-apollo.

We're creating a listing of the items where I am fetching items from the GraphQL endpoing using apollo variable in component. I am passing the id of the result item to the component and fetching the item details in the component to make component work independently. This is working great so far for listing. Do you think I should paas the full object of the item rather than just uuid.

But now we need to create new item by showing virtual item template over there inline. But unfortulately this is failing.

The steps I am doing currently.

1. User clicks on the new Item Button
2. I update the cache by adding the dummy item and also call GraphQL to create new item in the backend. (Here I am
3. Updating the id (breaks the system as I am fetching the item in component itself using id)

This is something like we add blocks in https://www.notion.so/. It gives a great use experience and user can add the blocks anywhere in the list.

Any suggestion on best method to achieve the result like Notion Blocks using vue-apollo?