Better linting and formatting

client-solid/.eslintrc.cjs

@@ -1,10 +1,27 @@
 /* eslint-env node */
 module.exports = {
-  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended'],
+  extends: [
-  parser: '@typescript-eslint/parser',
+    "eslint:recommended",
-  plugins: ['@typescript-eslint'],
+    "plugin:@typescript-eslint/recommended",
+    "plugin:solid/typescript",
+    "plugin:prettier/recommended",
+    "plugin:import/recommended",
+    "plugin:import/typescript",
+  ],
+  parser: "@typescript-eslint/parser",
+  plugins: ["@typescript-eslint", "solid", "prettier", "import"],
   root: true,
-  "rules": {
+  settings: {
-    "@typescript-eslint/explicit-function-return-type": "warn"
+    "import/resolver": {
-  }
+      typescript: {
+        project: "./tsconfig.json",
+      },
+    },
+  },
+  rules: {
+    "@typescript-eslint/explicit-function-return-type": "error",
+    "no-duplicate-imports": ["error", { includeExports: true }],
+    "import/no-unresolved": "error",
+    "import/no-named-as-default-member": "off",
+  },
 };

client-solid/.prettierrc

@@ -0,0 +1,18 @@
+{
+    "plugins": [
+        "@trivago/prettier-plugin-sort-imports",
+        "prettier-plugin-tailwindcss"
+    ],
+    "trailingComma": "es5",
+    "tabWidth": 2,
+    "semi": true,
+    "singleQuote": false,
+    "bracketSameLine": false,
+    "importOrder": [
+        "<THIRD_PARTY_MODULES>",
+        "^(@api|@assets|@ui)(/.*)$",
+        "^[.]"
+    ],
+    "importOrderSeparation": true,
+    "importOrderSortSpecifiers": true
+}

client-solid/package.json

@@ -6,19 +6,28 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "fmt": "prettier --config .prettierrc 'src/**/*.ts' 'src/**/*.tsx' --write && npx eslint --fix 'src/**/*.ts' 'src/**/*.tsx'"
   },
   "dependencies": {
     "@solidjs/router": "^0.9.1",
     "solid-js": "^1.8.5"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^6.10.0",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
-    "@typescript-eslint/parser": "^6.10.0",
+    "@typescript-eslint/eslint-plugin": "^6.11.0",
+    "@typescript-eslint/parser": "^6.11.0",
     "autoprefixer": "^10.4.16",
     "daisyui": "^4.0.1",
     "eslint": "^8.53.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-import-resolver-typescript": "^3.6.1",
+    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-prettier": "^5.0.1",
+    "eslint-plugin-solid": "^0.13.0",
     "postcss": "^8.4.31",
+    "prettier": "^3.1.0",
+    "prettier-plugin-tailwindcss": "^0.5.7",
     "tailwindcss": "^3.3.5",
     "typescript": "^5.2.2",
     "vite": "^4.5.0",