forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
refactor: use an `<article>` element for for package readme (#524)
Co-authored-by: Rshig <90143161+rshigg@users.noreply.github.com>
authored by
Nathan Knowler
Rshig
and committed by
GitHub
876aaeec
6b93e22f
+5
-5
+2
-2
app/components/PackageSkeleton.vue
+2
-2
app/components/PackageSkeleton.vue
···
150
150
</div>
151
151
152
152
<!-- Sidebar: order-1 lg:order-2 space-y-8 -->
153
-
<aside class="order-1 lg:order-2 space-y-8">
153
+
<div class="order-1 lg:order-2 space-y-8">
154
154
<!-- Maintainers -->
155
155
<section>
156
156
<h2
···
249
249
</li>
250
250
</ul>
251
251
</section>
252
-
</aside>
252
+
</div>
253
253
</div>
254
254
</article>
255
255
</template>
+3
-3
app/pages/[...package].vue
+3
-3
app/pages/[...package].vue
···
907
907
</a>
908
908
</h2>
909
909
<!-- eslint-disable vue/no-v-html -- HTML is sanitized server-side -->
910
-
<div
910
+
<article
911
911
v-if="readmeData?.html"
912
912
class="readme-content prose prose-invert max-w-[70ch]"
913
913
v-html="readmeData.html"
···
923
923
924
924
<div class="area-sidebar">
925
925
<!-- Sidebar -->
926
-
<aside class="sticky top-20 space-y-6 sm:space-y-8 min-w-0 overflow-hidden">
926
+
<div class="sticky top-20 space-y-6 sm:space-y-8 min-w-0 overflow-hidden">
927
927
<!-- Maintainers (with admin actions when connected) -->
928
928
<PackageMaintainers :package-name="pkg.name" :maintainers="pkg.maintainers" />
929
929
···
1031
1031
:peer-dependencies-meta="displayVersion.peerDependenciesMeta"
1032
1032
:optional-dependencies="displayVersion.optionalDependencies"
1033
1033
/>
1034
-
</aside>
1034
+
</div>
1035
1035
</div>
1036
1036
</article>
1037
1037