feat: allow multiple queries

README.md

@@ -1,15 +1,25 @@
 # Vue Contentful Hook
 
-A hook to call the contentful API
+A hook to call the contentful API using GraphQl
 
 ## Usage
 
 Ideally you should pass env variables as token and spaceId
 
 ```ts
-export interface Dummy {
-  readonly items: {
-    readonly name: string;
+export interface Dummy<T, U> {
+  readonly dummyCollection: {
+    readonly total: number;
+    readonly skip: number;
+    readonly limit: number;
+    readonly items: readonly T[];
+  };
+
+  readonly someOtherDummyCollection: {
+    readonly total: number;
+    readonly skip: number;
+    readonly limit: number;
+    readonly items: readonly U[];
   };
 }
 
@@ -20,14 +30,22 @@ const query = `
         name
       }
     }
+    someOtherDummyCollection {
+      items {
+        name
+      }
+    }
   }
 `;
-const { data } = useContentful<Dummy>(query, {
+const { data } = useContentful<Dummy<string, number>>(query, {
   token: "myToken",
   spaceId: "mySpaceId",
 });
 
-console.log("data", data.value?.items);
+// an array of strings
+console.log("data", data.value?.dummyCollection.items);
+// an array of numbers
+console.log("data", data.value?.dummyCollection.items);
 ```
 
 <!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->

lib/use-contentful.ts

@@ -6,16 +6,16 @@ type ContentfulOptions = {
 }
 
 type ContentfulResponse<T> = {
-  readonly data: Readonly<Record<string, Readonly<T>>>
+  readonly data: Readonly<T>
   readonly errors: readonly string[]
 }
 
 export const useContentful = <T>(
   query: string,
   { spaceId, token }: ContentfulOptions,
 ) => {
-  const data = ref<Readonly<T>>()
-  const errors = ref<readonly string[]>()
+  const data = ref<ContentfulResponse<T>['data']>()
+  const errors = ref<ContentfulResponse<T>['errors']>()
   const isLoading = ref<boolean>(true)
 
   const URI = `https://graphql.contentful.com/content/v1/spaces/${spaceId}`
@@ -35,7 +35,7 @@ export const useContentful = <T>(
       isLoading.value = false
 
       if (response) {
-        data.value = response[Object.keys(response)[0]]
+        data.value = response
       }
 
       if (contenfulErrors) {