💄 using PascalCase for component name

Author: David-Desmaisons

generator/index.js

@@ -2,6 +2,7 @@ const { rename, renameFiles, updateFile } = require('./fileHelper')
 const { updateExample } = require('./componentFixtureHelper')
 const readmeUpdater = require('./readmeUpdater');
 const licenseList = require('spdx-license-list/full');
+const camelCase = require('camelcase');
 
 function buildPrePublishOnly({ useVueStyleguidist, useVueDoc, useLint }) {
   const scripts = []
@@ -23,10 +24,13 @@ function replaceInLicense(licenseTextTemplate, sourceText, newText) {
     .replace(new RegExp(`\\[${sourceText}\\]`), newText)
 }
 
-module.exports = (api, { addBadges, addLicense, componentName, copyrightHolders, licenseName, useComponentFixture, useVueDoc, useVueStyleguidist }) => {
+module.exports = (api, context) => {
+  const { addBadges, addLicense, componentName, copyrightHolders, licenseName, useComponentFixture, useVueDoc, useVueStyleguidist } = context
   const useLint = api.hasPlugin('eslint')
   const usesTypescript = api.hasPlugin('typescript')
   const extension = usesTypescript ? 'ts' : 'js'
+  componentName = camelCase(componentName, { pascalCase: true });
+  context.componentName = componentName
   const packageName = api.generator.pkg.name
   const context = { addBadges, addLicense, componentName, licenseName, packageName, useComponentFixture, useLint, useVueDoc, useVueStyleguidist }
 

package-lock.json

@@ -25,6 +25,7 @@
   "dependencies": {
     "@types/node": "^10.5.2",
     "@vue/cli-shared-utils": "^3.0.0-rc.5",
+    "camelcase": "^5.0.0",
     "git-user-name": "^2.0.0",
     "spdx-license-list": "^4.1.0"
   },

package.json

@@ -1,4 +1,5 @@
 
+const camelCase = require('camelcase');
 const licensesInformation = require('spdx-license-list/spdx-simple.json')
 const licenses = licensesInformation.map(name => ({
   name,
@@ -9,7 +10,7 @@ const prompts = module.exports = [
   {
     type: 'input',
     name: 'componentName',
-    message: 'Enter the component name (in CamelCase- no hyphen or dash):'
+    message: 'Enter the component name (in PascalCase- no hyphen nor dash):'
   },
   {
     type: 'confirm',
@@ -65,6 +66,6 @@ const prompts = module.exports = [
 ]
 
 module.exports.getPrompts = pkg => {
-  prompts[0].default = pkg.name
+  prompts[0].default = camelCase(pkg.name, {pascalCase: true});
   return prompts
 }