vue-code-highlight - npm Package Compare versions

Comparing version 0.5.3 to 0.5.5

dist/vue-code-highlight.esm.js

@@ -768,5 +768,5 @@ /* eslint-disable */
 
-(function(){ if(typeof document !== 'undefined'){ var head=document.head||document.getElementsByTagName('head')[0], style=document.createElement('style'), css=" pre[class*=\"language-\"][data-v-9d5e6bde] { display: inline-block; padding-right: 10em; padding-top: 3rem; border-radius: 6px; background-image: url(\"./assets/window-controls.svg\"); background-repeat: no-repeat; background-position: 16px 16px; box-shadow: 5px 5px 15px 0px rgba(50, 50, 50, 0.75); } "; style.type='text/css'; if (style.styleSheet){ style.styleSheet.cssText = css; } else { style.appendChild(document.createTextNode(css)); } head.appendChild(style); } })();
+(function(){ if(typeof document !== 'undefined'){ var head=document.head||document.getElementsByTagName('head')[0], style=document.createElement('style'), css=" pre[class*=\"language-\"][data-v-23ac0a9e] { display: inline-block; padding-right: 10em; padding-top: 3rem; border-radius: 6px; background-image: url(\"./assets/window-controls.svg\"); background-repeat: no-repeat; background-position: 16px 16px; box-shadow: 5px 5px 15px 0px rgba(50, 50, 50, 0.75); } "; style.type='text/css'; if (style.styleSheet){ style.styleSheet.cssText = css; } else { style.appendChild(document.createTextNode(css)); } head.appendChild(style); } })();
 
-var vueHighlight = {render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('pre',{ref:"code",class:_vm.languageClass},[_vm._v("  "),_c('code',[_vm._v("\n    "),_vm._t("default"),_vm._v("\n  ")],2),_vm._v("\n")])},staticRenderFns: [],_scopeId: 'data-v-9d5e6bde',
+var CodeHighlight = {render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"codeBlock"},[_c('pre',{class:_vm.languageClass},[_vm._v("    "),_c('code',[_vm._v("\n      "),_vm._t("default"),_vm._v("\n    ")],2),_vm._v("\n  ")])])},staticRenderFns: [],_scopeId: 'data-v-23ac0a9e',
   name: 'code-highlight',
@@ -785,11 +785,9 @@ props: {
   mounted: function mounted() {
-    Prism.highlightElement(this.$refs.code);
+    Prism.highlightAllUnder(this.$refs.codeBlock);
   },
 };
 
-var registerDirective = {
-  componentUpdated: function componentUpdated(el) {
-    Prism.highlightAllUnder(el);
-  },
-};
+function registerDirective (el) {
+  Prism.highlightAllUnder(el);
+}
 
@@ -802,3 +800,2 @@ // Import vue component
   install.installed = true;
-  Vue.component('VueCodeHighlight', vueHighlight);
   Vue.directive('highlight', registerDirective);
@@ -824,2 +821,2 @@ }
 export default install;
-export { vueHighlight };
+export { CodeHighlight as component };

dist/vue-code-highlight.min.js

@@ -771,5 +771,5 @@ var vueCodeHighlight = (function (exports) {
 
-	(function(){ if(typeof document !== 'undefined'){ var head=document.head||document.getElementsByTagName('head')[0], style=document.createElement('style'), css=" pre[class*=\"language-\"][data-v-9d5e6bde] { display: inline-block; padding-right: 10em; padding-top: 3rem; border-radius: 6px; background-image: url(\"./assets/window-controls.svg\"); background-repeat: no-repeat; background-position: 16px 16px; box-shadow: 5px 5px 15px 0px rgba(50, 50, 50, 0.75); } "; style.type='text/css'; if (style.styleSheet){ style.styleSheet.cssText = css; } else { style.appendChild(document.createTextNode(css)); } head.appendChild(style); } })();
+	(function(){ if(typeof document !== 'undefined'){ var head=document.head||document.getElementsByTagName('head')[0], style=document.createElement('style'), css=" pre[class*=\"language-\"][data-v-23ac0a9e] { display: inline-block; padding-right: 10em; padding-top: 3rem; border-radius: 6px; background-image: url(\"./assets/window-controls.svg\"); background-repeat: no-repeat; background-position: 16px 16px; box-shadow: 5px 5px 15px 0px rgba(50, 50, 50, 0.75); } "; style.type='text/css'; if (style.styleSheet){ style.styleSheet.cssText = css; } else { style.appendChild(document.createTextNode(css)); } head.appendChild(style); } })();
 
-	var vueHighlight = {render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('pre',{ref:"code",class:_vm.languageClass},[_vm._v("  "),_c('code',[_vm._v("\n    "),_vm._t("default"),_vm._v("\n  ")],2),_vm._v("\n")])},staticRenderFns: [],_scopeId: 'data-v-9d5e6bde',
+	var CodeHighlight = {render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"codeBlock"},[_c('pre',{class:_vm.languageClass},[_vm._v("    "),_c('code',[_vm._v("\n      "),_vm._t("default"),_vm._v("\n    ")],2),_vm._v("\n  ")])])},staticRenderFns: [],_scopeId: 'data-v-23ac0a9e',
 	  name: 'code-highlight',
