<div

v-if="selectedLibrary.id === 'highlightjs'"

id="additional-languages-json-usage-example"

class="row mb-4"

>

<div class="col-12">

<p>

{{ selectedLibrary.label }} does not load all languages by default, but this component does. It was the best

solution I could come up with as importing additional languages the Highlight.js way, was not working as I had

hoped/intended.

</p>

</div>

</div>

<div

v-else

id="additional-languages-json-usage-example"

class="row mb-4"

>

<div

v-if="selectedLibrary.id === 'prism'"

id="additional-languages-ts-usage-example"

class="row mb-4"

>

<div

id="additional-languages-ts-example"

class="row mb-4"

>

<!-- ======================= JSON Example -->

<div

v-if="selectedLibrary.id === 'prism'"

id="additional-languages-json-usage-example"

class="row mb-4"

>

</div>

<div

id="additional-languages-json-example"

class="row mb-4"

>

<div

id="additional-languages-php-usage-example"

class="row mb-4"

>

<div

id="additional-languages-php-example"

class="row mb-4"

>