From 35852d8cad1cb2c882e84dca9d6528fcd42b353f Mon Sep 17 00:00:00 2001
From: SauceyRed <saucey@saucey.red>
Date: Sun, 1 Jun 2025 23:09:37 +0200
Subject: [PATCH] feat: make URLs in messages become links

---
 components/Message.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/components/Message.vue b/components/Message.vue
index baf954a..474b089 100644
--- a/components/Message.vue
+++ b/components/Message.vue
@@ -14,7 +14,10 @@
 				</span>
 			</div>
 			<div class="message-text">
-				{{ text }}
+				<template v-for="word of text.split(' ')">
+					<NuxtLink v-if="/^http(s|):\/\/(?:www\.)?[\w-]{1,}\.[A-Za-z]{2,}[\/?]{0,1}[\w-=&\/#.]*$/.test(word)" :href="word" :external="true" target="_blank">{{ word }}</NuxtLInk>
+					<template v-else>{{ ' ' + word + ' ' }}</template>
+				</template>
 			</div>
 		</div>
 	</div>
@@ -28,7 +31,10 @@
 		</div>
 		<div class="message-data">
 			<div class="message-text">
-				{{ text }}
+				<template v-for="word of text.split(' ')">
+					<NuxtLink v-if="/^http(s|):\/\/(?:www\.)?[\w-]{1,}\.[A-Za-z]{2,}[\/?]{0,1}[\w-=&\/#.]*$/.test(word)" :href="word" :external="true" target="_blank">{{ word }}</NuxtLInk>
+					<template v-else>{{ word + ' ' }}</template>
+				</template>
 			</div>
 		</div>
 	</div>