feat: expo plugin (#375)

docs/components/features.tsx

@@ -188,8 +188,9 @@ export default function Features({ stars }: { stars: string | null }) {
 										"svelteKit",
 										"astro",
 										"solidStart",
-										"react",
-										"hono",
+										// "react",
+										// "hono",
+										"expo",
 										"tanstack",
 									]}
 								/>

docs/components/icons.tsx

@@ -392,4 +392,18 @@ export const Icons = {
 			</g>
 		</svg>
 	),
+	expo: (props?: SVGProps<any>) => (
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			width="1.2em"
+			height="1.2em"
+			viewBox="0 0 32 32"
+			{...props}
+		>
+			<path
+				fill="currentColor"
+				d="M24.292 15.547a3.93 3.93 0 0 0 4.115-3.145a2.57 2.57 0 0 0-2.161-1.177c-2.272-.052-3.491 2.651-1.953 4.323zm-9.177-10.85l5.359-3.104L18.766.63l-7.391 4.281l.589.328l1.119.629l2.032-1.176zm6.046-3.39c.089.027.161.1.188.188l2.484 7.593a.285.285 0 0 1-.125.344a5.06 5.06 0 0 0-2.317 5.693a5.066 5.066 0 0 0 5.401 3.703a.3.3 0 0 1 .307.203l2.563 7.803a.3.3 0 0 1-.125.344l-7.859 4.771a.3.3 0 0 1-.131.036a.26.26 0 0 1-.203-.041l-2.765-1.797a.3.3 0 0 1-.109-.129l-5.396-12.896l-8.219 4.875c-.016.011-.037.021-.052.032a.3.3 0 0 1-.261-.021l-1.859-1.093a.283.283 0 0 1-.115-.381l7.953-15.749a.27.27 0 0 1 .135-.131L18.615.045a.29.29 0 0 1 .292-.005zm-8.322 5.1l-1.932-1.089l-7.693 15.229l1.396.823l6.631-9.015a.28.28 0 0 1 .271-.12a.29.29 0 0 1 .235.177l7.228 17.296l1.933 1.251l-8.063-24.552zm13.406 10.557c-2.256 0-3.787-2.292-2.923-4.376c.86-2.083 3.563-2.619 5.156-1.025c.595.593.928 1.396.928 2.235a3.16 3.16 0 0 1-3.161 3.167z"
+			></path>
+		</svg>
+	),
 };

docs/components/sidebar-content.tsx

@@ -632,6 +632,17 @@ export const contents: Content[] = [
 				icon: Icons.elysia,
 				href: "/docs/integrations/elysia",
 			},
+			{
+				group: true,
+				title: "Mobile & Desktop",
+				href: "/docs/integrations",
+				icon: LucideAArrowDown,
+			},
+			{
+				title: "Expo",
+				icon: Icons.expo,
+				href: "/docs/integrations/expo",
+			},
 		],
 	},
 	{

docs/components/techstack-icons.tsx

@@ -38,4 +38,8 @@ export const techStackIcons: TechStackIconType = {
 		name: "TanStack Start",
 		icon: <Icons.tanstack className="w-10 h-10" />,
 	},
+	expo: {
+		name: "Expo",
+		icon: <Icons.expo className="w-10 h-10" />,
+	},
 };