tsconfig.json

{
  "include": [
    "*",  // What? `includes` is not same as `include` ???
    "test/*.ts",
    "script/*.ts",
    "src/*.ts",
    "src/**/*.ts",
    "src/options_ui/*.ts",
    "src/options_ui/*.vue",
  ],
  "exclude": [
    "node_modules"
  ],
  "typeAcquisition": {
    "enable": true,
    "include": ["web-ext-types", "sanitize-filename"]  // Useless for .vue
  },
  "compilerOptions": {
    // "typeRoots": ["node_modules/@types", "node_modules/web-ext-types"],  // Useless for .vue
    "types": ["web-ext-types", "sanitize-filename", "node"],   // Useless for .vue
    "target": "esnext",
    "allowSyntheticDefaultImports": true,
    "useDefineForClassFields": false,  // Important. See  https://www.typescriptlang.org/tsconfig#useDefineForClassFields
    "lib": [
      "esnext",
      "dom",
      "dom.Iterable"
    ],
    "strict": true,
    "removeComments": true,
    "moduleResolution": "node",  // without this, vue cannot be import by TypeScript
  },
  // override tsconfig for ts-node only.
  "ts-node": {
    "compilerOptions": {
      "module": "commonjs",
      "target": "es6",
    }
  }
}