astro v5 + tw4 migration

Author: sakgoyal

.prettierrc.ts renamed to .prettierrc.mjs

@@ -1,7 +1,8 @@
-// https://prettier.io/docs/en/configuration.html
-import type { Config } from "prettier";
-
-export default {
+/**
+ * @see https://prettier.io/docs/en/configuration.html
+ * @type {import("prettier").Config}
+ */
+const config = {
   trailingComma: "es5",
   tabWidth: 2,
   semi: true,
@@ -15,4 +16,6 @@ export default {
       },
     },
   ],
-} as Config;
+};
+
+export default config;

bun.lockb

@@ -17,7 +17,7 @@
     "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/typography": "^0.5.16",
     "@types/bun": "latest",
-    "fast-xml-parser": "^5.2.5",
+    "fast-xml-parser": "^4.5.3",
     "kleur": "^4.1.5",
     "prettier": "^3.6.2",
     "prettier-plugin-astro": "^0.14.1",
@@ -26,8 +26,8 @@
   "dependencies": {
     "@astrojs/check": "^0.9.4",
     "@astrojs/mdx": "^4.3.0",
-    "@astrojs/rss": "^4.0.12",
-    "@astrojs/sitemap": "^3.4.1",
+    "@astrojs/rss": "^4.0.11",
+    "@astrojs/sitemap": "^3.4.0",
     "@tailwindcss/vite": "^4.1.11",
     "astro": "^5.11",
     "tailwindcss": "^4.1.11"

package.json

@@ -2,7 +2,9 @@
 import { getCollection } from "astro:content";
 
 const posts = await getCollection("posts");
-posts.sort((a, b) => b.data.date.getTime() - a.data.date.getTime());
+posts.sort(
+  (a, b) => new Date(b.data.date).getTime() - new Date(a.data.date).getTime()
+);
 ---
 
 <section class="news" id="news">

src/components/landing/posts.astro

@@ -124,7 +124,6 @@ const sponsors = [
       },
       {
         name: "Guillaume Knispel",
-        href: null,
       },
       {
         name: "Mark Goetz",
@@ -186,7 +185,7 @@ const sponsors = [
       },
     ],
   },
-] as const;
+];
 ---
 
 <section class="relative mb-24 px-5 lg:mb-28" id="sponsors">
@@ -210,7 +209,7 @@ const sponsors = [
                 return (
                   <div class="relative flex items-center justify-center min-h-[102px] border-[6px] border-white rounded-[30px] shadow-[0_0_8px_0_rgba(202,205,226,0.38)] p-4">
                     <a class="text-black" href={sponsor.href} rel="nofollow">
-                      {"logo" in sponsor ? (
+                      {sponsor.logo ? (
                         <img src={sponsor.logo} alt={sponsor.name} />
                       ) : (
                         <span>{sponsor.name}</span>