Fix tabs

docs/.vuepress/theme/components/Tab.vue

@@ -19,18 +19,13 @@ export default defineComponent({
     },
   },
   data() {
+    let tag = this.title;
     return {
-      tabID: "",
-      labelID: "",
+      tabID: tag,
+      labelID: tag + "-" + "label",
     };
   },
   beforeMount() {
-    let tag = "tab-" + Math.random().toString(36).substring(2);
-    this.tabID = tag;
-    this.labelID = tag + "-" + "label";
-
-    // Since Vue 3.0, we have no access to $children.
-    // So we need another approach to register our child components.
     this.$parent.$data.children.push(this);
   },
 });

docs/document/level-2/redirect.md

@@ -28,7 +28,7 @@ title: 出站流量重定向
 
 <Tabs title="if-config">
 
-<Tab title="fwmark">
+<Tab title="fwmark1">
 
 ```ini
 [Interface]
@@ -71,7 +71,7 @@ PostDown = ip -6 rule delete table main suppress_prefixlength 0
 
 </Tab>
 
-<Tab title="sendThrough">
+<Tab title="sendThrough1">
 
 ```ini
 [Interface]
@@ -140,7 +140,7 @@ lsmod | grep wireguard
 
 <Tabs title="xray-config">
 
-<Tab title="fwmark">
+<Tab title="fwmark2">
 
 ```json
 {
@@ -228,7 +228,7 @@ lsmod | grep wireguard
 
 </Tab>
 
-<Tab title="sendThrough">
+<Tab title="sendThrough2">
 
 ```json
 {

docs/document/level-2/tproxy.md

@@ -191,7 +191,7 @@ nftables 配置与 iptables 配置二选一，不可同时使用。
 
 <Tabs title="netfilter">
 
-<Tab title="nftables">
+<Tab title="nftables1">
 
 ```nftables
 #!/usr/sbin/nft -f
@@ -239,7 +239,7 @@ table ip xray {
 
 </Tab>
 
-<Tab title="iptables">
+<Tab title="iptables1">
 
 ```bash
 iptables -t mangle -N XRAY
@@ -286,9 +286,9 @@ iptables -t mangle -A OUTPUT -j XRAY_SELF
 
 <br/>
 
-<Tabs title="netfilter">
+<Tabs title="netfilter2">
 
-<Tab title="nftables">
+<Tab title="nftables2">
 
 首先将已经编辑好的 nftables 配置文件移动到 `/etc` 目录下，并重命名为 `nftables.conf`。然后编辑 `/lib/systemd/system/nftables.service`。
 
@@ -319,7 +319,7 @@ WantedBy=sysinit.target
 
 </Tab>
 
-<Tab title="iptables">
+<Tab title="iptables2">
 
 关于 iptables 的永久化，建议直接安装 `iptables-persistent`。