@marvr/storyblok-rich-text-vue-renderer - npm Package Compare versions

Comparing version 2.0.0-alpha.0 to 2.0.0-alpha.2

dist/storyblok-rich-text-vue-renderer.esm.js

@@ -823,5 +823,7 @@ import Vue from 'vue';
     setup({ attrs }) {
+        const linkType = ref(attrs.linktype);
         const href = ref(attrs.href);
         const target = ref(attrs.target);
         return {
+            linkType,
             href,
@@ -837,3 +839,3 @@ target,
 /* template */
-var __vue_render__$h = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{attrs:{"href":_vm.href,"target":_vm.target}},[_vm._t("default")],2)};
+var __vue_render__$h = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.linkType === 'story')?_c('router-link',{attrs:{"target":_vm.target}},[_vm._t("default")],2):(_vm.linkType === 'email')?_c('a',{attrs:{"href":("mailto:" + _vm.href)}},[_vm._t("default")],2):_c('a',{attrs:{"href":_vm.href,"target":_vm.target}},[_vm._t("default")],2)};
 var __vue_staticRenderFns__$h = [];
@@ -870,2 +872,54 @@
 
+var script$i = defineComponent({
+    name: 'SbStyled',
+    props: {
+        attrs: {
+            type: Object,
+            required: true,
+        },
+    },
+    setup({ attrs }) {
+        const elementClass = ref(attrs.class);
+        return {
+            elementClass,
+        };
+    },
+});
+
+/* script */
+const __vue_script__$i = script$i;
+
+/* template */
+var __vue_render__$i = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:_vm.elementClass},[_vm._t("default")],2)};
+var __vue_staticRenderFns__$i = [];
+
+  /* style */
+  const __vue_inject_styles__$i = undefined;
+  /* scoped */
+  const __vue_scope_id__$i = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$i = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$i = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$i = normalizeComponent(
+    { render: __vue_render__$i, staticRenderFns: __vue_staticRenderFns__$i },
+    __vue_inject_styles__$i,
+    __vue_script__$i,
+    __vue_scope_id__$i,
+    __vue_is_functional_template__$i,
+    __vue_module_identifier__$i,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
 const defaultMarkResolvers = {
@@ -879,5 +933,6 @@ [Mark.BOLD]: __vue_component__$b,
     [Mark.LINK]: __vue_component__$h,
+    [Mark.STYLED]: __vue_component__$i,
 };
 
-var script$i = defineComponent({
+var script$j = defineComponent({
     name: 'SbComponentFallback',
@@ -899,16 +954,16 @@ props: {
 /* script */
-const __vue_script__$i = script$i;
+const __vue_script__$j = script$j;
 
 /* template */
-var __vue_render__$i = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._v("\n  No rendering definition for component\n  "),_c('strong',[_vm._v(_vm._s(_vm.componentName))]),_vm._v(" found.\n")])};
-var __vue_staticRenderFns__$i = [];
+var __vue_render__$j = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._v("\n  No rendering definition for component\n  "),_c('strong',[_vm._v(_vm._s(_vm.componentName))]),_vm._v(" found.\n")])};
+var __vue_staticRenderFns__$j = [];
 
   /* style */
-  const __vue_inject_styles__$i = undefined;
+  const __vue_inject_styles__$j = undefined;
   /* scoped */
-  const __vue_scope_id__$i = undefined;
+  const __vue_scope_id__$j = undefined;
   /* module identifier */
-  const __vue_module_identifier__$i = undefined;
+  const __vue_module_identifier__$j = undefined;
   /* functional template */
-  const __vue_is_functional_template__$i = false;
+  const __vue_is_functional_template__$j = false;
   /* style inject */
@@ -922,9 +977,9 @@
   
