Update latest versions, fix small inconveniences

astro.config.ts

@@ -7,9 +7,6 @@ import svelte from "@astrojs/svelte";
 export default defineConfig({
   site: "https://aurora.thilohohlt.com",
   compressHTML: true,
-  experimental: {
-    assets: true
-  },
   scopedStyleStrategy: "class",
   markdown: {
     rehypePlugins: [

flake.nix

@@ -24,7 +24,7 @@
         default = pkgs.buildNpmPackage {
           name = "build-aurora-blog";
           buildInputs = with pkgs; [
-            nodejs_18
+            nodejs_20
           ];
           src = ./.;
           npmDepsHash = "sha256-K30UsMZ508XT1x/1eXY/xg7dfhLm55pdi9vOdDQHtWg=";

package.json

@@ -10,13 +10,12 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/markdown-remark": "^2.2.1",
-    "@astrojs/svelte": "^2.1.1",
+    "@astrojs/markdown-remark": "^3.0.0",
+    "@astrojs/svelte": "^4.0.0",
     "@fontsource/jetbrains-mono": "^4.5.12",
     "@fontsource/roboto": "^4.5.8",
-    "astro": "^2.5.3",
+    "astro": "^3.0.7",
     "open-props": "^1.5.8",
-    "rehype-autolink-headings": "^6.1.1",
-    "svelte": "^3.59.1"
+    "rehype-autolink-headings": "^6.1.1"
   }
 }

src/content/about/about.md

@@ -26,5 +26,3 @@ There are three websites themes: Light, Dark and System (inherits the theme of y
 ### Make the theme yours
 
 See the [documentation on how to adjust the theme](https://github.com/thiloho/aurora#make-the-theme-yours).
-
-## Blog

src/env.d.ts

@@ -1,2 +1,2 @@
 /// <reference path="../.astro/types.d.ts" />
-/// <reference types="astro/client-image" />
+/// <reference types="astro/client" />

src/pages/index.astro

@@ -14,6 +14,9 @@ const articles = (await getCollection("blog")).sort(
 
 <PageLayout title="aurora" description="Minimalistic blog theme built with Astro, focused on accessibility and usability.">
   <Content />
+  <h2 id="blog">
+    <a class="heading-linker" href="#blog">Blog</a>  
+  </h2>
   <div class="article-grid">
     {
       articles.map((article) => (
@@ -23,9 +26,9 @@ const articles = (await getCollection("blog")).sort(
           </header>
           <div class="article-content">
             <PublicationDate publicationDate={article.data.publicationDate} />
-            <h2>
+            <h3>
               <a href={article.slug}>{article.data.title}</a>
-            </h2>
+            </h3>
             <p>{article.data.description}</p>
           </div>
         </article>