vue-prism-component/dist/vue-prism-component.common.js

vue component for prism.js

'use strict';

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var vue = require('vue');
var Prism = _interopDefault(require('prismjs'));

var index = vue.defineComponent({
  props: {
    code: {
      type: String
    },
    inline: {
      type: Boolean,
      "default": false
    },
    language: {
      type: String,
      "default": 'markup'
    }
  },
  setup: function setup(props, _ref) {
    var slots = _ref.slots,
        attrs = _ref.attrs;
    var defaultSlot = slots && slots["default"] && slots["default"]() || [];
    var code = props.code || defaultSlot && defaultSlot.length ? defaultSlot[0].children : '';
    var inline = props.inline;
    var language = props.language;
    var prismLanguage = Prism.languages[language];
    var className = "language-".concat(language);

    if (process.env.NODE_ENV === 'development' && !prismLanguage) {
      throw new Error("Prism component for language \"".concat(language, "\" was not found, did you forget to register it? See all available ones: https://cdn.jsdelivr.net/npm/prismjs/components/"));
    }

    return function () {
      if (inline) {
        return vue.h('code', {
          "class": [className],
          innerHTML: Prism.highlight(code, prismLanguage)
        });
      }

      return vue.h('pre', Object.assign({}, attrs, {
        "class": [attrs["class"], className]
      }), [vue.h('code', Object.assign({}, attrs, {
        "class": [attrs["class"], className],
        innerHTML: Prism.highlight(code, prismLanguage)
      }))]);
    };
  }
});

module.exports = index;