1  <script setup lang="ts">
 2  import ChatPage from '@/renderer/components/pages/ChatPage.vue'
 3  import CommandCard from '@/renderer/components/common/CommandCard.vue'
 4  import { useMessageStore } from '@/renderer/store/message'
 5  import RobotJSON from '@/public/lotties/robot.json'
 6  
 7  const messageStore = useMessageStore()
 8  </script>
 9  
10  <template>
11    <CommandCard></CommandCard>
12    <ChatPage
13      v-if="messageStore.conversation.messages.length > 0"
14      :messages="messageStore.conversation.messages"
15      @request-delete="messageStore.deleteMessage"
16    >
17    </ChatPage>
18    <v-container v-else>
19      <v-row>
20        <Vue3Lottie class="lottie-container" :animation-data="RobotJSON" />
21      </v-row>
22    </v-container>
23  </template>
24  
25  <style scoped>
26  .lottie-container {
27    height: calc(100vh - 218px);
28    width: 100vw;
29  }
30  </style>