From c652ac6a2cd23ef29f48465be09c2b674783e8e9 Mon Sep 17 00:00:00 2001
From: Adam Mathes <adam@adammathes.com>
Date: Sun, 15 Feb 2026 17:44:55 -0800
Subject: Vanilla JS (v3): Implement 3-pane layout, item fetching, reading, and
 testing

---
 frontend-vanilla/src/components/FeedItem.ts | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 frontend-vanilla/src/components/FeedItem.ts

(limited to 'frontend-vanilla/src/components/FeedItem.ts')

diff --git a/frontend-vanilla/src/components/FeedItem.ts b/frontend-vanilla/src/components/FeedItem.ts
new file mode 100644
index 0000000..3bf72c2
--- /dev/null
+++ b/frontend-vanilla/src/components/FeedItem.ts
@@ -0,0 +1,11 @@
+import type { Feed } from '../types';
+
+export function createFeedItem(feed: Feed, isActive: boolean): string {
+    return `
+    <li class="feed-item ${isActive ? 'active' : ''}" data-id="${feed._id}">
+      <a href="/v3/feed/${feed._id}" class="feed-link" onclick="event.preventDefault(); window.app.navigate('/feed/${feed._id}')">
+        ${feed.title || feed.url}
+      </a>
+    </li>
+  `;
+}
-- 
cgit v1.2.3