@typescript-eslint/no-namespaceで怒られないように書き換えるには

Question

現在以下のようなコードが有るのですが、eslint-typescriptに@typescript-eslint/no-namespaceと言われます。

export class Foo {
  foo1: string;
  constructor(){
    this.foo1 = 'aaa';
  }
}
export namespace Foo {
  export interface Bar {
    isHoge?:boolean;
  }
}

new Foo()したいしFoo.Barと書けるようにしたいのでこんな感じに書いているのですが、lintに怒られるということはあまり良くなさそうです。

typescript-eslint/no-namespace.md at master · typescript-eslint/typescript-eslint

をみるとdeclare module 'foo' {}がどうのと書いているのですが、正直よくわかりません。

どうすればいいのでしょうか？

ref: https://github.com/yumetodo/vscode-google-photos-uploader/blob/ad26319cca8839a3de12e96230038e30fdc35915/src/googlePhotos.ts#L1

Answer 1

現在は、「namespaceを定義する」方法ではなく「別ファイルにしてimport時に都度名前を定義する」という形が推奨されてるという話のようです。
参考：TypeScriptのカプセル化の基本

FooModel.ts

export interface Bar {
  isHoge?:boolean;
}

Foo.ts

import * as FooModel from './FooModel';

export class Foo {
  foo1: string;
  bar: FooModel.Bar;
  constructor(){
    this.foo1 = 'aaa';
    this.bar = { isHoge: true };
  }
} 

ただ、この方法だとimport名とクラス名を同一にできないため、どうしても new Foo() と Foo.Bar と書きたい場合は大人しくlintのオプションでnamespaceの使用を許可するしか無いかと。（実害は無いので）

また declare module 'foo' {} がどうこうについてですが、「namespaceとmoduleは使わせたく無いけど、declare module XXXだけは未だに許可しているよ」ということです。