Upgrade ESLint

.github/workflows/node.js.yml

@@ -1,27 +1,22 @@
-# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
-
-name: Build Passing
+name: Node.js CI
 
 on:
   push:
-    branches: [ main ]
+    branches: [ "main" ]
   pull_request:
-    branches: [ main ]
+    branches: [ "main" ]
 
 jobs:
   build:
 
     runs-on: ubuntu-latest
 
-    strategy:
-      matrix:
-        node-version: [14.x]
-
     steps:
-    - uses: actions/checkout@v2
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
-      with:
-        node-version: ${{ matrix.node-version }}
-    - run: npm install
-    - run: npm run validate
+    - uses: actions/[email protected]
+    - uses: volta-cli/[email protected]
+    - run: node -v
+    - run: npm -v
+    - run: npm ci
+    - run: npm run lint
+    - run: npm run sasslint
+    - run: npm run test

.gitignore

@@ -58,6 +58,4 @@ typings/
 .env
 
 dist/
-package-lock.json
-
-Start dev.lnk
+Start dev.lnk

_components/base-card.vue

@@ -4,36 +4,53 @@
     class="card"
   >
     <div class="card-header">
-      <a v-if="tool.url" :href="tool.url" target="_blank" rel="noopener noreferrer">{{ tool.title }}</a>
+      <a
+        v-if="tool.url"
+        :href="tool.url"
+        target="_blank"
+        rel="noopener noreferrer"
+      >{{ tool.title }}</a>
       <span v-else>{{ tool.title }}</span>
-      <span class="expand" @click="$emit('expandcard', tool)">
+      <span
+        class="expand"
+        @click="$emit('expandcard', tool)"
+      >
         <svg
           xmlns="http://www.w3.org/2000/svg"
           width="16"
           height="16"
           role="img"
           aria-label="Expand this card, hiding the rest. Updates URL for linking to this tool."
         >
-          <path d="M16 0H9.5L12 2.5l-3 3L10.5 7l3-3L16 6.5zM16 16V9.5L13.5 12l-3-3L9 10.5l3 3L9.5 16zM0 16h6.5L4 13.5l3-3L5.5 9l-3 3L0 9.5zM0 0v6.5L2.5 4l3 3L7 5.5l-3-3L6.5 0z"/>
+          <path
+            d="M16 0H9.5L12 2.5l-3 3L10.5 7l3-3L16 6.5zM16 16V9.5L13.5 12l-3-3L9 10.5l3 3L9.5 16zM0 16h6.5L4 13.5l3-3L5.5 9l-3 3L0 9.5zM0 0v6.5L2.5 4l3 3L7 5.5l-3-3L6.5 0z"
+          />
         </svg>
       </span>
-      <span class="shrink" @click="$emit('shrinkcard')">
+      <span
+        class="shrink"
+        @click="$emit('shrinkcard')"
+      >
         <svg
           xmlns="http://www.w3.org/2000/svg"
           width="16"
           height="16"
           role="img"
           aria-label="Shrink the size of the card and show other tools. Updates URL to no longer be just for this tool."
         >
-          <path d="M9 7h6.5L13 4.5l3-3L14.5 0l-3 3L9 .5zM9 9v6.5l2.5-2.5 3 3 1.5-1.5-3-3L15.5 9zM7 9H.5L3 11.5l-3 3L1.5 16l3-3L7 15.5zM7 7V.5L4.5 3l-3-3L0 1.5l3 3L.5 7z"/>
+          <path
+            d="M9 7h6.5L13 4.5l3-3L14.5 0l-3 3L9 .5zM9 9v6.5l2.5-2.5 3 3 1.5-1.5-3-3L15.5 9zM7 9H.5L3 11.5l-3 3L1.5 16l3-3L7 15.5zM7 7V.5L4.5 3l-3-3L0 1.5l3 3L.5 7z"
+          />
         </svg>
       </span>
     </div>
 
     <div class="card-body">
       <a
         v-if="tool.logo && tool.url"
-        :href="tool.url" target="_blank" rel="noopener noreferrer"
+        :href="tool.url"
+        target="_blank"
+        rel="noopener noreferrer"
       ><img
         :src="'_imgs/logos/' + tool.logo"
         :alt="tool.title + ' logo'"
@@ -112,7 +129,12 @@
             :key="'framework' + frameworkIndex"
           >
             {{ framework.framework }} -
-            <a v-if="framework.url" :href="framework.url" target="_blank" rel="noopener noreferrer">{{ framework.title }}</a>
+            <a
+              v-if="framework.url"
+              :href="framework.url"
+              target="_blank"
+              rel="noopener noreferrer"
+            >{{ framework.title }}</a>
             <span v-else>{{ framework.title }}</span>
           </li>
         </ul>
@@ -127,7 +149,12 @@
             :key="'subTool' + subToolIndex"
           >
             {{ subTool.type }} -
