Use ESLint

.eslintignore

@@ -0,0 +1,4 @@
+dist
+node_modules
+.github
+.vscode

.eslintrc.js

@@ -0,0 +1,39 @@
+module.exports = {
+  env: {
+    node: true,
+    es2022: true,
+    browser: true,
+  },
+  extends: ['eslint:recommended', 'plugin:astro/recommended'],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+  },
+  rules: {},
+  overrides: [
+    {
+      files: ['*.astro'],
+      parser: 'astro-eslint-parser',
+      parserOptions: {
+        parser: '@typescript-eslint/parser',
+        extraFileExtensions: ['.astro'],
+      },
+      rules: {},
+    },
+    {
+      files: ['*.ts'],
+      parser: '@typescript-eslint/parser',
+      extends: ['plugin:@typescript-eslint/recommended'],
+      rules: {
+        '@typescript-eslint/no-unused-vars': ['error', { argsIgnorePattern: '^_', destructuredArrayIgnorePattern: '^_' }],
+        '@typescript-eslint/no-non-null-assertion': 'off',
+      },
+    },
+    {
+      // Define the configuration for `<script>` tag.
+      // Script in `<script>` is assigned a virtual file name with the `.js` extension.
+      files: ['**/*.astro/*.js', '*.astro/*.js'],
+      parser: '@typescript-eslint/parser',
+    },
+  ],
+};

.vscode/extensions.json

@@ -1,4 +1,4 @@
 {
-  "recommendations": ["astro-build.astro-vscode", "bradlc.vscode-tailwindcss"],
+  "recommendations": ["astro-build.astro-vscode", "bradlc.vscode-tailwindcss", "dbaeumer.vscode-eslint"],
   "unwantedRecommendations": []
 }

.vscode/settings.json

@@ -0,0 +1,9 @@
+{
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "astro", // Enable .astro
+    "typescript", // Enable .ts
+    "typescriptreact" // Enable .tsx
+  ]
+}

package.json

@@ -7,6 +7,7 @@
     "dev": "astro dev",
     "start": "astro dev",
     "build": "astro build",
+    "lint:eslint": "eslint . --ext .js,.ts,.astro",
     "subfont": "subfont -ir --no-fallbacks --silent --root dist",
     "preview": "astro preview"
   },
@@ -18,8 +19,13 @@
     "@astrojs/tailwind": "^1.0.0",
     "@fontsource/inter": "^4.5.12",
     "@tailwindcss/typography": "^0.5.4",
+    "@typescript-eslint/eslint-plugin": "^5.36.2",
+    "@typescript-eslint/parser": "^5.36.2",
     "astro": "^1.2.1",
     "astro-icon": "^0.7.3",
+    "eslint": "^8.23.0",
+    "eslint-plugin-astro": "^0.19.0",
+    "eslint-plugin-jsx-a11y": "^6.6.1",
     "limax": "^v2.1.0",
     "reading-time": "^1.5.0",
     "subfont": "^6.9.0"

src/components/blog/HighlightedPosts.astro

@@ -5,8 +5,6 @@ import { findPostsByIds } from "~/utils/posts";
 import { findImage } from "~/utils/images";
 import { getPermalink } from "~/utils/permalinks";
 
-const {} = Astro.props;
-
 const ids = [
   "get-started-website-with-astro-tailwind-css",
   "how-to-customize-astrowind-to-your-brand",

src/components/core/BasicScripts.astro

@@ -1,5 +1,4 @@
 ---
-const {} = Astro.props;
 ---
 
 <script is:inline>
@@ -33,7 +32,7 @@ const {} = Astro.props;
       document.getElementById("menu")?.classList.toggle("hidden");
     });
 
-    attachEvent("[data-aw-toggle-color-scheme]", "click", function (elem) {
+    attachEvent("[data-aw-toggle-color-scheme]", "click", function () {
       document.documentElement.classList.toggle("dark");
       localStorage.theme = document.documentElement.classList.contains("dark") ? "dark" : "light";
     });

src/components/core/GoogleAnalytics.astro

@@ -9,7 +9,7 @@ const attrs = partytown ? { type: "text/partytown" } : {};
 <script is:inline define:vars={{ id }} {...attrs}>
   window.dataLayer = window.dataLayer || [];
   function gtag() {
-    dataLayer.push(arguments);
+    window.dataLayer.push(arguments);
   }
   gtag("js", new Date());
   gtag("config", id);

src/components/core/Picture.astro

@@ -24,6 +24,7 @@ try {
   })
 }
 catch (e) {
+  // continue regardless of error
 }
 
 const { image = {}, sources = [] } = picture || {}

src/components/widgets/CallToAction.astro

@@ -1,7 +1,5 @@
 ---
 import { Icon } from "astro-icon";
-
-const {} = Astro.props;
 ---
 
 <section class="relative">

src/components/widgets/Error404.astro

@@ -1,7 +1,5 @@
 ---
 import { getHomePermalink } from "~/utils/permalinks";
-
-const {} = Astro.props;
 ---
 
 <section class="flex items-center h-full p-16">

src/components/widgets/FAQs.astro

@@ -1,8 +1,6 @@
 ---
 import { Icon } from "astro-icon";
 
-const {} = Astro.props;
-
 const items = [
   [
     {

src/components/widgets/Features.astro

@@ -1,8 +1,6 @@
 ---
 import { Icon } from "astro-icon";
 
-const {} = Astro.props;
-
 const items = [
   {
     title: "Headers",

src/components/widgets/Features2.astro

@@ -1,6 +1,4 @@
 ---
-const {} = Astro.props;
-
 const items = [
   [
     {

src/components/widgets/Features3.astro

@@ -1,7 +1,5 @@
 ---
 import { Icon } from "astro-icon";
-
-const {} = Astro.props;
 ---
 
 <section>

src/components/widgets/Footer.astro

@@ -1,9 +1,6 @@
 ---
 import { Icon } from "astro-icon";
-
 import { getHomePermalink } from "~/utils/permalinks";
-
-const {} = Astro.props;
 ---
 
 <footer>

src/components/widgets/Header.astro

@@ -5,8 +5,6 @@ import ToggleTheme from "~/components/core/ToggleTheme.astro";
 import ToggleMenu from "~/components/core/ToggleMenu.astro";
 
 import { getPermalink, getBlogPermalink, getHomePermalink } from "~/utils/permalinks";
-
-const {} = Astro.props;
 ---
 
 <header

src/components/widgets/Hero.astro

@@ -1,8 +1,6 @@
 ---
 import { Icon } from "astro-icon";
 import Picture from "~/components/core/Picture.astro";
-
-const {} = Astro.props;
 ---
 
 <section>

src/components/widgets/Stats.astro

@@ -1,5 +1,4 @@
 ---
-const {} = Astro.props;
 ---
 
 <div class="px-4 py-8 md:py-16 sm:px-6 mx-auto md:px-24 lg:px-8 lg:py-20 max-w-6xl">

src/components/widgets/Steps.astro

@@ -1,8 +1,6 @@
 ---
 import { Icon } from "astro-icon";
 import Picture from "~/components/core/Picture.astro";
-
-const {} = Astro.props;
 ---
 
 <section class="px-4 py-16 sm:px-6 mx-auto lg:px-8 lg:py-20 max-w-6xl">

src/utils/images.js

@@ -2,7 +2,9 @@ const load = async function () {
   let images = [];
   try {
     images = import.meta.glob("~/assets/images/**");
-  } catch (e) {}
+  } catch (e) {
+    // continue regardless of error
+  }
   return images;
 };