svemagie.net/blog-eleventy-indiekit
1
0
Fork 0
mirror of https://github.com/svemagie/blog-eleventy-indiekit.git synced 2026-05-15 06:58:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: wrap webmentions widget in is-land for lazy loading

Browse Source 
The webmentions sidebar widget uses Alpine.js + fetch API but was
missing the is-land on:visible wrapper that all other JS-dependent
sidebar widgets have. This defers its initialization until scrolled
into view, consistent with social-activity, github-repos, funkwhale,
blogroll, and feedland widgets.
This commit is contained in:
Ricardo
2026-02-18 12:20:38 +01:00
parent 0d63dde15c
commit daf813e192
1 changed files with 2 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_includes/components/widgets/webmentions.njk
+2
View File
@@ -1,6 +1,7 @@
{# Recent Webmentions Widget - site-wide inbound/outbound activity #} {# Recent Webmentions Widget - site-wide inbound/outbound activity #}
{# Uses client-side fetch from /webmentions/api/mentions (same as /interactions page) #} {# Uses client-side fetch from /webmentions/api/mentions (same as /interactions page) #}
{# Outbound tab uses Eleventy collections (likes, replies, bookmarks, reposts) #} {# Outbound tab uses Eleventy collections (likes, replies, bookmarks, reposts) #}
<is-land on:visible>
<div class="widget" x-data="webmentionsWidget()" x-init="init()"> <div class="widget" x-data="webmentionsWidget()" x-init="init()">
<h3 class="widget-title flex items-center gap-2"> <h3 class="widget-title flex items-center gap-2">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -148,3 +149,4 @@ function webmentionsWidget() {
}; };
} }
</script> </script>
</is-land>