Function useAsyncCodeBlockHighlighting

useAsyncCodeBlockHighlighting(
    __namedParameters: {
        debug?: boolean;
        editor: ShallowRef<Editor | undefined>;
        lowlightInstance: {};
        onError?: (e: any) => void;
    },
): {
    getLangListFromEditor: (editor: Editor) => string[];
    langsInfo: Ref<HighlightJsLanguageInfo>;
    lazyLoadCodeBlockLangs: (
        __namedParameters: { editor: Editor },
    ) => Promise<void>;
    loadLang: (lang: string) => Promise<string | Error>;
}
Listens for transactions and scans the document, dynamically loading the used highlight.js language themes.

Automatically provides them using langsInfoInjectionKey.

Allows passing additional themes via the additionalThemes prop.

You should not need to use them directly, but returns the functions used to load, lazy load, and query the editor, and also the provided langsInfo.
Parameters
- __namedParameters: {
      debug?: boolean;
      editor: ShallowRef<Editor | undefined>;
      lowlightInstance: {};
      onError?: (e: any) => void;
  }
Returns {
    getLangListFromEditor: (editor: Editor) => string[];
    langsInfo: Ref<HighlightJsLanguageInfo>;
    lazyLoadCodeBlockLangs: (
        __namedParameters: { editor: Editor },
    ) => Promise<void>;
    loadLang: (lang: string) => Promise<string | Error>;
}
- getLangListFromEditor: (editor: Editor) => string[]
- langsInfo: Ref<HighlightJsLanguageInfo>
  All importable highlight.js languages.
- lazyLoadCodeBlockLangs: (__namedParameters: { editor: Editor }) => Promise<void>
- loadLang: (lang: string) => Promise<string | Error>
- Defined in src/runtime/pm/features/CodeBlock/composables/useAsyncCodeBlockHighlighting.ts:43

Function useAsyncCodeBlockHighlighting

Parameters

Returns { getLangListFromEditor: (editor: Editor) => string[]; langsInfo: Ref<HighlightJsLanguageInfo>; lazyLoadCodeBlockLangs: ( __namedParameters: { editor: Editor }, ) => Promise<void>; loadLang: (lang: string) => Promise<string | Error>;}

getLangListFromEditor: (editor: Editor) => string[]

langsInfo: Ref<HighlightJsLanguageInfo>

lazyLoadCodeBlockLangs: (__namedParameters: { editor: Editor }) => Promise<void>

loadLang: (lang: string) => Promise<string | Error>

Settings

Returns {
getLangListFromEditor: (editor: Editor) => string[];
langsInfo: Ref<HighlightJsLanguageInfo>;
lazyLoadCodeBlockLangs: (
__namedParameters: { editor: Editor },
) => Promise<void>;
loadLang: (lang: string) => Promise<string | Error>;
}