DEV Community

Cover image for Vue Apollo v4: the first look

Vue Apollo v4: the first look

Natalia Tepluhina on January 03, 2020

This post requires you to be already familiar with the basics of GraphQL, Apollo Client, and Vue. Shameless plug: I've tried to cover this in my t...
Collapse
 
knth profile image
KNTH

Hey Natalia,

I've just seen your talk regarding bit.ly/apollo-is-love! You said that using apollo-composable is easier to mock Apollo client in unit tests, may I ask some examples to show us please?

It would be nice to implement testing in this repository bit.ly/apollo-is-love too :)

I'm looking forward to having your answer, take care.

Collapse
 
n_tepluhina profile image
Natalia Tepluhina

Hi!

Ok, will try to add some examples there next week! :)

Collapse
 
knth profile image
KNTH

Hey Natalia, I hope that your are doing fine :)

Any update on this? ^^'

Collapse
 
knth profile image
KNTH

I'd love to! Please ping me then :)

Many thanks!

Collapse
 
joeschr profile image
JoeSchr • Edited

Loved your talk, thanks for bearing through it with your cold, hope you are well again!

And thanks for writing it together here.

If anybody else is searching for the github repo, I believe it's this: github.com/NataliaTepluhina/vue-gr...

Scratch that, it's given at the end of the talk and is here and more uptodate: bit.ly/apollo-is-love

Collapse
 
n_tepluhina profile image
Natalia Tepluhina

Thank you for reading it and for listening to my talk! So happy you liked it :)

Collapse
 
jcrobles76 profile image
jcrobles76

Hi, thanks for sharing your works! It's a great helping material. Maybe you can help me with a question about How can we do the filtering item's implementation with useQuery. If I have a list of items that I get with a first "useQuery" and then I want filtering by category name for example in a second "useQuery", In your example could be filtering people by names... how can we do that inplementation in composition api. Do I need to update too? Thanks again!

Collapse
 
frnsz profile image
Fransz

Hi Natalia, like all your talks and blogposts especially on this topic! Thanks for advocating this direction! I started to elaborate on this solution because it has great potential but stumbled upon an issue. The provide in the setup of main is resulting in blank page without errors in Internet explorer. Are you aware of this issue and do you have a solution for this?

Collapse
 
octaneinteractive profile image
Wayne Smallman • Edited

Hi Natalia, Hi, I'm in the process of migrating a project from Vue 2.7 to 3.4 and that also includes migrating from Vue Apollo 3 to 4.

It's proving to be such a massive problem I'm giving serious thought to abandoning GraphQL and returning to REST, which is the last thing I want to do.

I've spent the last couple of week attempting to find some clue as to how (assuming it's possible) to use Vue Apollo 4 in a composable, same as how I've been using Vue Apollo 3 in mixins.

I'd be keen to know what you think!

Collapse
 
jaymc profile image
Juan Carabetta

Hi Natalia! Great work of yours, i'm learning Vue and Apollo at the same time and i'm having some torubles like "Use provideApolloClient() if you are outside of a component setup.".
Anyway, that's not the point. I was wondering if you could share the the repo after the refactor you are showing here, maybe i'm missing something.
Thank's!

Collapse
 
jiprochazka profile image
Jiří Procházka

Hi, nice work. Is there a release plan?