readme

Author: fulviocanducci

README.md

@@ -48,6 +48,35 @@ In the Context Menu choose:
 
 ### Menu:
 
-[![Image](https://raw.githubusercontent.com/fulviocanducci/create-reactjs-components/master/images/menu.png)]()
+[![Image](https://raw.githubusercontent.com/fulviocanducci/fulviocanducci/master/images/canducci.create-reactjs-components.menu.png)]()
 
-[![Image](https://raw.githubusercontent.com/fulviocanducci/create-reactjs-components/master/images/ctrlp.png)]()
+---
+
+[![Image](https://raw.githubusercontent.com/fulviocanducci/fulviocanducci/master/images/canducci.create-reactjs-components.ctrlp.png)]()
+
+### Usage:
+
+In the box provided, type the name of the component, which may vary as follows:
+
+1. A simple name, example: counter
+
+   A component or context is created respectively, the name entered is the folder and within that folder an `index.js|jsx|tsx`.
+
+2. Several names separated by commas, example: counter, header, footer
+
+   A component or context is created respectively, the names entered are separated into folders and within each folder an `index.js|jsx|tsx`.
+
+3. Names separated by periods are compound words, example: `app.web`, `header.counter`, etc.
+
+   If the name (s) are a period separating it means that your initials will be in uppercase, example: `AppWeb`, `HeaderCounter` and the others name follows the same PascalCase nomenclature, exemplo: `Counter`, `App`, etc.
+
+4. Name with numeric initials will not be accepted
+   Example names: 1Header, 2Web are not accepted
+
+### Example:
+
+[![Image](https://raw.githubusercontent.com/fulviocanducci/fulviocanducci/master/images/caducci.create-reactjs-componente.inputbox.png)]()
+
+---
+
+[![Image](https://raw.githubusercontent.com/fulviocanducci/fulviocanducci/master/images/caducci.create-reactjs-componente.filecreated.png)]()

images/ctrlp.png

@@ -8,6 +8,7 @@
   "engines": {
     "vscode": "^1.48.0"
   },
+  "license": "MIT",
   "galleryBanner": {
     "theme": "dark",
     "color": "#3f79a5"

images/menu.png

@@ -52,15 +52,15 @@ const openFile = (file: string) => {
 
 const optionsFileName = (title: string): vscode.InputBoxOptions => {
   return {
-    prompt: `Enter the ${title.toLowerCase()} name: `,
-    placeHolder: `${title} name`,
+    prompt: `Enter the name or names separated by commas: `,
+    placeHolder: `${title}: enter name or names separated by commas`,
     ignoreFocusOut: true,
     valueSelection: [-1, -1],
   };
 };
 
 const multiNames = (name: string): Array<string> => {
-  const names: Array<string> = name.split(new RegExp('[,;]')).map((v) => pascalCase(v.trim()));
+  const names: Array<string> = name.split(',').map((v) => pascalCase(v.trim()));
   return names;
 };