From c429419cfb158659e0bc45a189bc8ecbf1d071dc Mon Sep 17 00:00:00 2001
From: Lachlan Holden <lachlan.holden@gmail.com>
Date: Wed, 1 Nov 2023 07:08:11 +1030
Subject: [PATCH] Add data-property attributes (see #10)

---
 src/RecipeCardTitleBlock.svelte | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/RecipeCardTitleBlock.svelte b/src/RecipeCardTitleBlock.svelte
index 02f9d11..4ab5efa 100644
--- a/src/RecipeCardTitleBlock.svelte
+++ b/src/RecipeCardTitleBlock.svelte
@@ -54,9 +54,11 @@
 			{#if frontmatter}
 				{#each Object.entries(frontmatter) as [key, value]}
 					{#if formatFrontmatterValue(key, value)}
-						<span class="frontmatter-entry">
-							<span class="key">{key}</span>
-							<span class="value">
+						<span class="title-block-property">
+							<span class="key" data-property-key={key}
+								>{key}</span
+							>
+							<span class="value" data-property-value={value}>
 								<!-- eslint-disable -->
 								{@html formatFrontmatterValue(key, value)}
 							</span>
@@ -89,7 +91,7 @@
 		justify-content: start;
 		gap: var(--size-2-1) var(--size-4-4);
 	}
-	.frontmatter-entry {
+	.title-block-property {
 		display: inline-block;
 		font-size: var(--font-small);
 	}