From fe0368f3c9092d60725028d0fa7b4059fc12891c Mon Sep 17 00:00:00 2001
From: Terry Sutton <saltcod@gmail.com>
Date: Thu, 20 Jun 2024 06:12:36 -0230
Subject: [PATCH] Prepare for easier shadcn ui install (#66469)

### What?
Installing shadcn/ui after installing this example was a bad experience.
Running `npx shadcn-ui@latest init` overwrites existing files causing
errors and a confusing start.

This allows a installing shadcn/ui without these issues.

Co-authored-by: Sam Ko <sam@vercel.com>
---
 examples/with-supabase/app/globals.css            | 15 ---------------
 examples/with-supabase/app/login/page.tsx         |  2 +-
 examples/with-supabase/app/page.tsx               |  2 +-
 examples/with-supabase/app/protected/page.tsx     |  2 +-
 .../{tailwind.config.js => tailwind.config.ts}    |  0
 5 files changed, 3 insertions(+), 18 deletions(-)
 rename examples/with-supabase/{tailwind.config.js => tailwind.config.ts} (100%)

diff --git a/examples/with-supabase/app/globals.css b/examples/with-supabase/app/globals.css
index 50bd9fc335..f6aa6c3d55 100644
--- a/examples/with-supabase/app/globals.css
+++ b/examples/with-supabase/app/globals.css
@@ -25,18 +25,3 @@
     @apply border-foreground/20;
   }
 }
-
-.animate-in {
-  animation: animateIn 0.3s ease 0.15s both;
-}
-
-@keyframes animateIn {
-  from {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
diff --git a/examples/with-supabase/app/login/page.tsx b/examples/with-supabase/app/login/page.tsx
index 7358f05420..37fc75d309 100644
--- a/examples/with-supabase/app/login/page.tsx
+++ b/examples/with-supabase/app/login/page.tsx
@@ -74,7 +74,7 @@ export default function Login({
         Back
       </Link>
 
-      <form className="animate-in flex-1 flex flex-col w-full justify-center gap-2 text-foreground">
+      <form className="flex-1 flex flex-col w-full justify-center gap-2 text-foreground">
         <label className="text-md" htmlFor="email">
           Email
         </label>
diff --git a/examples/with-supabase/app/page.tsx b/examples/with-supabase/app/page.tsx
index 1881cc13f0..25ea768096 100644
--- a/examples/with-supabase/app/page.tsx
+++ b/examples/with-supabase/app/page.tsx
@@ -28,7 +28,7 @@ export default async function Index() {
         </div>
       </nav>
 
-      <div className="animate-in flex-1 flex flex-col gap-20 opacity-0 max-w-4xl px-3">
+      <div className="flex-1 flex flex-col gap-20 max-w-4xl px-3">
         <Header />
         <main className="flex-1 flex flex-col gap-6">
           <h2 className="font-bold text-4xl mb-4">Next steps</h2>
diff --git a/examples/with-supabase/app/protected/page.tsx b/examples/with-supabase/app/protected/page.tsx
index 1d73e55118..72467cab06 100644
--- a/examples/with-supabase/app/protected/page.tsx
+++ b/examples/with-supabase/app/protected/page.tsx
@@ -31,7 +31,7 @@ export default async function ProtectedPage() {
         </nav>
       </div>
 
-      <div className="animate-in flex-1 flex flex-col gap-20 opacity-0 max-w-4xl px-3">
+      <div className="flex-1 flex flex-col gap-20 max-w-4xl px-3">
         <Header />
         <main className="flex-1 flex flex-col gap-6">
           <h2 className="font-bold text-4xl mb-4">Next steps</h2>
diff --git a/examples/with-supabase/tailwind.config.js b/examples/with-supabase/tailwind.config.ts
similarity index 100%
rename from examples/with-supabase/tailwind.config.js
rename to examples/with-supabase/tailwind.config.ts