Add eslint config and apply linter changes

Signed-off-by: Olga Bulat <obulat@gmail.com>

Author: obulat

.eslintrc.js

@@ -0,0 +1,30 @@
+module.exports = {
+    root: true,
+    env: {
+        node: true
+    },
+    'extends': [
+        'plugin:vue/essential',
+        '@vue/standard'
+    ],
+    rules: {
+        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+        'indent': ['error', 4],
+        'space-before-function-paren': ['warn', 'never']
+    },
+    parserOptions: {
+        parser: 'babel-eslint'
+    },
+    overrides: [
+        {
+            files: [
+                '**/__tests__/*.{j,t}s?(x)',
+                '**/tests/unit/**/*.spec.{j,t}s?(x)'
+            ],
+            env: {
+                jest: true
+            }
+        }
+    ]
+}

package.json

@@ -31,7 +31,7 @@
   "devDependencies": {
     "@vue/cli-plugin-babel": "^4.1.0",
     "@vue/cli-plugin-e2e-nightwatch": "^4.1.0",
-    "@vue/cli-plugin-eslint": "^4.1.0",
+    "@vue/cli-plugin-eslint": "^4.1.1",
     "@vue/cli-plugin-unit-jest": "^4.1.0",
     "@vue/cli-service": "^4.1.0",
     "@vue/eslint-config-standard": "^4.0.0",
@@ -47,5 +47,10 @@
     "stylus-loader": "^3.0.2",
     "vue-cli-plugin-i18n": "^0.6.0",
     "vue-template-compiler": "^2.6.10"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/creativecommons/cc-chooser.git"
   }
 }

src/components/HTMLGenerator.vue

@@ -124,6 +124,7 @@ export default {
     components: {
         CopyButton,
         LicenseIcons,
+        // eslint-disable-next-line vue/no-unused-components
         LicenseIconography
     },
     data() {

src/components/IconSelector.vue

@@ -44,7 +44,7 @@ export default {
             case 'nc': return 'You let others copy, distribute, display, perform, use, and modify (but not share a modified work if you have chosen NoDerivatives) your work for any purpose other than commercially, unless they get your permission first.'
             case 'nd': return 'You let others copy, distribute, display, perform, use, and modify your work.'
             case 'sa': return 'You let others copy, distribute, perform, and modify your work, as long as they distribute any modified work on the same terms. If they want to distribute modified works under other terms, they must get your permission first.'
-            default: break
+            default: return null
             }
         },
         heading_disallow() {
@@ -69,7 +69,7 @@ export default {
             case 'nd': return "../assets/license-icons/cc-nd-icon.svg"
             case 'nc': return "../assets/license-icons/cc-nc-icon.svg"
             case 'sa': return "../assets/license-icons/cc-sa-icon.svg"
-            default: break
+            default: return null
             /* eslint-enable */
             }
         }

src/components/LicenseIconography.vue

@@ -1,6 +1,6 @@
 <!--
     This component is a near exact copy of
-    the LicenseIconography component from 
+    the LicenseIconography component from
     CC Vocabulary: https://github.com/creativecommons/cc-vocabulary/blob/master/src/elements/LicenseIconography/LicenseIconography.vue
 -->
 <!-- eslint-disable -->
@@ -15,64 +15,64 @@
 </template>
 
 <script>
-  import { library } from '@fortawesome/fontawesome-svg-core'
-  import {
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
     faCreativeCommons,
     faCreativeCommonsBy,
     faCreativeCommonsNc,
     faCreativeCommonsNd,
     faCreativeCommonsSa,
     faCreativeCommonsZero
-  } from '@fortawesome/free-brands-svg-icons/'
-  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-  library.add(
+} from '@fortawesome/free-brands-svg-icons/'
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+library.add(
     faCreativeCommons,
     faCreativeCommonsBy,
     faCreativeCommonsNc,
     faCreativeCommonsNd,
     faCreativeCommonsSa,
     faCreativeCommonsZero
-  )
-  /**
+)
+/**
    * ### License icons are hieroglyphs for the aspects of a license.
    *
    * A license icon represents an aspect of a license such as shareability and
    * commercial usability in pictorial form.
    */
-  export default {
+export default {
     name: 'LicenseIconography',
     components: {
-      FontAwesomeIcon
+        FontAwesomeIcon
     },
     props: {
-      /**
+        /**
        * _the list of icons to display_
        *
        * ⊂ {`''`, `'by'`, `'nc'`, `'nd'`, `'sa'`, `'nc-eu'`, `'nc-jp'`,
        * `'sampling'`, `'sampling-plus'`, `'remix'`, `'share'`, `'zero'`,
        * `'pd'`}
        */
-      iconList: {
-        type: Array,
-        required: true,
-        validator: val => val.every(
-          icon => [
-            '',
-            'by',
-            'nc',
-            'nd',
-            'sa',
-            'zero'
-          ].includes(icon)
-        )
-      }
+        iconList: {
+            type: Array,
+            required: true,
+            validator: val => val.every(
+                icon => [
+                    '',
+                    'by',
+                    'nc',
+                    'nd',
+                    'sa',
+                    'zero'
+                ].includes(icon)
+            )
+        }
     },
     computed: {
-      processedIconList: function () {
-        return this.iconList.map(icon => {
-          return `creative-commons${icon ? '-' : ''}${icon}`
-        })
-      }
+        processedIconList: function() {
+            return this.iconList.map(icon => {
+                return `creative-commons${icon ? '-' : ''}${icon}`
+            })
+        }
     }
-  }
+}
 </script>