fix typo

app/api/workExperience/fetch.ts

@@ -15,11 +15,11 @@ type Response = {
   limit: number;
 };
 
-const fetchWorkExperience = async (c: Context) => {
+const fetchWorkExperiences = async (c: Context) => {
   const res = await apiClient.GET<Response>(c, "/work-experience");
   return res.contents.map((content) => {
     return { ...content };
   });
 };
 
-export { fetchWorkExperience };
+export { fetchWorkExperiences };

app/components/history/HistoryPresenter.tsx

@@ -5,15 +5,15 @@ import { presenterLayout } from "./HistoryPresenter.css";
 import { HistoryWorkExperience } from "./HistoryWorkExperience";
 
 type Props = {
-  workExperience: WorkExperience[];
+  workExperiences: WorkExperience[];
 };
 
 const HistoryPresenter: FC<Props> = (props) => {
-  const { workExperience } = props;
+  const { workExperiences } = props;
 
   return (
     <div class={presenterLayout}>
-      <HistoryWorkExperience workExperience={workExperience} />
+      <HistoryWorkExperience workExperiences={workExperiences} />
       <HistoryEducationalBackground />
     </div>
   );

app/components/history/HistoryWorkExperience.tsx

@@ -4,16 +4,16 @@ import { Section } from "../Section";
 import { workExperienceDescription, workExperienceList } from "./HistoryWorkExperience.css";
 
 type Props = {
-  workExperience: WorkExperience[];
+  workExperiences: WorkExperience[];
 };
 
 const HistoryWorkExperience: FC<Props> = (props) => {
-  const { workExperience } = props;
+  const { workExperiences } = props;
 
   return (
     <Section title="Work experience">
       <ul class={workExperienceList}>
-        {workExperience
+        {workExperiences
           .toSorted((a, b) => a.order - b.order)
           .map((item) => (
             <li key={item.company}>

app/routes/history.tsx

@@ -1,8 +1,8 @@
 import { createRoute } from "honox/factory";
 import { HistoryPresenter } from "../components/history/HistoryPresenter";
-import { fetchWorkExperience } from "../api/workExperience";
+import { fetchWorkExperiences } from "../api/workExperience";
 
 export default createRoute(async (c) => {
-  const workExperience = await fetchWorkExperience(c);
-  return c.render(<HistoryPresenter workExperience={workExperience} />);
+  const workExperiences = await fetchWorkExperiences(c);
+  return c.render(<HistoryPresenter workExperiences={workExperiences} />);
 });