updated bun command with @latest, cleaned up menu to match padding an…

…d font weight
t3-oss · juliusmarminge · Oct 21, 2023 · Oct 20, 2023 · Oct 20, 2023 · Oct 20, 2023
commit 378367a3e47a7e7c5f191bb4354e694d861c9cca
diff --git a/cli/README.md b/cli/README.md
@@ -102,7 +102,7 @@ pnpm create t3-app@latest
 ### bun
 
 ```bash
-bun create t3-app
+bun create t3-app@latest
 ```
 
 For more advanced usage, check out the [CLI docs](https://create.t3.gg/en/installation).

diff --git a/www/src/components/landingPage/ClipboardSelect.tsx b/www/src/components/landingPage/ClipboardSelect.tsx
@@ -4,29 +4,30 @@ import { Fragment, useState } from "react";
 
 const commands = [
   {
-    command: "npm create t3-app@latest",
+    command: "create t3-app@latest",
     manager: "npm",
   },
   {
-    command: "yarn create t3-app",
+    command: "create t3-app",
     manager: "yarn",
   },
   {
-    command: "pnpm create t3-app@latest",
+    command: "create t3-app@latest",
     manager: "pnpm",
   },
   {
-    command: "bun create t3-app",
+    command: "create t3-app@latest",
     manager: "bun",
   },
 ];
 
 export default function ClipboardSelect() {
   const [coolDown, setCoolDown] = useState(false);
 
-  const handleCopyToClipboard = async (command: string) => {
+  const handleCopyToClipboard = async (manager: string, command: string) => {
+    const nextClipboard = `${manager} ${command}`;
     try {
-      await navigator.clipboard.writeText(command);
+      await navigator.clipboard.writeText(nextClipboard);
     } catch (err) {
       console.error("Failed to copy text: ", err);
     }
@@ -86,16 +87,16 @@ export default function ClipboardSelect() {
                 "focus-none shadow-l t3-scrollbar absolute right-0 mt-1 max-h-60 w-fit min-w-[6em] overflow-auto rounded-lg border bg-default text-base focus:outline-none focus-visible:outline-none dark:border-t3-purple-200/20 sm:text-sm",
               )}
             >
-              {commands.map(({ command, manager }) => (
+              {commands.map(({ manager, command }) => (
                 <Menu.Item key={manager}>
                   {({ active }) => {
                     return (
                       <button
                         className={`${
                           active && "bg-t3-purple-200/20"
-                        } group flex w-full items-center bg-t3-purple-200/10 px-2 py-2 text-sm hover:bg-t3-purple-200/20`}
+                        } group flex w-full items-center bg-t3-purple-200/10 px-4 py-2 text-sm font-medium hover:bg-t3-purple-200/20`}
                         onClick={() => {
-                          handleCopyToClipboard(command)
+                          handleCopyToClipboard(manager, command)
                             .then(() => {
                               setCoolDown(true);
                               setTimeout(() => {

diff --git a/www/src/pages/ar/installation.mdx b/www/src/pages/ar/installation.mdx
@@ -32,7 +32,7 @@ pnpm create t3-app@latest
 ### bun
 
 ```bash
-bun create t3-app
+bun create t3-app@latest
 ```
 
 بعد أن تَنتهي عَملية إنشاء التطبيق، اَلق نَظرة عَلي [الخطوات الأولى](/ar/usage/first-steps) للبدء في تطبيقك الجديد.

diff --git a/www/src/pages/en/installation.mdx b/www/src/pages/en/installation.mdx
@@ -31,7 +31,7 @@ pnpm create t3-app@latest
 ### bun
 
 ```bash
-bun create t3-app
+bun create t3-app@latest
 ```
 
 After your app has been scaffolded, check out the [first steps](/en/usage/first-steps) to get started on your new application.

diff --git a/www/src/pages/es/installation.mdx b/www/src/pages/es/installation.mdx
@@ -31,7 +31,7 @@ pnpm create t3-app@latest
 ### bun
 
 ```bash
-bun create t3-app
+bun create t3-app@latest
 ```
 
 Después de que tu aplicación haya sido creada, consulta los [primeros pasos](/es/usage/first-steps) para comenzar con tu nueva aplicación.

diff --git a/www/src/pages/fr/installation.mdx b/www/src/pages/fr/installation.mdx
@@ -31,7 +31,7 @@ pnpm create t3-app@latest
 ### bun
 
 ```bash
-bun create t3-app
+bun create t3-app@latest
 ```
 
 Une fois votre application configurée, consultez les [premières étapes](/fr/usage/first-steps) pour démarrer sur votre nouvelle application.

diff --git a/www/src/pages/ja/installation.mdx b/www/src/pages/ja/installation.mdx
@@ -31,7 +31,7 @@ pnpm create t3-app@latest
 ### bun
 
 ```bash
-bun create t3-app
+bun create t3-app@latest
 ```
 
 アプリケーションの初期構成が生成されたら、[ファーストステップ](/ja/usage/first-steps) をチェックして、新しいアプリケーションを開始しましょう。

diff --git a/www/src/pages/no/installation.mdx b/www/src/pages/no/installation.mdx
@@ -31,7 +31,7 @@ pnpm create t3-app@latest
 ### bun
 
 ```bash
-bun create t3-app
+bun create t3-app@latest
 ```
 
 Etter at applikasjonen din har blitt opprettet, sjekk ut [første steg](/no/usage/first-steps) for å begynne å utvikle den nye applikasjonen.

diff --git a/www/src/pages/pl/installation.mdx b/www/src/pages/pl/installation.mdx
@@ -31,7 +31,7 @@ pnpm create t3-app@latest
 ### bun
 
 ```bash
-bun create t3-app
+bun create t3-app@latest
 ```
 
 Po tym, jak szablon aplikacji zostanie utworzony, sprawdź [pierwsze kroki](/pl/usage/first-steps) aby zacząć budować swoją nową aplikację.

diff --git a/www/src/pages/pt/installation.mdx b/www/src/pages/pt/installation.mdx
@@ -31,7 +31,7 @@ pnpm create t3-app@latest
 ### bun
 
 ```bash
-bun create t3-app
+bun create t3-app@latest
 ```
 
 Após sua aplicação ter sido estruturada, verifique os [Primeiros Passos](/pt/usage/first-steps) para começar a usar sua nova aplicação.

diff --git a/www/src/pages/ru/installation.mdx b/www/src/pages/ru/installation.mdx
@@ -31,7 +31,7 @@ pnpm create t3-app@latest
 ### bun
 
 ```bash
-bun create t3-app
+bun create t3-app@latest
 ```
 
 После того, как приложение будет создано, ознакомьтесь с [первыми шагами](/ru/usage/first-steps), чтобы начать работу над вашим новым приложением.

diff --git a/www/src/pages/zh-hans/installation.mdx b/www/src/pages/zh-hans/installation.mdx
@@ -31,7 +31,7 @@ pnpm create t3-app@latest
 ### bun
 
 ```bash
-bun create t3-app
+bun create t3-app@latest
 ```
 
 在你的应用程序被创建后，请查看 [第一步](/zh-hans/usage/first-steps) 以开始你的新应用。