Feature/lint

eslint-plugin-sort-destructure-keys.d.ts

@@ -0,0 +1 @@
+declare module 'eslint-plugin-sort-destructure-keys';

eslint.config.mts

@@ -0,0 +1,26 @@
+import eslint from '@eslint/js';
+import globals from "globals";
+import tseslint from "typescript-eslint";
+import sortDestructureKeys from "eslint-plugin-sort-destructure-keys";
+import { defineConfig } from "eslint/config";
+
+export default defineConfig([
+    eslint.configs.recommended,
+    tseslint.configs.recommended,
+    {
+        files: ["**/*.{ts,tsx}"],
+        plugins: {
+            "sort-destructure-keys": sortDestructureKeys,
+        },
+        languageOptions: { globals: { ...globals.browser, ...globals.node } },
+        rules: {
+            "no-unused-vars": "off",
+            "@typescript-eslint/no-unused-vars": ["error"],
+            "sort-destructure-keys/sort-destructure-keys": [
+                2,
+                { caseSensitive: false },
+            ],
+            "@typescript-eslint/no-require-imports": "off",
+        },
+    },
+]);

gatsby-config.js

@@ -1,83 +1,83 @@
 module.exports = {
-  graphqlTypegen: true,
-  siteMetadata: {
-    title: 'Gatsby + Netlify CMS Starter',
-    description:
-      'This repo contains an example business website that is built with Gatsby, and Netlify CMS.It follows the JAMstack architecture by using Git as a single source of truth, and Netlify for continuous deployment, and CDN distribution.',
-  },
-  plugins: [
-    'gatsby-plugin-react-helmet-async',
-    'gatsby-plugin-fix-fouc',
-    {
-      resolve: 'gatsby-plugin-sass',
-      options: {
-        sassOptions: {
-          indentedSyntax: true,
-        },
-      },
-    },
-    {
-      // keep as first gatsby-source-filesystem plugin for gatsby image support
-      resolve: 'gatsby-source-filesystem',
-      options: {
-        path: `${__dirname}/static/img`,
-        name: 'uploads',
-      },
-    },
-    {
-      resolve: 'gatsby-source-filesystem',
-      options: {
-        path: `${__dirname}/src/pages`,
-        name: 'pages',
-      },
+    graphqlTypegen: true,
+    siteMetadata: {
+        title: "Gatsby + Netlify CMS Starter",
+        description:
+            "This repo contains an example business website that is built with Gatsby, and Netlify CMS.It follows the JAMstack architecture by using Git as a single source of truth, and Netlify for continuous deployment, and CDN distribution.",
     },
-    {
-      resolve: 'gatsby-source-filesystem',
-      options: {
-        path: `${__dirname}/src/img`,
-        name: 'images',
-      },
-    },
-    `gatsby-plugin-image`,
-    'gatsby-plugin-sharp',
-    'gatsby-transformer-sharp',
-    {
-      resolve: 'gatsby-transformer-remark',
-      options: {
-        plugins: [
-          'gatsby-remark-relative-images',
-          {
-            resolve: 'gatsby-remark-images',
+    plugins: [
+        "gatsby-plugin-react-helmet-async",
+        "gatsby-plugin-fix-fouc",
+        {
+            resolve: "gatsby-plugin-sass",
             options: {
-              // It's important to specify the maxWidth (in pixels) of
-              // the content container as this plugin uses this as the
-              // base for generating different widths of each image.
-              maxWidth: 2048,
+                sassOptions: {
+                    indentedSyntax: true,
+                },
             },
-          },
-          {
-            resolve: 'gatsby-remark-copy-linked-files',
+        },
+        {
+            // keep as first gatsby-source-filesystem plugin for gatsby image support
+            resolve: "gatsby-source-filesystem",
             options: {
-              destinationDir: 'static',
+                path: `${__dirname}/static/img`,
+                name: "uploads",
             },
-          },
-        ],
-      },
-    },
-    {
-      resolve: 'gatsby-plugin-decap-cms',
-      options: {
-        modulePath: `${__dirname}/src/cms/cms.js`,
-      },
-    },
-    {
-      resolve: 'gatsby-plugin-purgecss', // purges all unused/unreferenced css rules
-      options: {
-        develop: true, // Activates purging in npm run develop
-        purgeOnly: ['/bulma-style.sass'], // applies purging only on the bulma css file
-        printRejected: true,
-      },
-    }, // must be after other CSS plugins
-    'gatsby-plugin-netlify', // make sure to keep it last in the array
-  ],
-}
+        },
+        {
+            resolve: "gatsby-source-filesystem",
+            options: {
+                path: `${__dirname}/src/pages`,
+                name: "pages",
+            },
+        },
+        {
+            resolve: "gatsby-source-filesystem",
+            options: {
+                path: `${__dirname}/src/img`,
+                name: "images",
+            },
+        },
+        `gatsby-plugin-image`,
+        "gatsby-plugin-sharp",
+        "gatsby-transformer-sharp",
+        {
+            resolve: "gatsby-transformer-remark",
+            options: {
+                plugins: [
+                    "gatsby-remark-relative-images",
+                    {
+                        resolve: "gatsby-remark-images",
+                        options: {
+                            // It's important to specify the maxWidth (in pixels) of
+                            // the content container as this plugin uses this as the
+                            // base for generating different widths of each image.
+                            maxWidth: 2048,
+                        },
+                    },
+                    {
+                        resolve: "gatsby-remark-copy-linked-files",
+                        options: {
+                            destinationDir: "static",
+                        },
+                    },
+                ],
+            },
+        },
+        {
+            resolve: "gatsby-plugin-decap-cms",
+            options: {
+                modulePath: `${__dirname}/src/cms/cms.js`,
+            },
+        },
+        {
+            resolve: "gatsby-plugin-purgecss", // purges all unused/unreferenced css rules
+            options: {
+                develop: true, // Activates purging in npm run develop
+                purgeOnly: ["/bulma-style.sass"], // applies purging only on the bulma css file
+                printRejected: true,
+            },
+        }, // must be after other CSS plugins
+        "gatsby-plugin-netlify", // make sure to keep it last in the array
+    ],
+};