Gridsome workflow pages names & props

HI Guys,

I've been playing around with Gridsome and have come to a fork in the road which from the Docs I have not found a solid / clear answer - maybe its implied, but not stated (or possibly I am being an idiot - this is also common)

Girdsome page names:

Can you set a page name to a page in gridsome?
i.e.


Why is this needed:

On the user clicking a component I use `this.$router.push(name: X, props: { X: X})` to change the page
I pass an object as a prop to the new page
I did try to use the pages PATH instead of the name but it was unable to pass the prop when doing so

I can add the name manually to the routers.js file in the .temp folder - however if I add a new page - this is then wiped

Am I not using gridsome as it should have been intended? is there a way to add a name to a route?

---

Passing data to different pages

The above question has seemed from me needing to pass an object with data to different pages as a prop - but gridsome used GraphQL so is it intended that you use GraphQL on each page to get the data for that page and instead should not pass variables?

---

Any help on clarifying this would be great -
Thanks in advance -
W

Start by reviewing the issue's questions about page names, router navigation, props, and GraphQL data loading, along with the generated .temp/routers.js behavior. Compare the existing documentation with these workflows and identify what is missing or ambiguous. Done means the docs clearly explain the supported route naming and page-to-page data approach without relying on generated files.

Written by the indexing model from the issue text.