chore: vueuse

使用指南.md

@@ -1,4 +1,32 @@
 # 使用指南
+<script setup>
+  import { onMounted, ref } from 'vue';
+  function detectBrowserType() {
+    const userAgent = navigator.userAgent;
+    if (userAgent.indexOf('Chrome') > -1) {
+      browserType.value = 'Chrome';
+    } else if (userAgent.indexOf('Firefox') > -1) {
+      browserType.value = 'Firefox';
+    } else if (userAgent.indexOf('Safari') > -1) {
+      browserType.value = 'Safari';
+    } else if (userAgent.indexOf('Opera') > -1 || userAgent.indexOf('OPR') > -1) {
+      browserType.value = 'Opera';
+    } else if (userAgent.indexOf('Edge') > -1) {
+      browserType.value = 'Edge';
+    } else if (userAgent.indexOf('MSIE') > -1 || userAgent.indexOf('Trident/') > -1) {
+      browserType.value = 'Internet Explorer';
+    } else {
+      browserType.value = 'Unknown';
+    }
+  }
+  const browserType = ref('');
+  onMounted(() => {
+    detectBrowserType();
+  });
+</script>
+
+- 推荐使用 Chromium 内核的浏览器访问（例如Chrome、Edge）不同浏览器可能表现不一致，您当前的浏览器是：<code>{{ browserType }} </code> 
+
 - 推荐使用 `暗色模式` ，以获得更好的阅读体验。点击右上角切换按钮即可切换。
 
 - 电脑端推荐按 `Ctrl + 加号` 将页面放大到 150% 以便于阅读。