diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..8e6e1c6
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,5 @@
+{
+    "recommendations": [
+        "graphql.vscode-graphql"
+    ]
+}
\ No newline at end of file
diff --git a/codegen.ts b/codegen.ts
index e591694..c6f8125 100644
--- a/codegen.ts
+++ b/codegen.ts
@@ -5,7 +5,7 @@ const config: CodegenConfig = {
   // this assumes that all your source files are in a top-level `src/` directory - you might need to adjust this to your file structure
   documents: ['src/**/*.{ts,tsx}'],
   generates: {
-    './graphql/__generated__/': {
+    './generated/graphql/': {
       preset: 'client',
       plugins: [],
       presetConfig: {
diff --git a/graphql/__generated__/fragment-masking.ts b/generated/graphql/fragment-masking.ts
similarity index 100%
rename from graphql/__generated__/fragment-masking.ts
rename to generated/graphql/fragment-masking.ts
diff --git a/graphql/__generated__/gql.ts b/generated/graphql/gql.ts
similarity index 82%
rename from graphql/__generated__/gql.ts
rename to generated/graphql/gql.ts
index 8220309..e3315d9 100644
--- a/graphql/__generated__/gql.ts
+++ b/generated/graphql/gql.ts
@@ -15,11 +15,9 @@ import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/
  */
 type Documents = {
     "\n    query GetUserProjects {\n        demo_users {\n            id\n            name\n            projects {\n                demo_projects_id {\n                    id\n                    name\n                }\n            }\n        }\n    }\n": typeof types.GetUserProjectsDocument,
-    "\n    query get {\n        demo_projects {\n            id\n        }\n    }": typeof types.GetDocument,
 };
 const documents: Documents = {
     "\n    query GetUserProjects {\n        demo_users {\n            id\n            name\n            projects {\n                demo_projects_id {\n                    id\n                    name\n                }\n            }\n        }\n    }\n": types.GetUserProjectsDocument,
-    "\n    query get {\n        demo_projects {\n            id\n        }\n    }": types.GetDocument,
 };
 
 /**
@@ -40,10 +38,6 @@ export function gql(source: string): unknown;
  * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export function gql(source: "\n    query GetUserProjects {\n        demo_users {\n            id\n            name\n            projects {\n                demo_projects_id {\n                    id\n                    name\n                }\n            }\n        }\n    }\n"): (typeof documents)["\n    query GetUserProjects {\n        demo_users {\n            id\n            name\n            projects {\n                demo_projects_id {\n                    id\n                    name\n                }\n            }\n        }\n    }\n"];
-/**
- * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
- */
-export function gql(source: "\n    query get {\n        demo_projects {\n            id\n        }\n    }"): (typeof documents)["\n    query get {\n        demo_projects {\n            id\n        }\n    }"];
 
 export function gql(source: string) {
   return (documents as any)[source] ?? {};
diff --git a/graphql/__generated__/graphql.ts b/generated/graphql/graphql.ts
similarity index 99%
rename from graphql/__generated__/graphql.ts
rename to generated/graphql/graphql.ts
index 436810f..e5766f9 100644
--- a/graphql/__generated__/graphql.ts
+++ b/generated/graphql/graphql.ts
@@ -3512,11 +3512,5 @@ export type GetUserProjectsQueryVariables = Exact<{ [key: string]: never; }>;
 
 export type GetUserProjectsQuery = { __typename?: 'Query', demo_users: Array<{ __typename?: 'demo_users', id: string, name: string, projects?: Array<{ __typename?: 'demo_users_demo_projects', demo_projects_id?: { __typename?: 'demo_projects', id: string, name: string } | null } | null> | null }> };
 
-export type GetQueryVariables = Exact<{ [key: string]: never; }>;
 
-
-export type GetQuery = { __typename?: 'Query', demo_projects: Array<{ __typename?: 'demo_projects', id: string }> };
-
-
-export const GetUserProjectsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"GetUserProjects"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"demo_users"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"projects"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"demo_projects_id"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}}]}}]}}]}}]}}]} as unknown as DocumentNode<GetUserProjectsQuery, GetUserProjectsQueryVariables>;
-export const GetDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"get"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"demo_projects"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}}]}}]} as unknown as DocumentNode<GetQuery, GetQueryVariables>;
\ No newline at end of file
+export const GetUserProjectsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"GetUserProjects"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"demo_users"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"projects"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"demo_projects_id"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}}]}}]}}]}}]}}]} as unknown as DocumentNode<GetUserProjectsQuery, GetUserProjectsQueryVariables>;
\ No newline at end of file
diff --git a/graphql/__generated__/index.ts b/generated/graphql/index.ts
similarity index 100%
rename from graphql/__generated__/index.ts
rename to generated/graphql/index.ts
diff --git a/src/index.ts b/src/index.ts
index 0156c41..514ff4c 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,4 +1,4 @@
-import type { GetUserProjectsQuery, GetUserProjectsQueryVariables } from "../graphql/__generated__/graphql"
+import type { GetUserProjectsQuery, GetUserProjectsQueryVariables } from "../generated/graphql/graphql"
 import { graphqlClient } from "./graphql-client"
 import { getUserProjectsGQL } from "./gql"