feat(eslint): add more rules

Author: imrim12

.eslintrc.js

@@ -11,10 +11,91 @@ module.exports = {
   extends: [
     '@nuxtjs',
     'plugin:nuxt/recommended',
-    'prettier'
+    'plugin:vue/strongly-recommended',
+    'plugin:vue/recommended',
+    'prettier',
   ],
   plugins: [
   ],
   // add your custom rules here
-  rules: {}
+  rules: {
+    'no-multiple-empty-lines': ['error', { max: 1, maxEOF: 1 }],
+    'padding-line-between-statements': [
+      'error',
+      { blankLine: 'always', prev: '*', next: 'return' },
+      { blankLine: 'always', prev: '*', next: 'export' },
+    ],
+    'vue/component-definition-name-casing': 'error',
+    'vue/array-bracket-spacing': 'error',
+    'vue/arrow-spacing': 'error',
+    'vue/block-spacing': 'error',
+    'vue/brace-style': 'error',
+    'vue/camelcase': 'error',
+    'vue/comma-dangle': ['error', 'always-multiline'],
+    'vue/eqeqeq': [
+      'error',
+      'always',
+      {
+        null: 'always',
+      },
+    ],
+    'vue/key-spacing': 'error',
+    'vue/keyword-spacing': 'error',
+    'vue/no-boolean-default': ['error', 'default-false'],
+    'vue/no-deprecated-scope-attribute': 'error',
+    'vue/no-empty-pattern': 'error',
+    'vue/object-curly-spacing': ['error', 'always'],
+    'vue/padding-line-between-blocks': 'error',
+    'vue/space-infix-ops': 'error',
+    'vue/space-unary-ops': 'error',
+    'vue/v-on-function-call': 'error',
+    'vue/order-in-components': 'error',
+    'vue/v-slot-style': [
+      'error',
+      {
+        atComponent: 'v-slot',
+        default: 'v-slot',
+        named: 'longform',
+      },
+    ],
+    'vue/valid-v-slot': [
+      'error',
+      {
+        allowModifiers: true,
+      },
+    ],
+    'vue/require-default-prop': 'off',
+    'vue/singleline-html-element-content-newline': 'off',
+    'vue/html-self-closing': [
+      'error',
+      {
+        html: {
+          void: 'any',
+          normal: 'always',
+          component: 'always',
+        },
+        svg: 'always',
+        math: 'always',
+      },
+    ],
+    'vue/custom-event-name-casing': ['error', 'kebab-case'],
+    'vue/v-on-event-hyphenation': ['error', 'always'],
+    'vue/attribute-hyphenation': ['error', 'always'],
+    'vue/prop-name-casing': ['error', 'camelCase'],
+    'vue/no-lone-template': 'off',
+    'vue/html-indent': 'error',
+    'vue/max-attributes-per-line': ['error', {
+      singleline: {
+        max: 3,
+        allowFirstLine: true,
+      },
+      multiline: {
+        max: 1,
+        allowFirstLine: false,
+      },
+    }],
+    'quote-props': [2, 'consistent-as-needed'],
+    'vue/component-name-in-template-casing': ['error', 'PascalCase'],
+    'vue/dot-location': ['error', 'property'],
+  }
 }

components/base/ExampleBase.vue

@@ -3,11 +3,11 @@
 </template>
 
 <script>
-import { defineComponent } from '@nuxtjs/composition-api';
+import { defineComponent } from '@nuxtjs/composition-api'
 
 export default defineComponent({
   name: '',
   props: {},
   setup() {},
-});
+})
 </script>

components/base/NuxtLogo.vue

@@ -10,7 +10,6 @@
       >
         {{ $t('changeLocale') }}
       </el-button>
-
       <el-button
         v-else
         key="vi-button"
@@ -30,11 +29,11 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from '@nuxtjs/composition-api';
+import { defineComponent } from '@nuxtjs/composition-api'
 
 export default defineComponent({
   name: 'IndexPage',
-});
+})
 </script>
 
 <style lang="scss" module>