From 5e654dc8c197a1d866501a6a68b70505bd6d5473 Mon Sep 17 00:00:00 2001
From: Jack Hsu <jack.hsu@gmail.com>
Date: Tue, 18 Oct 2022 10:48:52 -0700
Subject: [PATCH] feat(nextjs): add pascal case options for Next.js component
 generators

---
 packages/next/src/generators/component/component.ts |  3 ++-
 packages/next/src/generators/component/schema.json  | 12 ++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/packages/next/src/generators/component/component.ts b/packages/next/src/generators/component/component.ts
index e0e613abcd7da1..ec33bf2b4fbe17 100644
--- a/packages/next/src/generators/component/component.ts
+++ b/packages/next/src/generators/component/component.ts
@@ -10,6 +10,8 @@ interface Schema {
   style: SupportedStyles;
   directory?: string;
   flat?: boolean;
+  pascalCaseFiles?: boolean;
+  pascalCaseDirectory?: boolean;
 }
 
 function getDirectory(host: Tree, options: Schema) {
@@ -31,7 +33,6 @@ export async function componentGenerator(host: Tree, options: Schema) {
   const componentInstall = await reactComponentGenerator(host, {
     ...options,
     directory: getDirectory(host, options),
-    pascalCaseFiles: false,
     classComponent: false,
     routing: false,
   });
diff --git a/packages/next/src/generators/component/schema.json b/packages/next/src/generators/component/schema.json
index 2ade71406f2ab9..62ceaf9ff6d16f 100644
--- a/packages/next/src/generators/component/schema.json
+++ b/packages/next/src/generators/component/schema.json
@@ -86,6 +86,18 @@
       "type": "boolean",
       "description": "Create component at the source root rather than its own directory.",
       "default": false
+    },
+    "pascalCaseFiles": {
+      "type": "boolean",
+      "description": "Use pascal case component file name (e.g. `App.tsx`).",
+      "alias": "P",
+      "default": false
+    },
+    "pascalCaseDirectory": {
+      "type": "boolean",
+      "description": "Use pascal case directory name (e.g. `App/App.tsx`).",
+      "alias": "R",
+      "default": false
     }
   },
   "required": ["name", "project"],