From c63dc23a3b11d9efd4b0fe877734026081daa31a Mon Sep 17 00:00:00 2001
From: Andrii Bodnar <andrii.bodnar@crowdin.com>
Date: Fri, 20 Feb 2026 21:26:14 +0200
Subject: [PATCH] fix(readme): decode HTML entities in TOC dropdown labels

---
 app/components/ReadmeTocDropdown.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/components/ReadmeTocDropdown.vue b/app/components/ReadmeTocDropdown.vue
index 66f92d08e..f80edce0b 100644
--- a/app/components/ReadmeTocDropdown.vue
+++ b/app/components/ReadmeTocDropdown.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { TocItem } from '#shared/types/readme'
 import { onClickOutside, useEventListener } from '@vueuse/core'
+import { decodeHtmlEntities } from '~/utils/formatters'
 
 const props = defineProps<{
   toc: TocItem[]
@@ -201,7 +202,7 @@ function handleKeydown(event: KeyboardEvent) {
             @click="select()"
             @mouseenter="highlightedIndex = getIndex(node.id)"
           >
-            <span class="truncate">{{ node.text }}</span>
+            <span class="truncate">{{ decodeHtmlEntities(node.text) }}</span>
           </NuxtLink>
 
           <template v-for="child in node.children" :key="child.id">
@@ -219,7 +220,7 @@ function handleKeydown(event: KeyboardEvent) {
               @click="select()"
               @mouseenter="highlightedIndex = getIndex(child.id)"
             >
-              <span class="truncate">{{ child.text }}</span>
+              <span class="truncate">{{ decodeHtmlEntities(child.text) }}</span>
             </NuxtLink>
 
             <NuxtLink
@@ -240,7 +241,7 @@ function handleKeydown(event: KeyboardEvent) {
               @click="select()"
               @mouseenter="highlightedIndex = getIndex(grandchild.id)"
             >
-              <span class="truncate">{{ grandchild.text }}</span>
+              <span class="truncate">{{ decodeHtmlEntities(grandchild.text) }}</span>
             </NuxtLink>
           </template>
         </template>