how to define project owned typescript declaration

[honwhy]

Describe the bug

failed to define project owned typescript declaration

To Reproduce

in content script, import vue sfc file, and in sfc file import 'turndown'

turndown
try to declare module, and add to <rootDir>/tsconfig.json

export {}

declare module 'turndown' {
  export class TurndownService {}
}

in <rootDir>/tsconfig.json,

{
  "extends": "./.wxt/tsconfig.json"
+ "include": ["./global.d.ts"]
}

but results in more typescript errors

Expected behavior

Screenshots

[aklinker1]

TLDR: Remove export {} from your declaration file and remove "include" from your tsconfig.json, then everything will work.

---

When your TSConfig files extends another and you set the include or exclude options, the extended include and exclude options are overridden, not merged.

So in your case, you're telling typescript to only include your global file in the project, and none of your source code. Look at .wxt/tsconfig.json for what include defaults to for your project.

As for the export {}, this makes a declaration file a module, not a declaration file, and that means you have to import it before you get any of the declarations you defined in it.

In general, you don't add export {} when declaring modules.

[nnx0r]

Move to discussion, I'd say. Someone else may have same/similar question in the future.

[PatrykKuniczak]

Maybe this can be helpful if anybody'll have similar problem in the future:
#1981