test: fragment

packages/test-e2e-composable-vue3/src/components/ChannelList.vue

@@ -13,10 +13,14 @@ export default defineComponent({
     const { result, loading } = useQuery<{ channels: Channel[] }>(gql`
       query channels {
         channels {
-          id
+          ...channel
-          label
         }
       }
+
+      fragment channel on Channel {
+        id
+        label
+      }
     `)
     const channels = computed(() => result.value?.channels ?? [])
 

packages/test-e2e-composable-vue3/src/components/ChannelView.vue

@@ -22,12 +22,16 @@ export default defineComponent({
     const { result, loading, refetch } = useQuery(gql`
       query channel ($id: ID!) {
         channel (id: $id) {
+          ...channelView
+        }
+      }
+
+      fragment channelView on Channel {
+        id
+        label
+        messages {
           id
-          label
+          text
-          messages {
-            id
-            text
-          }
         }
       }
     `, () => ({