Add eslint plugin svelte3

.eslintrc.cjs

@@ -11,10 +11,22 @@ module.exports = {
   parserOptions: {
     ecmaVersion: 'latest',
     sourceType: 'module',
+    project: ['./tsconfig.json'],
+    extraFileExtensions: ['.svelte'],
   },
   plugins: [
-    '@typescript-eslint',
+    'svelte3',
+    '@typescript-eslint'
+  ],
+  overrides: [
+    {
+      files: ['*.svelte'],
+      processor: 'svelte3/svelte3'
+    }
   ],
   rules: {
   },
+  settings: {
+    'svelte3/typescript': () => require('typescript'),
+  },
 };

package.json

@@ -22,9 +22,11 @@
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-plugin-import": "^2.25.2",
+    "eslint-plugin-svelte3": "^4.0.0",
     "flowbite": "^1.5.3",
     "flowbite-svelte": "^0.26.7",
     "postcss": "^8.4.14",
+    "postcss-import": "^15.0.0",
     "postcss-load-config": "^4.0.1",
     "sass": "^1.54.8",
     "svelte": "^3.49.0",

pnpm-lock.yaml

@@ -12,9 +12,11 @@ specifiers:
   eslint-config-airbnb-base: ^15.0.0
   eslint-config-airbnb-typescript: ^17.0.0
   eslint-plugin-import: ^2.25.2
+  eslint-plugin-svelte3: ^4.0.0
   flowbite: ^1.5.3
   flowbite-svelte: ^0.26.7
   postcss: ^8.4.14
+  postcss-import: ^15.0.0
   postcss-load-config: ^4.0.1
   sass: ^1.54.8
   svelte: ^3.49.0
@@ -39,9 +41,11 @@ devDependencies:
   eslint-config-airbnb-base: 15.0.0_faomjyrlgqmwswvqymymzkxcqi
   eslint-config-airbnb-typescript: 17.0.0_nwt6qmnsbmuicuvak5hafgwebq
   eslint-plugin-import: 2.26.0_wyxuyzvlfep3lsyoibc4fosfq4
+  eslint-plugin-svelte3: 4.0.0_sc4laremvjv7grvyfrqmp3xv5q
   flowbite: 1.5.3
   flowbite-svelte: 0.26.7
   postcss: 8.4.16
+  postcss-import: 15.0.0_postcss@8.4.16
   postcss-load-config: 4.0.1_postcss@8.4.16
   sass: 1.54.8
   svelte: 3.50.0
@@ -1142,6 +1146,16 @@ packages:
       - supports-color
     dev: true
 
+  /eslint-plugin-svelte3/4.0.0_sc4laremvjv7grvyfrqmp3xv5q:
+    resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==}
+    peerDependencies:
+      eslint: '>=8.0.0'
+      svelte: ^3.2.0
+    dependencies:
+      eslint: 8.23.0
+      svelte: 3.50.0
+    dev: true
+
   /eslint-scope/5.1.1:
     resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
     engines: {node: '>=8.0.0'}
@@ -1915,6 +1929,18 @@ packages:
       resolve: 1.22.1
     dev: true
 
+  /postcss-import/15.0.0_postcss@8.4.16:
+    resolution: {integrity: sha512-Y20shPQ07RitgBGv2zvkEAu9bqvrD77C9axhj/aA1BQj4czape2MdClCExvB27EwYEJdGgKZBpKanb0t1rK2Kg==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
+    dependencies:
+      postcss: 8.4.16
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.1
+    dev: true
+
   /postcss-js/4.0.0_postcss@8.4.16:
     resolution: {integrity: sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==}
     engines: {node: ^12 || ^14 || >= 16}