1046848: Improve the Vue UG documentation using AI Prompt

Document-Processing/Word/Word-Processor/vue/header-footer.md

@@ -18,16 +18,16 @@ domainurl: ##DomainURL##
 
 You can define this by setting format properties of the corresponding section using the following sample code.
 
-```javascript
-//Defines whether different header footer is required for first page of the section
+```ts
+//Defines whether different header and footer is required for first page of the section
 this.$refs.documenteditor.ej2Instances.selection.sectionFormat.differentFirstPage= true;
-//Defines whether different header footer is required for odd and even pages in the section
+//Defines whether different header and footer is required for odd and even pages in the section
 this.$refs.documenteditor.ej2Instances.selection.sectionFormat.differentOddAndEvenPages= true;
 ```
 
-## Go to header footer region
+## Go to Header and Footer Region
 
-Double click in header or footer region to move the selection into it. You can also do this by using the following code.
+Double click in the header or footer region to move the selection into it. You can also do this by using the following code.
 
 ```javascript
 this.$refs.documenteditor.ej2Instances.selection.goToHeader();
@@ -37,20 +37,20 @@ this.$refs.documenteditor.ej2Instances.selection.goToHeader();
 this.$refs.documenteditor.ej2Instances.selection.goToFooter();
 ```
 
-## Link to previous
+## Link to Previous
 
-Link to previous is enabled by default when document has more than one section. If you're using different headers and footers such as different first page or different odd and even pages, they can't be linked together because they're all separate.
+The Link to Previous option is enabled by default when document has more than one section. If you're using different headers and footers such as different first page or different odd and even pages, they can't be linked together because they're all separate.
 
 Before setting or getting the link to previous value, use the ['goToHeader'](https://ej2.syncfusion.com/vue/documentation/api/document-editor/selection#gotoheader) or ['goToFooter'](https://ej2.syncfusion.com/vue/documentation/api/document-editor/selection#gotofooter) API to move the current selection to the header or footer region.
 
-You can get or set the default header footer link to previous value of a section at cursor position by using the following sample code.
+You can get or set the default header and footer link to previous value of a section at cursor position by using the following sample code.
 
 ```ts
 this.$refs.container.ej2Instances.documentEditor.selection.sectionFormat.oddPageHeader.linkToPrevious = false;
 this.$refs.container.ej2Instances.documentEditor.selection.sectionFormat.oddPageFooter.linkToPrevious = false;
 ```
 
-In case the document has different header and footer types, such as different first page, odd, and even pages.
+In case the document has different header and footer types, such as different first page, odd, and even pages:
 
 ```ts
 // Different first page
@@ -61,23 +61,23 @@ this.$refs.container.ej2Instances.documentEditor.selection.sectionFormat.firstPa
 this.$refs.container.ej2Instances.documentEditor.selection.sectionFormat.firstPageFooter.linkToPrevious = false;
 ```
 
->Note: When there is more than one section in the document, the Link to Previous option becomes available. By default, this feature is disabled state in UI and set to return false for the first section.
+N> When there is more than one section in the document, the Link to Previous option becomes available. By default, this feature is in disabled state in UI and set to return false for the first section.
 
-## Header and footer distance
+## Header and Footer Distance
 
 You can define the distance of header region content from the top of the page. Refer to the following sample code.
 
 ```javascript
 this.$refs.documenteditor.ej2Instances.selection.sectionFormat.headerDistance= 36;
 ```
 
-Same way, you can define the distance of footer region content from the bottom of the page. Refer to the following sample code.
+In the same way, you can define the distance of footer region content from the bottom of the page. Refer to the following sample code.
 
 ```javascript
-this.$refs.documenteditor.ej2Instances.selection.sectionFormat.footerDistace= 36;
+this.$refs.documenteditor.ej2Instances.selection.sectionFormat.footerDistace=36;
 ```
 
-## Close header footer region
+## Close Header and Footer Region
 
 Move the selection to the document body from header or footer region by double clicking or tapping the document area. You can also perform this by using the following sample code.
 

Document-Processing/Word/Word-Processor/vue/history.md

@@ -10,11 +10,11 @@ domainurl: ##DomainURL##
 
 # History in Vue Document editor component
 
-[Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) tracks the history of all editing actions done in the document, which allows undo and redo functionality.
+[Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) tracks the history of all editing actions performed in the document, which allows undo and redo functionality.
 
 ## Enable or disable history
 
-Inject the `EditorHistory` module in your application to provide history preservation functionality for `DocumentEditor`. Refer to the following code example.
+Inject the `EditorHistory` module in your application to provide history preservation functionality for the `DocumentEditor`. Refer to the following code example.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -91,7 +91,7 @@ this.$refs.documenteditor.ej2Instances.editorHistory.redo();
 
 ## Stack size
 
-History of editing actions will be maintained in stack, so that the last item will be reverted first. By default, Document Editor limits the size of undo and redo stacks to 500 each respectively. However, you can customize this limit. Refer to the following sample code.
+History of editing actions will be maintained in a stack, so that the last item is reverted first. By default, Document Editor limits the size of undo and redo stacks to 500 each respectively. However, you can customize this limit. Refer to the following sample code.
 
 ```javascript
 this.$refs.documenteditor.ej2Instances.editorHistory.undoLimit = 400;

Document-Processing/Word/Word-Processor/vue/how-to.md

@@ -10,11 +10,11 @@ domainurl: ##DomainURL##
 
 # How to in Vue Document editor component
 
