chore: change component filenames to PascalCase

components/Footer.js

@@ -0,0 +1,15 @@
+import styles from "../styles/footer.module.css";
+
+export default function Footer() {
+  return (
+    <footer className={styles.footer}>
+      Powered by{" "}
+      <a href="https://wpengine.com" target="_blank" rel="noopener noreferrer">
+        WP Engine
+      </a>
+      <span>
+        &copy; {new Date().getFullYear()}
+      </span>
+    </footer>
+  );
+}

components/Header.js

@@ -0,0 +1,52 @@
+import { gql } from "@apollo/client";
+import Link from "next/link";
+import style from "../styles/header.module.css";
+
+export default function Header({ siteTitle, siteDescription, menuItems }) {
+  return (
+    <header className={style.header}>
+      <div className={`container ${style.container}`}>
+        <Link href="/" className={style.brand}>
+          <h2 className={style.siteTitle}>{siteTitle}</h2>
+          <p className={style.siteDescription}>{siteDescription}</p>
+        </Link>
+
+        <nav className={style.nav}>
+          <ul>
+            {(Array.isArray(menuItems) ? menuItems : []).map((item) => (
+              <li key={item.id}>
+                <Link href={item.uri}>{item.label}</Link>
+              </li>
+            ))}
+          </ul>
+        </nav>
+      </div>
+    </header>
+  );
+}
+
+Header.fragments = {
+  entry: gql`
+    fragment HeaderFragment on RootQuery {
+      generalSettings {
+        title
+        description
+      }
+      primaryMenuItems: menuItems(where: { location: PRIMARY }) {
+        nodes {
+          id
+          uri
+          path
+          label
+          parentId
+          cssClasses
+          menu {
+            node {
+              name
+            }
+          }
+        }
+      }
+    }
+  `,
+};

components/post-list-item.js → components/PostListItem.js

@@ -1,5 +1,5 @@
 import Link from "next/link";
-import { FeaturedImage } from "./featured-image";
+import { FeaturedImage } from "./FeaturedImage";
 import styles from "../styles/post-list-item.module.css";
 
 export default function PostListItem({ post }) {

pages/example.js

@@ -1,8 +1,8 @@
 import { gql, useQuery } from "@apollo/client";
 import Head from "next/head";
-import Header from "../components/header";
-import EntryHeader from "../components/entry-header";
-import Footer from "../components/footer";
+import Header from "../components/Header";
+import EntryHeader from "../components/EntryHeader";
+import Footer from "../components/Footer";
 import { getNextStaticProps } from "@faustwp/core";
 
 /**

wp-templates/archive.js

@@ -1,12 +1,12 @@
 import { gql, useQuery } from "@apollo/client";
 import Head from "next/head";
-import Header from "../components/header";
-import EntryHeader from "../components/entry-header";
-import Footer from "../components/footer";
+import Header from "../components/Header";
+import EntryHeader from "../components/EntryHeader";
+import Footer from "../components/Footer";
 import { SITE_DATA_QUERY } from "../queries/SiteSettingsQuery";
 import { HEADER_MENU_QUERY } from "../queries/MenuQueries";
 import { POST_LIST_FRAGMENT } from "../fragments/PostListFragment";
-import PostListItem from "../components/post-list-item";
+import PostListItem from "../components/PostListItem";
 import { getNextStaticProps } from "@faustwp/core";
 import { useState } from "react";
 import styles from "../styles/archive.module.css";

wp-templates/front-page.js

@@ -1,8 +1,8 @@
 import Head from "next/head";
 import Link from "next/link";
-import Header from "../components/header";
-import EntryHeader from "../components/entry-header";
-import Footer from "../components/footer";
+import Header from "../components/Header";
+import EntryHeader from "../components/EntryHeader";
+import Footer from "../components/Footer";
 import style from "../styles/front-page.module.css";
 import { SITE_DATA_QUERY } from "../queries/SiteSettingsQuery";
 import { HEADER_MENU_QUERY } from "../queries/MenuQueries";

wp-templates/page.js

@@ -1,8 +1,8 @@
 import { gql, useQuery } from "@apollo/client";
 import Head from "next/head";
-import EntryHeader from "../components/entry-header";
-import Footer from "../components/footer";
-import Header from "../components/header";
+import EntryHeader from "../components/EntryHeader";
+import Footer from "../components/Footer";
+import Header from "../components/Header";
 import { SITE_DATA_QUERY } from "../queries/SiteSettingsQuery";
 import { HEADER_MENU_QUERY } from "../queries/MenuQueries";
 import { getNextStaticProps } from "@faustwp/core";

wp-templates/single.js

@@ -1,8 +1,8 @@
 import { gql } from "@apollo/client";
 import Head from "next/head";
-import EntryHeader from "../components/entry-header";
-import Footer from "../components/footer";
-import Header from "../components/header";
+import EntryHeader from "../components/EntryHeader";
+import Footer from "../components/Footer";
+import Header from "../components/Header";
 import { SITE_DATA_QUERY } from "../queries/SiteSettingsQuery";
 import { HEADER_MENU_QUERY } from "../queries/MenuQueries";
 import { useFaustQuery } from "@faustwp/core";