feat: add Lit to Form dropdown selector (#190)

crutchcorn · web-flow · commit aaa0e279985c · 2024-03-10T08:51:20.000+11:00
diff --git a/app/images/lit-logo.svg b/app/images/lit-logo.svg
@@ -0,0 +1,13 @@
+<svg width="160" height="200" viewBox="0 0 160 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_2)">
+<path d="M40 120L60 60L150 150L120 200L80 160H60" fill="#00E8FF"/>
+<path d="M80 160V80L120 40V120M0 160L40 200L60 160L40 120H20" fill="#283198"/>
+<path d="M40 120V40L80 0V80M120 200V120L160 80V160M0 160V80L40 120" fill="#324FFF"/>
+<path d="M40 200V120L80 160" fill="#00FFFF"/>
+</g>
+<defs>
+<clipPath id="clip0_1_2">
+<rect width="160" height="200" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/app/projects/form.ts b/app/projects/form.ts
@@ -1,6 +1,7 @@
 import reactLogo from '~/images/react-logo.svg'
 import solidLogo from '~/images/solid-logo.svg'
 import vueLogo from '~/images/vue-logo.svg'
+import litLogo from '~/images/lit-logo.svg'
 import type { AvailableOptions } from '~/components/Select'
 
 export const repo = 'tanstack/form'
@@ -17,6 +18,7 @@ export const frameworks: AvailableOptions = [
   { label: 'React', value: 'react', logo: reactLogo },
   { label: 'Solid', value: 'solid', logo: solidLogo },
   { label: 'Vue', value: 'vue', logo: vueLogo },
+  { label: 'Lit', value: 'lit', logo: litLogo },
 ]
 
 export type Framework = keyof typeof frameworks
