drop dayjs

yuheiy · Jan 5, 2024 · bc20301 · bc20301
1 parent 9cd118c
commit bc20301
Show file tree

Hide file tree

Showing 48 changed files with 105 additions and 125 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -27,7 +27,6 @@
     "astro-embed": "0.6.1",
     "chokidar-cli": "3.0.0",
     "concurrently": "8.2.2",
-    "dayjs": "1.11.10",
     "eslint": "8.56.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-import-resolver-typescript": "3.6.1",

diff --git a/src/components/DetailsList.astro b/src/components/DetailsList.astro
@@ -1,11 +1,13 @@
 ---
+export interface DetailsListItem {
+  title: string;
+  link: string;
+  meta?: string | undefined;
+  description?: string | undefined;
+}
+
 interface Props {
-  items: {
-    title: string;
-    link: string;
-    meta?: string | undefined;
-    description?: string | undefined;
-  }[];
+  items: DetailsListItem[];
   ordered?: boolean | undefined;
 }
 

diff --git a/src/content/blog/2020-08-17-zatsu.mdx b/src/content/blog/2020-08-17-zatsu.mdx
@@ -1,7 +1,7 @@
 ---
 slug: 20200817-zatsu
 title: ブログ投稿のハードルと雑さについて
-publishDate: '2020-08-16T18:33:36.000+09:00'
+pubDate: 2020-08-16T18:33:36.000+09:00
 ---
 
 個人的な話、Twitterにいろいろと長文も書いたりするようになってからブログをあまり書かなくなった。タイムラインのツイートはすぐに流れていく分、今パッと思いついた話とか、まだ十分整理されてないようなテキストを出しやすい。

diff --git a/src/content/blog/2020-09-18-flatten-assets-directories.mdx b/src/content/blog/2020-09-18-flatten-assets-directories.mdx
@@ -1,7 +1,7 @@
 ---
 slug: 20200918-flatten-assets-directories
 title: 画像ファイルもCSSやJSファイルと一元化したディレクトリで管理する
-publishDate: '2020-09-18T18:16:35.149+09:00'
+pubDate: 2020-09-18T18:16:35.149+09:00
 ---
 
 ウェブサイトのソースファイルはファイル形式にもとづいてディレクトリ分けされている場合が多いと思う。たとえば次のように。

diff --git a/src/content/blog/2020-11-03-javascript-sprinkles-in-basecamp-turned-stimulus.mdx b/src/content/blog/2020-11-03-javascript-sprinkles-in-basecamp-turned-stimulus.mdx
@@ -1,7 +1,7 @@
 ---
 slug: 20201103-javascript-sprinkles-in-basecamp-turned-stimulus
 title: 「JavaScript sprinkles in Basecamp turned Stimulus」の雑要約
