index.vue 699 B

1234567891011121314151617181920
  1. <template>
  2. <div class="flex h-full flex-col overflow-hidden">
  3. <ChatHeader />
  4. <ChatContent :multipleCheckVisible="multipleCheckVisible" />
  5. <ChatFooter v-show="!multipleCheckVisible" />
  6. <MutipleAction v-if="multipleCheckVisible" />
  7. </div>
  8. </template>
  9. <script name="chat" setup lang="ts">
  10. import ChatHeader from './components/ChatHeader.vue'
  11. import ChatContent from './components/ChatContent.vue'
  12. import ChatFooter from './components/ChatFooter/ChatFooter.vue'
  13. import MutipleAction from './components/MutipleAction.vue'
  14. import useConversationState from './useConversationState'
  15. const { multipleCheckVisible } = useConversationState()
  16. </script>
  17. <style lang="scss" scoped></style>