How to extend generated .wxt/tsconfig.json

[mkdirnow]

I have a configuration as shown in the figure for a nuxt project, how should I configure it in a wxt project?

[aklinker1]

You can edit your tsconfig.json, adding compiler options. Note that when you set a compiler option, it overrides the value set in any config you extend. For array or object options, like types and paths, TS doesn't merge them, it just uses the value you provided as-is.

So you either need to copy the whole value from .wxt/tsconfig.json, which is simple for types, but not for paths, which is likely to change when installing WXT modules. So WXT provides ways for you to add to common options. For paths, just add an alias:

// wxt.config.ts
export default defineConfig({
  alias: {
    '@arco-design/web-vue': '...'
  },
})

And it will be included in your .wxt/tsconfig.json

[oyzamil]

I was battling monorepo TypeScript chaos for hours 😭 Your reply genuinely made my day and saved me from type-management pain. Huge thanks @aklinker1 🔥🙏