PackgeDetail: add icons for gulp, webpack, grunt, lint

dmstern · Nov 3, 2018 · a54b09c · a54b09c
1 parent 6186c51
commit a54b09c
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
@@ -63,6 +63,10 @@ export const icons = {
   font: 'fas fa-font',
   license: 'fas fa-file-contract',
   configFile: 'fas fa-clipboard-check',
+  gulp: 'fab fa-gulp',
+  grunt: 'fab fa-grunt',
+  webpack: 'mdi-webpack',
+  fingerUp: 'far fa-hand-point-up',
 };
 
 icons.keywords = icons.tags;

diff --git a/src/views/PackageDetail.vue b/src/views/PackageDetail.vue
@@ -559,6 +559,22 @@ export default class PackageDetail extends Vue {
       return icons.license;
     }
 
+    if (filename.toLowerCase().includes('webpack')) {
+      return icons.webpack;
+    }
+
+    if (filename.toLowerCase().includes('gulp')) {
+      return icons.gulp;
+    }
+
+    if (filename.toLowerCase().includes('lint')) {
+      return icons.fingerUp;
+    }
+
+    if (filename.toLowerCase().includes('grunt')) {
+      return icons.grunt;
+    }
+
     if (filename.toLowerCase() === 'package.json') {
       return icons.packageJson;
     }