fix(create-next-app): consolidate messages to "Would you like to use" (…

…#52011) This PR ensure that `create-next-app` questions are all formatted the same way: ``` Would you like to use <feature>? ``` fix NEXT-1333
vercel · Jun 30, 2023 · 97461f0 · 97461f0 · Ameralameri · Jul 26, 2023
1 parent d443778
commit 97461f0
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 16 deletions.
diff --git a/docs/01-getting-started/01-installation.mdx b/docs/01-getting-started/01-installation.mdx
@@ -27,11 +27,11 @@ On installation, you'll see the following prompts:
 
 ```txt filename="Terminal"
 What is your project named? my-app
-Would you like to use TypeScript with this project? No / Yes
-Would you like to use ESLint with this project? No / Yes
-Would you like to use Tailwind CSS with this project? No / Yes
-Would you like to use `src/` directory with this project? No / Yes
-Use App Router (recommended)? No / Yes
+Would you like to use TypeScript? No / Yes
+Would you like to use ESLint? No / Yes
+Would you like to use Tailwind CSS? No / Yes
+Would you like to use `src/` directory? No / Yes
+Would you like to use App Router? (recommended) No / Yes
 Would you like to customize the default import alias? No / Yes
 ```
 

diff --git a/docs/02-app/02-api-reference/06-create-next-app.mdx b/docs/02-app/02-api-reference/06-create-next-app.mdx
@@ -23,11 +23,11 @@ You will then be asked the following prompts:
 
 ```bash filename="Terminal"
 What is your project named?  my-app
-Would you like to use TypeScript with this project?  No / Yes
-Would you like to use ESLint with this project?  No / Yes
-Would you like to use Tailwind CSS with this project?  No / Yes
-Would you like to use `src/` directory with this project?  No / Yes
-Use App Router (recommended)?  No / Yes
+Would you like to use TypeScript?  No / Yes
+Would you like to use ESLint?  No / Yes
+Would you like to use Tailwind CSS?  No / Yes
+Would you like to use `src/` directory?  No / Yes
+Would you like to use App Router? (recommended)  No / Yes
 Would you like to customize the default import alias?  No / Yes
 ```
 

diff --git a/packages/create-next-app/README.md b/packages/create-next-app/README.md
@@ -18,7 +18,7 @@ You will be asked for the name of your project, and then whether you want to
 create a TypeScript project:
 
 ```bash
-✔ Would you like to use TypeScript with this project? … No / Yes
+✔ Would you like to use TypeScript? … No / Yes
 ```
 
 Select **Yes** to install the necessary types/dependencies and create a new TS project.

diff --git a/packages/create-next-app/index.ts b/packages/create-next-app/index.ts
@@ -258,7 +258,7 @@ async function run(): Promise<void> {
           {
             type: 'toggle',
             name: 'typescript',
-            message: `Would you like to use ${styledTypeScript} with this project?`,
+            message: `Would you like to use ${styledTypeScript}?`,
             initial: getPrefOrDefault('typescript'),
             active: 'Yes',
             inactive: 'No',
@@ -295,7 +295,7 @@ async function run(): Promise<void> {
           onState: onPromptState,
           type: 'toggle',
           name: 'eslint',
-          message: `Would you like to use ${styledEslint} with this project?`,
+          message: `Would you like to use ${styledEslint}?`,
           initial: getPrefOrDefault('eslint'),
           active: 'Yes',
           inactive: 'No',
@@ -317,7 +317,7 @@ async function run(): Promise<void> {
           onState: onPromptState,
           type: 'toggle',
           name: 'tailwind',
-          message: `Would you like to use ${tw} with this project?`,
+          message: `Would you like to use ${tw}?`,
           initial: getPrefOrDefault('tailwind'),
           active: 'Yes',
           inactive: 'No',
@@ -339,7 +339,7 @@ async function run(): Promise<void> {
           onState: onPromptState,
           type: 'toggle',
           name: 'srcDir',
-          message: `Would you like to use ${styledSrcDir} with this project?`,
+          message: `Would you like to use ${styledSrcDir}?`,
           initial: getPrefOrDefault('srcDir'),
           active: 'Yes',
           inactive: 'No',
@@ -358,7 +358,7 @@ async function run(): Promise<void> {
           onState: onPromptState,
           type: 'toggle',
           name: 'appRouter',
-          message: `Use ${styledAppDir} (recommended)?`,
+          message: `Would you like to use ${styledAppDir}? (recommended)`,
           initial: true,
           active: 'Yes',
           inactive: 'No',