feat: author chip on article-cards

limulus · Jan 21, 2025 · 6a77dd8 · 6a77dd8
1 parent 5c10b5c
commit 6a77dd8
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/www/_includes/components/article-card.webc b/www/_includes/components/article-card.webc
@@ -19,6 +19,9 @@
         <header>
           <h1 @text="article.data.title"></h1>
           <ul class="chips">
+            <li>
+              <author-chip :@article="article" @nolink="true"></author-chip>
+            </li>
             <li>
               <published-chip :@article="article"></published-chip>
             </li>
@@ -34,11 +37,11 @@
 </article-card>
 
 <style webc:scoped>
-  :host a {
+  :host > article > a {
     text-decoration: none;
   }
 
-  :host a {
+  :host > article > a {
     display: block;
     overflow: hidden;
     border: var(--card-border);

diff --git a/www/_includes/components/author-chip.webc b/www/_includes/components/author-chip.webc
@@ -1,6 +1,9 @@
-<data-chip :@pho="$data.authors[article.data.author].photo" :@article="article">
-  <a
-    :href="$data.authors[article.data.author].url"
-    @text="$data.authors[article.data.author].name"
-  ></a>
-</data-chip>
+<script webc:type="js">
+  const chip = /* HTML */ `
+    <data-chip :@pho="$data.authors[article.data.author].photo" :@article="article">
+      ${$data.authors[article.data.author].name}
+    </data-chip>
+  `
+
+  nolink ? chip : `<a href="${$data.authors[article.data.author].url}">${chip}</a>`
+</script>