vue-wiguet-chatweb 0.1.9 → 0.1.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-wiguet-chatweb",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "type": "module",
   "files": [
     "dist",

package/src/components/MessageList.vue

@@ -26,9 +26,7 @@
         <div class="chat-message">
           <div class="bubble" :class="message.esCliente ? 'right' : 'left'">
             <div :class="message.esCliente ? 'content-right' : 'content-left'">
-              <div class="message-text">
-                {{ message.message }}
-              </div>
+              <div class="message-text" v-html="convertUrlsToLinks(message.message)"></div>
               <div class="detail-message flex justify-content-between">
                 <span class="mr-5" v-if="message.sender?.nombreCompleto">
                   {{
@@ -99,6 +97,16 @@ watch(
     pause();
   }
 );
+
+function convertUrlsToLinks(content:string) {
+    // Expresión regular para detectar URLs
+    const urlRegex = /(https?:\/\/[^\s]+)/g;
+
+    // Reemplazar las URLs con etiquetas <a>
+    return content.replace(urlRegex, (url) => {
+        return `<a href="${url}" target="_blank">${url}</a>`;
+    });
+}
 </script>
 
 <style scoped>