From c5aeafe0d026bb9bba7195c1c3d18b225ddf0070 Mon Sep 17 00:00:00 2001
From: suriyaprakasamr <suriyaprakasamr@syncfusion.com>
Date: Sun, 6 Sep 2026 19:36:43 +0530
Subject: [PATCH 1/3] 1052603: Document custom colors for track changes

Added section on custom colors for track changes in DOCX editor.
---
 .../Word/Word-Processor/vue/track-changes.md    | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/Document-Processing/Word/Word-Processor/vue/track-changes.md b/Document-Processing/Word/Word-Processor/vue/track-changes.md
index 09f8a0d6b4..20fcf3b180 100644
--- a/Document-Processing/Word/Word-Processor/vue/track-changes.md
+++ b/Document-Processing/Word/Word-Processor/vue/track-changes.md
@@ -158,6 +158,23 @@ this.$refs.container.documentEditor.selection.navigateNextRevision();
  */
 this.$refs.container.documentEditor.selection.navigatePreviousRevision();
 ```
+## Custom Colors for Track Changes
+
+You can set an array of colors to show track changes such as insertions and deletions in the DOCX editor.  
+Each author is assigned a color in order: the first author gets the first color, the second author gets the next, and so on.  
+If there are more authors than colors, the assignment starts again from the beginning of the array.
+
+The following example illustrates how to set the color order for track changes in the DOCX Editor
+
+```ts
+mounted() {
+    this.$refs.container.documentEditorSettings.revisionSettings.revisionColors = [
+      '#0e76b1',
+      '#bb00ff',
+      '#c14f16'
+    ];
+  }
+```
 
 ## Filtering changes based on user
 

From 711d4b696f4e38b1631a0a4d3823d2cf7e93bf10 Mon Sep 17 00:00:00 2001
From: Vellaisamy Auvudaiappan <vellaisamy.auvudaiappan@syncfusion.com>
Date: Mon, 7 Sep 2026 13:34:23 +0530
Subject: [PATCH 2/3] 1052603-modified to single line in Custom Colors for tc
 in track-changes.md file

---
 Document-Processing/Word/Word-Processor/vue/track-changes.md | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/Document-Processing/Word/Word-Processor/vue/track-changes.md b/Document-Processing/Word/Word-Processor/vue/track-changes.md
index 20fcf3b180..501dfcde11 100644
--- a/Document-Processing/Word/Word-Processor/vue/track-changes.md
+++ b/Document-Processing/Word/Word-Processor/vue/track-changes.md
@@ -160,9 +160,7 @@ this.$refs.container.documentEditor.selection.navigatePreviousRevision();
 ```
 ## Custom Colors for Track Changes
 
-You can set an array of colors to show track changes such as insertions and deletions in the DOCX editor.  
-Each author is assigned a color in order: the first author gets the first color, the second author gets the next, and so on.  
-If there are more authors than colors, the assignment starts again from the beginning of the array.
+You can set an array of colors to show track changes such as insertions and deletions in the DOCX editor. Each author is assigned a color in order: the first author gets the first color, the second author gets the next, and so on. If there are more authors than colors, the assignment starts again from the beginning of the array.
 
 The following example illustrates how to set the color order for track changes in the DOCX Editor
 

From b7d7f4b26b4f700f0c9b67536a402b2c45e47093 Mon Sep 17 00:00:00 2001
From: suriyaprakasamr <suriyaprakasamr@syncfusion.com>
Date: Thu, 10 Sep 2026 16:25:25 +0530
Subject: [PATCH 3/3] Refactor Vue example for track changes in DOCX Editor

Updated the Vue component example for track changes in the DOCX Editor, including the setup script and template structure.
---
 .../Word/Word-Processor/vue/track-changes.md  | 26 ++++++++++++++-----
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/Document-Processing/Word/Word-Processor/vue/track-changes.md b/Document-Processing/Word/Word-Processor/vue/track-changes.md
index 501dfcde11..2d8dfa0363 100644
--- a/Document-Processing/Word/Word-Processor/vue/track-changes.md
+++ b/Document-Processing/Word/Word-Processor/vue/track-changes.md
@@ -165,13 +165,25 @@ You can set an array of colors to show track changes such as insertions and dele
 The following example illustrates how to set the color order for track changes in the DOCX Editor
 
 ```ts
-mounted() {
-    this.$refs.container.documentEditorSettings.revisionSettings.revisionColors = [
-      '#0e76b1',
-      '#bb00ff',
-      '#c14f16'
-    ];
-  }
+<template>
+  <EjsDocumenteditorcontainer 
+    ref="container"
+    height="590px"
+    :serviceUrl="serviceUrl" 
+    :enableToolbar="true"
+    :documentEditorSettings = "settings"
+    :enableTrackChanges="true"> 
+  </EjsDocumenteditorcontainer>
+</template>
+
+<script setup>
+import { provide } from 'vue';
+import { DocumentEditorContainerComponent as EjsDocumenteditorcontainer, Toolbar } from '@syncfusion/ej2-vue-documenteditor';
+
+const serviceUrl = 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/';
+const settings = { revisionSettings: { revisionColors: [ "#0000ff", "#bb00ff", "#c14f16" ] } };
+provide('DocumentEditorContainer', [Toolbar]);
+</script>
 ```
 
 ## Filtering changes based on user