docs: fix migration guide

Author: Guillaume Chau

README.md

@@ -1747,6 +1747,72 @@ import { InMemoryCache } from 'apollo-cache-inmemory'
 import VueApollo from 'vue-apollo'
 ```
 
+#### Apollo Setup
+
+Before:
+
+```js
+// Create the network interface
+const networkInterface = createNetworkInterface({
+  uri: 'http://localhost:3000/graphql',
+  transportBatching: true,
+})
+
+// Create the subscription websocket client
+const wsClient = new SubscriptionClient('ws://localhost:3000/subscriptions', {
+  reconnect: true,
+})
+
+// Extend the network interface with the subscription client
+const networkInterfaceWithSubscriptions = addGraphQLSubscriptions(
+  networkInterface,
+  wsClient,
+)
+
+// Create the apollo client with the new network interface
+const apolloClient = new ApolloClient({
+  networkInterface: networkInterfaceWithSubscriptions,
+  connectToDevTools: true,
+})
+```
+
+After:
+
+```js
+const httpLink = new HttpLink({
+  // You should use an absolute URL here
+  uri: 'http://localhost:3020/graphql',
+})
+
+// Create the subscription websocket link
+const wsLink = new WebSocketLink({
+  uri: 'ws://localhost:3000/subscriptions',
+  options: {
+    reconnect: true,
+  },
+})
+
+// using the ability to split links, you can send data to each link
+// depending on what kind of operation is being sent
+const link = split(
+  // split based on operation type
+  ({ query }) => {
+    const { kind, operation } = getMainDefinition(query)
+    return kind === 'OperationDefinition' &&
+      operation === 'subscription'
+  },
+  wsLink,
+  httpLink
+)
+
+// Create the apollo client
+const apolloClient = new ApolloClient({
+  link,
+  cache: new InMemoryCache(),
+  connectToDevTools: true,
+})
+```
+
 #### Plugin Setup
 
 Before:
@@ -1761,7 +1827,13 @@ const apolloClient = new ApolloClient({
 })
 
 // Install the vue plugin
-Vue.use(VueApollo)
+Vue.use(VueApollo, {
+  apolloClient,
+})
+
+new Vue({
+  // ...
+})
 ```
 
 After:
@@ -1781,6 +1853,17 @@ const apolloClient = new ApolloClient({
 
 // Install the vue plugin
 Vue.use(VueApollo)
+
+// Create a provider
+const apolloProvider = new VueApollo({
+  defaultClient: apolloClient,
+})
+
+// Use the provider
+new Vue({
+  provide: apolloProvider.provide(),
+  // ...
+})
 ```
 
 ### Mutations
@@ -1819,78 +1902,6 @@ import { WebSocketLink } from 'apollo-link-ws'
 import { getMainDefinition } from 'apollo-utilities'
 ```
 
-#### Apollo Setup
-
-Before:
-
-```js
-// Create the network interface
-const networkInterface = createNetworkInterface({
-  uri: 'http://localhost:3000/graphql',
-  transportBatching: true,
-})
-
-// Create the subscription websocket client
-const wsClient = new SubscriptionClient('ws://localhost:3000/subscriptions', {
-  reconnect: true,
-})
-
-// Extend the network interface with the subscription client
-const networkInterfaceWithSubscriptions = addGraphQLSubscriptions(
-  networkInterface,
-  wsClient,
-)
-
-// Create the apollo client with the new network interface
-const apolloClient = new ApolloClient({
-  networkInterface: networkInterfaceWithSubscriptions,
-  connectToDevTools: true,
-})
-
-// Install the plugin like before
-Vue.use(VueApollo)
-```
-
-After:
-
-```js
-const httpLink = new HttpLink({
-  // You should use an absolute URL here
-  uri: 'http://localhost:3020/graphql',
-})
-
-// Create the subscription websocket link
-const wsLink = new WebSocketLink({
-  uri: 'ws://localhost:3000/subscriptions',
-  options: {
-    reconnect: true,
-  },
-})
-
-// using the ability to split links, you can send data to each link
-// depending on what kind of operation is being sent
-const link = split(
-  // split based on operation type
-  ({ query }) => {
-    const { kind, operation } = getMainDefinition(query)
-    return kind === 'OperationDefinition' &&
-      operation === 'subscription'
-  },
-  wsLink,
-  httpLink
-)
-
-// Create the apollo client
-const apolloClient = new ApolloClient({
-  link,
-  cache: new InMemoryCache(),
-  connectToDevTools: true,
-})
-
-// Install the vue plugin like before
-Vue.use(VueApollo)
-```
-
 
 <br>