From a52c6c8deaf00ee4af528bc34e992979a3ea45b8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BF=A0=20/=20green?= <green@sapphi.red>
Date: Sun, 19 Jun 2022 21:46:01 +0900
Subject: [PATCH] docs: tweak `voice.svg` (#8658)

---
 docs/guide/index.md   | 2 +-
 docs/public/voice.svg | 2 +-
 docs/vite.config.ts   | 3 +++
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/docs/guide/index.md b/docs/guide/index.md
index d5d20d800..50d3a843c 100644
--- a/docs/guide/index.md
+++ b/docs/guide/index.md
@@ -6,7 +6,7 @@
 
 ## Overview
 
-Vite (French word for "quick", pronounced `/vit/`<button style="border:none;padding:3px;border-radius:4px" id="play-vite-audio" onclick="document.getElementById('vite-audio').play();"><img src="/voice.svg" height="15"></button>, like "veet") is a build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of two major parts:
+Vite (French word for "quick", pronounced `/vit/`<button style="border:none;padding:3px;border-radius:4px;vertical-align:bottom" id="play-vite-audio" onclick="document.getElementById('vite-audio').play();"><svg style="height:2em;width:2em"><use href="/voice.svg#voice" /></svg></button>, like "veet") is a build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of two major parts:
 
 - A dev server that provides [rich feature enhancements](./features) over [native ES modules](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules), for example extremely fast [Hot Module Replacement (HMR)](./features#hot-module-replacement).
 
diff --git a/docs/public/voice.svg b/docs/public/voice.svg
index 612dd7d5f..82f7923f6 100644
--- a/docs/public/voice.svg
+++ b/docs/public/voice.svg
@@ -1,5 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
-  class="iconify iconify--mdi" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
+  class="iconify iconify--mdi" id="voice" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
   <path
     d="M14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.84-5 6.7v2.07c4-.91 7-4.49 7-8.77c0-4.28-3-7.86-7-8.77M16.5 12c0-1.77-1-3.29-2.5-4.03V16c1.5-.71 2.5-2.24 2.5-4M3 9v6h4l5 5V4L7 9H3z"
     fill="currentColor"></path>
diff --git a/docs/vite.config.ts b/docs/vite.config.ts
index 3b15cb6f5..3da9f8c96 100644
--- a/docs/vite.config.ts
+++ b/docs/vite.config.ts
@@ -3,5 +3,8 @@ import { defineConfig } from 'vite'
 export default defineConfig({
   ssr: {
     format: 'cjs'
+  },
+  legacy: {
+    buildSsrCjsExternalHeuristics: true
   }
 })