title: I am using vue 3 with apollo/client but getting an error
body: <p>I am using vue 3 with composition api with apollo/client . I did everything from documentation but this is as far I could go.I provied a correct backend url and just cant figure it out.This is my code and I get a warning in the terminal</p>
  <p>warning  in ./node_modules/@vue/apollo-composable/dist/useQuery.js</p>
  <p>and in the browser console I am getting this error.</p>
  <pre><code>Uncaught Error: Apollo client with id default not found. Use provideApolloClient() if you are outside of a component setup.
  </code></pre>
  <pre><code> &lt;template&gt;
     &lt;div class=&quot;hello&quot;&gt;
       working with graphql
     &lt;/div&gt;
   &lt;/template&gt;
   &lt;script&gt;
    import { useQuery,DefaultApolloClient } from &quot;@vue/apollo-composable&quot;
    import { provide } from &quot;vue&quot; 
    import gql from &quot;graphql-tag&quot;
    import {ApolloClient,createHttpLink,InMemoryCache,} from &quot;@apollo/client/core&quot;
    const httpLink = createHttpLink({
      uri: &quot;http://localhost:3000/graphql&quot;,
    })
    const cache = new InMemoryCache()
    const apolloClient = new ApolloClient({
      link: httpLink,
      cache,
    })
    export default {
      name: &quot;HelloWorld&quot;,
      setup() {
        provide(DefaultApolloClient, apolloClient)
        const { result } = useQuery(gql`
          query getPosts {
            Post {
              id
              context
              title
            }
          }
        `)
        console.log(result)
      },
    }
    &lt;/script&gt;
  </code></pre>