romhml · romhml · Jul 15, 2026 · Jul 14, 2026 · Jul 15, 2026 · Jul 15, 2026
diff --git a/packages/core/src/plugins/collections.ts b/packages/core/src/plugins/collections.ts
@@ -3,10 +3,11 @@ import type { PluginOptions, Collection } from '../types'
 import { scanComponents } from './utils'
 import { watch } from 'chokidar'
 import type { VitePlugin } from 'unplugin'
-import { resolve } from 'pathe'
+import { dirname, resolve } from 'pathe'
 import { joinURL } from 'ufo'
 import type { Component } from 'vue'
 import { parseCompodiumMeta } from './meta/compodium-meta'
+import { fileURLToPath } from 'node:url'
 
 export function resolveCollections(options: PluginOptions, viteConfig: any): Collection[] {
   const rootDir = options.rootDir ?? viteConfig.root
@@ -33,20 +34,29 @@ export function resolveCollections(options: PluginOptions, viteConfig: any): Col
   }
 
   const libraryCollections = options.includeLibraryCollections
-    ? libraryCollectionsConfig.map(collection => ({
-        ...collection,
-        exampleDir: {
-          path: collection.exampleDir,
-          pattern: '**/*.{vue,tsx}',
-          prefix: collection.prefix
-        },
-        dirs: [{
-          path: resolve(rootDir, collection.path),
-          pattern: '**/*.{vue,tsx}',
-          ignore: collection.ignore,
-          prefix: collection.prefix
+    ? libraryCollectionsConfig.flatMap((collection) => {
+        let pkgPath
+        try {
+          pkgPath = dirname(fileURLToPath(import.meta.resolve(collection.package)))
+        } catch {
+          return []
+        }
+
+        return [{
+          ...collection,
+          exampleDir: {
+            path: resolve(collection.exampleDir),
+            pattern: '**/*.{vue,tsx}',
+            prefix: collection.prefix
+          },
+          dirs: [{
+            path: resolve(pkgPath, collection.path),
+            pattern: '**/*.{vue,tsx}',
+            ignore: collection.ignore,
+            prefix: collection.prefix
+          }]
         }]
-      }))
+      })
     : []
 
   return [

diff --git a/packages/core/src/plugins/utils.ts b/packages/core/src/plugins/utils.ts
@@ -114,8 +114,7 @@ export async function scanComponents(dirs: ComponentsDir[]): Promise<Component[]
 
       const component: Partial<Component> = {
         mode,
-        filePath,
-        realPath: await realpath(filePath),
+        filePath: await realpath(filePath),
         pascalName,
         kebabName
       }

diff --git a/packages/core/src/types.ts b/packages/core/src/types.ts
@@ -127,7 +127,6 @@ export type Component = {
   shortPath: string
   mode?: 'client' | 'server' | 'all'
   priority?: number
-  realPath: string
   wrapperComponent?: string
   docUrl?: string
   examples?: ComponentExample[]

diff --git a/packages/devtools/app/pages/components.vue b/packages/devtools/app/pages/components.vue
@@ -117,7 +117,7 @@ async function updateComponent() {
   if (!component.value) return
 
   await hooks.callHook('renderer:update-component', {
-    path: component.value.realPath,
+    path: component.value.filePath,
     props: props.value,
     wrapper: component.value?.wrapperComponent,
     events: componentMeta.value?.events

diff --git a/packages/examples/src/index.ts b/packages/examples/src/index.ts
@@ -24,7 +24,7 @@ export const libraryCollections = [
     package: '@nuxt/ui',
     icon: 'lineicons:nuxt',
     exampleDir: resolve('./examples/ui'),
-    path: 'node_modules/@nuxt/ui/dist/runtime/components',
+    path: './runtime/components',
     ignore: ['App.vue', 'Toast.vue', '*Provider.vue', '*Base.vue', '*Content.vue'],
     prefix: 'U',
     wrapperComponent: resolve('./examples/ui.vue'),

diff --git a/packages/nuxt/test/playground.nuxt.test.ts b/packages/nuxt/test/playground.nuxt.test.ts
@@ -48,7 +48,7 @@ describe('nuxt playground', async () => {
         ? button.componentPath
         : undefined
 
-      const buttonSourcePath = [button.filePath, button.realPath, componentPath]
+      const buttonSourcePath = [button.filePath, componentPath]
         .find(path => path?.includes('@nuxt/ui'))
 
       if (!buttonSourcePath) {

diff --git a/packages/vue/test/playground.spec.ts b/packages/vue/test/playground.spec.ts
@@ -70,7 +70,7 @@ describe('vue playground', async () => {
         ? button.componentPath
         : undefined
 
-      const buttonSourcePath = [button.filePath, button.realPath, componentPath]
+      const buttonSourcePath = [button.filePath, componentPath]
         .find(path => path?.includes('@nuxt/ui'))
 
       if (!buttonSourcePath) {