With the approach shown in the image above, only Home and it’s sub-pages are routable.
This way you don’t have to do some “hacky” stuff to get around the default routing setup.
I personally use this setup for all who might need this kind of non-routable behavior.
It ensures that it’s always following Umbraco and I don’t have to change my implementation if Umbraco decide to change anything with routing.
It also scales to any number of sites you might want to have on a Umbraco instance.
We still need to fetch data from settings node via Delivery API, just not render the page/node directly at the same path from [...slug].vue in Nuxt 3 and Vue 3.