Refactor useQueryStore in queries.ts

src/stores/queries.ts

@@ -4,7 +4,7 @@ import gql from 'graphql-tag'
 import { useQuery } from '@apollo/client'
 
 export const useQueryStore = defineStore('query', () => {
-    const getUser = useQuery(gql`
+  const getUser = useQuery(gql`
       query getUsers {
         users {
           id
@@ -15,7 +15,20 @@ export const useQueryStore = defineStore('query', () => {
       }
     `)
 
-    return {
+  const { variables } = useQuery(gql`
-        getUser,
+    query getUserById ($id: ID!) {
+      user (id: $id) {
+        id
+        email
+      }
     }
+  `, {
+    variables: {
+      id: 'abc-abc-abc',
+    }
+  })
+
+  return {
+    getUser,
+  }
 })