fix: fixing generating scss and testid name

juntossomosmais · Mar 28, 2022 · df6210f · df6210f
1 parent c15c089
commit df6210f
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 5 deletions.
diff --git a/dist/jsm-vue-component-generator-0.2.1.vsix b/dist/jsm-vue-component-generator-0.2.1.vsix
diff --git a/dist/jsm-vue-component-generator-0.2.2.vsix b/dist/jsm-vue-component-generator-0.2.2.vsix
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "jsm-vue-component-generator",
   "displayName": "JS+ Vue Componente Generator",
   "description": "Create Vue components folder and files with JS+ style",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "publisher": "juntossomosmais",
   "repository": {
     "type": "git",

diff --git a/src/builders/templates.ts b/src/builders/templates.ts
@@ -1,11 +1,16 @@
-const camelCaseName = (name: string) =>
-  name.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase());
+const camelCaseName = (name: string) => {
+  name = name.charAt(0).toLowerCase() + name.slice(1);
+  name = name.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase());
+
+  return name;
+};
 
 export const TEMPLATES = (name: string) => {
   return {
     vue: `<template>
-      <div class="${camelCaseName}" data-testid="${camelCaseName}>
-      </div>
+  <div class="${camelCaseName(name)}" data-testid="${camelCaseName(
+      name
+    )}"></div>
 </template>
 <script lang="ts">
 import Vue from 'vue'