Fix styles file name

Author: vs-cristian

src/core/FileService.ts

@@ -32,12 +32,12 @@ export class FileService {
   }
 
   genStyle(template: string) {
-    const filePath = this.getFilePath(EXT.style, 'style');
+    const filePath = this.getFilePath(EXT.style, 'styles');
     if (!fs.pathExistsSync(filePath)) {
       fs.writeFileSync(filePath, template);
       Logger.success(
         chalk =>
-          `Successfully generated style file ${chalk.white(path.relative(APP_ROOT, filePath))}`
+          `Successfully generated styles file ${chalk.white(path.relative(APP_ROOT, filePath))}`
       );
     } else {
       Logger.warn(chalk => `File already exists ${chalk.white(filePath)}`);

src/core/temlpates/components/ComponentTemplate.ts

@@ -6,7 +6,7 @@ import { generateHooks } from '../shared';
 
 export class ComponentTemplate extends TemplateBase implements Template {
   getStyleImportStringLiteral() {
-    const name = `${this.vars.fileName}.styles.${this.vars.ext.style}`;
+    const name = `./${this.vars.fileName}.styles.${this.vars.ext.style}`;
     return t.stringLiteral(name);
   }