vue-contentful-hook

Vue Contentful Hook

A hook to call the contentful API using GraphQl

Usage

Ideally you should pass env variables as token and spaceId

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[];
  };
}

const query = `
  {
    dummyCollection {
      items {
        name
      }
    }
    someOtherDummyCollection {
      items {
        name
      }
    }
  }
`;
const { data } = useContentful<Dummy<string, number>>(query, {
  token: "myToken",
  spaceId: "mySpaceId",
});

// an array of strings
console.log("data", data.value?.dummyCollection.items);
// an array of numbers
console.log("data", data.value?.dummyCollection.items);

Lucien Bénié 💻 📖

This project follows the all-contributors specification. Contributions of any kind welcome!

Changelog

1.3.1 (2022-03-30)

:white_check_mark: Chores

• deps: bump minimist from 1.2.5 to 1.2.6 (5e3d7f4)
• deps: pin dependency axios to 0.26.1 (5e9409d)
• deps: update dependency @semantic-release/github to v8.0.4 (3894ddc)
• deps: update dependency eslint to v8.12.0 (b38c33a)
• deps: update dependency prettier to v2.6.1 (3a12b02)
• deps: update dependency ts-jest to v27.1.4 (8e6fee7)
• deps: update dependency ts-jest-mock to v1.1.32 (ef9cb4a)
• deps: update dependency typescript to v4.6.3 (9e8abca)
• deps: update stefanzweifel/git-auto-commit-action action to v4.14.0 (4058e3d)
• deps: update typescript-eslint monorepo to v5.16.0 (e5f5890)
• deps: update typescript-eslint monorepo to v5.17.0 (8726016)

:bug: Fixes

• properly use axios API (c04880c)