How to correctly configure and use the autoloader plugin with Prism.js in TypeScript?

[Hetari]

I am currently trying to integrate the autoloader plugin in my project using Prism.js. I have downloaded the source code from the Prism.js download page, which includes the autoloader plugin.

Here is the TypeScript function I am using to highlight code:

import 'prismjs/themes/prism.min.css';
import * as Prism from 'prismjs';

const BASE_PRISM_PATH = 'https://cdn.jsdelivr.net/npm/[email protected]/components/';

function highlightedCode(code: string, language: string) {
  if (code === null || code === undefined) {
    throw new Error('Code is null or undefined');
  }

  if (typeof code !== 'string') {
    throw new Error('Code is not a string');
  }

  const prismLanguage = Prism.languages[language];

  if (!prismLanguage) {
    console.log("Language not found, falling back to 'markup'");
    // I want to use autoLoader here! how?
  }

  return Prism.highlight(code, prismLanguage, language);
}

I would like to enable the autoloader to dynamically load languages when the specified language is not available. I tried configuring it using the following lines, but I'm not sure how to properly set it up:

Prism.plugins.autoloader.languages_path = BASE_PRISM_PATH;
Prism.plugins.autoloader.use_minified = true;

Could you provide guidance on how to properly integrate the autoloader with Prism.js, especially within the context of this TypeScript setup?

Thank you for your help!