Update eslint to use typescript

Author: kimuraz

.eslintrc.js

@@ -5,27 +5,15 @@ module.exports = {
   env: {
     browser: true,
   },
-  extends: ['airbnb-base', 'plugin:vue/recommended'],
+  extends: [ 
+    "eslint:recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended"
+  ],
   // required to lint *.vue files
-  plugins: ['html'],
+  plugins: ['@typescript-eslint'],
   // add your custom rules here
   rules: {
-    // don't require .vue extension when importing
-    'import/extensions': [
-      'error',
-      'always',
-      {
-        js: 'never',
-        vue: 'never',
-      },
-    ],
-    // allow optionalDependencies
-    'import/no-extraneous-dependencies': [
-      'error',
-      {
-        optionalDependencies: ['test/unit/index.js'],
-      },
-    ],
     // allow debugger during development
     'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
     'arrow-parens': 'off',

package.json

@@ -9,7 +9,7 @@
   "license": "MIT",
   "scripts": {
     "build": "node build.js",
-    "lint": "eslint --ext .js,.vue src",
+    "lint": "eslint --ext .ts src",
     "docs:dev": "vuepress dev docs",
     "docs:build": "vuepress build docs",
     "test": "jest"
@@ -24,6 +24,8 @@
   "devDependencies": {
     "@interactjs/types": "^1.10.17",
     "@tsconfig/recommended": "^1.0.1",
+    "@typescript-eslint/eslint-plugin": "^5.40.1",
+    "@typescript-eslint/parser": "^5.40.1",
     "esbuild": "^0.15.11",
     "eslint": "^8.25.0",
     "eslint-config-airbnb-base": "^15.0.0",
@@ -33,7 +35,7 @@
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-vue": "^9.6.0",
     "typescript": "^4.8.4",
-    "vuepress": "^1.5.0"
+    "vuepress": "^1.9.7"
   },
   "engines": {
     "node": ">= 14.0.0",

src/index.ts

@@ -9,7 +9,7 @@ import resizable from './directives/resizable';
 export { DraggingMixin };
 export { ResizingMixin };
 
-const VueInteract: any = {
+const VueInteract = {
   install: (Vue: Vue) => {
     if (Vue.vueInteractInstalled) {
       return;

src/types/vue.d.ts

@@ -1,8 +1,11 @@
+/* eslint-disable */
 import Vue from 'vue';
 
 declare global {
     interface Vue {
         vueInteractInstalled?: boolean;
         $interact: any | null;
     }
-}
+}
+
+/* eslint-disable */