vue-intergrall-plugins 0.0.195 → 0.0.196

package/dist/vue-intergrall-plugins.ssr.js

@@ -11247,7 +11247,7 @@ var InteratividadeBotoes = __vue_component__$8;var script$4 = {
 
                 if (og) {
                   image = og.image, site_name = og.site_name, title = og.title, author = og.author;
-                  if (image) _this2.linkPreview.imageSource = image;
+                  if (image) _this2.linkPreview.imageSource = image.url ? image.url : image;
                   if (author || site_name || title) _this2.linkPreview.author = author ? author : site_name ? site_name : title;
                   if (og.description) _this2.linkPreview.description = og.description;
                 }
@@ -11297,7 +11297,7 @@ var __vue_render__$4 = function __vue_render__() {
         return _vm.openUrl();
       }
     }
-  }, [_vm._ssrNode((_vm.linkPreview.imageSource ? "<div class=\"link-preview-image\"" + _vm._ssrStyle(null, _vm.linkPreview.colorTheme ? "background-color: " + _vm.linkPreview.colorTheme : '', null) + " data-v-1c4c4efa><img" + _vm._ssrAttr("src", _vm.linkPreview.imageSource) + " alt=\"Imagem referente ao link\" data-v-1c4c4efa></div>" : "<!---->") + " " + (_vm.linkPreview.author ? "<div class=\"link-preview-author\" data-v-1c4c4efa><h1 data-v-1c4c4efa>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.author)) + "</h1></div>" : "<!---->") + " " + (_vm.linkPreview.description ? "<div class=\"link-preview-infos\" data-v-1c4c4efa>" + (_vm.linkPreview.description ? "<p data-v-1c4c4efa>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.description)) + "</p>" : "<!---->") + "</div>" : "<!---->"))]) : _vm._e();
+  }, [_vm._ssrNode((_vm.linkPreview.imageSource ? "<div class=\"link-preview-image\"" + _vm._ssrStyle(null, _vm.linkPreview.colorTheme ? "background-color: " + _vm.linkPreview.colorTheme : '', null) + " data-v-cefa4cea><img" + _vm._ssrAttr("src", _vm.linkPreview.imageSource) + " alt=\"Imagem referente ao link\" data-v-cefa4cea></div>" : "<!---->") + " " + (_vm.linkPreview.author ? "<div class=\"link-preview-author\" data-v-cefa4cea><h1 data-v-cefa4cea>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.author)) + "</h1></div>" : "<!---->") + " " + (_vm.linkPreview.description ? "<div class=\"link-preview-infos\" data-v-cefa4cea>" + (_vm.linkPreview.description ? "<p data-v-cefa4cea>" + _vm._ssrEscape(_vm._s(_vm.linkPreview.description)) + "</p>" : "<!---->") + "</div>" : "<!---->"))]) : _vm._e();
 };
 
 var __vue_staticRenderFns__$4 = [];
@@ -11305,8 +11305,8 @@ var __vue_staticRenderFns__$4 = [];
 
 var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-1c4c4efa_0", {
-    source: ".link-preview[data-v-1c4c4efa]{display:flex;flex-direction:column;background-color:#eee;color:#333;cursor:pointer;margin:5px 0;border-radius:5px}.link-preview-image[data-v-1c4c4efa]{display:flex;justify-content:center;align-items:center;padding:10px;margin-bottom:5px}.link-preview-author[data-v-1c4c4efa]{margin:5px;font-size:.625em}.link-preview-author h1[data-v-1c4c4efa]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-image img[data-v-1c4c4efa]{min-width:100px;max-width:200px}.link-preview-infos[data-v-1c4c4efa]{background-color:#2626261a;padding:5px;margin:0 5px 5px 5px;font-size:.8rem;border-radius:5px}.link-preview:hover .link-preview-infos p[data-v-1c4c4efa]{text-decoration:underline}",
+  inject("data-v-cefa4cea_0", {
+    source: ".link-preview[data-v-cefa4cea]{display:flex;flex-direction:column;background-color:#eee;color:#333;cursor:pointer;margin:5px 0;border-radius:5px}.link-preview-image[data-v-cefa4cea]{display:flex;justify-content:center;align-items:center;padding:10px;margin-bottom:5px;border-top-left-radius:5px;border-top-right-radius:5px}.link-preview-author[data-v-cefa4cea]{margin:5px;font-size:.615em}.link-preview-author h1[data-v-cefa4cea]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-image img[data-v-cefa4cea]{min-width:100px;max-width:200px}.link-preview-infos[data-v-cefa4cea]{background-color:#2626261a;padding:5px;margin:0 5px 5px 5px;font-size:.8rem;border-radius:5px}.link-preview:hover .link-preview-infos p[data-v-cefa4cea]{text-decoration:underline}",
     map: undefined,
     media: undefined
   });
@@ -11314,10 +11314,10 @@ var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$4 = "data-v-1c4c4efa";
+var __vue_scope_id__$4 = "data-v-cefa4cea";
 /* module identifier */
 
-var __vue_module_identifier__$4 = "data-v-1c4c4efa";
+var __vue_module_identifier__$4 = "data-v-cefa4cea";
 /* functional template */
 
 var __vue_is_functional_template__$4 = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-intergrall-plugins",
-  "version": "0.0.195",
+  "version": "0.0.196",
   "description": "",
   "main": "dist/vue-intergrall-plugins.ssr.js",
   "browser": "dist/vue-intergrall-plugins.esm.js",

package/src/lib-components/Messages/LinkPreview.vue

@@ -81,7 +81,7 @@ export default {
         if(raspagem.author) this.linkPreview.author = raspagem.author
         if(og) {
           const { image, site_name, title, author } = og
-          if(image) this.linkPreview.imageSource = image
+          if(image) this.linkPreview.imageSource = image.url ? image.url : image
           if(author || site_name || title) this.linkPreview.author = author ? author : site_name ? site_name : title
           if(og.description) this.linkPreview.description = og.description
         }
@@ -118,11 +118,13 @@ export default {
     align-items: center;
     padding: 10px;
     margin-bottom: 5px;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
   }
 
   .link-preview-author {
     margin: 5px;
-    font-size: .625em
+    font-size: .615em
   }
   .link-preview-author h1 {
     overflow: hidden;