Port to TypeScript

src/templates/blogListing.module.scss.d.ts

@@ -0,0 +1,13 @@
+export const excerpt: string;
+export const list: string;
+export const meta: string;
+export const moreSoon: string;
+export const pageSwitcher: string;
+export const post: string;
+export const sectionBacklink: string;
+export const sectionBg: string;
+export const sectionCard: string;
+export const sectionImage: string;
+export const sectionList: string;
+export const sectionName: string;
+export const title: string;

src/templates/blogListing.tsx

@@ -43,7 +43,7 @@ const BlogListing = ({ data, pageContext }) => {
                                 >
                                     <div className={styles.sectionImage}>
                                         <div className={styles.sectionBg}>
-                                            <StaticImage src="https://source.unsplash.com/gf8e6XvG_3E/300x150"></StaticImage>
+                                            <StaticImage src="https://source.unsplash.com/gf8e6XvG_3E/300x150" alt={t("blog.section.scambox.name")}></StaticImage>
                                         </div>
                                         <span className={styles.sectionName}>
                                             {t("blog.section.scambox.name")}

src/templates/blogPost.module.scss.d.ts

@@ -0,0 +1,4 @@
+export const chatBox: string;
+export const meta: string;
+export const noticeBox: string;
+export const postSection: string;

src/templates/project.module.scss.d.ts

@@ -0,0 +1,12 @@
+export const fa: string;
+export const fab: string;
+export const fal: string;
+export const far: string;
+export const fas: string;
+export const headerBackground: string;
+export const headerInner: string;
+export const headerPlaceholder: string;
+export const linkList: string;
+export const projectAbout: string;
+export const projectHeader: string;
+export const projectLinks: string;

src/templates/project.tsx

@@ -79,6 +79,7 @@ const ProjectTemplate = ({ data }) => {
                             }
                             style={{ width: "100%", height: "100%" }}
                             objectFit="cover"
+                            alt={projectName}
                         ></GatsbyImage>
                     </div>
                     <header>