From 90f3fe0e2926a92e3b6606824e46f60fbfd08b41 Mon Sep 17 00:00:00 2001
From: Quincy Qiu <39936160+qiuqfang@users.noreply.github.com>
Date: Tue, 15 Aug 2023 02:44:52 +0800
Subject: [PATCH] fix(plugin): allow multiple loads assets (#3741)

(cherry picked from commit 52102ee792842a17ab941b79f508b014fa0338b7)
---
 apps/core/src/bootstrap/register-plugins.ts | 5 +++--
 plugins/vue-hello-world/src/app.vue         | 6 +++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/apps/core/src/bootstrap/register-plugins.ts b/apps/core/src/bootstrap/register-plugins.ts
index 4170407ad5..f2e19d342a 100644
--- a/apps/core/src/bootstrap/register-plugins.ts
+++ b/apps/core/src/bootstrap/register-plugins.ts
@@ -85,12 +85,13 @@ export const pluginRegisterPromise = Promise.all(
           if (assets.length > 0) {
             await Promise.all(
               assets.map(async (asset: string) => {
+                const loadedAssetName = `${pluginName}_${asset}`;
                 // todo(himself65): add assets into shadow dom
-                if (loadedAssets.has(asset)) {
+                if (loadedAssets.has(loadedAssetName)) {
                   return Promise.resolve();
                 }
                 if (asset.endsWith('.css')) {
-                  loadedAssets.add(asset);
+                  loadedAssets.add(loadedAssetName);
                   const res = await fetch(`${baseURL}/${asset}`);
                   if (res.ok) {
                     // todo: how to put css file into sandbox?
diff --git a/plugins/vue-hello-world/src/app.vue b/plugins/vue-hello-world/src/app.vue
index 213c4984c6..081e5a7d3f 100644
--- a/plugins/vue-hello-world/src/app.vue
+++ b/plugins/vue-hello-world/src/app.vue
@@ -10,4 +10,8 @@ const count = ref(0);
   </el-button>
 </template>
 
-<style scoped></style>
+<style scoped>
+.el-button {
+  font-size: 30px;
+}
+</style>