test: remove useResult

vuejs · May 2, 2022 · 34ed387 · 34ed387
1 parent 2e65263
commit 34ed387
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 19 deletions.
diff --git a/.test-todo/test-ssr-composition/src/components/ApolloExample.vue b/.test-todo/test-ssr-composition/src/components/ApolloExample.vue
@@ -1,12 +1,13 @@
 <script>
-import { useQuery, useResult } from '@vue/apollo-composable'
+import { computed } from '@vue/composition-api'
+import { useQuery } from '@vue/apollo-composable'
 import MESSAGES from '../graphql/Messages.gql'
 import MESSAGE_ADDED from '../graphql/MessageAdded.gql'
 
 export default {
   setup () {
     const { result, subscribeToMore } = useQuery(MESSAGES)
-    const messages = useResult(result, [])
+    const messages = computed(() => result.value?.messages ?? [])
 
     subscribeToMore({
       document: MESSAGE_ADDED,

diff --git a/.test-todo/test-ssr-composition/src/components/ApolloLoading.vue b/.test-todo/test-ssr-composition/src/components/ApolloLoading.vue
@@ -11,13 +11,14 @@
 </template>
 
 <script>
-import { useQuery, useResult, useQueryLoading } from '@vue/apollo-composable'
+import { computed } from '@vue/composition-api'
+import { useQuery, useQueryLoading } from '@vue/apollo-composable'
 import MESSAGES from '../graphql/Messages.gql'
 
 export default {
   setup () {
     const { result } = useQuery(MESSAGES)
-    const messages = useResult(result, [])
+    const messages = computed(() => result.value?.messages ?? [])
     return {
       messages,
       loading: useQueryLoading(),

diff --git a/.test-todo/test-ssr-composition/src/components/HelloWorld.vue b/.test-todo/test-ssr-composition/src/components/HelloWorld.vue
@@ -11,8 +11,8 @@
 </template>
 
 <script>
-import { ref } from '@vue/composition-api'
-import { useQuery, useResult } from '@vue/apollo-composable'
+import { ref, computed } from '@vue/composition-api'
+import { useQuery } from '@vue/apollo-composable'
 import HELLO_WORLD from '../graphql/HelloWorld.gql'
 
 export default {
@@ -21,7 +21,7 @@ export default {
     const { result } = useQuery(HELLO_WORLD, () => ({
       name: name.value,
     }))
-    const hello = useResult(result)
+    const hello = computed(() => result.value?.hello)
     return {
       name,
       hello,

diff --git a/packages/test-e2e-composable-vue3/src/components/ChannelList.vue b/packages/test-e2e-composable-vue3/src/components/ChannelList.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
 import gql from 'graphql-tag'
-import { useQuery, useResult } from '@vue/apollo-composable'
-import { defineComponent } from 'vue'
+import { useQuery } from '@vue/apollo-composable'
+import { defineComponent, computed } from 'vue'
 
 interface Channel {
   id: string
@@ -18,7 +18,7 @@ export default defineComponent({
         }
       }
     `)
-    const channels = useResult(result, [])
+    const channels = computed(() => result.value?.channels ?? [])
 
     return {
       loading,

diff --git a/packages/test-e2e-composable-vue3/src/components/ChannelView.vue b/packages/test-e2e-composable-vue3/src/components/ChannelView.vue
@@ -1,7 +1,7 @@
 <script>
 import gql from 'graphql-tag'
-import { defineComponent, onMounted, ref, watch } from 'vue'
-import { useQuery, useResult } from '@vue/apollo-composable'
+import { defineComponent, onMounted, ref, watch, computed } from 'vue'
+import { useQuery } from '@vue/apollo-composable'
 import MessageItem from './MessageItem.vue'
 import MessageForm from './MessageForm.vue'
 
@@ -35,7 +35,7 @@ export default defineComponent({
     }), {
       notifyOnNetworkStatusChange: true,
     })
-    const channel = useResult(result)
+    const channel = computed(() => result.value?.channel)
 
     const messagesEl = ref()
 

diff --git a/packages/test-e2e-composable-vue3/src/components/LazyQuery.vue b/packages/test-e2e-composable-vue3/src/components/LazyQuery.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
 import gql from 'graphql-tag'
-import { useLazyQuery, useResult } from '@vue/apollo-composable'
-import { defineComponent } from 'vue'
+import { useLazyQuery } from '@vue/apollo-composable'
+import { defineComponent, computed } from 'vue'
 
 export default defineComponent({
   setup () {
@@ -10,7 +10,7 @@ export default defineComponent({
         list
       }
     `)
-    const list = useResult(result, [])
+    const list = computed(() => result.value?.list ?? [])
 
     return {
       load,

diff --git a/packages/test-e2e-composable-vue3/src/components/NoSetupQuery.vue b/packages/test-e2e-composable-vue3/src/components/NoSetupQuery.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
 import { apolloClient } from '@/apollo'
 import gql from 'graphql-tag'
-import { provideApolloClient, useQuery, useResult } from '@vue/apollo-composable'
-import { defineComponent } from 'vue'
+import { provideApolloClient, useQuery } from '@vue/apollo-composable'
+import { defineComponent, computed } from 'vue'
 
 // Global query
 
@@ -11,7 +11,7 @@ const query = provideApolloClient(apolloClient)(() => useQuery(gql`
     hello
   }
 `))
-const hello = useResult(query.result, [])
+const hello = computed(() => query.result.value?.hello ?? '')
 
 export default defineComponent({
   setup () {