docs: remove references to useResult

vuejs · May 2, 2022 · 2e65263 · 2e65263
1 parent 9a391cc
commit 2e65263
Show file tree

Hide file tree

Showing 9 changed files with 140 additions and 372 deletions.
diff --git a/packages/docs/src/.vuepress/config.js b/packages/docs/src/.vuepress/config.js
@@ -187,7 +187,6 @@ module.exports = {
                 'use-lazy-query',
                 'use-mutation',
                 'use-subscription',
-                'use-result',
                 'use-loading',
                 'use-apollo-client',
               ],
@@ -365,7 +364,6 @@ module.exports = {
                 'use-query',
                 'use-mutation',
                 'use-subscription',
-                'use-result',
                 'use-loading',
                 'use-apollo-client',
               ],

diff --git a/packages/docs/src/api/use-result.md b/packages/docs/src/api/use-result.md
diff --git a/packages/docs/src/guide-composable/mutation.md b/packages/docs/src/guide-composable/mutation.md
@@ -313,7 +313,7 @@ For example, our `sendMessage` mutation should add the new message to our cache:
 
 ```vue{33-43}
 <script>
-import { useQuery, useResult, useMutation } from '@vue/apollo-composable'
+import { useQuery, useMutation } from '@vue/apollo-composable'
 import gql from 'graphql-tag'
 
 const MESSAGES = gql`
@@ -329,7 +329,7 @@ export default {
   setup () {
     // Messages list
     const { result } = useQuery(MESSAGES)
-    const messages = useResult(result, [])
+    const messages = computed(() => result.value?.messages ?? [])
 
     // Send a new message
     const newMessage = ref('')
@@ -498,7 +498,7 @@ In our example, this is very useful for resetting the message input:
 
 ```vue{22,46-48}
 <script>
-import { useQuery, useResult, useMutation } from '@vue/apollo-composable'
+import { useQuery, useMutation } from '@vue/apollo-composable'
 import gql from 'graphql-tag'
 
 const MESSAGES = gql`
@@ -514,7 +514,7 @@ export default {
   setup () {
     // Messages list
     const { result } = useQuery(MESSAGES)
-    const messages = useResult(result, [])
+    const messages = computed(() => result.value?.messages ?? [])
 
     // Send a new message
     const newMessage = ref('')

diff --git a/packages/docs/src/guide-composable/query.md b/packages/docs/src/guide-composable/query.md
@@ -657,7 +657,7 @@ This is done using the `refetch` function:
 
 ```vue{7,24,40}
 <script>
-import { useQuery, useResult } from '@vue/apollo-composable'
+import { useQuery } from '@vue/apollo-composable'
 import gql from 'graphql-tag'
 
 export default {
@@ -673,7 +673,7 @@ export default {
       }
     `)
 
-    const users = useResult(result)
+    const users = computed(() => result.value?.users)
 
     return {
       users,