chore: update

src/router/modules/able.ts

@@ -10,13 +10,21 @@ export default {
     rank: able
   },
   children: [
+    {
+      path: "/components/mqtt-client",
+      name: "MqttClient",
+      component: () => import("@/views/able/mqtt-client.vue"),
+      meta: {
+        title: $t("menus.hsMqtt"),
+        extraIcon: "IF-pure-iconfont-new svg"
+      }
+    },
     {
       path: "/able/verify",
       name: "Verify",
       component: () => import("@/views/able/verify.vue"),
       meta: {
-        title: $t("menus.hsVerify"),
+        title: $t("menus.hsVerify")
-        extraIcon: "IF-pure-iconfont-new svg"
       }
     },
     {
@@ -56,8 +64,7 @@ export default {
       name: "Ripple",
       component: () => import("@/views/able/ripple.vue"),
       meta: {
-        title: $t("menus.hsRipple"),
+        title: $t("menus.hsRipple")
-        extraIcon: "IF-pure-iconfont-new svg"
       }
     },
     {
@@ -164,15 +171,6 @@ export default {
         title: $t("menus.hsVideoFrame")
       }
     },
-    {
-      path: "/components/mqtt-client",
-      name: "MqttClient",
-      component: () => import("@/views/able/mqtt-client.vue"),
-      meta: {
-        title: $t("menus.hsMqtt"),
-        extraIcon: "IF-pure-iconfont-new svg"
-      }
-    },
     {
       path: "/able/danmaku",
       name: "Danmaku",

src/views/able/mqtt-client.vue

@@ -196,16 +196,18 @@ onUnmounted(() => {
         :underline="false"
         href="https://github.com/mqttjs/MQTT.js"
         target="_blank"
-        >MQTT.js</el-link
       >
+        MQTT.js
+      </el-link>
       和 免费的公共MQTT代理
       <el-link
         type="primary"
         :underline="false"
         href="broker.emqx.io"
         target="_blank"
-        >EMQX</el-link
       >
+        EMQX
+      </el-link>
       实现的一套 MQTT 客户端。
     </template>
     <template #default>