Improve eslint/tsconfig in svelte projects

Author: lachlancollins

packages/svelte-query-devtools/.eslintrc.cjs

@@ -1,19 +1,17 @@
-// @ts-check
-
 /** @type {import('eslint').Linter.Config} */
 const config = {
   parser: '@typescript-eslint/parser',
   parserOptions: {
     tsconfigRootDir: __dirname,
-    project: './tsconfig.eslint.json',
+    project: './tsconfig.json',
     sourceType: 'module',
     extraFileExtensions: ['.svelte'],
   },
   rules: {
     'react-hooks/rules-of-hooks': 'off',
   },
   extends: ['plugin:svelte/recommended', '../../.eslintrc'],
-  ignorePatterns: ['*.config.*', '**/build/*', '**/.svelte-kit/*'],
+  ignorePatterns: ['*.config.*', '*.setup.*', '**/build/*'],
   overrides: [
     {
       files: ['*.svelte'],

packages/svelte-query-devtools/tsconfig.eslint.json

@@ -26,5 +26,5 @@
     "target": "esnext",
     "tsBuildInfoFile": "./build/.tsbuildinfo"
   },
-  "include": ["src", "src/**/*.svelte"]
+  "include": ["src/**/*.js", "src/**/*.ts", "src/**/*.svelte", ".eslintrc.cjs", "vite.config.ts"]
 }

packages/svelte-query-devtools/tsconfig.json

@@ -1,8 +1,8 @@
 import { svelte } from '@sveltejs/vite-plugin-svelte';
 import path from 'path';
-import type { UserConfig } from 'vite';
+import { defineConfig } from 'vite';
 
-const config: UserConfig = {
+export default defineConfig({
   plugins: [svelte()],
   resolve: {
     alias: {
@@ -11,6 +11,4 @@ const config: UserConfig = {
       "@tanstack/svelte-query": path.resolve(__dirname, '..', 'svelte-query', 'src'),
     }
   }
-};
-
-export default config;
+});

packages/svelte-query-devtools/vite.config.ts

@@ -1,19 +1,17 @@
-// @ts-check
-
 /** @type {import('eslint').Linter.Config} */
 const config = {
   parser: '@typescript-eslint/parser',
   parserOptions: {
     tsconfigRootDir: __dirname,
-    project: './tsconfig.eslint.json',
+    project: './tsconfig.json',
     sourceType: 'module',
     extraFileExtensions: ['.svelte'],
   },
   rules: {
     'react-hooks/rules-of-hooks': 'off',
   },
   extends: ['plugin:svelte/recommended', '../../.eslintrc'],
-  ignorePatterns: ['*.config.*', '**/build/*', '**/.svelte-kit/*'],
+  ignorePatterns: ['*.config.*', '*.setup.*', '**/build/*'],
   overrides: [
     {
       files: ['*.svelte'],

packages/svelte-query/.eslintrc.cjs

@@ -27,5 +27,5 @@
     "tsBuildInfoFile": "./build/.tsbuildinfo",
     "types": ["vitest/globals", "@testing-library/jest-dom"]
   },
-  "include": ["src", "src/**/*.svelte"]
+  "include": ["src/**/*.js", "src/**/*.ts", "src/**/*.svelte", ".eslintrc.cjs", "vite.config.ts"]
 }

packages/svelte-query/.gitignore

@@ -1,8 +1,8 @@
 import { svelte } from '@sveltejs/vite-plugin-svelte';
 import path from 'path';
-import type { UserConfig } from 'vite';
+import { defineConfig } from 'vite';
 
-const config: UserConfig = {
+export default defineConfig({
   plugins: [svelte()],
   resolve: {
     alias: {
@@ -17,6 +17,4 @@ const config: UserConfig = {
     include: ['src/**/*.{test,spec}.{js,ts}'],
     setupFiles: ['vitest.setup.ts']
   }
-};
-
-export default config;
+});