Update README.md

Author: ArulrajAboo

README.md

@@ -1,7 +1,14 @@
-# Vue 3 + Vite
+# How to Group Nodes and Connectors in the Vue Diagram Component
 
-This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+A quick start Vue project that shows how to group nodes and connectors in the [Vue Diagram]( https://www.syncfusion.com/vue-components/vue-diagram?utm_source=github&utm_medium=listing&utm_campaign=vue-diagram-grouping-sample) component. This project includes code snippets to create and update groups dynamically. It also includes code snippets to add annotations to a group and create a nested group.
 
-## Recommended IDE Setup
+Watch the video: Coming soon…
 
-- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+Refer to the following documentation to learn about the Vue Diagram component: https://ej2.syncfusion.com/vue/documentation/diagram/labels
+
+Check out this online example of the Vue Diagram component: https://ej2.syncfusion.com/vue/demos/#/material3/diagram/grouping-and-ordering.html
+
+Make sure you have the latest versions of Node.js and Visual Studio Code on your machine before working on this project.
+
+## How to run this application
+To run this application, you need to clone the `How-to-Group-Nodes-and-Connectors-in-the-Vue-Diagram-Component` repository and then open it in Visual Studio Code. After that, just install all the necessary Vue packages in your project using the `npm install` command and run your project using the `npm run dev` command.