feat(virtual): add Angular as a supported framework (#265)

TanStack · Aug 29, 2024 · 2793c2a · 2793c2a
1 parent b7e54b4
commit 2793c2a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/app/libraries/virtual.ts b/app/libraries/virtual.ts
@@ -6,7 +6,7 @@ export const virtualProject: Library = {
   cardStyles: `shadow-xl shadow-purple-700/20 dark:shadow-lg dark:shadow-purple-500/30 text-purple-500 border-2 border-transparent hover:border-current`,
   to: '/virtual',
   tagline: `Headless UI for Virtualizing Large Element Lists`,
-  description: `Virtualize only the visible content for massive scrollable DOM nodes at 60FPS in TS/JS, React, Vue, Solid, Svelte & Lit while retaining 100% control over markup and styles.`,
+  description: `Virtualize only the visible content for massive scrollable DOM nodes at 60FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular while retaining 100% control over markup and styles.`,
   ogImage: 'https://github.com/tanstack/query/raw/main/media/header.png',
   bgStyle: 'bg-purple-500',
   textStyle: 'text-purple-500',
@@ -17,7 +17,7 @@ export const virtualProject: Library = {
   colorFrom: 'from-purple-500',
   colorTo: 'to-violet-600',
   textColor: 'text-purple-600',
-  frameworks: ['react', 'solid', 'vue', 'svelte', 'lit'],
+  frameworks: ['react', 'solid', 'vue', 'svelte', 'lit', 'angular'],
   defaultDocs: 'framework/react/overview',
   scarfId: '32372eb1-91e0-48e7-8df1-4808a7be6b94',
 }
diff --git a/app/routes/_libraries.virtual.$version.index.tsx b/app/routes/_libraries.virtual.$version.index.tsx
@@ -162,8 +162,8 @@ export default function RouteComp() {
             lg:text-xl lg:max-w-2xl"
         >
           Virtualize only the visible DOM nodes within massive scrollable
-          elements at 60FPS in TS/JS, React, Vue, Solid, Svelte & Lit while
-          retaining 100% control over markup and styles.
+          elements at 60FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular
+          while retaining 100% control over markup and styles.
         </p>
         <Link
           to="./docs/introduction"
@@ -401,6 +401,7 @@ export default function RouteComp() {
                 { label: 'Lit', value: 'lit' },
                 { label: 'Svelte', value: 'svelte' },
                 { label: 'Vue', value: 'vue' },
+                { label: 'Angular', value: 'angular' },
               ] as const
             ).map((item) => (
               <button