title: Why Im not being able to filter this Array result from gql query?
body: <p>To be honest I'm quite new with all these three technologies, vue, gql and typeScript, anyway the problem it's pretty simple. I'm using <strong>useQuery</strong> to fetch data and a computed prop to access the result.
  I want to filter the 'clubs' based on their 'locationId' before returning to the  el but I just can't, trying things i created an interface which might be not a good option,  here's the code:</p>
  <pre><code>    const { result } = useQuery(
        gql`
          query getClubAndLocations {
            getLocations {
              _id
              name
            }
            getClubs {
              _id
              name
              locationID
            }
          }
        `
      )
  
      interface Club {
        _id: string
        name: string
        locationID: string
      }
  
      const clubOptions = computed&lt;Club[]&gt;(() =&gt; result.value?.getClubs ?? [])
  
      const filterOptions = computed(() =&gt; {
        return clubOptions.filter
      })
  </code></pre>
  <p>Here's the image:
  <a href="https://i.stack.imgur.com/qt692.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qt692.png" alt="enter image description here" /></a></p>
  <p>The error says: <code>Property 'filter' does not exist on type 'ComputedRef&lt;Club[]&gt;'.ts(2339)</code></p>