From 3bc84c607b7b1982ab5d15565ae84dae759ab3fa Mon Sep 17 00:00:00 2001
From: Michael Uloth <hello@michaeluloth.com>
Date: Thu, 1 Jun 2023 17:39:23 -0400
Subject: [PATCH] fix global data accessing in layouts vs components

---
 src/_includes/components/meta-title.webc | 6 ++++--
 src/_includes/layouts/main.webc          | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/_includes/components/meta-title.webc b/src/_includes/components/meta-title.webc
index daace84..0e6fbd0 100644
--- a/src/_includes/components/meta-title.webc
+++ b/src/_includes/components/meta-title.webc
@@ -1,7 +1,9 @@
-<!-- see: https://11ty.webc.fun/recipes/webc-inside-your-head/ -->
-
 <script webc:type="js" webc:is="template">
+  // see: https://11ty.webc.fun/recipes/webc-inside-your-head/
+
   // If the current page's frontmatter includes a "title", put it before the site title
+  // Must access data via $data in components (but not in layouts or top-level pages)
+  // See: https://github.com/11ty/webc/issues/152
   const metaTitle = title ? `${title} | ${$data.site.title}` : `${$data.site.title}`
 
   ;`<title>${metaTitle}</title>`
diff --git a/src/_includes/layouts/main.webc b/src/_includes/layouts/main.webc
index 0115cbb..0ad421d 100644
--- a/src/_includes/layouts/main.webc
+++ b/src/_includes/layouts/main.webc
@@ -5,7 +5,7 @@ layout: layouts/root.webc
 <a href="#skip" class="visually-hidden">Skip to main content</a>
 
 <header>
-  <a href="/" class="home-link">{ $site.title }</a>
+  <a href="/" @html="site.title" class="home-link"></a>
 
   <!-- Read more about `eleventy-navigation` at https://www.11ty.dev/docs/plugins/navigation/ -->
   <!--