docs(labs): add typed routes (#4582)

packages/docs/src/routes/docs/labs/typed-routes/index.mdx

@@ -0,0 +1,44 @@
+---
+title: 🧪 Typed Routes
+contributors:
+  - mhevery
+---
+
+# 🧪 Typed Routes 
+**Stage:** `prototyping`
+
+Provides type safe way of building URLs within the application.
+
+## Installation
+
+1. `npm install github:BuilderIo/qwik-labs-build#main`
+2. update `vite.config.js`
+   ```typescript
+   // ...
+   import { qwikTypes } from '@builder.io/qwik-labs/vite'; 
+
+   export default defineConfig(() => {
+     return {
+       plugins: [
+        // ...
+        qwikTypes() // <== Add `qwikTypes()` to the list of plugins
+       ],
+       // ...
+     };
+   });
+   ```
+3. Run build so that it generates `~/routes.gen.d.ts` and `~/routes.config.tsx` files.
+3. To create a typesafe link:
+   ```typescript
+   import { AppLink } from '~/routes.config';
+
+   export default component$(() => {
+     // ...
+     return (
+       // ...
+       <AppLink route="/your/[appParam]/link/" param:appParam={"some-value"}>
+         Link text
+       </AppLink>
+     );
+   });
+   ```

packages/docs/src/routes/docs/menu.md

@@ -39,6 +39,7 @@
 
 - [Overview](/docs/labs/index.mdx)
 - [Insights](/docs/labs/insights/index.mdx)
+- [Typed Routes](/docs/labs/typed-routes/index.mdx)
 
 ## Integrations