title: Autocomplete suggestions for .gql file paths inside typescript files in VSCode
body: <p>We are enabling loading graphql files in a Client Side Next.js App. We are using graphql tag loader:</p>
  <pre class="lang-js prettyprint-override"><code>  webpack: (config) =&gt; {
      config.module.rules.push({
        test: /\.(graphql|gql)$/,
        exclude: /node_modules/,
        loader: 'graphql-tag/loader',
      })
  
      return config
    },
  </code></pre>
  <p>It works just great. It gives back all the available countries. But the issue we have is that when you try to find a graphql file, it does not show you <strong>autocomplete suggestions</strong> while you are typing in VSCode even tho we have <code>queries/getCountries.gql</code>:</p>
  <p><a href="https://i.stack.imgur.com/1n76c.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1n76c.png" alt="enter image description here" /></a></p>