From 2793c2a7c82cc7e9fa11cd05762de6855027f857 Mon Sep 17 00:00:00 2001 From: Garrett Darnell <12160067+garrettld@users.noreply.github.com> Date: Wed, 28 Aug 2024 20:29:21 -0400 Subject: [PATCH] feat(virtual): add Angular as a supported framework (#265) --- app/libraries/virtual.ts | 4 ++-- app/routes/_libraries.virtual.$version.index.tsx | 5 +++-- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/app/libraries/virtual.ts b/app/libraries/virtual.ts index 6ac235c5..99fa1aa0 100644 --- 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 index 8281b032..ab1aa91d 100644 --- 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.

(