Type support for Node16 module resolution

[danielroe]

Follow on from #18426.

In order to have full support for Node16 format are:

• the output format of our internal runtime directories, which will need to be fixed upstream in https://github.com/unjs/mkdist and https://github.com/unjs/unbuild, for example in fix: add .js extension for relative import/exports in declarations unjs/mkdist#134
• emitted type declaration files - e.g. imports.d.ts upstream in https://github.com/unjs/unimport (cc: @antfu)
• our generated aliases in ~/.nuxt/tsconfig.json need to include a file extension and /index path
• there may be more locations in the codebase and in particular in runtime directories where we rely on implied /index paths
• need to either default to type: module in starter package.json or otherwise provide recommendations on importing in CJS context

For testing:

export default defineNuxtConfig({
  typescript: {
    tsConfig: {
      compilerOptions: {
        moduleResolution: 'Node16'
      }
    }
  }
})

[Nugine]

Needs this for @hpcc-js/wasm/graphviz

[fabis94]

Any updates on this?

[danielroe]

We now support bundler module resolution mode, which you can enable with:

export default defineNuxtConfig({
  typescript: {
    tsConfig: {
      compilerOptions: {
        moduleResolution: 'bundler'
      }
    }
  }
})

This mode is meant to mirror the actual behaviour of tools like Nuxt, which means it's likely to become the new default in future. But for now we've included it in our test suite so we won't encounter regressions. I would also appreciate testing of it in real projects. It is likely to reveal dependencies in your project (for example, Nuxt modules) that also need to be updated for this TS module resolution mode.

[gjedlicska]

Thanks @danielroe, we're testing the bundler option, so far it seams to solve our compatibly issues.

[nopeless]

Works like a charm, thank you

I'm having problems with vuetify though, leaving a link here just in case someone stumbles upon this issue

Related vuetify link: vuetifyjs/vuetify#15885

[danielroe]

We've now landed internal support for bundler module resolution in v3.5 and I think it's probably not needed to attempt Node16 mode. I'll close this as completed, but feel free to comment if there's something that you still need and we can reopen if necessary.