1043242: Enhanced Documentation Quality in Vue Platform

Document-Processing/Excel/Spreadsheet/Vue/accessibility.md

@@ -2,7 +2,7 @@
 layout: post
 title: Accessibility in Vue Spreadsheet component | Syncfusion
 description: Learn here all about Accessibility in Syncfusion Vue Spreadsheet component of Syncfusion Essential JS 2 and more.
-control: Accessibility 
+control: Spreadsheet 
 platform: document-processing
 documentation: ug
 ---
@@ -39,7 +39,7 @@ The accessibility compliance for the Spreadsheet component is outlined below.
 
 ## WAI-ARIA attributes
 
-The Spreadsheet component followed the [WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/alert/) patterns to meet the accessibility. The following ARIA attributes are used in the Spreadsheet component:
+The Spreadsheet component follows the [WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/alert/) patterns to meet the accessibility. The following ARIA attributes are used in the Spreadsheet component:
 
 | Attributes | Purpose |
 |-------|---------|
@@ -61,7 +61,7 @@ The Spreadsheet component followed the [WAI-ARIA](https://www.w3.org/WAI/ARIA/ap
 
 ## Keyboard interaction
 
-The Spreadsheet component followed the [keyboard interaction](https://www.w3.org/WAI/ARIA/apg/patterns/alert/#keyboardinteraction) guideline, making it easy for people who use assistive technologies (AT) and those who completely rely on keyboard navigation. The following keyboard shortcuts are supported by the Spreadsheet component.
+The Spreadsheet component follows the [keyboard interaction](https://www.w3.org/WAI/ARIA/apg/patterns/alert/#keyboardinteraction) guideline, making it easy for people who use assistive technologies (AT) and those who completely rely on keyboard navigation. The following keyboard shortcuts are supported by the Spreadsheet component.
 
 | Press | To do this |
 |----------|-------------|
@@ -100,8 +100,8 @@ The Spreadsheet component followed the [keyboard interaction](https://www.w3.org
 | Tab | Complete the cell editing and select the next cell in the same row. |
 | Shift + Tab | Complete the cell editing and select the previous cell in the same row. |
 | Alt | Focus on the active ribbon tab. |
-| Left | Move the focus to the previous items in the ribbon content. |
-| Right | Move the focus to the next items in the ribbon content. |
+| Left | Move the focus to the previous item in the ribbon content. |
+| Right | Move the focus to the next item in the ribbon content. |
 | Alt + Down | Open the ribbon dropdown menu. |
 | Esc / Alt + Up | Close the ribbon dropdown menu. |
 

Document-Processing/Excel/Spreadsheet/Vue/ai-assist/ai-service/using-node-js-server.md

@@ -245,7 +245,7 @@ And returns:
 
 ## Sample
 
-A Node.js server sample project is available for quick setup. Extract the archive, update the Azure OpenAI credentials in the `.env` file, and start the server using the following command
+A Node.js server sample project is available for quick setup. Extract the archive, update the Azure OpenAI credentials in the `.env` file, and start the server using the following command:
 
 ```bash
 npm start

Document-Processing/Excel/Spreadsheet/Vue/ai-assist/ai-service/using-web-api.md

@@ -17,7 +17,7 @@ Ensure the following are available before you begin.
 
 ### Azure OpenAI credentials
 
-You must have an Azure OpenAI resource. Collect the following values from the [Azure Portal](https://portal.azure.com):
+Create or have access to an Azure OpenAI resource. Collect the following values from the [Azure Portal](https://portal.azure.com):
 
 | Credential | Description |
 |---|---|
@@ -42,7 +42,7 @@ const azureDeploymentName   = 'Your_Deployment_Name';
 
 ## Install dependencies
 
-Run the following commands in your Web API project to install the required NuGet packages:
+After creating the Web API project, run the following commands to install the required NuGet packages:
 
 ```bash
 dotnet add package Azure.AI.OpenAI
@@ -58,7 +58,7 @@ dotnet add package Microsoft.Extensions.AI.OpenAI
 
 ## Configure credentials
 
-Add the Azure OpenAI credentials in `appsettings.json` under `AI` section:
+Add the Azure OpenAI credentials in `appsettings.json` under the `AI` section:
 
 ```json
 {

Document-Processing/Excel/Spreadsheet/Vue/ai-assist/integration.md

@@ -24,7 +24,7 @@ Ensure the following before integrating AI Assist:
 
 ### Add CSS references
 
-Add the following AI Assist dependent style references to the `src/App.vue` file.
+Add the following AI Assist dependent style references to the `src/App.vue` file, in addition to the base Spreadsheet theme that is already imported:
 
 ```css
 @import '../node_modules/@syncfusion/ej2-notifications/styles/tailwind3.css';
@@ -70,7 +70,7 @@ export default {
 {% endhighlight %}
 {% endtabs %}
 
-This enables the AI Assist into the spreadsheet.
+This enables AI Assist in the spreadsheet.
 
 ### Configure AI Assist Settings
 
@@ -215,17 +215,17 @@ export default {
 
 If the AI panel displays an error message:
 
-1. Verify the server is running
-    * Confirm your Node.js or Web API server is active
-    * Check the console for startup messages
-2. Check the requestUrl
+1. Verify the server is running.
+    * Confirm your Node.js or Web API server is active.
+    * Check the console for startup messages.
+2. Check the `requestUrl`.
     * Ensure the URL matches your server's exact address and port
     * For local development:
-        * Node.js: http://localhost:3000/api/AIAssist/Chat
-        * Web API (.NET): https://localhost:5001/api/AIAssist/Chat
+        * Node.js: `http://localhost:3000/api/AIAssist/Chat`
+        * Web API (.NET): `https://localhost:5001/api/AIAssist/Chat`
 3. Verify CORS is enabled
     * Your Vue app origin must be allowed in the server's CORS policy
-    * Default Vue dev server: http://localhost:5173 (Vite) or http://localhost:8080 (Vue CLI)
+    * Default Vue dev server: `http://localhost:5173` (Vite) or `http://localhost:8080` (Vue CLI)
 4. Use browser DevTools
     * Open the Network tab to inspect failed requests
     * Check for 404, 500, or CORS errors

Document-Processing/Excel/Spreadsheet/Vue/ai-assist/overview.md

@@ -9,7 +9,7 @@ documentation: ug
 
 # AI Assist in Vue Spreadsheet control
 
-**AI Assist** brings AI-powered capabilities directly into the spreadsheet. Instead of manually applying formatting, writing formulas, or organizing data, you can describe what you want in plain English — and the AI Assist performs the action for you.
+**AI Assist** brings AI-powered capabilities directly into the Spreadsheet. Instead of manually applying formatting, writing formulas, or organizing data, you can describe what you want in plain English — and AI Assist performs the action for you.
 
 ![Spreadsheet AI Assist panel](../images/spreadsheet_ai_assist.gif)
 
@@ -19,7 +19,7 @@ AI Assist integrates seamlessly into your Vue Spreadsheet application with minim
 
 For complete setup instructions, how-to guides, API references, and prompt examples, see [AI Assist Integration](./integration).
 
-## How AI Assist Works in spreadsheet
+## How AI Assist Works in the Spreadsheet
 
 Understanding how AI Assist processes your request helps you write better prompts and get more reliable results.
 

Document-Processing/Excel/Spreadsheet/Vue/cell-range.md

@@ -45,7 +45,7 @@ The following features have some limitations in wrap text:
 
 Merge cells allows users to span two or more cells in the same row or column into a single cell. When cells with multiple values are merged, top-left most cell data will be the data for the merged cell. By default, the merge cells option is enabled. Use [`allowMerge`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#allowmerge) property to enable or disable the merge cells option in spreadsheet.
 
-You can merge the range of cells in the following ways,
+You can merge a range of cells in the following ways,
 
 * Set the `rowSpan` and `colSpan` property in `cell` to merge the number of cells at initial load.
 * Select the range of cells and apply merge by selecting the desired option from ribbon toolbar.
@@ -143,7 +143,7 @@ For example, consider a scenario where you want to ensure that a cell contains a
 
 When this rule is applied, the Spreadsheet evaluates the entered value against the formula. If a user enters a value outside the specified range, an alert notifies them of the invalid input. This helps users correct errors efficiently and ensures that only desired values are accepted.
 
-You can apply custom data validation using two methods.
+You can apply custom data validation in two methods:
 
 * The first is through the Data Validation dialog in the Ribbon toolbar. Navigate to the Data tab, select the Data Validation option, and choose the Custom type from the Allow dropdown menu.
 * The second method is programmatically, using the [`addDataValidation()`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#adddatavalidation) method, which allows developers to set custom rules dynamically via code.

Document-Processing/Excel/Spreadsheet/Vue/clipboard.md

@@ -9,9 +9,9 @@ documentation: ug
 
 # Clipboard in Vue Spreadsheet component
 
-The Spreadsheet provides support for the clipboard operations (cut, copy, and paste). Clipboard operations can be enabled or disabled by setting the [`enableClipboard`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#enableclipboard) property in Spreadsheet.
+The Spreadsheet supports clipboard operations (cut, copy, and paste). Clipboard operations can be enabled or disabled by setting the [`enableClipboard`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#enableclipboard) property in Spreadsheet.
 
-> By default, the `enableClipboard` property is true.
+> By default, the `enableClipboard` property is `true`.
 
 ## Cut
 
@@ -72,7 +72,7 @@ Paste can be done in one of the following ways.
 
 ## Prevent the paste functionality
 
-The following example shows, how to prevent the paste action in spreadsheet. In [`actionBegin`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#actionbegin) event, you can set `cancel` argument as false in paste request type.
+The following example shows how to prevent the paste action in the Spreadsheet. In the [`actionBegin`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#actionbegin) event, you can set `cancel` argument as false in paste request type.
 
 {% tabs %}
 {% highlight html tabtitle="Composition API (~/src/App.vue)" %}

Document-Processing/Excel/Spreadsheet/Vue/comment.md

@@ -79,9 +79,9 @@ The **Resolve thread** option marks a comment thread as completed when the discu
 
 ![Resolve and reopen in Spreadsheet](./images/spreadsheet_resolve_reopen.gif)
 
-You can also use the `isResolved` property in the comment model when initializing or updating comments programmatically.
+You can also set the `isResolved` property in the comment model when initializing or updating comments programmatically.
 
-**Example: Using `isResolved` property in the comment model with the `updateCell` method**
+**Example: Using the `isResolved` property in the comment model with the `updateCell` method**
 
 ```ts
 // Update a cell with a comment using the updateCell method
@@ -104,7 +104,7 @@ You can delete either a specific reply or an entire comment thread (including al
 ### Deleting a comment thread
 * **Context menu**: Right-click the cell that contains the comment and select **Comment > Delete Comment**.
 * **Ribbon**: Go to **Review > Comment > Delete Comment** on a cell that contains the comment.
-* **Comment editor**: In the comment editor, click the **"⋯" (More thread actions)** menu in the header and select **Delete Thread** for an active comment or use the **Delete Thread** button in header for a resolved comment.
+* **Comment editor**: In the comment editor, click the **"⋯" (More thread actions)** menu in the header and select **Delete Thread** for an active comment, or use the **Delete Thread** button in the header for a resolved comment.
 
 Deleting a thread removes the comment and all its replies from the cell.
 
@@ -140,7 +140,7 @@ The "Comments" review pane is rendered within the spreadsheet interface to provi
 
 The "Comments" review pane allows you to:
 
-* Add new comment using the **New** button.
+* Add a new comment using the **New** button.
 * Filter comments by **All**, **Active**, or **Resolved** to view specific comment threads.
 * Navigate between comments and synchronize selection with the corresponding cells.
 * Perform actions such as:

Document-Processing/Excel/Spreadsheet/Vue/context-menu.md

@@ -11,7 +11,7 @@ documentation: ug
 
 Context Menu is used to improve user interaction with Spreadsheet using the popup menu. This will open when right-clicking on Cell/Column Header/Row Header/ Pager in the Spreadsheet. You can use [`enableContextMenu`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#enablecontextmenu) property to enable/disable context menu.
 
-> The default value for the `enableContextMenu` property is `true`.
+> The default value of the `enableContextMenu` property is `true`.
 
 ## Context Menu Items in Row Cell
 
@@ -33,10 +33,10 @@ Please find the table below for default context menu items and their actions.
 
 | Context Menu items | Action |
 |-------|---------|
-| [`Cut`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#cut) | Cut the selected row/column header data to the clipboard, you can select a cell where you want to move the data. |
-| [`Copy`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#copy) | Copy the selected row/column header data to the clipboard, so that you can paste it to somewhere else. |
-| [`Paste`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#paste) | Paste the data from clipboard to spreadsheet. |
-| [`Paste Special`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#paste) | `Values` - Paste the data values from clipboard to spreadsheet. `Formats` - Paste the data formats from clipboard to spreadsheet. |
+| [`Cut`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#cut) | Cut the data of the selected row or column to the clipboard. |
+| [`Copy`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#copy) | Copy the data of the selected row or column to the clipboard. |
+| [`Paste`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#paste) | Paste the clipboard contents into the Spreadsheet. |
+| [`Paste Special`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#paste) | `Values` – Paste only the data values. `Formats` – Paste only the data formats. |
 | [`Insert Rows`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#insertrow) / [`Insert Columns`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#insertcolumn) | Insert new rows or columns into the worksheet. |
 | [`Delete Rows`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#delete) / [`Delete Columns`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#delete) | Delete existing rows or columns from the worksheet. |
 | [`Hide Rows`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#hiderow) / [`Hide Columns`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#hidecolumn) | Hide the rows or columns. |

Document-Processing/Excel/Spreadsheet/Vue/data-binding.md

@@ -15,7 +15,7 @@ The Spreadsheet uses [`DataManager`], which supports both RESTful JSON data serv
 
 ## Local data
 
-To bind local data to the Spreadsheet, you can assign a JavaScript object array to the `dataSource` property.
+To bind local data to the Spreadsheet, assign a JavaScript object array to the `dataSource` property.
 
 Refer to the following code example for local data binding.
 
@@ -102,7 +102,7 @@ You can use WebApiAdaptor to bind spreadsheet with Web API created using OData e
 
 ## Cell data binding
 
-The Spreadsheet control can bind the data to individual cell in a sheet . To achieve this you can use the
+The Spreadsheet control can bind data to an individual cell in a sheet. To achieve this, you can use the
 `value` property.
 
 Refer to the following code example for cell data binding.

Document-Processing/Excel/Spreadsheet/Vue/docker-deployment.md

@@ -3,11 +3,11 @@ layout: post
 title: Docker image deployment in Vue Spreadsheet component | Syncfusion
 description: Learn here all about Docker image deployment in Syncfusion Vue Spreadsheet component of Syncfusion Essential JS 2 and more.
 platform: document-processing
-control: Docker deployment 
+control: Docker deployment
 documentation: ug
 ---
 
-# Docker Image Overview in Vue Spreadsheet component
+# Docker Image Deployment in Vue Spreadsheet Component
 
 The [**Syncfusion<sup style="font-size:70%">&reg;</sup> Spreadsheet (also known as Excel Viewer)**](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) is a feature-rich control for organizing and analyzing data in a tabular format. It provides all the common Excel features, including data binding, selection, editing, formatting, resizing, sorting, filtering, importing, and exporting Excel documents.
 
@@ -19,7 +19,7 @@ The Spreadsheet is supported on the [JavaScript](https://www.syncfusion.com/java
 
 ## Prerequisites
 
-Have [`Docker`](https://www.docker.com/products/container-runtime#/download) installed in your environment:
+Install [`Docker`](https://www.docker.com/products/container-runtime#/download) on your environment.
 
 * On Windows, install [`Docker for Windows`](https://hub.docker.com/editions/community/docker-ce-desktop-windows).
 * On macOS, install [`Docker for Mac`](https://docs.docker.com/desktop/install/mac-install/).

Document-Processing/Excel/Spreadsheet/Vue/how-to/change-active-sheet.md

@@ -1,15 +1,15 @@
 ---
 layout: post
 title: Changing the active sheet while importing a file in the Vue Spreadsheet component | Syncfusion
-description: Learn here all about changing the active sheet index while importing a file in Syncfusion Vue Spreadsheet component of Syncfusion Essential JS 2 and more.
+description: Learn here all about changing the active sheet index when importing a file in the Syncfusion Vue Spreadsheet component of Syncfusion Essential JS 2 and more.
 control: Spreadsheet 
 platform: document-processing
 documentation: ug
 ---
 
 ## Changing the active sheet while importing a file in Vue Spreadsheet component
 
-You can change the active sheet of imported file by updating [`activeSheetIndex`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#activesheetindex) property on the [`openComplete`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#opencomplete) event.
+You can change the active sheet of the imported file by updating the [`activeSheetIndex`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#activesheetindex) property on the [`openComplete`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#opencomplete) event.
 
 The following code example shows how to set the active sheet when importing an Excel file.