-  const __vue_component__$i = normalizeComponent(
-    { render: __vue_render__$i, staticRenderFns: __vue_staticRenderFns__$i },
-    __vue_inject_styles__$i,
-    __vue_script__$i,
-    __vue_scope_id__$i,
-    __vue_is_functional_template__$i,
-    __vue_module_identifier__$i,
+  const __vue_component__$j = normalizeComponent(
+    { render: __vue_render__$j, staticRenderFns: __vue_staticRenderFns__$j },
+    __vue_inject_styles__$j,
+    __vue_script__$j,
+    __vue_scope_id__$j,
+    __vue_is_functional_template__$j,
+    __vue_module_identifier__$j,
     false,
@@ -937,3 +992,3 @@ undefined,
 const defaultComponentResolvers = {
-    _fallback: __vue_component__$i,
+    _fallback: __vue_component__$j,
 };
@@ -1055,3 +1110,3 @@
 
-var script$j = Vue.extend({
+var script$k = Vue.extend({
     functional: true,
@@ -1079,3 +1134,3 @@ props: {
 /* script */
-const __vue_script__$j = script$j;
+const __vue_script__$k = script$k;
 
@@ -1085,9 +1140,9 @@ /* template */
   /* style */
-  const __vue_inject_styles__$j = undefined;
+  const __vue_inject_styles__$k = undefined;
   /* scoped */
-  const __vue_scope_id__$j = undefined;
+  const __vue_scope_id__$k = undefined;
   /* module identifier */
-  const __vue_module_identifier__$j = undefined;
+  const __vue_module_identifier__$k = undefined;
   /* functional template */
-  const __vue_is_functional_template__$j = undefined;
+  const __vue_is_functional_template__$k = undefined;
   /* style inject */
@@ -1101,9 +1156,9 @@
   
-  const __vue_component__$j = normalizeComponent(
+  const __vue_component__$k = normalizeComponent(
     {},
-    __vue_inject_styles__$j,
-    __vue_script__$j,
-    __vue_scope_id__$j,
-    __vue_is_functional_template__$j,
-    __vue_module_identifier__$j,
+    __vue_inject_styles__$k,
+    __vue_script__$k,
+    __vue_scope_id__$k,
+    __vue_is_functional_template__$k,
+    __vue_module_identifier__$k,
     false,
@@ -1118,3 +1173,3 @@ undefined,
         Vue.prototype.$richTextRenderer = options;
-        Vue.component(options.componentName || 'RichTextRenderer', __vue_component__$j);
+        Vue.component(options.componentName || 'RichTextRenderer', __vue_component__$k);
     },
@@ -1124,3 +1179,3 @@ };
 export default plugin;
-export { __vue_component__$j as RichTextRenderer };
+export { __vue_component__$k as RichTextRenderer };
 //# sourceMappingURL=storyblok-rich-text-vue-renderer.esm.js.map

dist/storyblok-rich-text-vue-renderer.umd.js

@@ -827,5 +827,7 @@ (function (global, factory) {
       setup({ attrs }) {
+          const linkType = compositionApi.ref(attrs.linktype);
           const href = compositionApi.ref(attrs.href);
           const target = compositionApi.ref(attrs.target);
           return {
+              linkType,
               href,
@@ -841,3 +843,3 @@ target,
   /* template */
-  var __vue_render__$h = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{attrs:{"href":_vm.href,"target":_vm.target}},[_vm._t("default")],2)};
+  var __vue_render__$h = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.linkType === 'story')?_c('router-link',{attrs:{"target":_vm.target}},[_vm._t("default")],2):(_vm.linkType === 'email')?_c('a',{attrs:{"href":("mailto:" + _vm.href)}},[_vm._t("default")],2):_c('a',{attrs:{"href":_vm.href,"target":_vm.target}},[_vm._t("default")],2)};
   var __vue_staticRenderFns__$h = [];
@@ -874,2 +876,54 @@
 
+  var script$i = compositionApi.defineComponent({
+      name: 'SbStyled',
+      props: {
+          attrs: {
+              type: Object,
+              required: true,
+          },
+      },
+      setup({ attrs }) {
+          const elementClass = compositionApi.ref(attrs.class);
+          return {
+              elementClass,
+          };
+      },
+  });
+
+  /* script */
+  const __vue_script__$i = script$i;
+
+  /* template */
+  var __vue_render__$i = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:_vm.elementClass},[_vm._t("default")],2)};
+  var __vue_staticRenderFns__$i = [];
+
+    /* style */
+    const __vue_inject_styles__$i = undefined;
+    /* scoped */
+    const __vue_scope_id__$i = undefined;
+    /* module identifier */
+    const __vue_module_identifier__$i = undefined;
+    /* functional template */
+    const __vue_is_functional_template__$i = false;
+    /* style inject */
+    
+    /* style inject SSR */
+    
+    /* style inject shadow dom */
+    
+
+    
+    const __vue_component__$i = normalizeComponent(
+      { render: __vue_render__$i, staticRenderFns: __vue_staticRenderFns__$i },
+      __vue_inject_styles__$i,
+      __vue_script__$i,
+      __vue_scope_id__$i,
+      __vue_is_functional_template__$i,
+      __vue_module_identifier__$i,
+      false,
+      undefined,
+      undefined,
+      undefined
+    );
+
   const defaultMarkResolvers = {
@@ -883,5 +937,6 @@ [storyblokRichTextTypes.Mark.BOLD]: __vue_component__$b,
       [storyblokRichTextTypes.Mark.LINK]: __vue_component__$h,
+      [storyblokRichTextTypes.Mark.STYLED]: __vue_component__$i,
   };
 
-  var script$i = compositionApi.defineComponent({
+  var script$j = compositionApi.defineComponent({
       name: 'SbComponentFallback',
@@ -903,16 +958,16 @@ props: {
   /* script */
-  const __vue_script__$i = script$i;
+  const __vue_script__$j = script$j;
 
   /* template */
-  var __vue_render__$i = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._v("\n  No rendering definition for component\n  "),_c('strong',[_vm._v(_vm._s(_vm.componentName))]),_vm._v(" found.\n")])};
-  var __vue_staticRenderFns__$i = [];
+  var __vue_render__$j = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._v("\n  No rendering definition for component\n  "),_c('strong',[_vm._v(_vm._s(_vm.componentName))]),_vm._v(" found.\n")])};
+  var __vue_staticRenderFns__$j = [];
 
     /* style */
-    const __vue_inject_styles__$i = undefined;
+    const __vue_inject_styles__$j = undefined;
     /* scoped */
-    const __vue_scope_id__$i = undefined;
+    const __vue_scope_id__$j = undefined;
     /* module identifier */
-    const __vue_module_identifier__$i = undefined;
+    const __vue_module_identifier__$j = undefined;
     /* functional template */
-    const __vue_is_functional_template__$i = false;
+    const __vue_is_functional_template__$j = false;
     /* style inject */
@@ -926,9 +981,9 @@
     
-    const __vue_component__$i = normalizeComponent(
-      { render: __vue_render__$i, staticRenderFns: __vue_staticRenderFns__$i },
-      __vue_inject_styles__$i,
-      __vue_script__$i,
-      __vue_scope_id__$i,
-      __vue_is_functional_template__$i,
-      __vue_module_identifier__$i,
+    const __vue_component__$j = normalizeComponent(
+      { render: __vue_render__$j, staticRenderFns: __vue_staticRenderFns__$j },
+      __vue_inject_styles__$j,
+      __vue_script__$j,
+      __vue_scope_id__$j,
+      __vue_is_functional_template__$j,
+      __vue_module_identifier__$j,
       false,
@@ -941,3 +996,3 @@ undefined,
   const defaultComponentResolvers = {
-      _fallback: __vue_component__$i,
+      _fallback: __vue_component__$j,
   };
@@ -1059,3 +1114,3 @@
 
-  var script$j = Vue.extend({
+  var script$k = Vue.extend({
       functional: true,
@@ -1083,3 +1138,3 @@ props: {
   /* script */
-  const __vue_script__$j = script$j;
+  const __vue_script__$k = script$k;
 
@@ -1089,9 +1144,9 @@ /* template */
     /* style */
-    const __vue_inject_styles__$j = undefined;
+    const __vue_inject_styles__$k = undefined;
     /* scoped */
-    const __vue_scope_id__$j = undefined;
+    const __vue_scope_id__$k = undefined;
     /* module identifier */
-    const __vue_module_identifier__$j = undefined;
+    const __vue_module_identifier__$k = undefined;
     /* functional template */
-    const __vue_is_functional_template__$j = undefined;
+    const __vue_is_functional_template__$k = undefined;
     /* style inject */
@@ -1105,9 +1160,9 @@
     
-    const __vue_component__$j = normalizeComponent(
+    const __vue_component__$k = normalizeComponent(
       {},
-      __vue_inject_styles__$j,
-      __vue_script__$j,
-      __vue_scope_id__$j,
-      __vue_is_functional_template__$j,
-      __vue_module_identifier__$j,
+      __vue_inject_styles__$k,
+      __vue_script__$k,
+      __vue_scope_id__$k,
+      __vue_is_functional_template__$k,
+      __vue_module_identifier__$k,
       false,
@@ -1122,7 +1177,7 @@ undefined,
           Vue.prototype.$richTextRenderer = options;
-          Vue.component(options.componentName || 'RichTextRenderer', __vue_component__$j);
+          Vue.component(options.componentName || 'RichTextRenderer', __vue_component__$k);
       },
   };
 
-  exports.RichTextRenderer = __vue_component__$j;
+  exports.RichTextRenderer = __vue_component__$k;
   exports.default = plugin;
@@ -1129,0 +1184,0 @@

package.json

 {
   "name": "@marvr/storyblok-rich-text-vue-renderer",
-  "version": "2.0.0-alpha.0",
+  "version": "2.0.0-alpha.2",
   "description": "Vue.js plugin for Storyblok's rich-text renderer",
@@ -30,6 +30,6 @@ "keywords": [
   "dependencies": {
-    "@marvr/storyblok-rich-text-types": "2.0.0-alpha.0"
+    "@marvr/storyblok-rich-text-types": "2.0.0-alpha.2"
   },
   "devDependencies": {
-    "serve": "^11.3.0"
+    "serve": "^11.3.1"
   },
@@ -36,0 +36,0 @@ "buildOptions": {

src/components/marks/index.ts

@@ -8,1 +8,2 @@ export { default as SbBold } from './Bold.vue';
 export { default as SbLink } from './Link.vue';
+export { default as SbStyled } from './Styled.vue';

src/resolver/mark.ts

@@ -11,2 +11,3 @@ import Vue from 'vue';
   SbLink,
+  SbStyled,
 } from '../components/marks';
@@ -26,2 +27,3 @@
   [Mark.LINK]: SbLink,
+  [Mark.STYLED]: SbStyled,
 };

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

160727

increased by4.72%

Number of package files

79

increased by3.95%

Lines of code

2979

increased by4.82%

Dependency changes

• + Added@marvr/storyblok-rich-text-types@2.0.0-alpha.2(transitive)

• - Removed@marvr/storyblok-rich-text-types@2.0.0-alpha.0(transitive)

• Updated@marvr/storyblok-rich-text-types@2.0.0-alpha.2