Added Turbo.js for mix navigation

eleventy.config.js

@@ -140,7 +140,8 @@ export default async function (eleventyConfig) {
     'src/assets/images/favicon/*': '/',
 
     // -- node_modules
-    'node_modules/lite-youtube-embed/src/lite-yt-embed.{css,js}': `assets/components/`
+    'node_modules/lite-youtube-embed/src/lite-yt-embed.{css,js}': `assets/components/`,
+    'node_modules/@hotwired/turbo/dist/turbo.es2017-esm.js': `assets/components/turbo.js`
   });
 
   // ----------------------  ignore test files

package-lock.json

@@ -17,6 +17,7 @@
         "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.2",
         "@11ty/eleventy-plugin-webc": "^0.11.2",
         "@11ty/is-land": "^4.0.1",
+        "@hotwired/turbo": "^8.0.20",
         "lite-youtube-embed": "^0.3.4",
         "tailwindcss": "^3.4.17"
       },
@@ -1339,6 +1340,15 @@
         "node": ">=18"
       }
     },
+    "node_modules/@hotwired/turbo": {
+      "version": "8.0.20",
+      "resolved": "https://registry.npmjs.org/@hotwired/turbo/-/turbo-8.0.20.tgz",
+      "integrity": "sha512-IilkH/+h92BRLeY/rMMR3MUh1gshIfdra/qZzp/Bl5FmiALD/6sQZK/ecxSbumeyOYiWr/JRI+Au1YQmkJGnoA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 18"
+      }
+    },
     "node_modules/@img/colour": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.0.0.tgz",

package.json

@@ -38,6 +38,7 @@
     "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.2",
     "@11ty/eleventy-plugin-webc": "^0.11.2",
     "@11ty/is-land": "^4.0.1",
+    "@hotwired/turbo": "^8.0.20",
     "lite-youtube-embed": "^0.3.4",
     "tailwindcss": "^3.4.17"
   },

src/_layouts/mix.njk

@@ -9,7 +9,7 @@ layout: base
 
     {% set projectTracks = collections.tracksByProject[project] %}
     <nav aria-label="Track list" class="region region-space-l">
-      <h2>Contents</h2>
+      <h2>Track List</h2>
       <ol class="flow" style="--flow-space: var(--space-xs)">
         {% for track in projectTracks %}
           <li>
@@ -20,3 +20,7 @@ layout: base
     </nav>
   </div>
 </div>
+
+{% js "defer" %}
+  import * as Turbo from '/assets/components/turbo.js';
+{% endjs %}