docs: center the README logo and fix its size

hyf0 · hyf0 · commit b46f7cffffbf · 2026-06-18T21:31:20.000+08:00
The logo SVG has an intrinsic size of 103x15, so embedding it without a
size constraint renders it at ~15px tall (about one line of body text)
and left-aligned. Mirror the vitejs/vite README treatment: center the
logo in a paragraph, link it to the homepage, and pin height=60.
diff --git a/README.md b/README.md
@@ -1,8 +1,12 @@
-<picture>
-  <source media="(prefers-color-scheme: dark)" srcset="/logo-dark.svg">
-  <source media="(prefers-color-scheme: light)" srcset="/logo.svg">
-  <img alt="Vite+" src="/logo.svg">
-</picture>
+<p align="center">
+  <a href="https://viteplus.dev" target="_blank" rel="noopener noreferrer">
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcset="/logo-dark.svg">
+      <source media="(prefers-color-scheme: light)" srcset="/logo.svg">
+      <img alt="Vite+" src="/logo.svg" height="60">
+    </picture>
+  </a>
+</p>
 
 **The Unified Toolchain for the Web**
 _runtime and package management, create, dev, check, test, build, pack, and monorepo task caching in a single dependency_
