From 93a3db55f7867b9b04fd9e59fc31006ca838ed87 Mon Sep 17 00:00:00 2001
From: Matt Vogel <mainmoniker@googlemail.com>
Date: Tue, 20 Feb 2024 23:23:03 -0500
Subject: [PATCH] feat:tag hash with css

---
 quartz/components/PageList.tsx     | 2 +-
 quartz/components/RecentNotes.tsx  | 2 +-
 quartz/components/TagList.tsx      | 3 +--
 quartz/plugins/transformers/ofm.ts | 2 +-
 quartz/styles/base.scss            | 5 +++++
 5 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/quartz/components/PageList.tsx b/quartz/components/PageList.tsx
index 62b77b17b0201..1e5d232df0691 100644
--- a/quartz/components/PageList.tsx
+++ b/quartz/components/PageList.tsx
@@ -63,7 +63,7 @@ export const PageList: QuartzComponent = ({ cfg, fileData, allFiles, limit }: Pr
                       class="internal tag-link"
                       href={resolveRelative(fileData.slug!, `tags/${tag}` as FullSlug)}
                     >
-                      #{tag}
+                      {tag}
                     </a>
                   </li>
                 ))}
diff --git a/quartz/components/RecentNotes.tsx b/quartz/components/RecentNotes.tsx
index 549b025d33683..d99878db9b5e0 100644
--- a/quartz/components/RecentNotes.tsx
+++ b/quartz/components/RecentNotes.tsx
@@ -63,7 +63,7 @@ export default ((userOpts?: Partial<Options>) => {
                           class="internal tag-link"
                           href={resolveRelative(fileData.slug!, `tags/${tag}` as FullSlug)}
                         >
-                          #{tag}
+                          {tag}
                         </a>
                       </li>
                     ))}
diff --git a/quartz/components/TagList.tsx b/quartz/components/TagList.tsx
index 04a483b6c39b9..ba48098bd6426 100644
--- a/quartz/components/TagList.tsx
+++ b/quartz/components/TagList.tsx
@@ -9,12 +9,11 @@ const TagList: QuartzComponent = ({ fileData, displayClass }: QuartzComponentPro
     return (
       <ul class={classNames(displayClass, "tags")}>
         {tags.map((tag) => {
-          const display = `#${tag}`
           const linkDest = baseDir + `/tags/${slugTag(tag)}`
           return (
             <li>
               <a href={linkDest} class="internal tag-link">
-                {display}
+                {tag}
               </a>
             </li>
           )
diff --git a/quartz/plugins/transformers/ofm.ts b/quartz/plugins/transformers/ofm.ts
index 6aad230523ed0..cd9fa7fadef29 100644
--- a/quartz/plugins/transformers/ofm.ts
+++ b/quartz/plugins/transformers/ofm.ts
@@ -328,7 +328,7 @@ export const ObsidianFlavoredMarkdown: QuartzTransformerPlugin<Partial<Options>
                   children: [
                     {
                       type: "text",
-                      value: `#${tag}`,
+                      value: tag,
                     },
                   ],
                 }
diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index 92798a2da1304..868dfdc79e9dd 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -79,6 +79,11 @@ a {
       border-radius: 0;
       padding: 0;
     }
+    &.tag-link {
+      &::before {
+        content: "#";
+      }
+    }
   }
 
   &.external .external-icon {