@farming-labs/svelte-theme 0.2.13 → 0.2.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farming-labs/svelte-theme",
-  "version": "0.2.13",
+  "version": "0.2.15",
   "description": "Svelte UI components for @farming-labs/docs — layout, sidebar, TOC, search, and theme toggle",
   "keywords": [
     "docs",
@@ -122,8 +122,8 @@
   "dependencies": {
     "gray-matter": "^4.0.3",
     "sugar-high": "^0.9.5",
-    "@farming-labs/docs": "0.2.13",
-    "@farming-labs/svelte": "0.2.13"
+    "@farming-labs/docs": "0.2.15",
+    "@farming-labs/svelte": "0.2.15"
   },
   "peerDependencies": {
     "svelte": ">=5.0.0"

package/src/components/DocsContent.svelte

@@ -74,6 +74,17 @@
       .replace(/\{url\}/g, values.url);
   }
 
+  function resolveReadingTimeFormat(config, data) {
+    if (data?.readingTimeFormat === "short" || data?.readingTimeFormat === "long") {
+      return data.readingTimeFormat;
+    }
+
+    const readingTime = config?.readingTime;
+    return readingTime && typeof readingTime === "object" && readingTime.format === "short"
+      ? "short"
+      : "long";
+  }
+
   let breadcrumbEnabled = $derived.by(() => {
     const bc = config?.breadcrumb;
     if (bc === undefined || bc === true) return true;
@@ -194,7 +205,14 @@
       ? Math.max(1, Math.ceil(data.readingTime))
       : null
   );
-  let readingTimeLabel = $derived(readingTimeValue ? `${readingTimeValue} min read` : null);
+  let readingTimeFormat = $derived(resolveReadingTimeFormat(config, data));
+  let readingTimeLabel = $derived(
+    readingTimeValue
+      ? readingTimeFormat === "short"
+        ? `${readingTimeValue} min`
+        : `${readingTimeValue} min read`
+      : null
+  );
   let showReadingTimeAbove = $derived(!!readingTimeLabel && showActionsAbove);
   let showReadingTimeBelow = $derived(
     !!readingTimeLabel &&