@farming-labs/nuxt-theme 0.2.14 → 0.2.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farming-labs/nuxt-theme",
-  "version": "0.2.14",
+  "version": "0.2.15",
   "description": "Nuxt/Vue UI components for @farming-labs/docs — layout, sidebar, TOC, search, and theme toggle",
   "keywords": [
     "docs",
@@ -88,7 +88,7 @@
   },
   "dependencies": {
     "sugar-high": "^0.9.5",
-    "@farming-labs/docs": "0.2.14"
+    "@farming-labs/docs": "0.2.15"
   },
   "peerDependencies": {
     "nuxt": ">=3.0.0",

package/src/components/DocsContent.vue

@@ -29,6 +29,7 @@ const props = defineProps<{
     html: string;
     rawMarkdown?: string;
     readingTime?: number | null;
+    readingTimeFormat?: "long" | "short";
     previousPage?: { name: string; url: string } | null;
     nextPage?: { name: string; url: string } | null;
     editOnGithub?: string;
@@ -56,6 +57,22 @@ type FeedbackPayload = {
   locale?: string;
 };
 
+function resolveReadingTimeFormat(
+  config: Record<string, unknown> | null | undefined,
+  data: { readingTimeFormat?: "long" | "short" },
+) {
+  if (data.readingTimeFormat === "short" || data.readingTimeFormat === "long") {
+    return data.readingTimeFormat;
+  }
+
+  const readingTime = config?.readingTime;
+  return readingTime &&
+    typeof readingTime === "object" &&
+    (readingTime as { format?: unknown }).format === "short"
+    ? "short"
+    : "long";
+}
+
 interface DocsWindowHooks extends Window {
   __fdOnFeedback__?: (payload: FeedbackPayload) => void | Promise<void>;
 }
@@ -239,8 +256,13 @@ const readingTimeValue = computed(() =>
     ? Math.max(1, Math.ceil(props.data.readingTime))
     : null,
 );
+const readingTimeFormat = computed(() => resolveReadingTimeFormat(props.config, props.data));
 const readingTimeLabel = computed(() =>
-  readingTimeValue.value ? `${readingTimeValue.value} min read` : null,
+  readingTimeValue.value
+    ? readingTimeFormat.value === "short"
+      ? `${readingTimeValue.value} min`
+      : `${readingTimeValue.value} min read`
+    : null,
 );
 const showReadingTimeAbove = computed(() => !!readingTimeLabel.value && showActionsAbove.value);
 const showReadingTimeBelow = computed(