fix API links for headings with badges

Author: skirtles-code

.vitepress/theme/styles/badges.css

@@ -22,3 +22,7 @@
 .vt-badge.experimental:before {
   content: 'Experimental';
 }
+
+.vt-badge[data-text]:before {
+  content: attr(data-text);
+}

src/api/built-in-directives.md

@@ -463,7 +463,7 @@ Render the element and component once only, and skip future updates.
   - [Data Binding Syntax - interpolations](/guide/essentials/template-syntax.html#text)
   - [v-memo](#v-memo)
 
-## v-memo <sup class="vt-badge">3.2+</sup>
+## v-memo <sup class="vt-badge" data-text="3.2+" />
 
 - **Expects:** `any[]`
 

src/api/composition-api-lifecycle.md

@@ -297,7 +297,7 @@ Registers a callback to be called after the component instance is removed from t
 
 - **See also:** [Guide - Lifecycle of Cached Instance](/guide/built-ins/keep-alive.html#lifecycle-of-cached-instance)
 
-## onServerPrefetch() <sup class="vt-badge">SSR only</sup>
+## onServerPrefetch() <sup class="vt-badge" data-text="SSR only" />
 
 Registers a async function to be resolved before the component instance is to be rendered on the server.
 

src/api/options-lifecycle.md

@@ -286,7 +286,7 @@ Called after the component instance is removed from the DOM as part of a tree ca
 
 - **See also:** [Guide - Lifecycle of Cached Instance](/guide/built-ins/keep-alive.html#lifecycle-of-cached-instance)
 
-## serverPrefetch <sup class="vt-badge">SSR only</sup>
+## serverPrefetch <sup class="vt-badge" data-text="SSR only" />
 
 Async function to be resolved before the component instance is to be rendered on the server.