Update scripts

build/generate.js

@@ -1,32 +1,35 @@
-const path = require('path')
-const fs = require('fs-plus')
-const cheerio = require('cheerio')
-const upperCamelCase = require('uppercamelcase')
+const path = require("path");
+const fs = require("fs-plus");
+const cheerio = require("cheerio");
+const upperCamelCase = require("uppercamelcase");
 
-const iconsComponentPath = path.join(process.cwd(), 'icons')
-const iconsIndexPath = path.join(process.cwd(), 'index.js')
-const uniconsConfig = require('@iconscout/unicons/json/line.json')
+const iconsComponentPath = path.join(process.cwd(), "icons");
+const iconsIndexPath = path.join(process.cwd(), "index.js");
+const uniconsConfig = require("@iconscout/unicons/json/line.json");
 
 // Clear Directories
-fs.removeSync(iconsComponentPath)
-fs.mkdirSync(iconsComponentPath)
+fs.removeSync(iconsComponentPath);
+fs.mkdirSync(iconsComponentPath);
 
-const indexJs = []
+const indexJs = [];
 
-uniconsConfig.forEach(icon => {
-  const baseName = `uil-${icon.name}`
-  const location = path.join(iconsComponentPath, `${baseName}.vue`)
-  const name = upperCamelCase(baseName)
-  const svgFile = fs.readFileSync(path.resolve('node_modules/@iconscout/unicons', icon.svg), 'utf-8')
+uniconsConfig.forEach((icon) => {
+	const baseName = `uil-${icon.name}`;
+	const location = path.join(iconsComponentPath, `${baseName}.vue`);
+	const name = upperCamelCase(baseName);
+	const svgFile = fs.readFileSync(
+		path.resolve("node_modules/@iconscout/unicons", icon.svg),
+		"utf-8"
+	);
 
-  let data = svgFile.replace(/<svg[^>]+>/gi, '').replace(/<\/svg>/gi, '')
-  // Get Path Content from SVG
-  const $ = cheerio.load(data, {
-    xmlMode: true
-  })
-  const svgPath = $('path').attr('d')
+	let data = svgFile.replace(/<svg[^>]+>/gi, "").replace(/<\/svg>/gi, "");
+	// Get Path Content from SVG
+	const $ = cheerio.load(data, {
+		xmlMode: true,
+	});
+	const svgPath = $("path").attr("d");
 
-  const template = `<template>
+	const template = `<template>
   <svg
     v-bind="$attrs"
     :width="size"
@@ -46,21 +49,23 @@ uniconsConfig.forEach(icon => {
 import '../utils/style.css'
 
 export default {
+  name: "${name}",
   props: {
     size: {
       type: String,
       default: '1em'
     }
   }
 }
-</script>`
+</script>`;
 
-  fs.writeFileSync(location, template, 'utf-8')
+	fs.writeFileSync(location, template, "utf-8");
 
-  // Add it to index.js
-})
-	indexJs.push(`export { default as ${name} } from './icons/${baseName}.vue'`);
+	// Add it to index.js
+	indexJs.push(`export { ${name} } from './icons/${baseName}.vue'`);
+});
+console.log(indexJs);
 
-fs.writeFileSync(iconsIndexPath, indexJs.join('\n'), 'utf-8')
+fs.writeFileSync(iconsIndexPath, indexJs.join("\n"), "utf-8");
 
-console.log(`Generated ${uniconsConfig.length} icon components.`)
+console.log(`Generated ${uniconsConfig.length} icon components.`);

icons/uil-0-plus.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "Uil0Plus",
   props: {
     size: {
       type: String,

icons/uil-10-plus.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "Uil10Plus",
   props: {
     size: {
       type: String,

icons/uil-12-plus.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "Uil12Plus",
   props: {
     size: {
       type: String,

icons/uil-13-plus.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "Uil13Plus",
   props: {
     size: {
       type: String,

icons/uil-16-plus.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "Uil16Plus",
   props: {
     size: {
       type: String,

icons/uil-17-plus.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "Uil17Plus",
   props: {
     size: {
       type: String,

icons/uil-18-plus.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "Uil18Plus",
   props: {
     size: {
       type: String,

icons/uil-21-plus.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "Uil21Plus",
   props: {
     size: {
       type: String,

icons/uil-3-plus.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "Uil3Plus",
   props: {
     size: {
       type: String,

icons/uil-500px.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "Uil500px",
   props: {
     size: {
       type: String,

icons/uil-6-plus.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "Uil6Plus",
   props: {
     size: {
       type: String,

icons/uil-abacus.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAbacus",
   props: {
     size: {
       type: String,

icons/uil-accessible-icon-alt.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAccessibleIconAlt",
   props: {
     size: {
       type: String,

icons/uil-adjust-alt.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAdjustAlt",
   props: {
     size: {
       type: String,

icons/uil-adjust-circle.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAdjustCircle",
   props: {
     size: {
       type: String,

icons/uil-adjust-half.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAdjustHalf",
   props: {
     size: {
       type: String,

icons/uil-adjust.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAdjust",
   props: {
     size: {
       type: String,

icons/uil-adobe-alt.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAdobeAlt",
   props: {
     size: {
       type: String,

icons/uil-adobe.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAdobe",
   props: {
     size: {
       type: String,

icons/uil-airplay.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAirplay",
   props: {
     size: {
       type: String,

icons/uil-align-alt.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAlignAlt",
   props: {
     size: {
       type: String,

icons/uil-align-center-alt.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAlignCenterAlt",
   props: {
     size: {
       type: String,

icons/uil-align-center-h.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAlignCenterH",
   props: {
     size: {
       type: String,

icons/uil-align-center-justify.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAlignCenterJustify",
   props: {
     size: {
       type: String,

icons/uil-align-center-v.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAlignCenterV",
   props: {
     size: {
       type: String,

icons/uil-align-center.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAlignCenter",
   props: {
     size: {
       type: String,

icons/uil-align-justify.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAlignJustify",
   props: {
     size: {
       type: String,

icons/uil-align-left-justify.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAlignLeftJustify",
   props: {
     size: {
       type: String,

icons/uil-align-left.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAlignLeft",
   props: {
     size: {
       type: String,

icons/uil-align-letter-right.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAlignLetterRight",
   props: {
     size: {
       type: String,

icons/uil-align-right-justify.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAlignRightJustify",
   props: {
     size: {
       type: String,

icons/uil-align-right.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAlignRight",
   props: {
     size: {
       type: String,

icons/uil-align.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAlign",
   props: {
     size: {
       type: String,

icons/uil-amazon.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAmazon",
   props: {
     size: {
       type: String,

icons/uil-ambulance.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAmbulance",
   props: {
     size: {
       type: String,

icons/uil-analysis.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAnalysis",
   props: {
     size: {
       type: String,

icons/uil-analytics.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAnalytics",
   props: {
     size: {
       type: String,

icons/uil-anchor.vue

@@ -18,6 +18,7 @@
 import '../utils/style.css'
 
 export default {
+  name: "UilAnchor",
   props: {
     size: {
       type: String,