From 249dda937962c99221e1c202c45fe3252b86a473 Mon Sep 17 00:00:00 2001
From: Snowden Fu <24203166+snowden-fu@users.noreply.github.com>
Date: Fri, 10 May 2024 19:35:57 +1000
Subject: [PATCH] chore: update README.md and index.js option name

---
 README.md |  8 ++++----
 index.js  | 10 +++++-----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index 38afbe8..2676439 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,7 @@ A command-line interface (CLI) tool to quickly generate React components with op
 ## Installation
 
 ```bash
-npm install -g create-new-react-component
+npm install create-new-react-component --save-dev
 ```
 
 ## Usage
@@ -16,7 +16,7 @@ create-new-react-component <componentName> [options]
 ## Options
 
 - --withStyles: Create a CSS file for the component
-- --style <style>: Choose the file style (js or ts), default is js
+- --lang <style>: Choose the file style (js or ts), default is js
 
 ## Examples
 ```bash
@@ -27,10 +27,10 @@ create-new-react-component MyComponent
 create-new-react-component MyComponent --withStyles
 
 # Create a TypeScript component without styles
-create-new-react-component MyComponent --style ts
+create-new-react-component MyComponent --lang ts
 
 # Create a TypeScript component with styles
-create-new-react-component MyComponent --withStyles --style ts
+create-new-react-component MyComponent --withStyles --lang ts
 ```
 
 
diff --git a/index.js b/index.js
index 654cd74..2c7bd6a 100755
--- a/index.js
+++ b/index.js
@@ -16,19 +16,19 @@ program
   )
   .arguments('<componentName>', 'Name of the component to create')
   .option('--withStyles', 'Create a CSS file for the component')
-  .option('--style <style>', 'Choose the file style (js or ts)', 'js')
+  .option('--lang <lang>', 'Choose the file style (js or ts)', 'js')
   .action(createComponent);
 
 function createComponent(componentName, options) {
   const componentDir = path.join(process.cwd(), componentName);
-  const indexFilePath = path.join(componentDir, `index.${options.style}`);
-  const componentFilePath = path.join(componentDir, `${componentName}.${options.style}x`);
+  const indexFilePath = path.join(componentDir, `index.${options.lang}`);
+  const componentFilePath = path.join(componentDir, `${componentName}.${options.lang}x`);
   const stylesFilePath = path.join(componentDir, `${componentName}.css`);
 
   const indexFileContent = `export { default } from './${componentName}';`;
 
   const ComponentFileContent = require('./ComponentFileContent');
-  const componentFileContent = new ComponentFileContent(componentName, options.withStyles, options.style);
+  const componentFileContent = new ComponentFileContent(componentName, options.withStyles, options.lang);
   const componentFileContentContent = componentFileContent.generateComponentContent();
 
   const stylesFileContent = `/* Add your component styles here */
@@ -46,7 +46,7 @@ function createComponent(componentName, options) {
     if (options.withStyles) {
       fs.writeFileSync(stylesFilePath, stylesFileContent);
     }
-    console.log(`Component ${componentName} created successfully${options.withStyles ? ' with styles' : ''} (${options.style})`);
+    console.log(`Component ${componentName} created successfully${options.withStyles ? ' with language' : ''} (${options.lang})`);
   } catch (err) {
     console.error(`Error creating component ${componentName}:`, err);
   }