How to import GraphQL queries?

Hi, is it possible to import queries instead of write them directly into the HTTP request? something like:

import productsQuery from '~/queries/products.gql'
async asyncData({ $strapi }) {
	const products = await $strapi.graphql({ query: productsQuery })
	return { products }
}

instead of the documented method:

async asyncData({ $strapi }) {
	await $strapi.graphql({
		query: `	
			query {
				products {
        				...
      				}
    			}
		`
	});
}

In my case I’m getting HTTPError processTicksAndRejections

[dubem-design]

@nonlinearcom No need for graphql-tag package, just use this example:

// apollo/mutations/files.js
export default {
  UPLOAD: `
  mutation upload($file: Upload!) {
    upload(file: $file) {
      name
      formats
    }
  }
`,
  DELETE: `
  mutation deleteFile($fileId: ID!) {
    deleteFile(input:{where:{id:$fileId}}) {
      file {
        name
        formats
      }
    }
  }
`,
}

// store/files.js
import mutations from '~/apollo/mutations/files.js'
 async DELETE({ commit }, { fileId, index }) {
      try {
        const data = await this.$strapi.graphql({
          query: mutations.DELETE,
          variables: { fileId },
        })...........

This works for me

[Atinux]

Anyone feels like opening a PR for the docs to add the usage with gql on https://strapi.nuxtjs.org/strapi#graphqldata ?