lag.

webapp/src/components/Article.svelte

@@ -70,7 +70,11 @@
 <article class="article">
   <header class="article-header">
     <h1 class="article-title">
+      {#if !title}
+        {story.title}
+      {:else}
         {@html title}
+      {/if}
     </h1>
     {#if story.url}
       <div>source: <a class="article-source" href={story.url}>{host}</a></div>
@@ -81,6 +85,10 @@
   </header>
 
   <section class="article-body">
+    {#if !html}
+      {story.content}
+    {:else}
       {@html html}
+    {/if}
   </section>
 </article>

webapp/src/components/StoryList.svelte

@@ -6,7 +6,7 @@
   export let stories;
 
   const host = (url) => new URL(url).hostname.replace(/^www\./, "");
-  let purify = () => "";
+  let purify;
 
   onMount(() => {
     purify = (html) => DOMPurify.sanitize(html);
@@ -48,10 +48,13 @@
         alt="logo"
         class="story-icon"
         style="height: 1rem; width: 1rem;" />
-      <a
+      <a class="story-title" rel="prefetch" href="/{story.id}">
-        class="story-title"
+        {#if !purify}
-        rel="prefetch"
+          {story.title}
-        href="/{story.id}">{@html purify(story.title)}</a>
+        {:else}
+          {@html purify(story.title)}
+        {/if}
+      </a>
       <a
         class="story-source"
         href={story.url || story.link}>{host(story.url || story.link)}</a>