日付表示をdayjs -> Intl

package.json

@@ -15,8 +15,7 @@
     "@astrojs/mdx": "^2.0.3",
     "@astrojs/sitemap": "^3.0.4",
     "astro": "^4.0.9",
-    "astro-seo": "^0.8.0",
-    "dayjs": "^1.11.10"
+    "astro-seo": "^0.8.0"
   },
   "devDependencies": {
     "@playwright/test": "^1.40.1",

src/components/Card.astro

@@ -1,6 +1,4 @@
 ---
-import dayjs from "dayjs";
-
 interface Props {
   slug: string;
   data: {
@@ -20,7 +18,13 @@ const { slug, data } = Astro.props;
   </a>
   <p class="description">{data.description}</p>
   <p class="published">
-    {dayjs(data.published).format("YYYY/MM/DD")}
+    {
+      new Intl.DateTimeFormat("ja-JP", {
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+      }).format(data.published)
+    }
   </p>
   <ul class="tags">
     {

src/layouts/MarkdownPostLayout.astro

@@ -1,5 +1,4 @@
 ---
-import dayjs from "dayjs";
 import Layout from "./Layout.astro";
 import "../styles/prism.css";
 
@@ -29,7 +28,13 @@ const { frontmatter } = Astro.props;
       }
     </ul>
     <div class="published">
-      {dayjs(frontmatter.published).format("YYYY/MM/DD")}
+      {
+        new Intl.DateTimeFormat("ja-JP", {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit",
+        }).format(frontmatter.published)
+      }
     </div>
     <section>
       <slot />