alighasami
3d5eaf9445
Security: Sync from Public / sync-from-public (push) Has been cancelled
Test: Benchmark Nightly / build (push) Has been cancelled
Test: Benchmark Nightly / Notify Cats on failure (push) Has been cancelled
CI: Python / Checks (push) Has been cancelled
Test: Evals Python / Workflow Comparison Python (push) Has been cancelled
Util: Check Docs URLs / check-docs-urls (push) Has been cancelled
Test: Visual Storybook / Cloudflare Pages (push) Has been cancelled
Test: E2E Performance / build-and-test-performance (push) Has been cancelled
Test: Workflows Nightly / Run Workflow Tests (push) Has been cancelled
Util: Cleanup CI Docker Images / Delete stale CI images (push) Has been cancelled
Test: Benchmark Destroy Env / build (push) Has been cancelled
Util: Update Node Popularity / update-popularity (push) Has been cancelled
Test: E2E Coverage Weekly / Coverage Tests (push) Has been cancelled
26 lines
765 B
Vue
26 lines
765 B
Vue
<script lang="ts" setup>
|
|
import hljs from 'highlight.js/lib/core';
|
|
import hljsJavascript from 'highlight.js/lib/languages/javascript';
|
|
import hljsXML from 'highlight.js/lib/languages/xml';
|
|
import { computed, onMounted } from 'vue';
|
|
|
|
import Chat from '@n8n/chat/components/Chat.vue';
|
|
import ChatWindow from '@n8n/chat/components/ChatWindow.vue';
|
|
import { useOptions } from '@n8n/chat/composables';
|
|
|
|
defineProps({});
|
|
|
|
const { options } = useOptions();
|
|
|
|
const isFullscreen = computed<boolean>(() => options.mode === 'fullscreen');
|
|
|
|
onMounted(() => {
|
|
hljs.registerLanguage('xml', hljsXML);
|
|
hljs.registerLanguage('javascript', hljsJavascript);
|
|
});
|
|
</script>
|
|
<template>
|
|
<Chat v-if="isFullscreen" class="n8n-chat" />
|
|
<ChatWindow v-else class="n8n-chat" />
|
|
</template>
|