How to transfer the necessary data depending on the router?

Question

Vue.js

How to correctly implement the data in such a situation. On the screen: There can be many such dice. Now this is an array of state and everything looks nice, there may be more or less of them. The problem is that you can click on each plate and go, say, to the project (that is, each plate has data inside )
The transition was made by id:

router-link(:to="`/project/${project.id}`" :project="project"  v-for="project in item.projects" :key="project.title")

Now, when clicking on a plate, each has its own route = project /: id
Question : How can I better/correctly transfer data, for example, so that when clicking, only the data of this plate is shown (as an ID) ?
Screen :

Answer 1

Take the data to vuex, forward the route parameter to the component, make a calculated property in the component, where you will get the desired object from the storage by id.