From 25f9c3bf7f78e4b7c9fb0004be0ce2c097755b50 Mon Sep 17 00:00:00 2001
From: Horu <73709188+HigherOrderLogic@users.noreply.github.com>
Date: Fri, 20 Jun 2025 23:19:51 +1000
Subject: [PATCH] docs: diffrentiate different type id

---
 src/components/navigation/sidebars/toc/Table.tsx | 8 ++++----
 src/components/type/Functions.astro              | 2 +-
 src/components/type/Properties.astro             | 2 +-
 src/components/type/Signals.astro                | 2 +-
 src/components/type/Variants.astro               | 2 +-
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/navigation/sidebars/toc/Table.tsx b/src/components/navigation/sidebars/toc/Table.tsx
index 2c241ca..ea9ca5f 100644
--- a/src/components/navigation/sidebars/toc/Table.tsx
+++ b/src/components/navigation/sidebars/toc/Table.tsx
@@ -49,7 +49,7 @@ export const Table: Component<{
               <li class="types-item props-item">
                 <a
                   class="type-anchor"
-                  href={`#${prop}`}
+                  href={`#prop-${prop}`}
                 >
                   <Tag />
                   {prop}
@@ -66,7 +66,7 @@ export const Table: Component<{
               <li class="types-item func-item">
                 <a
                   class="type-anchor"
-                  href={`#${func}`}
+                  href={`#func-${func}`}
                 >
                   <RoundBrackets />
                   {func}
@@ -83,7 +83,7 @@ export const Table: Component<{
               <li class="types-item signals-item">
                 <a
                   class="type-anchor"
-                  href={`#${signal}`}
+                  href={`#signal-${signal}`}
                 >
                   <PowerCord />
                   {signal}
@@ -100,7 +100,7 @@ export const Table: Component<{
               <li class="types-item vars-item">
                 <a
                   class="type-anchor"
-                  href={`#${variant}`}
+                  href={`#variant-${variant}`}
                 >
                   <FourDiamonds />
                   {variant}
diff --git a/src/components/type/Functions.astro b/src/components/type/Functions.astro
index dafedfd..4528a5d 100644
--- a/src/components/type/Functions.astro
+++ b/src/components/type/Functions.astro
@@ -22,7 +22,7 @@ const { funcData } = Astro.props;
       let genericType:string|undefined;
       let genericTypeLink:string|undefined;
       return (
-        <li id={item.name} class="typedata-root typefunc-root">
+        <li id={ `func-${item.name}` } class="typedata-root typefunc-root">
           <TypeTitle
             typekind="func"
             typename={item.name}
diff --git a/src/components/type/Properties.astro b/src/components/type/Properties.astro
index 4e50a2f..0f819ee 100644
--- a/src/components/type/Properties.astro
+++ b/src/components/type/Properties.astro
@@ -37,7 +37,7 @@ const { propsKeys, propsData } = Astro.props;
         genericTypeLink = getQMLTypeLink(propData.type.of)
       }
       return (
-        <li id={ item } class="typedata-root typeprop-root">
+        <li id={ `prop-${item}` } class="typedata-root typeprop-root">
           <TypeTitle
             typekind="prop"
             typename={item}
diff --git a/src/components/type/Signals.astro b/src/components/type/Signals.astro
index 0062124..14911c7 100644
--- a/src/components/type/Signals.astro
+++ b/src/components/type/Signals.astro
@@ -19,7 +19,7 @@ const { signalKeys, signalsData } = Astro.props;
       let genericType:string|undefined;
       let genericTypeLink:string|undefined;
       return (
-        <li id={ item } class="typedata-root typesignal-root">
+        <li id={ `signal-${item}` } class="typedata-root typesignal-root">
           <TypeTitle
             typekind="signal"
             typename={item}
diff --git a/src/components/type/Variants.astro b/src/components/type/Variants.astro
index 3777111..1083a54 100644
--- a/src/components/type/Variants.astro
+++ b/src/components/type/Variants.astro
@@ -19,7 +19,7 @@ const { variantKeys, variantsData } = Astro.props;
         ? variantData.params.map(param => param.name)
         : [];
       return (
-        <li id={ item } class="typedata-root typevariant-root">
+        <li id={ `variant-${item}` } class="typedata-root typevariant-root">
           <TypeTitle 
             typekind="variant"
             typename={item}