[Feature]: nuxt-layer ts compatible

[XHZ360]

Describe the feature

I have a project that extends other layer using radix-vue.

--base-project (using radix-vue)
---nuxt.config.ts
---- modules: ["@nuxtjs/i18n", "@nuxt/image", 'radix-vue/nuxt'],
--my-project
---nuxt.config.ts
---- extends: ['../base'],

In my-project, the ts-server can't recognize the type of radix-vue component from base-project:

This is caused by incorrect module path, ts-server can't find radix-vue in my-project

According to nuxt-ui, the following fix may help this:

// packages/plugins/nuxt/src/resolver/index.ts
... 
  setup(options) {

    function getComponents() {
      if (typeof options.components === "object") {
        return Object.entries(components).filter(([name]) => options.components[name]).flatMap(([_, components]) => components);
      }
      if (options.components)
        return Object.values(components).flat();
      return [];
    }
+  const resolver = createResolver(import.meta.url)
+  const filePath = resolver.resolve('../..');

    for (const component of getComponents()) {
      addComponent({
        name: `${options.prefix}${component}`,
        export: component,
+      filePath: filePath
      });
    }
  }
...

I'm not sure if it's causing other issues, may other can help this.

Additional information

• I intend to submit a PR for this feature.
• I have already implemented and/or tested this feature.

[zernonia]

Hmmm I believe Nuxt should detect the extended layer's types right? Wondering if <NuxtImage /> typed correctly since you are using it on layer as well?

[XHZ360]

yes, nuxt-image is typed correctly.
the components.ts generated like this:

{
NuxtImage: typeof import("../base/nodemules/nuxt/image/.........")['default']
DropdownMenu: typeof import("radix-vue")[‘DropdownMenu‘]
}

And I have tried other ui libary like element-plus, it cant be typed correctly yet. But the nuxt-ui is typed right as same as nuxt-image.

[zernonia]

Hmm this is something needs investigation, however meanwhile you should be able to workaround this by installing radix-vue on my-project app

[sadeghbarati]

I saw a duplicated comment and deleted it

I thought it would not leave a mark, sorry 🙏