From fc2f9bf08fe670cc2f41761d60995b8be74552a6 Mon Sep 17 00:00:00 2001 From: Julien Huang Date: Wed, 4 Mar 2026 11:36:03 +0100 Subject: [PATCH 1/3] Vue3: Use component's name as displayName if available --- code/frameworks/vue3-vite/src/plugins/vue-component-meta.ts | 4 +++- code/frameworks/vue3-vite/src/plugins/vue-docgen.ts | 5 ++++- 2 files changed, 7 insertions(+), 2 deletions(-) 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..15c35ae210f3 100644 --- a/code/frameworks/vue3-vite/src/plugins/vue-component-meta.ts +++ b/code/frameworks/vue3-vite/src/plugins/vue-component-meta.ts @@ -135,7 +135,9 @@ 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 { diff --git a/code/frameworks/vue3-vite/src/plugins/vue-docgen.ts b/code/frameworks/vue3-vite/src/plugins/vue-docgen.ts index c8b9268d0f46..fda06c9fb053 100644 --- a/code/frameworks/vue3-vite/src/plugins/vue-docgen.ts +++ b/code/frameworks/vue3-vite/src/plugins/vue-docgen.ts @@ -18,8 +18,11 @@ export async function vueDocgen(): Promise { 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(), map: s.generateMap({ hires: true, source: id }), From 29fd7a558c0582c6722cc66079106273621fd6e5 Mon Sep 17 00:00:00 2001 From: Julien Huang Date: Thu, 5 Mar 2026 09:10:59 +0100 Subject: [PATCH 2/3] chore: lint --- code/frameworks/vue3-vite/src/plugins/vue-docgen.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/code/frameworks/vue3-vite/src/plugins/vue-docgen.ts b/code/frameworks/vue3-vite/src/plugins/vue-docgen.ts index fda06c9fb053..36059ef4d325 100644 --- a/code/frameworks/vue3-vite/src/plugins/vue-docgen.ts +++ b/code/frameworks/vue3-vite/src/plugins/vue-docgen.ts @@ -22,7 +22,7 @@ export async function vueDocgen(): Promise { s.append(`;_sfc_main.__docgenInfo = Object.assign({ displayName: _sfc_main.name ?? _sfc_main.__name }, ${JSON.stringify(metaData)});`); - + return { code: s.toString(), map: s.generateMap({ hires: true, source: id }), From 8fbf9776b1bca040a06455e64b2bc1e7c323b333 Mon Sep 17 00:00:00 2001 From: Julien Huang Date: Thu, 5 Mar 2026 18:27:08 +0100 Subject: [PATCH 3/3] chore: lint --- code/frameworks/vue3-vite/src/plugins/vue-component-meta.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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 15c35ae210f3..a72a08980f96 100644 --- a/code/frameworks/vue3-vite/src/plugins/vue-component-meta.ts +++ b/code/frameworks/vue3-vite/src/plugins/vue-component-meta.ts @@ -144,7 +144,7 @@ export async function vueComponentMeta(tsconfigPath = 'tsconfig.json'): Promise< code: s.toString(), map: s.generateMap({ hires: true, source: id }), }; - } catch (e) { + } catch { return undefined; } },