chore(deps-dev): bump starlight-blog from 0.23.2 to 0.24.0

Author: julien-deramond

astro.config.mjs

@@ -50,6 +50,10 @@ export default defineConfig({
 							url: 'https://github.com/julien-deramond/',
 						},
 					},
+					metrics: {
+						readingTime: true,
+						words: 'total',
+					},
 					recentPostCount: 5,
 					postCount: Infinity,
 					navigation: 'none',

package-lock.json

@@ -11,7 +11,7 @@
     "preview": "astro preview",
     "start": "astro dev",
     "test": "vitest",
-    "update:deps": "ncu -u -x starlight-blog",
+    "update:deps": "ncu -u",
     "update:showcase": "tsx scripts/update-showcase.ts",
     "vercel": "vercel dev"
   },
@@ -36,7 +36,7 @@
     "prettier": "^3.5.3",
     "prettier-plugin-astro": "^0.14.1",
     "reading-time": "^1.5.0",
-    "starlight-blog": "0.23.2",
+    "starlight-blog": "^0.24.0",
     "starlight-links-validator": "^0.16.0",
     "starlight-showcases": "^0.3.0",
     "tsx": "^4.20.3",

package.json

@@ -1,56 +1,42 @@
 ---
 import readingTime from 'reading-time';
-import { Icon } from '@astrojs/starlight/components';
 import Default from '@astrojs/starlight/components/PageTitle.astro';
 
 const { date } = Astro.locals.starlightRoute.entry.data;
 const { entry, lang } = Astro.locals.starlightRoute;
 
 const isGuide = Astro.locals.starlightRoute.id.startsWith('guide');
-const displayReadingTime =
-	(isGuide && date) ||
-	(Astro.locals.starlightRoute.id.startsWith('articles') &&
-		!Astro.locals.starlightRoute.id.startsWith('articles/tags') &&
-		!Astro.locals.starlightRoute.id.startsWith('articles/authors'));
+const displayReadingTime = isGuide && date;
 const displayDate = date && isGuide;
 ---
 
 <Default {...Astro.props}><slot /></Default>
 
 {
 	(displayDate || displayReadingTime) && (
-		<div class="meta sl-flex">
-			{displayReadingTime && (
-				<span class="reading-time">
-					<Icon name="seti:clock" />
-					{Math.ceil(readingTime(entry.body || '').minutes)} min read
-				</span>
-			)}
+		<div class="sl-text-sm sl-flex">
 			{displayDate && (
 				<p>
 					<time datetime={date.toISOString()}>
 						{date.toLocaleDateString(lang, { dateStyle: 'medium', timeZone: 'UTC' })}
 					</time>
 				</p>
 			)}
+			{displayReadingTime && (
+				<span class="reading-time">&nbsp;-&nbsp;{Math.ceil(readingTime(entry.body || '').minutes)} min read</span>
+			)}
 		</div>
 	)
 }
 
 <style>
-	.meta {
-		gap: 0.75rem 3rem;
-		justify-content: space-between;
-		flex-wrap: wrap;
-		font-size: var(--sl-text-sm);
-	}
-
 	.reading-time {
 		display: inline-flex;
 		align-items: center;
+		color: var(--sl-color-gray-3);
 	}
 
-	.reading-time svg {
-		margin-right: 0.5rem;
+	.sl-text-sm {
+		font-size: var(--sl-text-sm);
 	}
 </style>