From 2e2ac906fa8242c8adf1ae50a8ffa75865011ca9 Mon Sep 17 00:00:00 2001 From: Faith-Atieno Date: Mon, 8 Jul 2024 14:50:16 +0300 Subject: [PATCH 1/3] 185658-Ej2-Vue-Getting-Started --- ej2-vue/getting-started/direct-scripts.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/ej2-vue/getting-started/direct-scripts.md b/ej2-vue/getting-started/direct-scripts.md index f5f503759..6e674676f 100644 --- a/ej2-vue/getting-started/direct-scripts.md +++ b/ej2-vue/getting-started/direct-scripts.md @@ -20,7 +20,7 @@ Similarly, Syncfusion offers direct script support for its Vue components. Devel ## Prerequisites -* Any IDE, such as [Visual Studio Code](https://code.visualstudio.com/) +* Any IDE, such as [Visual Studio Code](https://code.visualstudio.com) ## Set up the Vue project @@ -67,7 +67,7 @@ Include the appropriate version of the Vue.js library in the **index.html** file ## Import Syncfusion CSS styles -You can import themes for the Syncfusion Vue component in various ways, such as using CSS from CDN, [CRG] 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 from CDN, [CRG] 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, `Material` theme is applied using CSS styles, which are available in CDN. Add the `Material` CSS styles to the head section of the **index.html** file. @@ -119,7 +119,7 @@ To integrate Syncfusion components into your application, add the required Syncf {% endhighlight %} {% endtabs %} -2\. Add the component to the `` section of the **index.html** file. Bind the [data-source](https://ej2.syncfusion.com/vue/documentation/api/grid/#datasource) property and inject the `Page` module. Follow the [Getting Started](https://ej2.syncfusion.com/vue/documentation/grid/getting-started/) documentation for further details. +2\. Add the component to the `` section of the **index.html** file. Bind the [data-source](https://ej2.syncfusion.com/vue/documentation/api/grid/#datasource) property and inject the `Page` module. Follow the [Getting Started](https://ej2.syncfusion.com/vue/documentation/grid/getting-started) documentation for further details. > While using Syncfusion Vue components in a direct script way, camel-cased property (isPrimaryKey) names need to be specified in the kebab-cased (is-primary-key) equivalents. From 8d96a8a396204e1c558e14989476afaeaf886a04 Mon Sep 17 00:00:00 2001 From: Faith-Atieno Date: Mon, 8 Jul 2024 15:52:00 +0300 Subject: [PATCH 2/3] Ci issue resolved --- ej2-vue/getting-started/direct-scripts.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/ej2-vue/getting-started/direct-scripts.md b/ej2-vue/getting-started/direct-scripts.md index 6e674676f..2b45deb54 100644 --- a/ej2-vue/getting-started/direct-scripts.md +++ b/ej2-vue/getting-started/direct-scripts.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## -# Getting Started with Syncfusion Vue UI Components using direct scripts in a quickstart application +# Getting Started with Syncfusion Vue UI Components in a quickstart application Vue provides native script support, allowing users to directly include the Vue.js library in an HTML file without the need for a build process or module bundler. This feature is useful for simpler projects or prototypes, enabling quick and easy implementation of Vue.js without setting up a complex build workflow. @@ -30,7 +30,7 @@ To demonstrate the usage of the `Grid` component through direct scripting, follo 2\. Inside the `quickstart` folder, create an HTML file named `index.html`. -Include the appropriate version of the Vue.js library in the **index.html** file based on whether to use [Vue 2](https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.min.js) or [Vue 3](https://unpkg.com/vue@3/dist/vue.global.js) in the project. Then, create a new Vue instance with the required configuration options. +Include the appropriate version of the Vue.js library in the **index.html** file based on whether to use [Vue 2](https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.min.js) or [Vue 3](https://unpkg.com/vue@3.4.31/dist/vue.global.js) in the project. Then, create a new Vue instance with the required configuration options. > The [Vue class component](https://class-component.vuejs.org) package is required before the 2023 Volume 1 (v21.1.35) release. So, add the [Vue class component]() script to the head section of the **index.html** file for Vue 3 direct script. From a404cfe286f7412134db3b80be31934382885e74 Mon Sep 17 00:00:00 2001 From: Faith-Atieno Date: Mon, 8 Jul 2024 16:10:47 +0300 Subject: [PATCH 3/3] Ci issue resolved --- ej2-vue/getting-started/direct-scripts.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-vue/getting-started/direct-scripts.md b/ej2-vue/getting-started/direct-scripts.md index 2b45deb54..b5f0a0e6d 100644 --- a/ej2-vue/getting-started/direct-scripts.md +++ b/ej2-vue/getting-started/direct-scripts.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## -# Getting Started with Syncfusion Vue UI Components in a quickstart application +# Getting Started with Syncfusion Vue UI in a quickstart application Vue provides native script support, allowing users to directly include the Vue.js library in an HTML file without the need for a build process or module bundler. This feature is useful for simpler projects or prototypes, enabling quick and easy implementation of Vue.js without setting up a complex build workflow.