changed how content-none is applied for changelog.md

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(a[href^='#']:not(.content-none)::after) {
+.readme :deep(a[href^='#']:not([content-none])::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;

server/utils/changelog/markdown.ts

@@ -107,7 +107,7 @@ export async function changelogRenderer() {
         toc.push({ text: plainText, id, depth })
       }
 
-      return `<h${semanticLevel} id="${id}" data-level="${depth}">${text}  <a class="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 content-none href="#${id}"><span class="i-lucide:link size-[1em]" aria-hidden="true"></span></a></h${semanticLevel}>\n`
     }
 
     return {

server/utils/readme.ts

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