Updated plop templates to align with lint

plop-templates/Component/Component.test.ts.hbs

@@ -5,4 +5,4 @@ describe("{{pascalCase name}}", () => {
    it("renders without error", () => {
 
    })
-})
+})

plop-templates/Component/Component.tsx.hbs

@@ -3,12 +3,8 @@ import "./{{pascalCase name}}.component.scss"
 
 interface {{pascalCase name}}Props {}
 
-const {{pascalCase name}} = props => {
-  return (
-    <div className="c-{{pascalCase name}}">
-      In Component {{pascalCase name}}
-    </div>
-  )
+const {{pascalCase name}} = (props: {{pascalCase name}}Props): JSX.Element => {
+  return <div className="c-{{pascalCase name}}">In Component {{pascalCase name}}</div>
 }
 
-export default {{pascalCase name}}
+export default {{pascalCase name}}

plop-templates/Component/index.ts.hbs

@@ -1,3 +1,3 @@
 import {{pascalCase name}} from "./{{pascalCase name}}.jsx"
 
-export default {{pascalCase name}}
+export default {{pascalCase name}}

plop-templates/Page/Page.test.ts.hbs

@@ -5,4 +5,4 @@ describe("{{pascalCase name}}", () => {
    it("renders without error", () => {
 
    })
-})
+})

plop-templates/Page/Page.tsx.hbs

@@ -3,12 +3,8 @@ import "./{{pascalCase name}}.module.scss"
 
 interface {{pascalCase name}}Props {}
 
-const {{pascalCase name}} = props => {
-  return (
-    <div className="c-{{pascalCase name}}">
-      In Page {{pascalCase name}}
-    </div>
-  )
+const {{pascalCase name}} = (props: {{pascalCase name}}Props): JSX.Element => {
+  return <div className="c-{{pascalCase name}}">In Page {{pascalCase name}}</div>
 }
 
-export default {{pascalCase name}}
+export default {{pascalCase name}}

plop-templates/injectable-index.ts.hbs

@@ -2,4 +2,4 @@
 
 export {
   /* PLOP_INJECT_EXPORT */
-}
+}