From 1af00437b5f4397b0338ca1a64cf36e8c26cfb68 Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Mon, 11 May 2026 19:06:52 -0300
Subject: content, css, data: Track.nameDetail

---
 src/content/dependencies/generateTrackListItem.js | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

(limited to 'src/content/dependencies/generateTrackListItem.js')

diff --git a/src/content/dependencies/generateTrackListItem.js b/src/content/dependencies/generateTrackListItem.js
index 383f0025..c1f6ff93 100644
--- a/src/content/dependencies/generateTrackListItem.js
+++ b/src/content/dependencies/generateTrackListItem.js
@@ -28,6 +28,9 @@ export default {
     date:
       track.date,
 
+    detail:
+      track.nameDetail,
+
     duration:
       track.duration ?? 0,
 
@@ -43,6 +46,11 @@ export default {
       default: 'auto',
     },
 
+    showDetail: {
+      type: 'boolean',
+      default: false,
+    },
+
     // If true and the track doesn't have a duration, a missing-duration cue
     // will be displayed instead.
     showDuration: {
@@ -116,6 +124,15 @@ export default {
             relations.trackLink
               .slot('color', slots.colorMode === 'track');
 
+          if (data.detail && slots.showDetail) {
+            workingCapsule += '.withDetail';
+            workingOptions.detailAccent =
+              html.tag('span', {class: 'name-detail'},
+                language.$(itemCapsule, 'withDetail', 'accent', {
+                  detail: language.sanitize(data.detail),
+                }));
+          }
+
           const artists =
             language.encapsulate(itemCapsule, 'artists', artistsCapsule => {
               const chosenCredit =
-- 
cgit 1.3.0-6-gf8a5