Initial functional version of the portfolio chatbot site

src/services/ChatService.js

@@ -0,0 +1,77 @@
+import { ref } from "vue"
+import { ChatRepository } from "@/infrastructure/repositories/ChatRepository"
+
+export function useChatService(chatConfig) {
+  const messages = ref([])
+  const input = ref("")
+  const isLoading = ref(false)
+
+  const chatRepository = new ChatRepository(chatConfig)
+
+  async function sendMessage(text = null) {
+    const messageText = text || input.value.trim()
+    if (!messageText || isLoading.value) return
+
+    // Add user message
+    const userMessage = {
+      id: Date.now(),
+      role: "user",
+      content: messageText,
+      timestamp: Date.now(),
+    }
+    messages.value.push(userMessage)
+
+    // Clear input
+    input.value = ""
+    isLoading.value = true
+
+    // Add typing indicator
+    const typingMessage = {
+      id: Date.now() + 1,
+      role: "assistant",
+      content: "",
+      typing: true,
+    }
+    messages.value.push(typingMessage)
+
+    try {
+      // Get response from repository
+      const response = await chatRepository.getResponse(messageText)
+
+      // Remove typing indicator
+      messages.value.pop()
+
+      // Add assistant response
+      const assistantMessage = {
+        id: Date.now() + 2,
+        role: "assistant",
+        content: response,
+        timestamp: Date.now(),
+      }
+      messages.value.push(assistantMessage)
+    } catch (error) {
+      console.error("Error getting chat response:", error)
+
+      // Remove typing indicator
+      messages.value.pop()
+
+      // Add error message
+      const errorMessage = {
+        id: Date.now() + 2,
+        role: "assistant",
+        content: "Lo siento, ha ocurrido un error. Por favor, intenta de nuevo.",
+        timestamp: Date.now(),
+      }
+      messages.value.push(errorMessage)
+    } finally {
+      isLoading.value = false
+    }
+  }
+
+  return {
+    messages,
+    input,
+    isLoading,
+    sendMessage,
+  }
+}