feat: Add preferred canonical URL for blog posts

Introduces a `PreferredCanonical` function to prioritize the English canonical URL if available, falling back to the default canonical URL. This ensures that view counts and like buttons use the most appropriate canonical URL for the blog post.

Author: lemon-mint

view/component_gosuda_blog_post.templ

@@ -5,6 +5,18 @@ import (
 	"time"
 )
 
+func PreferredCanonical(meta *types.Metadata) string {
+	if meta == nil {
+		return ""
+	}
+	if meta.LangCanonical != nil {
+		if v, ok := meta.LangCanonical["en"]; ok && v != "" {
+			return v
+		}
+	}
+	return meta.Canonical
+}
+
 templ GosudaBlogPost(m *Metadata, doc *types.Document, post *types.Post) {
 	<div class="max-w-6xl mx-auto p-4 min-h-screen flex flex-col">
 		@BlogHeader(m)
@@ -16,9 +28,9 @@ templ GosudaBlogPost(m *Metadata, doc *types.Document, post *types.Post) {
 					<time datetime={ doc.Metadata.Date.Format(time.RFC3339) } class="inline-block text-gray-600 italic">{ doc.Metadata.Date.Format("January 2, 2006") }</time>
 					<div class="ml-4 flex items-center text-sm text-gray-500 gap-4">
 						<!-- Placeholder: will hydrate on client to actual view count -->
-						<span data-view-count data-url={ templ.SafeURL(doc.Metadata.Canonical) } aria-label="View count">views ....</span>
+						<span data-view-count data-url={ templ.SafeURL(PreferredCanonical(&doc.Metadata)) } aria-label="View count">views ....</span>
 						<!-- Placeholder like button: inner span will hydrate with like count -->
-						<button type="button" data-like-button data-url={ templ.SafeURL(doc.Metadata.Canonical) } class="text-sm text-gray-500" aria-label="Like this post">
+						<button type="button" data-like-button data-url={ templ.SafeURL(PreferredCanonical(&doc.Metadata)) } class="text-sm text-gray-500" aria-label="Like this post">
 							<span data-like-count>like ...</span>
 						</button>
 					</div>