-publishDate: '2020-11-03T17:59:05.339+09:00'
+pubDate: 2020-11-03T17:59:05.339+09:00
 ---
 
 「[JavaScript sprinkles in Basecamp turned Stimulus](https://changelog.com/podcast/286)」より。[Stimulus](https://stimulusjs.org/)の設計意図を理解できる貴重な資料なのでまとめた。

diff --git a/src/content/blog/2020-12-26-walking-etc.mdx b/src/content/blog/2020-12-26-walking-etc.mdx
@@ -1,7 +1,7 @@
 ---
 slug: 20201226-walking-etc
 title: 歩行とか
-publishDate: '2020-12-26T03:25:04.464+09:00'
+pubDate: 2020-12-26T03:25:04.464+09:00
 ---
 
 import { Tweet } from 'astro-embed';

diff --git a/src/content/blog/2021-01-01-rewrite-all.mdx b/src/content/blog/2021-01-01-rewrite-all.mdx
@@ -1,7 +1,7 @@
 ---
 slug: 20210101-rewrite-all
 title: ぜんぶかきなおす
-publishDate: '2021-01-01T02:56:21.828Z'
+pubDate: 2021-01-01T02:56:21.828Z
 ---
 
 丸2日くらいかけて、このサイトのHTML/CSSやサイト生成の仕組みを[全部書き直した](https://github.com/yuheiy/yuheiy.com-v5/commit/99b31c35ba936257fa5b14b61bb4a6356b427e6a)。わかりやすい変化としては、以前のバージョンではフォントサイズとか余白とかがビューポートのサイズに関わらずつねに一定だったところが、今のバージョンではビューポート幅にもとづいたファクターに応じてすべてのフォントサイズが変化するようになっている。

diff --git a/src/content/blog/2021-01-27-prefer-margin-top.mdx b/src/content/blog/2021-01-27-prefer-margin-top.mdx
@@ -1,7 +1,7 @@
 ---
 slug: 20210127-prefer-margin-top
 title: 垂直方向のマージンにはmargin-topを優先的に使う理由
-publishDate: '2021-01-26T17:13:39.216Z'
+pubDate: 2021-01-26T17:13:39.216Z
 ---
 
 import { Tweet } from 'astro-embed';

diff --git a/src/content/blog/2021-09-29-rehabilitation.mdx b/src/content/blog/2021-09-29-rehabilitation.mdx
@@ -1,7 +1,7 @@
 ---
 slug: 20210929-rehabilitation
 title: リハビリ
-publishDate: '2021-09-29T02:59:00.000+09:00'
+pubDate: 2021-09-29T02:59:00.000+09:00
 ---
 
 ブログを書くのはおよそ8ヶ月ぶりになる。僕にとっては、それなりに長らく書かなかったことになる。

diff --git a/src/content/blog/2021-10-11-publication-of-everylayout.mdx b/src/content/blog/2021-10-11-publication-of-everylayout.mdx
@@ -1,7 +1,7 @@
 ---
 slug: 20211011-publication-of-everylayout
 title: 『Every Layout&mdash;&mdash;モジュラーなレスポンシブデザインを実現するCSS設計論』、素直さという選択 &#35;everylayout_ja
-publishDate: '2021-10-11T09:20:00.000+09:00'
+pubDate: 2021-10-11T09:20:00.000+09:00
 ogImage: ./assets/2021-10-11-publication-of-everylayout/ogp.png
 twitterCard: summary_large_image
 ---

diff --git a/src/content/blog/2021-11-19-like-3-tweets.mdx b/src/content/blog/2021-11-19-like-3-tweets.mdx
@@ -1,7 +1,7 @@
 ---
 slug: 20211119-like-3-tweets
 title: 3ツイするくらいの軽さでブログ書くタイプの人類になりたい
-publishDate: '2021-11-19T21:30:00.000+09:00'
+pubDate: 2021-11-19T21:30:00.000+09:00
 ---
 
 import { Tweet } from 'astro-embed';

diff --git a/src/content/blog/2021-11-21-mono.mdx b/src/content/blog/2021-11-21-mono.mdx
@@ -1,7 +1,7 @@
 ---
 slug: 20211121-mono
 title: かわいいぬいぐるみとか見つけるとうわほしいぃって思うけどたぶん2ヶ月後くらいにはいらねえって思っちゃう
-publishDate: '2021-11-20T14:50:00.000+09:00'
+pubDate: 2021-11-20T14:50:00.000+09:00
 ---
 
 とんかつ屋。隣には、神経質そうな思春期の息子と、大雑把そうな年配の父親。

diff --git a/src/content/blog/2021-11-22-to-inaka.mdx b/src/content/blog/2021-11-22-to-inaka.mdx
@@ -1,7 +1,7 @@
 ---
 slug: 20211122-to-inaka
 title: 田舎に回帰したい
-publishDate: '2021-11-22T04:00:00.000+09:00'
+pubDate: 2021-11-22T04:00:00.000+09:00
 ---
 
 いま住んでる部屋が結構ボロいので、いろいろ不満があって、引っ越したいなあと思いつつも、めんどくさくてずっとほったらかしていたけど、そろそろ本当にどうにかしたいと思って引っ越し先を考え始めた。

diff --git a/src/content/blog/2021-11-23-explain-too-much.mdx b/src/content/blog/2021-11-23-explain-too-much.mdx
@@ -1,7 +1,7 @@
 ---
 slug: 20211123-explain-too-much
 title: こと非同期コミュニケーションにおいては少しくどいと思うくらいに説明するのでちょうどいい
-publishDate: '2021-11-23T23:00:00.000+09:00'
+pubDate: 2021-11-23T23:00:00.000+09:00
 ---
 
 Slackのようなインターフェースを見ると、さも人と人が対面してしゃべるような言葉のやり取りがそのままできて、コミュニケーションとして成り立つと思ってしまうことがある。非常に限定的な状況においては可能かもしれないが、たいていはそうならない。

diff --git a/src/content/blog/2021-11-26-nothing.mdx b/src/content/blog/2021-11-26-nothing.mdx
@@ -1,7 +1,7 @@
 ---
 slug: 20211126-nothing
 title: これはこれで逆に広げられない話は書けないみたいな縛りになっている
-publishDate: '2021-11-26T22:45:00.000+09:00'
+pubDate: 2021-11-26T22:45:00.000+09:00
 ---
 
 import { Tweet } from 'astro-embed';

diff --git a/src/content/blog/2021-12-04-sentence.mdx b/src/content/blog/2021-12-04-sentence.mdx
@@ -1,7 +1,7 @@
 ---
 slug: 20211204-sentence
 title: 文の途中でも流れを読み誤られないように作文することを心がけている
-publishDate: '2021-12-05T00:05:00.000+09:00'
+pubDate: 2021-12-05T00:05:00.000+09:00
 ---
 
 日本語の文では、文末に到達するまで話の方向性が読み切れないことがある。文を読むときに、途中まで読んだところで「あー、はいはい」となっていても、最後まで読み進めると「あれ、そういう話？」という感じになり、流れを読み誤っていたことに後で気づく。人がしゃべるのを聞いているときにはより顕著になる。しゃべる速度は読む速度よりも遅いので、どうしても焦ったくなってしまうものだ。

diff --git a/src/content/blog/2021-12-06-ume.mdx b/src/content/blog/2021-12-06-ume.mdx
@@ -1,7 +1,7 @@
 ---
 slug: 20211206-ume
 title: 僕と梅、男梅シート
-publishDate: '2021-12-06T04:55:00.000+09:00'
+pubDate: 2021-12-06T04:55:00.000+09:00
 ---
 
 昔から梅が好きでよく食べる。実家にいたころは、口寂しくなるたびに冷蔵庫を開け、おやつ感覚で梅干しを食べては、塩分の摂りすぎだからやめろと母親に言われていた。ご飯を食べるときにもよく梅干しをおかずにしていた。

diff --git a/src/content/blog/2022-01-24-retrospective-on-utopia.mdx b/src/content/blog/2022-01-24-retrospective-on-utopia.mdx
@@ -1,6 +1,6 @@
 ---
 title: Utopiaを実際の案件で使ってみて、うまくいったことといかなかったこと
-publishDate: '2022-01-24T01:35:00.000+09:00'
+pubDate: 2022-01-24T01:35:00.000+09:00
 ---
 
 少し前に担当したウェブサイト制作の案件で、[Utopia](https://utopia.fyi/)というツールを使ってみた。Utopiaを使うと、ビューポートの幅に応じて流動的に変化するフォントサイズとスペーシングの値のセットを生成できる。

diff --git a/src/content/blog/2022-03-13-from-tweets-to-evernote.mdx b/src/content/blog/2022-03-13-from-tweets-to-evernote.mdx
@@ -1,6 +1,6 @@
 ---
 title: ブックマーク代わりにツイートしていた7000件のURLを精査してEvernoteに移行した
-publishDate: '2022-03-13T01:30:00.000+09:00'
+pubDate: 2022-03-13T01:30:00.000+09:00
 ---
 
 なにか気になったウェブページを保存したいというとき、以前ははてなブックマークを使っていた。たぶん2017年くらいまで。

diff --git a/src/content/blog/2022-03-21-mixins-that-take-arguments-in-tailwind-css.mdx b/src/content/blog/2022-03-21-mixins-that-take-arguments-in-tailwind-css.mdx
@@ -1,6 +1,6 @@
 ---
 title: Tailwind CSSで引数のあるMixinのような仕組みを作る方法
-publishDate: '2022-03-21T17:35:00.000+09:00'
+pubDate: 2022-03-21T17:35:00.000+09:00
 ---
 
 Sassでは、引数の値に応じて宣言をクラスに注入できるMixinの機能がある。たとえば次のようにすれば、フォントサイズがビューポートの幅に応じて流動的に変化するように実装できる。

diff --git a/src/content/blog/2022-05-03-yuheiy.com-v6.mdx b/src/content/blog/2022-05-03-yuheiy.com-v6.mdx
@@ -1,6 +1,6 @@
 ---
 title: yuheiy.com-v6
-publishDate: '2022-05-03T22:50:00.000+09:00'
+pubDate: 2022-05-03T22:50:00.000+09:00
 slug: 2022-05-03-yuheiy.com-v6
 ---
 

diff --git a/src/content/blog/2022-06-11-css-components.mdx b/src/content/blog/2022-06-11-css-components.mdx
@@ -1,6 +1,6 @@
 ---
 title: CSS設計における、すべてがコンポーネントであるという誤謬
-publishDate: '2022-06-11T19:55:00.000+09:00'
+pubDate: 2022-06-11T19:55:00.000+09:00
 ---
 
 **後日追記:** [WEB+DB PRESS Vol.133でさらに詳しく書いた](/2023-02-06-tailwind-css-in-wdpress)。

diff --git a/src/content/blog/2022-06-15-re-deisui52.mdx b/src/content/blog/2022-06-15-re-deisui52.mdx
@@ -1,6 +1,6 @@
 ---
 title: Re&#58; &#35;deisui_html_radio &#35;52
-publishDate: '2022-06-15T13:24:00.000+09:00'
+pubDate: 2022-06-15T13:24:00.000+09:00
 ---
 
 import { YouTube } from 'astro-embed';

diff --git a/src/content/blog/2022-07-31-container-with-no-padding.mdx b/src/content/blog/2022-07-31-container-with-no-padding.mdx
@@ -1,6 +1,6 @@
 ---
 title: 本文エリア内の要素をpaddingのないコンテナとして実装する
-publishDate: '2022-07-31T01:30:00.000+09:00'
+pubDate: 2022-07-31T01:30:00.000+09:00
 ---
 
 **後日追記**: このやり方の改良版をブログ「[ブロックエディタ用のCSSを参考にした、よりよいコンテナの実装](/2022-11-27-better-container)」として書いた。

diff --git a/src/content/blog/2022-08-01-declarative-design-system.mdx b/src/content/blog/2022-08-01-declarative-design-system.mdx
@@ -1,6 +1,6 @@
 ---
 title: 宣言的デザインシステム（翻訳）
-publishDate: '2022-08-01T09:00:00.001+09:00'
+pubDate: 2022-08-01T09:00:00.001+09:00
 ---
 
 この記事は、[Jeremy Keith](https://adactio.com/)氏による「[Declarative design systems](https://adactio.com/journal/19131)」の日本語訳です。掲載に当たって著者の許諾を得ています。

diff --git a/src/content/blog/2022-08-01-declarative-design.mdx b/src/content/blog/2022-08-01-declarative-design.mdx
@@ -1,6 +1,6 @@
 ---
 title: 宣言的デザイン（翻訳）
-publishDate: '2022-08-01T09:00:00.000+09:00'
+pubDate: 2022-08-01T09:00:00.000+09:00
 ---
 
 この記事は、[Jeremy Keith](https://adactio.com/)氏による「[Declarative design](https://adactio.com/journal/18982)」の日本語訳です。掲載に当たって著者の許諾を得ています。

diff --git a/src/content/blog/2022-08-11-text-with-accompanying-icon.mdx b/src/content/blog/2022-08-11-text-with-accompanying-icon.mdx
@@ -1,6 +1,6 @@
 ---
 title: テキストの行の末尾に付随するアイコンをアイコンだけで改行させないようにするCSS
-publishDate: '2022-08-11T20:25:00.000+09:00'
+pubDate: 2022-08-11T20:25:00.000+09:00
 ---
 
 import { Tweet } from 'astro-embed';

diff --git a/src/content/blog/2022-08-12-shrinkable-min-width.mdx b/src/content/blog/2022-08-12-shrinkable-min-width.mdx
@@ -1,6 +1,6 @@
 ---
 title: ボタンの最低幅を設定しつつ、かつコンテナが縮小してもはみ出さないようにするCSS
-publishDate: '2022-08-12T15:40:00.000+09:00'
+pubDate: 2022-08-12T15:40:00.000+09:00
 ---
 
 import { Image } from 'astro:assets';

diff --git a/src/content/blog/2022-08-13-change-the-icon.mdx b/src/content/blog/2022-08-13-change-the-icon.mdx
@@ -1,6 +1,6 @@
 ---
 title: プロフィール画像を作り直した
-publishDate: '2022-08-13T22:40:00.000+09:00'
+pubDate: 2022-08-13T22:40:00.000+09:00
 ogImage: ./assets/2022-08-13-change-the-icon/after.png
 ---
 

diff --git a/src/content/blog/2022-08-14-same-width-buttons.mdx b/src/content/blog/2022-08-14-same-width-buttons.mdx
@@ -1,6 +1,6 @@
 ---
 title: 横並びになったボタンを同じ幅で配置するCSS
-publishDate: '2022-08-14T08:20:00.000+09:00'
+pubDate: 2022-08-14T08:20:00.000+09:00
 ---
 
 複数のボタンを横並びにしつつ、それぞれのボタンが同じ幅になるように合わせたいということがある。ボタンに同じ`width`を指定すれば合わせられるが、するとラベルの長さに応じた幅にできなくなる。

diff --git a/src/content/blog/2022-08-25-sizing-based-on-multiple-overlapping-elements.mdx b/src/content/blog/2022-08-25-sizing-based-on-multiple-overlapping-elements.mdx
@@ -1,6 +1,6 @@
 ---
 title: 複数の要素を重ね合わせつつ、その中で最も大きい要素に合わせて親要素のサイズを設定するCSS
-publishDate: '2022-08-25T23:00:00.000+09:00'
+pubDate: 2022-08-25T23:00:00.000+09:00
 ---
 
 複数の要素を重ね合わせるためには、従来、`position: absolute`を使うことが多かった。親要素に`position: relative`を、その子要素に`position: absolute`を設定するというもの。

diff --git a/src/content/blog/2022-11-03-how-to-understand-the-markup.mdx b/src/content/blog/2022-11-03-how-to-understand-the-markup.mdx
@@ -1,6 +1,6 @@
 ---
 title: マークアップのわかり方
-publishDate: '2022-11-03T13:50:00.000+09:00'
+pubDate: 2022-11-03T13:50:00.000+09:00
 ogImage: ./assets/2022-11-03-how-to-understand-the-markup/ogp.png
 twitterCard: summary_large_image
 ---

diff --git a/src/content/blog/2022-11-27-better-container.mdx b/src/content/blog/2022-11-27-better-container.mdx
@@ -1,6 +1,6 @@
 ---
 title: ブロックエディタ用のCSSを参考にした、よりよいコンテナの実装
-publishDate: '2022-11-27T16:05:00.000+09:00'
+pubDate: 2022-11-27T16:05:00.000+09:00
 ---
 
 以前、「[本文エリア内の要素をpaddingのないコンテナとして実装する](/2022-07-31-container-with-no-padding)」という記事を書いた。本文エリア内の要素をすべて同じ幅でレイアウトするのではなく、ものによっては少し広めにしたりページの最大幅まで広げたりしたいという場合に、どのように実装すべきかという話。

diff --git a/src/content/blog/2022-12-03-ultraboost.mdx b/src/content/blog/2022-12-03-ultraboost.mdx
@@ -1,6 +1,6 @@
 ---
 title: ウルトラブースト日記
-publishDate: '2022-12-03T00:30:00.000+09:00'
+pubDate: 2022-12-03T00:30:00.000+09:00
 ---
 
 僕は右利きだが、スマホはいつも左手で使う。だから、スマホに入ったPASMOを改札機にタッチするときは毎回フラストレーションを覚える。

diff --git a/src/content/blog/2023-02-06-tailwind-css-in-wdpress.mdx b/src/content/blog/2023-02-06-tailwind-css-in-wdpress.mdx
@@ -1,6 +1,6 @@
 ---
 title: WEB+DB PRESS Vol.133に特集「Tailwind CSS実践入門&mdash;&mdash;まず作ってから、あとで共通化する」を寄稿しました &#35;wdpress
-publishDate: '2023-02-06T13:30:00.000+09:00'
+pubDate: 2023-02-06T13:30:00.000+09:00
 ogImage: ./assets/2023-02-06-tailwind-css-in-wdpress/ogp.png
 twitterCard: summary_large_image
 ---

diff --git a/src/content/blog/2023-02-11-loose.mdx b/src/content/blog/2023-02-11-loose.mdx
@@ -1,6 +1,6 @@
 ---
 title: 肩の力を抜いてラフに書く、思いつくままに書く
-publishDate: '2023-02-11T17:20:00.000+09:00'
+pubDate: 2023-02-11T17:20:00.000+09:00
 ---
 
 [根を詰めて取り組んでいた原稿](/2023-02-06-tailwind-css-in-wdpress)がやっと手離れして、肩の荷が下りた。僕がこれまで経験して来た中で、最も重い執筆だった。

diff --git a/src/content/blog/2023-06-03-react-changeable-element-type-patterns.mdx b/src/content/blog/2023-06-03-react-changeable-element-type-patterns.mdx
@@ -1,6 +1,6 @@
 ---
 title: ReactコンポーネントでレンダリングされるHTML要素の種類を変更可能にするためのパターン
-publishDate: '2023-06-04T12:35:00.000+09:00'
+pubDate: 2023-06-04T12:35:00.000+09:00
 ---
 
 import { Tweet } from 'astro-embed';
@@ -45,7 +45,6 @@ render(
 
 一つは、TypeScriptのエラーメッセージが複雑になってしまうこと。たとえば、Reactの要素に間違ったpropが渡されたとき、通常の`a`要素と、`as` propとしてa要素が指定されたコンポーネントを比較すると、明らかに後者の方がユーザーにとって理解しづらい。
 
-{/* prettier-ignore */}
 <figure>![](./assets/2023-06-03-react-changeable-element-type-patterns/as-prop-error.png)</figure>
 
 次に、TypeScriptのパフォーマンスを悪化させること。`as` propの型定義においては、高度な型推論や条件型、ジェネリクスを多用することになり、コンパイルするための負荷が高まってしまう。

diff --git a/src/content/blog/2023-08-12-abstract-react-usestate-as-render-prop.mdx b/src/content/blog/2023-08-12-abstract-react-usestate-as-render-prop.mdx
@@ -1,6 +1,6 @@
 ---
 title: ReactのuseStateをrender propとして抽象化して、コンポーネントを分割せずにコードのまとまりをよくする
-publishDate: '2023-08-12T01:30:00.000+09:00'
+pubDate: 2023-08-12T01:30:00.000+09:00
 ---
 
 Reactの`useState`を使用する際、stateのスコープが必要以上に大きくなってしまうことがある。たとえば次の例のように、コンポーネントの中のごく限られた部分でしか使わないstateが、コンポーネントのどこからでも参照できてしまう。

diff --git a/...ng-detection-of-classes-defined-in-css-files-with-tailwind-css-intellisense.mdx b/...ng-detection-of-classes-defined-in-css-files-with-tailwind-css-intellisense.mdx
@@ -1,6 +1,6 @@
 ---
 title: CSSファイルに記述されたクラスをTailwind CSS IntelliSenseで検出できるようにする
-publishDate: '2023-08-12T19:55:00.000+09:00'
+pubDate: 2023-08-12T19:55:00.000+09:00
 ---
 
 VS Codeの拡張機能である[Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)を使用する際には、通常、CSSファイルに記述されたクラスは補完されない。というのも、Tailwind CSS IntelliSenseでは、Tailwind CSSの設定ファイル（`tailwind.config.js`）を基にしてCSSを算出しており、設定ファイルを介さずに実装されたCSSは無視されるからだ。

diff --git a/src/content/blog/2023-12-31-apply-default-focus-ring-styles.mdx b/src/content/blog/2023-12-31-apply-default-focus-ring-styles.mdx
@@ -1,6 +1,6 @@
 ---
 title: 任意の要素に対してブラウザデフォルトのフォーカスリングを適用する方法
-publishDate: '2023-12-31T11:00:00.000+09:00'
+pubDate: 2023-12-31T11:00:00.000+09:00
 ---
 
 任意の要素に対して、ブラウザデフォルトのフォーカスリングが描画されるように明示的に設定したいことがある。たとえばスタイリングの都合により、一度取り除いたフォーカスリングをふたたび適用したいとき。

diff --git a/src/content/config.ts b/src/content/config.ts
@@ -5,7 +5,7 @@ const blog = defineCollection({
   schema: ({ image }) =>
     z.object({
       title: z.string(),
-      publishDate: z.string(),
+      pubDate: z.date(),
       ogImage: image().optional(),
       twitterCard: z.union([z.literal('summary'), z.literal('summary_large_image')]).optional(),
     }),