@@ -788,11 +788,9 @@ props: {
 	  mounted: function mounted() {
-	    Prism.highlightElement(this.$refs.code);
+	    Prism.highlightAllUnder(this.$refs.codeBlock);
 	  },
 	};
 
-	var registerDirective = {
-	  componentUpdated: function componentUpdated(el) {
-	    Prism.highlightAllUnder(el);
-	  },
-	};
+	function registerDirective (el) {
+	  Prism.highlightAllUnder(el);
+	}
 
@@ -805,3 +803,2 @@ // Import vue component
 	  install.installed = true;
-	  Vue.component('VueCodeHighlight', vueHighlight);
 	  Vue.directive('highlight', registerDirective);
@@ -827,3 +824,3 @@ }
 	exports.default = install;
-	exports.vueHighlight = vueHighlight;
+	exports.component = CodeHighlight;
 
@@ -830,0 +827,0 @@ return exports;

dist/vue-code-highlight.umd.js

@@ -774,5 +774,5 @@ (function (global, factory) {
 
-	(function(){ if(typeof document !== 'undefined'){ var head=document.head||document.getElementsByTagName('head')[0], style=document.createElement('style'), css=" pre[class*=\"language-\"][data-v-9d5e6bde] { display: inline-block; padding-right: 10em; padding-top: 3rem; border-radius: 6px; background-image: url(\"./assets/window-controls.svg\"); background-repeat: no-repeat; background-position: 16px 16px; box-shadow: 5px 5px 15px 0px rgba(50, 50, 50, 0.75); } "; style.type='text/css'; if (style.styleSheet){ style.styleSheet.cssText = css; } else { style.appendChild(document.createTextNode(css)); } head.appendChild(style); } })();
+	(function(){ if(typeof document !== 'undefined'){ var head=document.head||document.getElementsByTagName('head')[0], style=document.createElement('style'), css=" pre[class*=\"language-\"][data-v-23ac0a9e] { display: inline-block; padding-right: 10em; padding-top: 3rem; border-radius: 6px; background-image: url(\"./assets/window-controls.svg\"); background-repeat: no-repeat; background-position: 16px 16px; box-shadow: 5px 5px 15px 0px rgba(50, 50, 50, 0.75); } "; style.type='text/css'; if (style.styleSheet){ style.styleSheet.cssText = css; } else { style.appendChild(document.createTextNode(css)); } head.appendChild(style); } })();
 
-	var vueHighlight = {render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('pre',{ref:"code",class:_vm.languageClass},[_vm._v("  "),_c('code',[_vm._v("\n    "),_vm._t("default"),_vm._v("\n  ")],2),_vm._v("\n")])},staticRenderFns: [],_scopeId: 'data-v-9d5e6bde',
+	var CodeHighlight = {render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"codeBlock"},[_c('pre',{class:_vm.languageClass},[_vm._v("    "),_c('code',[_vm._v("\n      "),_vm._t("default"),_vm._v("\n    ")],2),_vm._v("\n  ")])])},staticRenderFns: [],_scopeId: 'data-v-23ac0a9e',
 	  name: 'code-highlight',
@@ -791,11 +791,9 @@ props: {
 	  mounted: function mounted() {
-	    Prism.highlightElement(this.$refs.code);
+	    Prism.highlightAllUnder(this.$refs.codeBlock);
 	  },
 	};
 
-	var registerDirective = {
-	  componentUpdated: function componentUpdated(el) {
-	    Prism.highlightAllUnder(el);
-	  },
-	};
+	function registerDirective (el) {
+	  Prism.highlightAllUnder(el);
+	}
 
@@ -808,3 +806,2 @@ // Import vue component
 	  install.installed = true;
-	  Vue.component('VueCodeHighlight', vueHighlight);
 	  Vue.directive('highlight', registerDirective);
@@ -830,3 +827,3 @@ }
 	exports.default = install;
-	exports.vueHighlight = vueHighlight;
+	exports.component = CodeHighlight;
 
@@ -833,0 +830,0 @@ Object.defineProperty(exports, '__esModule', { value: true });

package.json

 {
   "name": "vue-code-highlight",
-  "version": "0.5.3",
+  "version": "0.5.5",
   "author": "Jan Bílek",
@@ -5,0 +5,0 @@ "email": "[e-mail]",

src/registerDirective.js

 import Prism from 'prism-es6';
 
-export default {
-  update(el) {
-    Prism.highlightAllUnder(el);
-  },
-};
+export default function (el) {
+  Prism.highlightAllUnder(el);
+}

src/wrapper.js

@@ -9,3 +9,2 @@ // Import vue component
   install.installed = true;
-  Vue.component('VueCodeHighlight', component);
   Vue.directive('highlight', registerDirective);
@@ -12,0 +11,0 @@ }

No alert changes

Worsened metrics

Total package byte prevSize

714299

decreased by-0.16%

Lines of code

4825

decreased by-0.25%

No dependency changes