When copying and creating a new rule, the running status icon of the rule disappears, and the style details of the rule such as color and other information are displayed incorrectly.复制建立新规则时，规则的运行状态图标消失，规则的风格详情如颜色等信息显示错误

[GhostWolfLi88]

描述错误
复制建立新规则时，规则的运行状态图标消失，规则的风格详情如颜色等信息显示错误

复现步骤
1、打开“Auto Highlight 5.3”任意建立一条规则A
2、任意建立一条规则B，规则条件区别与规则A
3、复制规则A，得到规则C
4、频繁切换规则A、B、C的过程中观察规则风格详情

预期结果
复制建立的新规则C的运行状态图标不消失，且规则C的风格详情显示正确。

实际结果
复制建立的新规则C的运行状态图标消失，且规则C的风格详情显示错误，它显示的是在它下方的规则B的风格详情

设备信息：

• 操作系统：Windows 11 23H2
• 浏览器版本：Microsoft Edge 133.0.3065.69 (正式版本) (64 位)
• 插件版本：Auto Highlight 5.3
• 自动突出显示版本：

附加信息
在此处添加有关该问题的任何其他信息。

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Description error

When copying and creating a new rule, the running status icon of the rule disappears, and the style details of the rule such as color and other information are displayed incorrectly.

Reproduction steps

1. Open "Auto Highlight 5.3" to create a rule A

2. Create a rule B at any time, and the difference between rule conditions and rule A

3. Copy rule A and get rule C

4. Observe the details of the rules and styles during frequent switching of rules A, B, and C

Expected results

The running status icon of the new rule C created copy does not disappear, and the style details of the rule C are displayed correctly.

Actual results

The running status icon of the new rule C created by copy disappears, and the style details of rule C are displayed incorrectly. It shows the style details of rule B below it

** Equipment Information: **

• Operating System: Windows 11 23H2

• Browser version: Microsoft Edge 133.0.3065.69 (official version) (64-bit)

• Plugin version: Auto Highlight 5.3

• Automatically highlight version:

Additional Information

Add any additional information about the issue here.

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

[Juraj-Masiar]

Thanks for the report.
I will be migrating to new framework Vue 3 in the upcoming version, so that will most likely fix this issue.