docs(readme): show npm version badges for each package (#239)

* docs(readme): show npm version badges for each package

Replace the centered text-link package row with shields.io npm version
badges, one per published package (runtime, components, vite, testing).
Each badge auto-updates from npm, is labeled with its package name, and
keeps its existing npmx.dev link target. The private @vue-tui/runtime-tests
package is omitted since it isn't published.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* docs(readme): color npm version badges with Vue brand green

Apply &color=42b883 (Vue's brand green) to each shields.io npm version
badge so the row matches the project's branding.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Yunfei He
2026-06-30 07:14:42 +08:00
committed by GitHub
parent d2af0c83b8
commit 2eb4c4e3c7
+4 -1
View File
@@ -6,7 +6,10 @@ The Vue framework for terminal UIs.
Build with components, develop with HMR, test with confidence.
<p align="center">
<a href="https://npmx.dev/@vue-tui/runtime"><code>@vue-tui/runtime</code></a> · <a href="https://npmx.dev/@vue-tui/components"><code>@vue-tui/components</code></a> · <a href="https://npmx.dev/@vue-tui/vite"><code>@vue-tui/vite</code></a> · <a href="https://npmx.dev/@vue-tui/testing"><code>@vue-tui/testing</code></a>
<a href="https://npmx.dev/@vue-tui/runtime"><img alt="@vue-tui/runtime npm version" src="https://img.shields.io/npm/v/@vue-tui/runtime?label=%40vue-tui%2Fruntime&color=42b883"></a>
<a href="https://npmx.dev/@vue-tui/components"><img alt="@vue-tui/components npm version" src="https://img.shields.io/npm/v/@vue-tui/components?label=%40vue-tui%2Fcomponents&color=42b883"></a>
<a href="https://npmx.dev/@vue-tui/vite"><img alt="@vue-tui/vite npm version" src="https://img.shields.io/npm/v/@vue-tui/vite?label=%40vue-tui%2Fvite&color=42b883"></a>
<a href="https://npmx.dev/@vue-tui/testing"><img alt="@vue-tui/testing npm version" src="https://img.shields.io/npm/v/@vue-tui/testing?label=%40vue-tui%2Ftesting&color=42b883"></a>
</p>
- **Vue SFC & JSX** — write terminal interfaces with `<template>`, TSX, or both