Console 端的系统设置、主题管理、插件详情页面的 VCard 组件使用错误

[ruibaby]

是什么版本出现了此问题？

2.2.0

使用的什么数据库？

H2

使用的哪种方式部署？

Docker

在线站点地址

https://halo.run

发生了什么？

如插件详情页面：

代码位置：https://github.com/halo-dev/console/blob/561b8da237706eff44b0119f70aec4e09e5c05f4/src/modules/system/plugins/layouts/PluginLayout.vue#L163-L187

<div class="m-0 md:m-4">
  <VCard :body-class="['!p-0']">
    <template #header>
      <VTabbar
        v-model:active-id="activeTab"
        :items="tabs"
        class="w-full !rounded-none"
        type="outline"
        @change="handleTabChange"
      ></VTabbar>
    </template>
  </VCard>
  <div class="bg-white">
    <RouterView :key="activeTab" v-slot="{ Component }">
      <template v-if="Component">
        <Suspense>
          <component :is="Component"></component>
          <template #fallback>
            <VLoading />
          </template>
        </Suspense>
      </template>
    </RouterView>
  </div>
</div>

其中 RouterView 部分应该放置在 VCard 组件中，否则会造成样式与其他地方不一致，请看：

/area console
/kind improvement

相关日志输出

No response

附加信息

No response

[ruibaby]

/assign