Как тут можно упросить работу с объектом?

Question

[Максим Золотой]

В примере ниже я не могу получить доступ к свойствам объекта подставляя ключ в квадратные скобки components.value[key] = true; если только я не создам отдельную переменную для объекта и укажу там тип [key: string]: boolean

const componentsObj: {
        [key: string]: boolean
      } = {
        'core-preloader': false,
        'core-button': false,
        'core-progress': false,
        'core-alert': false,
        'core-toggler': true,
      }
      
      const components = ref(componentsObj);
      
      function toggleComponent(key: string) {
        components.value[key] = true;
      }

Можно ли как то сделать так что бы не создавать лишнюю переменную для которой еще и имя надо придумывать ( не хочется загрязнять код создавая бесполезные переменные )
и сделать как то так? И что бы работало в TS

const components = ref( {
        'core-preloader': false,
        'core-button': false,
        'core-progress': false,
        'core-alert': false,
        'core-toggler': true,
      });
      
      function toggleComponent(key: string) {
        components.value[key] = true;
      }

Comments

[Lynn «Кофеман»]

Таки что не работает во втором варианте?

[Максим Золотой]

Lynn «Кофеман»,

[Lynn «Кофеман»]

} as Record<string, boolean>);

[Lynn «Кофеман»]

P.S. Называть эту функцию словом toggle неправильно. Toggle предполагает переключение, а не только включение

[Максим Золотой]

Lynn «Кофеман», она переключает, просто я убрал лишний код что бы не отвлекать от сути

[Максим Золотой]

Lynn «Кофеман», спасибо, помогло и в доке нашел про это, буду читать )

[Дмитрий Беляев]

Максим Золотой, еще бы сигнатуру ref посмотреть, скорее всего она дженерик, но в данном случае вычисляется из аргумента, а если его явно передать, то можно без as обойтись