Const LANGUAGES = { CSS: { id: 'css', name:

Question

Const LANGUAGES = { CSS: { id: 'css', name:

'CSS', color: '--lang-css' },
PYTHON: { id: 'python', name: 'Python', color: '--lang-python' },
JS: { id: 'js', name: 'JavaScript', color: '--lang-js' },
VUE: { id: 'vue', name: 'Vue', color: '--lang-vue' },
TS: { id: 'ts', name: 'TypeScript', color: '--lang-ts' },
PHP: { id: 'php', name: 'PHP', color: '--lang-php' },
RUBY: { id: 'ruby', name: 'Ruby', color: '--lang-ruby' },
JAVA: { id: 'java', name: 'Java', color: '--lang-java' },
HTML: { id: 'html', name: 'HTML', color: '--lang-html' },
}

LANGUAGES.LIST = [
LANGUAGES.CSS,
LANGUAGES.PYTHON,
LANGUAGES.JS,
LANGUAGES.VUE,
LANGUAGES.TS,
LANGUAGES.PHP,
LANGUAGES.RUBY,
LANGUAGES.JAVA,
LANGUAGES.HTML,
]

LANGUAGES.ID_TO_DATA = {
[LANGUAGES.CSS.id]: LANGUAGES.CSS,
[LANGUAGES.PYTHON.id]: LANGUAGES.PYTHON,
[LANGUAGES.JS.id]: LANGUAGES.JS,
[LANGUAGES.VUE.id]: LANGUAGES.VUE,
[LANGUAGES.TS.id]: LANGUAGES.TS,
[LANGUAGES.PHP.id]: LANGUAGES.PHP,
[LANGUAGES.RUBY.id]: LANGUAGES.RUBY,
[LANGUAGES.JAVA.id]: LANGUAGES.JAVA,
[LANGUAGES.HTML.id]: LANGUAGES.HTML,
}

Народ, в коде встретил вот такое, как-то можно в TS более изящно такое сделать?