-            <a v-if="subTool.url" :href="subTool.url" target="_blank" rel="noopener noreferrer">{{ subTool.title }}</a>
+            <a
+              v-if="subTool.url"
+              :href="subTool.url"
+              target="_blank"
+              rel="noopener noreferrer"
+            >{{ subTool.title }}</a>
             <span v-else>{{ subTool.title }}</span>
           </li>
         </ul>
@@ -142,7 +169,12 @@
             :key="'tutorial' + tutorialIndex"
           >
             <strong>{{ tutorial.site }}</strong> -
-            <a v-if="tutorial.url" :href="tutorial.url" target="_blank" rel="noopener noreferrer">{{ tutorial.title }}</a>
+            <a
+              v-if="tutorial.url"
+              :href="tutorial.url"
+              target="_blank"
+              rel="noopener noreferrer"
+            >{{ tutorial.title }}</a>
             <span v-else>{{ tutorial.title }}</span>
             {{ ' ' }}
             <em v-if="tutorial.author">by {{ tutorial.author }}</em>
@@ -156,7 +188,11 @@
 
 <script>
 export default {
-  name: 'base-card',
+  name: 'BaseCard',
+  emits: [
+    'expandcard',
+    'shrinkcard'
+  ],
   props: {
     tool: {
       type: Object,

_components/github-corner.vue

@@ -11,6 +11,6 @@
 
 <script>
 export default {
-  name: 'github-corner'
+  name: 'GithubCorner'
 };
 </script>

_components/minus.vue

@@ -1,14 +1,17 @@
 <template>
   <span
     v-if="index === tool[name].length - 1"
-    @click="remove(name)"
     class="minus"
+    @click="$emit('remove', name)"
   >-</span>
 </template>
 
 <script>
 export default {
-  name: 'minus',
+  name: 'MinusButton',
+  emits: [
+    'remove'
+  ],
   props: {
     name: {
       type: String,
@@ -22,11 +25,6 @@ export default {
       type: Object,
       required: true
     }
-  },
-  methods: {
-    remove: function (section) {
-      this.tool[section].pop();
-    }
   }
 };
 </script>

_components/news-alerts.vue

@@ -15,7 +15,7 @@
 
 <script>
 export default {
-  name: 'news-alerts',
+  name: 'NewsAlerts',
   data: function () {
     return {
       currentStory: 0,

_components/site-logo.vue

@@ -8,6 +8,6 @@
 
 <script>
 export default {
-  name: 'site-logo'
+  name: 'SiteLogo'
 };
 </script>

_components/unreviewed-card.vue

@@ -26,7 +26,7 @@
 
 <script>
 export default {
-  name: 'unreviewed-card',
+  name: 'UnreviewedCard',
   data: function () {
     return {
       tools: [

_scripts/admin.js

@@ -1,4 +1,3 @@
-// eslint-disable-next-line no-unused-vars
 const admin = Vue.createApp({
   components: {
     'site-logo': httpVueLoader('_components/site-logo.vue'),
@@ -128,6 +127,9 @@ const admin = Vue.createApp({
       });
 
       return itemsArray.join(', ');
+    },
+    minusByToolName: function (name) {
+      this.tool[name].pop();
     }
   },
   filters: {

_scripts/beautify-json.js

@@ -14,7 +14,7 @@ function beautifyJSON (val) {
 
   function getOwnEnumPropSymbols (object) {
     return Object.getOwnPropertySymbols(object).filter(function (keySymbol) {
-      return object.propertyIsEnumerable(keySymbol);
+      return Object.prototype.propertyIsEnumerable.call(object, keySymbol);
     });
   }
 
@@ -34,13 +34,15 @@ function beautifyJSON (val) {
       return '"[Circular]"';
     }
 
-    if (val === null ||
+    if (
+      val === null ||
       val === undefined ||
       typeof val === 'number' ||
       typeof val === 'boolean' ||
       typeof val === 'function' ||
       typeof val === 'symbol' ||
-      isRegexp(val)) {
+      isRegexp(val)
+    ) {
       return String(val);
     }
 

_scripts/helpers.js

@@ -1,5 +1,4 @@
-// eslint-disable-next-line no-unused-vars
-let helpers = {
+window.helpers = {
   parseToolsData: function (responseData) {
     let data = [];
     let networkError = false;
@@ -157,7 +156,7 @@ let helpers = {
     if (params.languages) {
       try {
         params.languages = JSON.parse(decodeURI(params.languages));
-      } catch (err) {
+      } catch {
         console.log('Could not parse language filters: ' + params.languages);
       }
       if (!Array.isArray(params.languages)) {
@@ -168,7 +167,7 @@ let helpers = {
     if (params.platforms) {
       try {
         params.platforms = JSON.parse(decodeURI(params.platforms));
-      } catch (err) {
+      } catch {
         console.log('Could not parse platfrom filters: ' + params.platforms);
       }
       if (!Array.isArray(params.platforms)) {
@@ -184,10 +183,6 @@ let helpers = {
   }
 };
 
-if (typeof(module) !== 'undefined') {
-  module.exports = helpers;
-}
-
 window.httpVueLoader = function (componentPath) {
   const sfcLoaderOptions = {
     moduleCache: {