accessing the intl object in graphql about gatsby-plugin-intl

[erikjalevik]

I am struggling with the same problem. I am trying to get a GraphQL query inside a template to read the intl.language value set in the context by gatsby-plugin-intl, so that the query can pass the current language code to the CMS.

I would like to be able to say something like:

export const query = graphql`
  query GenericPageQuery($slug: String!, $intl: Object!) {
    contentfulGenericPage(slug: { eq: $slug }, node_locale: { eq: $intl.language }) {
      slug
      ...
    }
  }
`

This is however not valid GraphQL. There is no type Object for the $intl variable, and furthermore the dot access in $intl.language also causes an error.

What is the correct way of doing this?

[fabianrios]

Honestly I clone this project and pass the language property of intl as a string to been able to use it. but there most be a better way to do this.

[dsfrederic]

+1

[mmende]

I managed to use the locale in page queries by adding it manually to the context in gatsby-node.js like so

exports.onCreatePage = ({ page, actions }) => {
  const { createPage, deletePage } = actions
  const { language } = page.context.intl
  deletePage(page)
  createPage({
    ...page,
    context: {
      ...page.context,
      language,
    },
  })
}

...this allows me to then use language in page queries like so e.g.

query MyQuery($language: String) {
  allQuotes(filter: { locale: { eq: $language } } ) {
    content
  }
}

Edit: ...just saw the last comment from @fabianrios suggesting exactly that.

[fabianrios]

solved in #96