docs: link to npmx.dev

A fast, modern browser for the npm registry

Author: andreruffert

README.md

@@ -3,8 +3,8 @@
 > Syntax Highlighting using the CSS Custom Highlight API.
 
 [![Test status](https://img.shields.io/github/actions/workflow/status/andreruffert/syntax-highlight-element/test.yml?label=Test&logo=github&color=32A9C3&labelColor=1B3C4A)](https://github.com/andreruffert/syntax-highlight-element/actions/workflows/test.yml)
-[![npm version](https://img.shields.io/npm/v/syntax-highlight-element?color=32A9C3&labelColor=1B3C4A)](https://www.npmjs.com/package/syntax-highlight-element)
-[![npm downloads](https://img.shields.io/npm/dm/syntax-highlight-element?logo=npm&color=32A9C3&labelColor=1B3C4A)](https://www.npmjs.com/package/syntax-highlight-element)
+[![npm version](https://img.shields.io/npm/v/syntax-highlight-element?color=32A9C3&labelColor=1B3C4A)](https://npmx.dev/package/syntax-highlight-element)
+[![npm downloads](https://img.shields.io/npm/dm/syntax-highlight-element?logo=npm&color=32A9C3&labelColor=1B3C4A)](https://npmx.dev/package/syntax-highlight-element)
 [![jsDelivr hits (npm)](https://img.shields.io/jsdelivr/npm/hm/syntax-highlight-element?color=32A9C3&labelColor=1B3C4A)](https://www.jsdelivr.com/package/npm/syntax-highlight-element)
 
 The code is highlighted without having to wrap a bunch of `<span>` elements around each token, thanks to [Prism][prism_github]'s tokenizer and the [CSS Custom Highlight API][MDN_CSS_Custom_Highlight_API].

docs/index.html

@@ -61,10 +61,10 @@
         <span class="heading">&lt;syntax-highlight&gt;</span>
         <h1 class="tagline">A custom element that uses the CSS Custom Highlight API for syntax highlighting</h1>
         <p class="badges">
-          <a href="https://www.npmjs.com/package/syntax-highlight-element" target="_blank" rel="noreferrer">
+          <a href="https://npmx.dev/package/syntax-highlight-element" target="_blank" rel="noreferrer">
             <img src="https://img.shields.io/npm/v/syntax-highlight-element?color=32A9C3&labelColor=1B3C4A" height="20" alt="npm version" />
           </a>
-          <a href="https://www.npmjs.com/package/syntax-highlight-element" target="_blank" rel="noreferrer"><img src="https://img.shields.io/npm/dm/syntax-highlight-element?logo=npm&color=32A9C3&labelColor=1B3C4A" height="20" alt="npm downloads"></a>
+          <a href="https://npmx.dev/package/syntax-highlight-element" target="_blank" rel="noreferrer"><img src="https://img.shields.io/npm/dm/syntax-highlight-element?logo=npm&color=32A9C3&labelColor=1B3C4A" height="20" alt="npm downloads"></a>
           <a href="https://www.jsdelivr.com/package/npm/syntax-highlight-element" target="_blank" rel="noreferrer">
             <img src="https://img.shields.io/jsdelivr/npm/hm/syntax-highlight-element?color=32A9C3&labelColor=1B3C4A" height="20" alt="jsDelivr hits (npm)">
           </a>