intro

我有一堆自定义的配置比如

export function setupAuth(): void {
  const velon = useVelon();
  const store = new LocalStorageStore();
  const service = new TokenService(velon.conf!.auth!, store);
  velon.auth = { store, service };
}

再比如

export function setupHttp(): void {
  const velon = useVelon();
  velon.http = new HttpClient(velon.conf!, velon.auth!.service!);
}

诸如此类的一些对象，希望真正使用时可以通过如下方式调用

useVelon().http

目前 useVelon的实现方式为

export function useVelon(): Velon {
  // @ts-ignore
  if (window.velon) return window.velon;

  // @ts-ignore
  window.velon = reactive<VelonType>({});

  // @ts-ignore
  return window.velon;
}

try

尝试过使用如下方式

declare let velon

export function useVelon():Velon{....}

这样不好使

question

假如有一天我要把我的项目扔到electron或者其他没有window的地方去，这个全局唯一对象应该放在哪里？