changed how the ::after icon is unset for changelog

Author: WilcoSp

app/components/Readme.vue

@@ -150,7 +150,7 @@ function handleClick(event: MouseEvent) {
   @apply inline i-lucide:external-link rtl-flip ms-1 opacity-50;
 }
 
-.readme :deep(:is(h1, h2, h3, h4, h5, h6) a[href^='#']:not([content-none])::after) {
+.readme :deep(:is(h1, h2, h3, h4, h5, h6) a[href^='#']::after) {
   /* I don't know what kind of sorcery this is, but it ensures this icon can't wrap to a new line on its own. */
   content: '__';
   @apply inline i-lucide:link rtl-flip ms-1 opacity-0;

app/pages/package-changelog/[[org]]/[name].vue

@@ -95,7 +95,7 @@ defineOgImageComponent('Default', {
       :resolved-version="version"
       :display-version="pkg?.requestedVersion"
     />
-    <section class="container w-full pt-3">
+    <section class="container w-full pt-3" :class="$style.changelog">
       <div
         class="pa-3 z-2 flex justify-between gap-4 h-14 b-b-1 border-border bg-bg top-[--combined-header-height]"
         :class="{
@@ -177,3 +177,9 @@ defineOgImageComponent('Default', {
     </section>
   </main>
 </template>
+
+<style module>
+.changelog :global(.readme) :is(h1, h2, h3, h4, h5, h6) a[href^='#']::after {
+  content: unset !important;
+}
+</style>

server/utils/changelog/markdown.ts

@@ -108,7 +108,7 @@ export async function changelogRenderer(mdRepoInfo: MarkdownRepoInfo) {
         toc.push({ text: plainText, id, depth })
       }
 
-      return `<h${semanticLevel} id="${id}" data-level="${depth}">${text}  <a content-none href="#${id}"><span class="i-lucide:link size-[1em]" aria-hidden="true"></span></a></h${semanticLevel}>\n`
+      return `<h${semanticLevel} id="${id}" data-level="${depth}">${text}  <a href="#${id}"><span class="i-lucide:link size-[1em]" aria-hidden="true"></span></a></h${semanticLevel}>\n`
     }
 
     // Helper to prefix id attributes with 'user-content-'

server/utils/readme.ts

@@ -184,7 +184,7 @@ export const ALLOWED_TAGS = [
 
 export const ALLOWED_ATTR: Record<string, string[]> = {
   '*': ['id'], // Allow id on all tags
-  'a': ['href', 'title', 'target', 'rel', 'content-none'],
+  'a': ['href', 'title', 'target', 'rel'],
   'img': ['src', 'alt', 'title', 'width', 'height', 'align'],
   'source': ['src', 'srcset', 'type', 'media'],
   'button': ['class', 'title', 'type', 'aria-label', 'data-copy'],