feat: allow using useQuery outside of setup, closes #1020

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

@@ -0,0 +1,29 @@
+<script lang="ts">
+import { apolloClient } from '@/apollo'
+import { gql } from '@apollo/client/core'
+import { provideApolloClient, useQuery, useResult } from '@vue/apollo-composable'
+import { defineComponent } from 'vue'
+
+// Global query
+
+const query = provideApolloClient(apolloClient)(() => useQuery(gql`
+  query hello {
+    hello
+  }
+`))
+const hello = useResult(query.result, [])
+
+export default defineComponent({
+  setup () {
+    return {
+      hello,
+    }
+  },
+})
+</script>
+
+<template>
+  <div class="no-setup-query">
+    {{ hello }}
+  </div>
+</template>

packages/test-e2e-composable-vue3/src/router.ts

@@ -1,6 +1,7 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import Welcome from './components/Welcome.vue'
 import ChannelView from './components/ChannelView.vue'
+import NoSetupQuery from './components/NoSetupQuery.vue'
 
 export const router = createRouter({
   history: createWebHistory(),
@@ -16,5 +17,9 @@ export const router = createRouter({
       component: ChannelView,
       props: true,
     },
+    {
+      path: '/no-setup-query',
+      component: NoSetupQuery,
+    },
   ],
 })