chore: extract eslint config to separate file, lint vue files

Author: DamianOsipiuk

.eslintrc.json

@@ -0,0 +1,20 @@
+{
+  "root": true,
+  "env": {
+    "node": true
+  },
+  "extends": [
+    "plugin:vue/vue3-essential",
+    "eslint:recommended",
+    "@vue/typescript/recommended",
+    "@vue/prettier",
+    "@vue/prettier/@typescript-eslint"
+  ],
+  "parserOptions": {
+    "ecmaVersion": 2020
+  },
+  "rules": {
+    "no-console": "warn",
+    "no-debugger": "warn"
+  }
+}

package.json

@@ -9,7 +9,7 @@
   ],
   "scripts": {
     "build": "rollup -c rollup.config.ts",
-    "lint": "eslint ./src/** ./tests/**",
+    "lint": "eslint ./src/**/*.{ts,vue} ./tests/**/*.{ts,vue}",
     "prepare": "npm run build",
     "test": "jest"
   },
@@ -69,25 +69,5 @@
     "typescript": "^4.2.3",
     "vue": "^3.0.7",
     "vue-jest": "^5.0.0-alpha.7"
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/vue3-essential",
-      "eslint:recommended",
-      "@vue/typescript/recommended",
-      "@vue/prettier",
-      "@vue/prettier/@typescript-eslint"
-    ],
-    "parserOptions": {
-      "ecmaVersion": 2020
-    },
-    "rules": {
-      "no-console": "warn",
-      "no-debugger": "warn"
-    }
   }
 }

src/devtools/Devtools.vue

@@ -48,7 +48,6 @@ export default defineComponent({
     };
 
     const handleDragStart = (event: MouseEvent) => {
-      console.log("drag start", panelRef.value);
       if (event.button !== 0) return; // Only allow left click for drag
 
       isResizing.value = true;

src/devtools/components/QueryOptions.vue

@@ -8,6 +8,7 @@ import { sortFns } from "../utils";
 export default defineComponent({
   name: "QueryOptions",
   emits: {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     optionsChange: (_options: Options) => true,
   },
   setup(_props, { emit }) {

src/shims-vue.d.ts

@@ -1,6 +1,6 @@
 declare module "*.vue" {
   import { DefineComponent } from "vue";
-  // eslint-disable-next-line @typescript-eslint/ban-types
+  // eslint-disable-next-line @typescript-eslint/ban-types, @typescript-eslint/no-explicit-any
   const component: DefineComponent<{}, {}, any>;
   export default component;
 }

tests/useIsMutating.test.ts

@@ -2,7 +2,7 @@ import { onUnmounted } from "vue-demi";
 import { QueryClient, setLogger } from "react-query/core";
 import { useMutation } from "../src/useMutation";
 import { useIsMutating } from "../src/useIsMutating";
-import { flushPromises, simpleFetcher, noop, successMutator } from "./utils";
+import { flushPromises, noop, successMutator } from "./utils";
 
 jest.mock("vue", () => {
   const vue = jest.requireActual("vue");