[Feature] Created templates directory

Author: iCodePoet

bin/main.ts

@@ -5,7 +5,9 @@ import program from "commander"
 import pkg from "../package.json"
 import selectShell from "select-shell"
 import chalk from "chalk"
-import inquirer = require("inquirer")
+import inquirer from "inquirer"
+import fs from "fs"
+import path from "path"
 
 const welcome = `
 ███████╗██╗░░░░░░█████╗░░██╗░░░░░░░██╗░░░░░░██████╗░███████╗░█████╗░░█████╗░████████╗░░░░░░░█████╗░██╗░░░░░██╗
@@ -58,9 +60,14 @@ function nameTheComponent() {
       if (!isValidateComponentNaming(nameOfComponent)) {
         nameTheComponent()
       }
+      createComponent(nameOfComponent)
     })
 }
 
+function createComponent(nameOfComponent: string) {
+  
+}
+
 function selectTheNameOfTheComponent() {
   list.on("select", (ontions) => {
     shell.echo(chalk.yellow("select the name of the component."))

dist/bin/main.js

@@ -10,7 +10,7 @@ const commander_1 = __importDefault(require("commander"));
 const package_json_1 = __importDefault(require("../package.json"));
 const select_shell_1 = __importDefault(require("select-shell"));
 const chalk_1 = __importDefault(require("chalk"));
-const inquirer = require("inquirer");
+const inquirer_1 = __importDefault(require("inquirer"));
 const welcome = `
 ███████╗██╗░░░░░░█████╗░░██╗░░░░░░░██╗░░░░░░██████╗░███████╗░█████╗░░█████╗░████████╗░░░░░░░█████╗░██╗░░░░░██╗
 ██╔════╝██║░░░░░██╔══██╗░██║░░██╗░░██║░░░░░░██╔══██╗██╔════╝██╔══██╗██╔══██╗╚══██╔══╝░░░░░░██╔══██╗██║░░░░░██║
@@ -48,7 +48,7 @@ function isValidateComponentNaming(name) {
     return true;
 }
 function nameTheComponent() {
-    inquirer
+    inquirer_1.default
         .prompt([
         {
             name: "value",
@@ -60,8 +60,11 @@ function nameTheComponent() {
         if (!isValidateComponentNaming(nameOfComponent)) {
             nameTheComponent();
         }
+        createComponent(nameOfComponent);
     });
 }
+function createComponent(nameOfComponent) {
+}
 function selectTheNameOfTheComponent() {
     list.on("select", (ontions) => {
         shelljs_1.default.echo(chalk_1.default.yellow("select the name of the component."));

templates/FunctionalComponent.tsx

@@ -0,0 +1,12 @@
+interface FunctionalComponentsProps {
+
+}
+
+const FunctionalComponents: React.FC<FunctionalComponentsProps> = () => {
+  return (
+    <div></div>
+  )
+}
+
+export default FunctionalComponents
+