✨ Use *.rules.js naming

Author: Marek Janča

src/model.ts

@@ -90,7 +90,7 @@ export default class Model {
   createStyleFile(path: string, name: string) {
     const configuration = this.getConfiguration();
     const templates = this.getTemplates();
-    const fullName = `${name}.styles.${configuration.typescript ? "t" : "j"}s`;
+    const fullName = `${name}.rules.${configuration.typescript ? "t" : "j"}s`;
 
     this.createFile(
       path,
@@ -105,7 +105,10 @@ export default class Model {
 
     let content;
     if (fela && !configuration.felaHooks) {
-      content = templatesJavascript.indexFela(componentName, configuration.moduleDependencies);
+      content = templatesJavascript.indexFela(
+        componentName,
+        configuration.moduleDependencies
+      );
     } else {
       content = templatesJavascript.index(componentName);
     }

src/template/component.ts

@@ -6,9 +6,9 @@ export const indexFela = (name, dependencies: boolean) => `${
     : "import { connect as connectFela } from 'react-fela'"
 };
 import ${name} from './${name}';
-import * as styles from './${name}.styles';
+import * as felaRules from './${name}.rules';
 
-export default connectFela(styles)(${name});
+export default connectFela(felaRules)(${name});
 `;
 
 export const felaComponent = (name: string, dependencies: boolean) => `${
@@ -38,10 +38,10 @@ export const felaHookComponent = (name: string, dependencies: boolean) => `${
     : "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useFelaEnhanced } from 'hooks'"
 }
 
-import * as rules from './${name}.styles';
+import * as felaRules from './${name}.rules';
 
 const ${name} = () => {
-    const { styles } = useFelaEnhanced(rules);
+    const { styles } = useFelaEnhanced(felaRules);
 
     return (
         <div className={styles.container}>

src/template/componentsTypescript.ts

@@ -23,12 +23,12 @@ export const felaHookComponent = (name: string, dependencies: boolean) => `${
     : "import React, { FC } from 'react';\nimport { useFelaEnhanced } from 'hooks';"
 }
 
-import * as rules from './${name}.styles';
+import * as felaRules from './${name}.rules';
 
 export interface ${name}Props {}
 
 const ${name}: FC<${name}Props> = () => {
-    const { styles } = useFelaEnhanced(rules);
+    const { styles } = useFelaEnhanced(felaRules);
 
     return (
         <div className={styles.container}>