Merge branch 'docs/draft-multipath-routing' of https://github.com/vuestorefront/vue-storefront into docs/draft-multipath-routing

Author: jagoral

Diff for: docs/content/guides/7.multistore/3.patterns/5.subpath/1.subpath.md

@@ -8,7 +8,7 @@ navigation:
 # How to Make Sub-path Routing
 
 
-Sub-path routing allows you to serve different store configurations from the same Alokai deployment using URL paths. This approach is ideal when you need to maintain multiple stores with different configurations but want to manage them from a single codebase.
+Sub-path routing allows you to serve different store configurations from the same Alokai deployment using URL paths. This approach is useful if the multibrand per-domain does not address your requirements.
 
 ::info
 This guide focuses on implementing multi-store functionality through URL paths (like `/electronics`, `/apparel`). If domain-based separation is sufficient for your use case (like `electronics.example.com`, `apparel.example.com`), the [multibrand feature](https://docs.alokai.com/guides/multistore/tooling-and-concepts) is the preferred approach.
@@ -507,7 +507,7 @@ const config: Config = {
 export default config;
 ```
 
-Then use these variants in your components:
+Then use these variants (`electronics:`, `apparel:`, etc.) in your components:
 
 ```tsx
 // apps/storefront-unified-nextjs/components/ui/navbar-top.tsx
@@ -551,10 +551,10 @@ export default {
 } as Config;
 ```
 
-Then use these variants in your components:
+Then use these variants (`electronics:`, `apparel:`, etc.) in your components:
 
 ```vue
-<!-- apps/storefront-unified-nuxt/components/ui/NavbarTop.vue -->
+// apps/storefront-unified-nuxt/components/ui/NavbarTop.vue
 <template>
   <header
     :class="[