From 0eb7759068fa57242f119d725c573d48a7e94896 Mon Sep 17 00:00:00 2001 From: Faith-Atieno Date: Mon, 20 Jan 2025 08:51:30 +0300 Subject: [PATCH 01/22] SEO-195289-Vue-Chat-Ui-Post-Release --- ej2-vue/chat-ui/accessibility.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-vue/chat-ui/accessibility.md b/ej2-vue/chat-ui/accessibility.md index 5edf3ec98..55e7da77a 100644 --- a/ej2-vue/chat-ui/accessibility.md +++ b/ej2-vue/chat-ui/accessibility.md @@ -1,7 +1,7 @@ --- layout: post title: Accessibility in Vue Chat UI component | Syncfusion -description: Learn here all about Accessibility in Syncfusion Vue Chat UI component of Syncfusion Essential JS 2 and more. +description: Learn about the accessibility of the Syncfusion Chat Ui (SfChart Ui) widget, its features, and more. platform: ej2-vue control: Chat UI documentation: ug From 9d0e736def17ec448f67263a9521c39294f28b92 Mon Sep 17 00:00:00 2001 From: Faith-Atieno Date: Mon, 20 Jan 2025 09:20:25 +0300 Subject: [PATCH 02/22] updated --- ej2-vue/chat-ui/accessibility.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-vue/chat-ui/accessibility.md b/ej2-vue/chat-ui/accessibility.md index 55e7da77a..19ea6f09d 100644 --- a/ej2-vue/chat-ui/accessibility.md +++ b/ej2-vue/chat-ui/accessibility.md @@ -1,7 +1,7 @@ --- layout: post title: Accessibility in Vue Chat UI component | Syncfusion -description: Learn about the accessibility of the Syncfusion Chat Ui (SfChart Ui) widget, its features, and more. +description: Learn about the accessibility of the Syncfusion Chat UI component widget, its features, and more. platform: ej2-vue control: Chat UI documentation: ug From 37eb5a55a03511d8b7c8e68bb3c05d99f53e0087 Mon Sep 17 00:00:00 2001 From: Faith-Atieno Date: Mon, 20 Jan 2025 09:25:28 +0300 Subject: [PATCH 03/22] SEO-195289-Vue-Chat-Ui-Post-Release --- ej2-vue/chat-ui/events.md | 2 +- ej2-vue/chat-ui/getting-started.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/ej2-vue/chat-ui/events.md b/ej2-vue/chat-ui/events.md index 8f7624848..db747b741 100644 --- a/ej2-vue/chat-ui/events.md +++ b/ej2-vue/chat-ui/events.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Events in Vue Chat UI component component +# Events in Vue Chat UI component This section describes the Chat UI events that will be triggered when appropriate actions are performed. The following events are available in the Chat UI component. diff --git a/ej2-vue/chat-ui/getting-started.md b/ej2-vue/chat-ui/getting-started.md index 62b1bf1fe..8dc988d69 100644 --- a/ej2-vue/chat-ui/getting-started.md +++ b/ej2-vue/chat-ui/getting-started.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Getting Started with the Vue Chat UI component in Vue 2 +# Getting started with Vue Chat UI component This article provides a step-by-step guide for setting up a Vue 2 project using [Vue-CLI](https://cli.vuejs.org/) and integrating the Syncfusion Vue Chat UI component using the [Composition API](https://vuejs.org/guide/introduction.html#composition-api) / [Options API](https://vuejs.org/guide/introduction.html#options-api). From e204ce56bbe7af9a7c2173c6fb05f93137409673 Mon Sep 17 00:00:00 2001 From: Faith-Atieno Date: Mon, 20 Jan 2025 09:37:19 +0300 Subject: [PATCH 04/22] ci resolved --- ej2-vue/chat-ui/accessibility.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-vue/chat-ui/accessibility.md b/ej2-vue/chat-ui/accessibility.md index 19ea6f09d..5be91fcca 100644 --- a/ej2-vue/chat-ui/accessibility.md +++ b/ej2-vue/chat-ui/accessibility.md @@ -1,7 +1,7 @@ --- layout: post title: Accessibility in Vue Chat UI component | Syncfusion -description: Learn about the accessibility of the Syncfusion Chat UI component widget, its features, and more. +description: Learn about the accessibility with the Syncfusion Chat UI component widget, its features, and more. platform: ej2-vue control: Chat UI documentation: ug From d435144fdc16c9ef4a5450c905eded39fac946f8 Mon Sep 17 00:00:00 2001 From: Faith-Atieno Date: Mon, 20 Jan 2025 10:16:20 +0300 Subject: [PATCH 05/22] resolved --- ej2-vue/chat-ui/accessibility.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-vue/chat-ui/accessibility.md b/ej2-vue/chat-ui/accessibility.md index 5be91fcca..9de38f771 100644 --- a/ej2-vue/chat-ui/accessibility.md +++ b/ej2-vue/chat-ui/accessibility.md @@ -1,7 +1,7 @@ --- layout: post title: Accessibility in Vue Chat UI component | Syncfusion -description: Learn about the accessibility with the Syncfusion Chat UI component widget, its features, and more. +description: Learn about the accessibility with the Syncfusion Vue Chat UI component widget, its features, and more. platform: ej2-vue control: Chat UI documentation: ug From c0eda805125d9cbb17a3faf6d69cf472f0d5fcfc Mon Sep 17 00:00:00 2001 From: Faith-Atieno Date: Mon, 20 Jan 2025 10:26:26 +0300 Subject: [PATCH 06/22] resolved --- ej2-vue/chat-ui/accessibility.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-vue/chat-ui/accessibility.md b/ej2-vue/chat-ui/accessibility.md index 9de38f771..7cc49868b 100644 --- a/ej2-vue/chat-ui/accessibility.md +++ b/ej2-vue/chat-ui/accessibility.md @@ -1,7 +1,7 @@ --- layout: post title: Accessibility in Vue Chat UI component | Syncfusion -description: Learn about the accessibility with the Syncfusion Vue Chat UI component widget, its features, and more. +description: Learn here about accessibility with Syncfusion Essential Studio Vue Chat UI component, its elements, and more. platform: ej2-vue control: Chat UI documentation: ug From f61b5df4428e7a9b4c717a3abe47c56201602e84 Mon Sep 17 00:00:00 2001 From: Faith-Atieno Date: Tue, 21 Jan 2025 14:23:46 +0300 Subject: [PATCH 07/22] Comment reolved --- ej2-vue/chat-ui/getting-started.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-vue/chat-ui/getting-started.md b/ej2-vue/chat-ui/getting-started.md index 8dc988d69..1e09d6e47 100644 --- a/ej2-vue/chat-ui/getting-started.md +++ b/ej2-vue/chat-ui/getting-started.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Getting started with Vue Chat UI component +# Getting Started With Vue Chat UI component This article provides a step-by-step guide for setting up a Vue 2 project using [Vue-CLI](https://cli.vuejs.org/) and integrating the Syncfusion Vue Chat UI component using the [Composition API](https://vuejs.org/guide/introduction.html#composition-api) / [Options API](https://vuejs.org/guide/introduction.html#options-api). From c9dbd71e18f26e771705a6feaa3a343c29467c1c Mon Sep 17 00:00:00 2001 From: Faith-Atieno Date: Fri, 24 Jan 2025 12:07:30 +0300 Subject: [PATCH 08/22] resolved --- ej2-vue/chat-ui/getting-started.md | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/ej2-vue/chat-ui/getting-started.md b/ej2-vue/chat-ui/getting-started.md index 1e09d6e47..e9d19733e 100644 --- a/ej2-vue/chat-ui/getting-started.md +++ b/ej2-vue/chat-ui/getting-started.md @@ -1,20 +1,20 @@ --- layout: post -title: Getting started with Vue Chat UI component | Syncfusion -description: Checkout and learn about Getting started with Vue Chat UI component of Syncfusion Essential JS 2 and more details. +title: Getting started with Vue Chat UI Component | Syncfusion +description: Checkout and learn about Getting started with Vue Chat UI Component of Syncfusion Essential JS 2 and more details. platform: ej2-vue control: Chat UI documentation: ug domainurl: ##DomainURL## --- -# Getting Started With Vue Chat UI component +# Getting Started With Vue Chat UI Component This article provides a step-by-step guide for setting up a Vue 2 project using [Vue-CLI](https://cli.vuejs.org/) and integrating the Syncfusion Vue Chat UI component using the [Composition API](https://vuejs.org/guide/introduction.html#composition-api) / [Options API](https://vuejs.org/guide/introduction.html#options-api). ## Prerequisites -[System requirements for Syncfusion Vue UI components](https://ej2.syncfusion.com/vue/documentation/system-requirements/) +[System requirements for Syncfusion Vue UI Components](https://ej2.syncfusion.com/vue/documentation/system-requirements/) ## Setting up the Vue 2 project @@ -40,13 +40,13 @@ When creating a new project, choose the option `Default ([Vue 2] babel, eslint)` Vue 2 project -Once the `quickstart` project is set up with default settings, proceed to add Syncfusion components to the project +Once the `quickstart` project is set up with default settings, proceed to add Syncfusion Components to the project ## Add Syncfusion Vue packages -Syncfusion packages are available at [npmjs.com](https://www.npmjs.com/search?q=ej2-vue). To use Vue components, install the required npm package. +Syncfusion packages are available at [npmjs.com](https://www.npmjs.com/search?q=ej2-vue). To use Vue Components, install the required npm package. -This article uses the `Vue Chat UI component` as an example. Install the `@syncfusion/ej2-vue-interactive-chat` package by running the following command: +This article uses the `Vue Chat UI Component` as an example. Install the `@syncfusion/ej2-vue-interactive-chat` package by running the following command: ```bash npm install @syncfusion/ej2-vue-interactive-chat --save @@ -59,7 +59,7 @@ yarn add @syncfusion/ej2-vue-interactive-chat ## Import Syncfusion CSS styles -You can import themes for the Syncfusion Vue component in various ways, such as using CSS or SASS styles from npm packages, CDN, [CRG](https://ej2.syncfusion.com/javascript/documentation/common/custom-resource-generator/) and [Theme Studio](https://ej2.syncfusion.com/vue/documentation/appearance/theme-studio/). Refer to [themes topic](https://ej2.syncfusion.com/vue/documentation/appearance/theme/) to know more about built-in themes and different ways to refer to themes in a Vue project. +You can import themes for the Syncfusion Vue Component in various ways, such as using CSS or SASS styles from npm packages, CDN, [CRG](https://ej2.syncfusion.com/javascript/documentation/common/custom-resource-generator/) and [Theme Studio](https://ej2.syncfusion.com/vue/documentation/appearance/theme-studio/). Refer to [themes topic](https://ej2.syncfusion.com/vue/documentation/appearance/theme/) to know more about built-in themes and different ways to refer to themes in a Vue project. In this article, the `Material` theme is applied using CSS styles, which are available in installed packages. The necessary `Material` CSS styles for the Chat UI component and its dependents were imported into the `