Add prettier and ESLint

.eslintrc.cjs

@@ -0,0 +1,35 @@
+/** @type {import('eslint').ESLint.ConfigData} */
+module.exports = {
+  root: true,
+  env: {
+    es6: true,
+  },
+  extends: [
+    'plugin:astro/recommended',
+    'plugin:astro/jsx-a11y-strict',
+    'plugin:prettier/recommended',
+  ],
+  plugins: ['simple-import-sort'],
+  rules: {
+    'simple-import-sort/imports': 'error',
+    'simple-import-sort/exports': 'error',
+  },
+  overrides: [
+    {
+      files: ['*.astro'],
+      parser: 'astro-eslint-parser',
+      parserOptions: {
+        parser: '@typescript-eslint/parser',
+        extraFileExtensions: ['.astro'],
+      },
+    },
+    {
+      files: ['*.ts', '*.tsx'],
+      parser: '@typescript-eslint/parser',
+      parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+      },
+    },
+  ],
+};

.github/workflows/deploy.yml

@@ -1,6 +1,7 @@
 name: Github Pages Astro CI
 
 on:
+  pull_request:
   push:
     branches: [ main ]
   workflow_dispatch:
@@ -12,11 +13,31 @@ permissions:
   id-token: write
 
 jobs:
+  lint-format:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout your repository using git
+        uses: actions/checkout@v2
+
+      - name: Install node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: 'npm'
+
+      - name: Install NPM dependencies
+        run: npm ci
+
+      - name: Lint and format
+        run: npm run lint:ci
+
   build:
+    needs: lint-format
     runs-on: ubuntu-latest
     steps:
       - name: Checkout your repository using git
         uses: actions/checkout@v2
+
       - name: Install, build, and upload your site
         uses: withastro/action@v0
 
@@ -29,4 +50,4 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v1
+        uses: actions/deploy-pages@v1

.prettierrc.cjs

@@ -0,0 +1,23 @@
+/** @type {import('prettier').Config} */
+module.exports = {
+  arrowParens: 'always',
+  bracketSameLine: false,
+  bracketSpacing: true,
+  htmlWhitespaceSensitivity: 'css',
+  printWidth: 80,
+  proseWrap: 'preserve',
+  semi: true,
+  singleQuote: true,
+  tabWidth: 2,
+  trailingComma: 'all',
+  useTabs: false,
+  plugins: ['prettier-plugin-astro', 'prettier-plugin-tailwindcss'],
+  overrides: [
+    {
+      files: '*.astro',
+      options: {
+        parser: 'astro',
+      },
+    },
+  ],
+};

.tool-versions

@@ -1 +1 @@
-nodejs 16.13.1
+nodejs 18.17.1