test: add tests

Author: haoqunjiang

.eslintrc.js

@@ -0,0 +1,18 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  extends: [
+    'plugin:vue/essential',
+    'eslint:recommended',
+    require.resolve('./recommended')
+  ],
+
+  overrides: [{
+    files: ['test/**.spec.js'],
+    env: {
+      jest: true
+    }
+  }]
+}

index.js

@@ -5,13 +5,22 @@ module.exports = {
   // in turn delegates to the parser, specified in `parserOptions.parser`:
   // https://github.com/vuejs/eslint-plugin-vue#what-is-the-use-the-latest-vue-eslint-parser-error
   parserOptions: {
-    parser: '@typescript-eslint/parser'
+    parser: '@typescript-eslint/parser',
+    extraFileExtensions: ['.vue'],
+    ecmaFeatures: {
+      jsx: true
+    }
   },
   extends: [
     'plugin:@typescript-eslint/eslint-recommended'
   ],
-  rules: {
-    // The core 'no-unused-vars' rules does not work with type definitions
-    'no-unused-vars': 'off',
-  }
+  overrides: [{
+    files: ['*.ts', '*.tsx'],
+    rules: {
+      // The core 'no-unused-vars' rules (in the eslint:recommeded ruleset)
+      // does not work with type definitions
+      'no-unused-vars': 'off',
+      '@typescript-eslint/no-unused-vars': 'error',
+    }
+  }]
 }

recommended.js

@@ -1,16 +1,18 @@
 module.exports = {
-  extends: ['./index'],
+  extends: [
+    './index',
+    'plugin:@typescript-eslint/recommended'
+  ],
 
+  // the ts-eslint recommended ruleset sets the parser so we need to set it back
+  parser: 'vue-eslint-parser',
+
+  rules: {
+    // this rule, if on, would require explicit return type on the `render` function
+    '@typescript-eslint/explicit-function-return-type': 'off'
+  },
+
   overrides: [
-    {
-      files: ['*.ts', '*.tsx'],
-      // the ts-eslint recommended ruleset sets the parser so we need to set it back
-      parser: 'vue-eslint-parser',
-      extends: ['plugin:@typescript-eslint/recommended'],
-      rules: {
-        '@typescript-eslint/explicit-function-return-type': 'off'
-      }
-    },
     {
       files: ['shims-tsx.d.ts'],
       rules: {

test/default/.eslintrc.js

@@ -0,0 +1,4 @@
+<script>
+const a = 0
+a = 1
+</script>

test/fixtures/allow-js/App.vue

@@ -0,0 +1,2 @@
+let a = b + 1
+export default a

test/fixtures/allow-js/main.js

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "strict": true,
+    "jsx": "preserve",
+    "importHelpers": true,
+    "moduleResolution": "node",
+    "experimentalDecorators": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "sourceMap": true,
+    "baseUrl": ".",
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  },
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    "**/*.vue"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

test/fixtures/allow-js/tsconfig.json

@@ -1,6 +1,6 @@
 <template>
   <div id="app">
-    <img alt="Vue logo" src="./assets/logo.png">
+    <span>Logo</span>
     <HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>
   </div>
 </template>