feat: add svelte form (#390)

Author: Balastrong

app/libraries/form.tsx

@@ -14,7 +14,7 @@ export const formProject = {
   cardStyles: `shadow-xl shadow-yellow-700/20 dark:shadow-lg dark:shadow-yellow-500/30 text-yellow-500 border-2 border-transparent hover:border-current`,
   to: '/form',
   tagline: `Headless UI for building performant and type-safe forms`,
-  description: `Headless, performant, and type-safe form state management for TS/JS, React, Vue, Angular, Solid and Lit`,
+  description: `Headless, performant, and type-safe form state management for TS/JS, React, Vue, Angular, Solid, Lit and Svelte.`,
   ogImage: 'https://github.com/tanstack/form/raw/main/media/repo-header.png',
   badge: 'new',
   bgStyle: 'bg-yellow-500',
@@ -26,7 +26,7 @@ export const formProject = {
   colorFrom: 'from-yellow-500',
   colorTo: 'to-yellow-600',
   textColor: 'text-yellow-600',
-  frameworks: ['react', 'vue', 'angular', 'solid', 'lit'],
+  frameworks: ['react', 'vue', 'angular', 'solid', 'lit', 'svelte'],
   scarfId: '72ec4452-5d77-427c-b44a-57515d2d83aa',
   menu: [
     {

app/routes/_libraries/form.$version.index.tsx

@@ -61,7 +61,8 @@ export default function FormVersionIndex() {
             <span className="underline decoration-dashed decoration-yellow-500 decoration-3 underline-offset-2">
               Headless, performant, and type-safe
             </span>{' '}
-            form state management for TS/JS, React, Vue, Angular, Solid, and Lit
+            form state management for TS/JS, React, Vue, Angular, Solid, Lit and
+            Svelte
           </h2>
           <p
             className="text opacity-90 max-w-[500px]
@@ -77,7 +78,8 @@ export default function FormVersionIndex() {
             you need to build forms fast with peace of mind.
           </p>
           <Link
-            to="./docs/"
+            to="/$libraryId/$version/docs"
+            params={{ libraryId: library.id, version }}
             className={`py-2 px-4 bg-yellow-400 text-black rounded uppercase font-extrabold`}
           >
             Get Started
@@ -264,7 +266,8 @@ export default function FormVersionIndex() {
           </div>
           <div>
             <Link
-              to="./docs/"
+              to="/$libraryId/$version/docs"
+              params={{ libraryId: library.id, version }}
               className={`inline-block py-2 px-4 bg-yellow-500 rounded text-black uppercase font-extrabold`}
             >
               Get Started!