From c27f80b771ef6f05be502f620a3779b72a2126d6 Mon Sep 17 00:00:00 2001 From: Anthony Fu Date: Tue, 16 May 2023 14:48:23 +0200 Subject: [PATCH] fix(components): improve graph relationship filtering, close #192 --- packages/devtools/src/integrations/vite-inspect.ts | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/packages/devtools/src/integrations/vite-inspect.ts b/packages/devtools/src/integrations/vite-inspect.ts index 7af8fb792..45b2f7570 100644 --- a/packages/devtools/src/integrations/vite-inspect.ts +++ b/packages/devtools/src/integrations/vite-inspect.ts @@ -27,7 +27,13 @@ export async function setup({ nuxt, rpc }: NuxtDevtoolsServerContext) { async function getComponentsRelationships() { const modules = (await api?.rpc.list())?.modules || [] - const vueModules = modules.filter(i => i.id.match(/\.vue($|\?v=)/)) + const components = await rpc.functions.getComponents() || [] + const vueModules = modules.filter((m) => { + const plainId = m.id.replace(/\?v=[\w\d]+$/, '') + if (components.some(c => c.filePath === plainId)) + return true + return m.id.match(/\.vue($|\?v=)/) + }) const graph = vueModules.map((i) => { function searchForVueDeps(id: string, seen = new Set()): string[] {