forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
feat: display node/npm engines
+36
+36
app/pages/package/[...name].vue
+36
app/pages/package/[...name].vue
···
600
600
</ul>
601
601
</section>
602
602
603
+
<section
604
+
v-if="displayVersion?.engines && (displayVersion.engines.node || displayVersion.engines.npm)"
605
+
aria-labelledby="compatibility-heading"
606
+
>
607
+
<h2
608
+
id="compatibility-heading"
609
+
class="text-xs text-fg-subtle uppercase tracking-wider mb-3"
610
+
>
611
+
Compatibility
612
+
</h2>
613
+
<dl class="space-y-2">
614
+
<div
615
+
v-if="displayVersion.engines.node"
616
+
class="flex items-center justify-between py-1"
617
+
>
618
+
<dt class="text-fg-muted text-sm">
619
+
node
620
+
</dt>
621
+
<dd class="font-mono text-sm text-fg">
622
+
{{ displayVersion.engines.node }}
623
+
</dd>
624
+
</div>
625
+
<div
626
+
v-if="displayVersion.engines.npm"
627
+
class="flex items-center justify-between py-1"
628
+
>
629
+
<dt class="text-fg-muted text-sm">
630
+
npm
631
+
</dt>
632
+
<dd class="font-mono text-sm text-fg">
633
+
{{ displayVersion.engines.npm }}
634
+
</dd>
635
+
</div>
636
+
</dl>
637
+
</section>
638
+
603
639
<!-- Versions -->
604
640
<section
605
641
v-if="sortedVersions.length"