fix CamelCase issue

bin/build.js

@@ -44,10 +44,11 @@ const generateIndex = () => {
 }
 
 // generate attributes code
-const attrsToString = (attrs) => {
+const attrsToString = (attrs, style) => {
+ console.log(style)
  return Object.keys(attrs).map((key) => {
  // should distinguish fill or stroke
- if (key === 'width' || key === 'height' || key === 'fill' || key === 'stroke') {
+ if (key === 'width' || key === 'height' || key === style) {
  return key + '={' + attrs[key] + '}';
  }
  if (key === 'otherProps') {
@@ -66,7 +67,7 @@ const generateIconCode = async ({name}) => {
  const code = fs.readFileSync(location)
  const svgCode = await processSvg(code)
  const ComponentName = names.componentName
- const element = getElementCode(ComponentName, attrsToString(getAttrs(names.style)), svgCode)
+ const element = getElementCode(ComponentName, attrsToString(getAttrs(names.style), names.style), svgCode)
  const component = format({
  text: element,
  eslintConfig: {

bin/processSvg.js

@@ -50,8 +50,8 @@ async function processSvg(svg) {
  // remove semicolon inserted by prettier
  // because prettier thinks it's formatting JSX not HTML
  .then(svg => svg.replace(/;/g, ''))
- .then(svg => svg.replace(/([a-z]+)-([a-z]+)=/g, (_, a, b) => `${a}${CamelCase(b)}=`))
  .then(removeSVGElement)
+ .then(svg => svg.replace(/([a-z]+)-([a-z]+)=/g, (_, a, b) => `${a}${CamelCase(b)}=`))
  return optimized;
 }
 

bin/template.js

@@ -10,6 +10,7 @@ const getAttrs = (style) => {
  otherProps: '...otherProps'
  }
  const strokeAttrs = {
+ fill: 'none',
  stroke: 'color',
  strokeWidth: 2,
  strokeLinecap: 'round',