-[Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) triggers the [`keyDown`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/documentEditorKeyDownEventArgs/) event every time when any key is entered and provides an instance of `DocumentEditorKeyDownEventArgs`. You can use the `isHandled` property to override the keyboard shortcut behavior.
+[Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) triggers the [`keyDown`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/documentEditorKeyDownEventArgs) event every time when any key is entered and provides an instance of `DocumentEditorKeyDownEventArgs`. You can use the `isHandled` property to override the keyboard shortcut behavior.
 
 ## Preventing default keyboard shortcut
 
-The following code shows how to prevent the `CTRL + C` keyboard shortcut for copying selected content in Document Editor.
+The following code shows how to prevent the `CTRL + C` keyboard shortcut for copying selected content in the Document Editor.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}

Document-Processing/Word/Word-Processor/vue/how-to/deploy-document-editor-component-for-mobile.md

@@ -1,22 +1,22 @@
 ---
 layout: post
-title: Deploy document editor component for mobile in Vue Document editor component | Syncfusion
+title: How to Deploy Vue DOCX Editor for Mobile | Syncfusion
 description: Learn here all about Deploy document editor component for mobile in Syncfusion Vue Document editor component of Syncfusion Essential JS 2 and more.
 control: Deploy document editor component for mobile 
 platform: document-processing
 documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Deploy document editor component for mobile in Vue Document editor component
+# How to Deploy Vue DOCX Editor for Mobile
 
-## Document editor component for Mobile
+## Document Editor component for mobile
 
-At present, [Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) component is not responsive for mobile, and we haven't ensured the editing functionalities in mobile browsers. Whereas it works properly as a document viewer in mobile browsers.
+At present, [Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) component is not responsive for mobile, and editing functionalities are not supported in mobile browsers. However, it works properly as a document viewer in mobile browsers.
 
-Hence, it is recommended to switch the Document editor component as read-only in mobile browsers. Also, invoke [`fitPage`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#fitpage) method with [`FitPageWidth`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/pageFitType/) parameter in document change event, such as to display one full page by adjusting the zoom factor.
+Hence, it is recommended to switch the Document Editor component to read-only in mobile browsers. Also, invoke the [`fitPage`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#fitpage) method with `FitPageWidth` parameter in the document change event to display one full page by adjusting the zoom factor.
 
-The following example code illustrates how to deploy Document Editor component for Mobile.
+The following example code illustrates how to deploy the Document Editor component for mobile.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}
@@ -123,8 +123,8 @@ export default {
 {% endhighlight %}
 {% endtabs %}
 
-> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property.
+N> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property.
 
 You can download the complete working example from this [GitHub location](https://github.com/SyncfusionExamples/Deploy-Document-Editor-in-Mobile-Friendly-Web-page/)
 
->Note: You can use the [`restrictEditing`](https://ej2.syncfusion.com/vue/documentation/api/document-editor-container#restrictediting) in DocumentEditorContainer and [`isReadOnly`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#isreadonly) in DocumentEditor based on your requirement to change component to read only mode.
+N> You can use the [`restrictEditing`](https://ej2.syncfusion.com/vue/documentation/api/document-editor-container#restrictediting) in DocumentEditorContainer and [`isReadOnly`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#isreadonly) in DocumentEditor based on your requirement to change the component to read-only mode.

Document-Processing/Word/Word-Processor/vue/how-to/disable-auto-focus.md

@@ -1,28 +1,31 @@
 ---
 layout: post
-title: How to disable auto focus in document editor in Vue Document editor component | Syncfusion
+title: How to Disable Auto Focus in Vue DOCX Editor | Syncfusion
 description: Learn here all about How to disable and enable auto focus in document editor in Syncfusion Vue Document editor component of Syncfusion Essential JS 2 and more.
 platform: document-processing
 control: How to disable auto focus in document editor 
 documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# How to disable auto focus in Syncfusion<sup style="font-size:70%">&reg;</sup> Vue Document Editor component
+# How to Disable Auto Focus in Vue DOCX Editor
 
-[Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) gets focused automatically when the page loads. If you want the Document editor not to be focused automatically it can be customized.
+[Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor) gets focused automatically when the page loads. If you do not want the Document Editor to be focused automatically, you can customize this behavior.
 
-The following example illustrates to disable the auto focus in DocumentEditorContainer.
+The following example illustrates how to disable the auto focus in DocumentEditorContainer.
 
 ```typescript
 <ejs-documenteditorcontainer ref="doceditcontainer" :enableAutoFocus='false' height='600px'></ejs-documenteditorcontainer>
 ```
 
->Note: Default value of [`enableAutoFocus`](https://ej2.syncfusion.com/vue/documentation/api/document-editor-container#enableautofocus) property is `true`.
-The following example illustrates to disable the auto focus in DocumentEditor.
+N> The default value of [`enableAutoFocus`](https://ej2.syncfusion.com/vue/documentation/api/document-editor-container#enableautofocus) property is `true`.
+
+## Disable auto focus in DocumentEditor
+
+The following example illustrates how to disable the auto focus in DocumentEditor.
 
 ```typescript
 <ejs-documenteditor ref="doceditcontainer" :enableAutoFocus='false' height='600px'></ejs-documenteditor>
 ```
 
->Note: Default value of [`enableAutoFocus`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#enableautofocus) property is `true`.
+N> The default value of [`enableAutoFocus`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#enableautofocus) property is `true`.