优化 Vue 渲染模式下的组件结构，将动态组件包裹在 VCard 和 VCardText 中，以提升布局一致性和可读性，同时在 DashboardElement.vue 中为动态插件组件添加 API 属性。

src/components/dialog/PluginDataDialog.vue

@@ -141,8 +141,16 @@ onMounted(() => {
       />
     </VCard>
     <!-- Vue 渲染模式 -->
-    <div v-else-if="renderMode === 'vue'">
-      <component :is="dynamicComponent" :api="api" @action="handleAction" @switch="emit('switch')" @close="emit('close')" />
-    </div>
+    <VCard v-else-if="renderMode === 'vue'">
+      <VCardText class="pa-0">
+        <component
+          :is="dynamicComponent"
+          :api="api"
+          @action="handleAction"
+          @switch="emit('switch')"
+          @close="emit('close')"
+        />
+      </VCardText>
+    </VCard>
   </VDialog>
 </template>