some lesson 12

docs/.vitepress/theme/components/TTS.vue

@@ -5,7 +5,9 @@
     </span>
     <audio style="display: none" ref="audio"></audio>
     <span>
-      <button type="button" @click="playAudio()">🗣️</button>
+      <button type="button" @click="playAudio()" :class="$style.speak">
+        🗣️
+      </button>
     </span>
   </span>
 </template>
@@ -76,4 +78,9 @@ async function playAudioTTSPlugin(): Promise<boolean> {
 }
 </script>
 
-<style module></style>
+<style module>
+.speak {
+  text-align: center;
+  width: 2em;
+}
+</style>