3.0.0 - Dependency updates, improved typesafe config, improve typing

src/pages/projects.astro

@@ -1,29 +1,32 @@
 ---
 import Layout from "../layouts/Layout.astro";
 import ProjectCard from "../components/ProjectCard.astro";
-import { projects } from "../config/data";
+import { config } from "../config";
 ---
 
 <Layout>
-  <div class="min-h-screen min-w-screen p-4 sm:p-8">
-    <h1
-      class="text-3xl sm:text-4xl font-bold text-primary mb-6 sm:mb-8 text-center"
-    >
-      Projects
-    </h1>
-    <div
-      class="flex flex-row flex-wrap justify-center gap-4 sm:gap-6 max-w-6xl mx-auto"
-    >
-      {projects.map((project) => <ProjectCard project={project} />)}
+    <div class="w-full p-4 sm:p-8">
+        <h1
+            class="text-3xl sm:text-4xl font-bold text-primary mb-6 sm:mb-8 text-center"
+        >
+            Projects
+        </h1>
+        <div
+            class="flex flex-row flex-wrap justify-center gap-4 sm:gap-6 max-w-6xl mx-auto"
+        >
+            {
+                config.projects.map((project) => (
+                    <ProjectCard project={project} />
+                ))
+            }
+        </div>
+
+        {
+            config.projects.length === 0 && (
+                <p class="text-center text-gray-500 mt-12">
+                    No projects available yet. Check back soon!
+                </p>
+            )
+        }
     </div>
-
-    {
-      projects.length === 0 && (
-        <p class="text-center text-gray-500 mt-12">
-          No projects available yet. Check back soon!
-        </p>
-      )
-    }
-  </div>
 </Layout>
-