Move to eslint-plugin-svelte

Author: probablykasper

.eslintrc.cjs

@@ -1,23 +1,31 @@
 module.exports = {
   root: true,
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:svelte/recommended',
+    'prettier',
+  ],
   parser: '@typescript-eslint/parser',
-  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
-  plugins: ['svelte3', '@typescript-eslint'],
-  overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
-  settings: {
-    'svelte3/typescript': true,
-    'svelte3/ignore-styles': (attributes) => {
-      // https://github.com/sveltejs/eslint-plugin-svelte3/issues/10
-      return attributes && attributes.lang && attributes.lang !== 'css'
-    },
-  },
+  plugins: ['@typescript-eslint'],
+  ignorePatterns: ['*.cjs'],
   parserOptions: {
     sourceType: 'module',
-    ecmaVersion: 2019,
+    ecmaVersion: 2020,
+    extraFileExtensions: ['.svelte'],
   },
   env: {
     browser: true,
     es2017: true,
     node: true,
   },
+  overrides: [
+    {
+      files: ['*.svelte'],
+      parser: 'svelte-eslint-parser',
+      parserOptions: {
+        parser: '@typescript-eslint/parser',
+      },
+    },
+  ],
 }

package.json

@@ -24,7 +24,7 @@
     "date-fns": "^2.29.3",
     "eslint": "^8.39.0",
     "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-svelte3": "^4.0.0",
+    "eslint-plugin-svelte": "^2.27.1",
     "jest": "^29.5.0",
     "mdsvex": "^0.10.6",
     "prettier": "^2.8.8",

src/lib/DatePicker.svelte

@@ -74,6 +74,7 @@
   $: browseYear = browseDate.getFullYear()
   function setYear(newYear: number) {
     browseDate.setFullYear(newYear)
+    /* eslint-disable-next-line no-self-assign */
     browseDate = browseDate
     browse(browseDate)
   }
@@ -282,6 +283,7 @@
       </button>
     </div>
     <div class="header">
+      <!-- eslint-disable-next-line @typescript-eslint/no-unused-vars -->
       {#each Array(7) as _, i}
         {#if i + iLocale.weekStartsOn < 7}
           <div class="header-cell">{iLocale.weekdays[iLocale.weekStartsOn + i]}</div>
@@ -290,6 +292,7 @@
         {/if}
       {/each}
     </div>
+    <!-- eslint-disable-next-line @typescript-eslint/no-unused-vars -->
     {#each Array(6) as _, weekIndex}
       <div class="week">
         {#each calendarDays.slice(weekIndex * 7, weekIndex * 7 + 7) as calendarDay}