From 488f8a35b1d74cf28b0edc1468953830003b7dc6 Mon Sep 17 00:00:00 2001
From: Davide Rovai <davide.rovai@atlasconsulting.it>
Date: Tue, 26 Nov 2024 11:02:45 +0100
Subject: [PATCH] Fix: Eslint and Embedded Chatbar fixed on bottom

---
 components/ChatZone.vue         | 4 ++--
 pages/chatbot-iframe/[uuid].vue | 4 ----
 pages/chatbot/[id].vue          | 5 ++---
 3 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/components/ChatZone.vue b/components/ChatZone.vue
index 9e62cb0..5d7356f 100644
--- a/components/ChatZone.vue
+++ b/components/ChatZone.vue
@@ -1,6 +1,6 @@
 <template>
   <div v-if="dialog.length">
-    <div class="pt-6 pb-4 shadow-md rounded space-y-3" :class="!isEmbedded ? 'bg-white px-4' : ''">
+    <div class="pt-6 pb-4 space-y-3" :class="{'bg-white px-4 relative shadow-md rounded': !isEmbedded}">
       <div class="flex flex-col space-y-6 pb-4">
         <div
           v-for="(item, i) in dialog"
@@ -35,7 +35,7 @@
       </div>
     </div>
   </div>
-  <div class="space-y-4">
+  <div class="space-y-4" :class="{'bottom-6 left-0 absolute px-4 grow w-full': isEmbedded}">
     <div class="flex space-x-4">
       <input
         ref="input"
diff --git a/pages/chatbot-iframe/[uuid].vue b/pages/chatbot-iframe/[uuid].vue
index 22575bd..3492bff 100644
--- a/pages/chatbot-iframe/[uuid].vue
+++ b/pages/chatbot-iframe/[uuid].vue
@@ -10,14 +10,11 @@
 definePageMeta({
   layout: 'iframe',
 });
-const { t } = useI18n();
 
 const collection = ref<{ name?: string; uuid?: string; cmetadata?: any }>({});
 const isBusy = ref(false);
 const input = ref<HTMLElement | null>(null);
 
-let sessionId = '';
-
 onBeforeMount(async () => {
   const route = useRoute();
   const uuid = route.params.uuid as string;
@@ -33,7 +30,6 @@ onBeforeMount(async () => {
     });
   }
 
-  sessionId = crypto.randomUUID();
   isBusy.value = false;
 });
 
diff --git a/pages/chatbot/[id].vue b/pages/chatbot/[id].vue
index 20c5720..47a421e 100644
--- a/pages/chatbot/[id].vue
+++ b/pages/chatbot/[id].vue
@@ -23,8 +23,8 @@
         </div>
       </div>
 
-      <ChatZone :collection :isDemoChatbot="isDemo" :messagesLeft @updateLeft="updateLeftMessages">
-        <template v-slot:messageCounter>
+      <ChatZone :collection :is-demo-chatbot="isDemo" :messages-left @update-left="updateLeftMessages">
+        <template #messageCounter>
           <div v-if="isDemo" class="flex space-x-4">
             <span class="grow text-lg">{{ $t('MESSAGES_LEFT') }}: {{ messagesLeft }}</span>
           </div>
@@ -46,7 +46,6 @@ import { ItemEditLevel } from '#imports';
 const config = useRuntimeConfig();
 const store = useStatesStore();
 useHead({ title: `Chatbot | ${config.public.appName}` });
-const { t } = useI18n();
 
 const collection = ref<{ name?: string; uuid?: string; cmetadata?: any }>({});
 const isBusy = ref(false);