Make docs render

TanStack · Jan 28, 2024 · 3a42eef · 3a42eef
1 parent f77b535
commit 3a42eef
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/app/projects/config.ts b/app/projects/config.ts
@@ -1,3 +1,7 @@
+import reactLogo from '~/images/react-logo.svg'
+import solidLogo from '~/images/solid-logo.svg'
+import vueLogo from '~/images/vue-logo.svg'
+
 export const repo = 'tanstack/config'
 
 export const latestBranch = 'main'
@@ -8,6 +12,14 @@ export const colorFrom = 'from-gray-500'
 export const colorTo = 'to-gray-700'
 export const textColor = 'text-gray-700'
 
+export const frameworks = {
+  react: { label: 'React', logo: reactLogo, value: 'react' },
+  solid: { label: 'Solid', logo: solidLogo, value: 'solid' },
+  vue: { label: 'Vue', logo: vueLogo, value: 'vue' },
+} as const
+
+export type Framework = keyof typeof frameworks
+
 export function getBranch(argVersion?: string) {
   const version = argVersion || latestVersion
 

diff --git a/app/routes/config.$version.docs.tsx b/app/routes/config.$version.docs.tsx
@@ -10,6 +10,7 @@ import {
   repo,
   textColor,
   availableVersions,
+  frameworks,
 } from '~/projects/config'
 import { getTanstackDocsConfig } from '~/utils/config'
 
@@ -36,6 +37,7 @@ export default function Component() {
       colorTo={colorTo}
       textColor={textColor}
       config={config}
+      frameworks={frameworks}
       availableVersions={availableVersions}
       repo={repo}
     >