diff --git a/code/frameworks/vue3-vite/src/plugins/vue-component-meta.ts b/code/frameworks/vue3-vite/src/plugins/vue-component-meta.ts
index 345ff4d70415..a72a08980f96 100644
--- a/code/frameworks/vue3-vite/src/plugins/vue-component-meta.ts
+++ b/code/frameworks/vue3-vite/src/plugins/vue-component-meta.ts
@@ -135,14 +135,16 @@ export async function vueComponentMeta(tsconfigPath = 'tsconfig.json'): Promise<
             s.append('\nexport default _sfc_main;');
           }
 
-          s.append(`\n;${name}.__docgenInfo = ${JSON.stringify(meta)}`);
+          s.append(`\n;${name}.__docgenInfo = Object.assign({
+            displayName: ${name}.name ?? ${name}.__name
+          }, ${JSON.stringify(meta)})`);
         });
 
         return {
           code: s.toString(),
           map: s.generateMap({ hires: true, source: id }),
         };
-      } catch (e) {
+      } catch {
         return undefined;
       }
     },
diff --git a/code/frameworks/vue3-vite/src/plugins/vue-docgen.ts b/code/frameworks/vue3-vite/src/plugins/vue-docgen.ts
index c8b9268d0f46..36059ef4d325 100644
--- a/code/frameworks/vue3-vite/src/plugins/vue-docgen.ts
+++ b/code/frameworks/vue3-vite/src/plugins/vue-docgen.ts
@@ -18,7 +18,10 @@ export async function vueDocgen(): Promise<Plugin> {
       const metaData = await parse(id);
 
       const s = new MagicString(src);
-      s.append(`;_sfc_main.__docgenInfo = ${JSON.stringify(metaData)}`);
+
+      s.append(`;_sfc_main.__docgenInfo = Object.assign({
+        displayName: _sfc_main.name ?? _sfc_main.__name
+      }, ${JSON.stringify(metaData)});`);
 
       return {
         code: s.toString(),