ux improvements (#4)

package-lock.json

@@ -9,6 +9,7 @@
       "version": "0.0.0",
       "dependencies": {
         "@vueuse/core": "^11.1.0",
+        "pinyin-pro": "^3.26.0",
         "vue": "^3.4.29"
       },
       "devDependencies": {
@@ -1100,6 +1101,11 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/pinyin-pro": {
+      "version": "3.26.0",
+      "resolved": "https://registry.npmjs.org/pinyin-pro/-/pinyin-pro-3.26.0.tgz",
+      "integrity": "sha512-HcBZZb0pvm0/JkPhZHWA5Hqp2cWHXrrW/WrV+OtaYYM+kf35ffvZppIUuGmyuQ7gDr1JDJKMkbEE+GN0wfMoGg=="
+    },
     "node_modules/postcss": {
       "version": "8.4.47",
       "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.4.47.tgz",