Q. GridsomeのGraphQLで受け取る変数は？

page-queryが受け取れる変数は実質二つ

Gridsomeが自動生成するGraphQLに収容されるクエリには、

id: ID
path: String
nullable: Boolean = false

の3つが、引数として指定されます。

一方で、Gridsomeのジェネレータ側では、templateとpageでpage-queryを使えますが、

1. id: ID
2. path: String

この二つしかページのパラメータから引数として収納していません。つまり、実質「idとpathでしか検索できない」と思って良いでしょう。

受け取る変数を使ってクエリを発行する

この二つで引くようにGraphQLのクエリを発行してみます。

例えば、このクエリと、

<page-query>
  query Blog($path: String) {
    articles(path: $path) {
      title
      date
    }
  }
</page-query>

このクエリは、

<page-query>
  query Blog($id: ID) {
    articles(id: $id) {
      title
      date
    }
  }
</page-query>

基本的には同じ結果を返すはずです。