From 0c3a6e4fbbb40afc6e368426545736192f706361 Mon Sep 17 00:00:00 2001
From: Rafael Abuawad <rafael.abuawad@live.com>
Date: Mon, 8 Jul 2024 10:19:16 -0400
Subject: [PATCH 1/2] Update HomePage.tsx

-  Added bun to supported package managers
---
 src/app/components/HomePage.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/app/components/HomePage.tsx b/src/app/components/HomePage.tsx
index 98789e20..aa9b207e 100644
--- a/src/app/components/HomePage.tsx
+++ b/src/app/components/HomePage.tsx
@@ -53,6 +53,7 @@ export function InstallPackage({
         <Tabs.Trigger value="npm">npm</Tabs.Trigger>
         <Tabs.Trigger value="pnpm">pnpm</Tabs.Trigger>
         <Tabs.Trigger value="yarn">yarn</Tabs.Trigger>
+        <Tabs.Trigger value="bun">yarn</Tabs.Trigger>
       </Tabs.List>
       <Tabs.Content className={styles.tabsContent} value="npm">
         <span className={styles.packageManager}>npm</span> {type === 'init' ? 'init' : 'install'}{' '}
@@ -66,6 +67,10 @@ export function InstallPackage({
         <span className={styles.packageManager}>yarn</span> {type === 'init' ? 'create' : 'add'}{' '}
         {name}
       </Tabs.Content>
+      <Tabs.Content className={styles.tabsContent} value="bun">
+        <span className={styles.packageManager}>bun</span> {type === 'init' ? 'create' : 'add'}{' '}
+        {name}
+      </Tabs.Content>
     </Tabs.Root>
   )
 }

From 0ea01d6cc9f8cb212cab659a0e5cc500b517b89d Mon Sep 17 00:00:00 2001
From: Rafael Abuawad <rafael.abuawad@live.com>
Date: Mon, 8 Jul 2024 10:21:25 -0400
Subject: [PATCH 2/2] Update HomePage.tsx

Fixing typo
---
 src/app/components/HomePage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/components/HomePage.tsx b/src/app/components/HomePage.tsx
index aa9b207e..5b8879d9 100644
--- a/src/app/components/HomePage.tsx
+++ b/src/app/components/HomePage.tsx
@@ -53,7 +53,7 @@ export function InstallPackage({
         <Tabs.Trigger value="npm">npm</Tabs.Trigger>
         <Tabs.Trigger value="pnpm">pnpm</Tabs.Trigger>
         <Tabs.Trigger value="yarn">yarn</Tabs.Trigger>
-        <Tabs.Trigger value="bun">yarn</Tabs.Trigger>
+        <Tabs.Trigger value="bun">bun</Tabs.Trigger>
       </Tabs.List>
       <Tabs.Content className={styles.tabsContent} value="npm">
         <span className={styles.packageManager}>npm</span> {type === 'init' ? 'init' : 'install'}{' '}