there is a URL / link that leads to a query tool that only searches OpenNeuro

[surchs]

We want

• [x] when I select a node from the dropdown list, my browser URL changes, e.g. q.nb.org/?nodes=openneuro
• [x] when I navigate to such a changed URL, the app state reflects the selection (i.e. looks the same)
• [x] if I enter a URL with some node selected and after the query tool has finished "fetching" all the nodes it is aware of it doesn't know about the node in my URL, it falls back to defaults (e.g. "ALL" nodes selected).

This is not very difficult.

To put a component variable into the URL:

this.$router.push({ query: { node: "world" } });

where node is the query parameter and "world" is the value -> my.app/?node=world

To read a URL query parameter from the URL into a component variable:

computed: {
    node() {
      return this.$route.query.node;
    },
  },

So from the above URL we would get node="world" again

What might be trickier is the logic.

So

1. URL is defined for e.g. q.nb.org/?node=openneuro
2. App loads and has to async fetch the list of nodes

What should happen

• until the app gets the list of nodes
• if the URL defined node is not in the list of nodes