Use VersionDropdown

Author: hasparus

website/package.json

@@ -10,7 +10,7 @@
     "start": "next start"
   },
   "dependencies": {
-    "@theguild/components": "^7.4.0",
+    "@theguild/components": "^7.5.0",
     "next": "^15.0.0",
     "next-sitemap": "^4.2.3",
     "react": "^19.0.0",

website/theme.config.tsx

@@ -13,6 +13,7 @@ import {
   PencilIcon,
   PRODUCTS,
   useTheme,
+  VersionDropdown,
 } from '@theguild/components';
 import favicon from './public/favicon.svg';
 
@@ -87,7 +88,16 @@ export default defineConfig({
               <span className="text-2xl font-medium tracking-[-0.16px]">{PRODUCTS.MESH.name}</span>
             </Anchor>
           }
-        />
+        >
+          <VersionDropdown
+            chevronPosition="left"
+            currentVersion={route.includes('/docs') ? '0.x' : '1.x'}
+            versions={[
+              { label: 'Mesh 0.x docs', href: '/docs', value: '0.x' },
+              { label: 'Mesh 1.x docs', href: '/v1', value: '1.x' },
+            ]}
+          />
+        </HiveNavigation>
       );
     },
   },

yarn.lock

@@ -9992,12 +9992,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/bundle-analyzer@npm:15.0.4":
-  version: 15.0.4
-  resolution: "@next/bundle-analyzer@npm:15.0.4"
+"@next/bundle-analyzer@npm:15.1.0":
+  version: 15.1.0
+  resolution: "@next/bundle-analyzer@npm:15.1.0"
   dependencies:
     webpack-bundle-analyzer: "npm:4.10.1"
-  checksum: 10c0/cbeddac527697faee19de87a84ff2b2a3a9986562ef4986b255c219d51eb78277350a63219472eaf6754183c2c9e8208139cbb2949d9c5aed7a37b07893554a2
+  checksum: 10c0/6a71ecbc295b86b431d8be860645d590740095207e7240d37db7585b8bb638406e58d3409a55efb5132723eec2a0ba6bd6011186058a54a10e3f559e05d1be1d
   languageName: node
   linkType: hard
 
@@ -12309,12 +12309,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@theguild/components@npm:^7.4.0":
-  version: 7.4.0
-  resolution: "@theguild/components@npm:7.4.0"
+"@theguild/components@npm:^7.5.0":
+  version: 7.5.0
+  resolution: "@theguild/components@npm:7.5.0"
   dependencies:
     "@giscus/react": "npm:3.0.0"
-    "@next/bundle-analyzer": "npm:15.0.4"
+    "@next/bundle-analyzer": "npm:15.1.0"
     "@radix-ui/react-navigation-menu": "npm:^1.2.0"
     clsx: "npm:2.1.1"
     fuzzy: "npm:0.1.3"
@@ -12327,11 +12327,11 @@ __metadata:
     semver: "npm:^7.3.8"
     tailwind-merge: "npm:^2.5.2"
   peerDependencies:
-    "@theguild/tailwind-config": 0.6.1
+    "@theguild/tailwind-config": 0.6.2
     next: ^13 || ^14 || ^15.0.0
     react: ^18.2.0
     react-dom: ^18.2.0
-  checksum: 10c0/2a31064918369bc7a46b03bddee9e4d235e3df4300f676ebc4e5c914aeacfe6ba2a90575474dbc85e8a9901b55834fae0ca398c597dc618aaff5c43f952900c3
+  checksum: 10c0/ac1b6bc55e8b6e444caa608ff68eba1a13afd1d1bfe4bd26be8bfc077a49f4ff57cc8ec2a644d419439a7cc2c61098c02547b96b02c779a3dfd301572781e9ce
   languageName: node
   linkType: hard
 
@@ -36794,7 +36794,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "website@workspace:website"
   dependencies:
-    "@theguild/components": "npm:^7.4.0"
+    "@theguild/components": "npm:^7.5.0"
     "@theguild/tailwind-config": "npm:0.6.2"
     "@types/node": "npm:22.10.2"
     "@types/react": "npm:19.0.2"