fix: system settings and plugin settings panels cannot be displayed

[ruibaby]

What type of PR is this?

/area console
/kind bug
/milestone 2.8.x

What this PR does / why we need it:

修复系统设置面板和插件设置面板无法正常显示的问题，此问题由 #4102 中升级了 @vueuse/router 导致。

Which issue(s) this PR fixes:

Fixes #4221

Special notes for your reviewer:

需要测试：

1. 测试系统设置能否正常工作。
2. 测试插件的设置能否正常工作。

Does this PR introduce a user-facing change?

None

[codecov]

Codecov Report

Merging #4222 (e372db1) into main (b1a6fe3) will decrease coverage by 0.15%.
The diff coverage is n/a.

@@             Coverage Diff              @@
##               main    #4222      +/-   ##
============================================
- Coverage     60.18%   60.04%   -0.15%     
+ Complexity     2414     2409       -5     
============================================
  Files           366      366              
  Lines         12587    12587              
  Branches        906      906              
============================================
- Hits           7576     7558      -18     
- Misses         4571     4590      +19     
+ Partials        440      439       -1     

see 5 files with indirect coverage changes

[guqing]

Hi @ruibaby, CI 没过需要修复一下

经测试没有功能问题 Great 🎉
before:

In this PR:

[guqing]

/approve

[JohnNiang]

/lgtm

[f2c-ci-robot]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: guqing, JohnNiang

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• console/OWNERS [JohnNiang,guqing]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment