import { DomHandler } from 'primevue/utils';

const CodeHighlight = {
    mounted(el, binding) {
        const modifiers = binding.modifiers;
        const value = binding.value;

        if (modifiers.script || value === 'script') el.className = 'language-javascript';
        else if (modifiers.css || value === 'css') el.className = 'language-css';
        else el.className = 'language-markup';

        DomHandler.isClient() && window.Prism.highlightElement(el.children[0]);
    }
};

export default CodeHighlight;