version console test

src/js/04-page-versions.js

@@ -10,7 +10,7 @@
   var versions = versionMenu?.querySelectorAll('.version')
   const componentsData = document.querySelector('[data-components]').dataset.component
   const componentData = document.querySelector('[data-component]').dataset.component
-  console.log(componentsData, componentData)
+  console.log(JSON.parse(componentsData), componentData)
 
   toggle.addEventListener('click', function (e) {
     if (!versions.length) return

src/partials/page-versions.hbs

@@ -4,8 +4,8 @@
   <div class="backdrop"></div>
   <h2 class="title"><a href="{{{relativize ./url}}}">{{page.component.title}}</a></h2>
   <button class="version-menu-toggle" title="Show other versions of page">{{#if (or page.componentVersion.version (ne page.componentVersion.displayVersion 'default'))}}v{{page.componentVersion.displayVersion}}{{/if}}</button>
-  <div data-components="{{site.components}}"></div>
-  <div data-component="{{site.components.[0]}}"></div>
+  <div data-components="{{json site.components}}"></div>
+  <div data-component="{{json site.components.[0]}}"></div>
   {{#with site.components.[0]}}
   <div class="version-menu">
     {{#each ./versions}}