Merge pull request #321 from jakemulley/better-linting

Configure ESLint and Prettier for more opinionated linting and formatting

.eslintrc.cjs

@@ -3,7 +3,11 @@ module.exports = {
     es2021: true,
     node: true,
   },
-  extends: ["eslint:recommended", "plugin:astro/recommended"],
+  extends: [
+    "eslint:recommended",
+    "plugin:astro/recommended",
+    "plugin:astro/jsx-a11y-strict",
+  ],
   overrides: [
     {
       env: {

.github/workflows/deploy.yml

@@ -24,7 +24,7 @@ jobs:
       - uses: withastro/action@v1
         with:
           node-version: 20
-      - run: npm run lint
+      - run: npm run ci
   deploy:
     if: ${{ github.ref == 'refs/heads/main' }}
     needs: build

.prettierrc.mjs

@@ -1,6 +1,20 @@
-/** @type {import("prettier").Config} */
+/**
+ * @type {import('prettier').Config & import('prettier-plugin-tailwindcss').PluginOptions &
+ *       import("@ianvs/prettier-plugin-sort-imports").PluginConfig}
+ */
 export default {
-  plugins: ["prettier-plugin-astro"],
+  arrowParens: "always",
+  printWidth: 80,
+  singleQuote: false,
+  jsxSingleQuote: false,
+  semi: true,
+  trailingComma: "all",
+  tabWidth: 2,
+  plugins: [
+    "@ianvs/prettier-plugin-sort-imports",
+    "prettier-plugin-astro",
+    "prettier-plugin-tailwindcss",
+  ],
   overrides: [
     {
       files: "*.astro",
@@ -9,4 +23,6 @@ export default {
       },
     },
   ],
+  astroAllowShorthand: false,
+  tailwindConfig: "./tailwind.config.mjs",
 };

astro.config.mjs

@@ -1,6 +1,6 @@
-import { defineConfig } from "astro/config";
 import sitemap from "@astrojs/sitemap";
 import tailwind from "@astrojs/tailwind";
+import { defineConfig } from "astro/config";
 
 // https://astro.build/config
 export default defineConfig({