Integrated latest changes at 11-22-2024 4:30:09 AM

Author: SyncfusionBuild

ej2-vue/code-snippet/drop-down-tree/templates/item-template-cs1/app-composition.vue

@@ -22,15 +22,16 @@ let data = [
   { "id": 11, "pid": 6, "name": "Mary", "job": "Developer " },
   { "id": 9, "pid": 1, "name": "Janet Leverling", "job": "HR" }
 ];
-let itemVue = createApp().component("itemTemplate", {
+const app = createApp();
+var demoVue = app.component("itemTemplate", {
   template: `<span><span  class="ename">{{data.name}} - </span><span class="ejob">{{data.job}}</span></span>`,
   data() {
     return { data: {} };
   }
 });
 
 const itemTemplate = function () {
-  return { template: itemVue };
+  return { template: demoVue };
 };
 const fields = { dataSource: data, value: 'id', text: 'name', parentValue: "pid", hasChildren: 'hasChild' };
 

ej2-vue/code-snippet/drop-down-tree/templates/item-template-cs1/app.vue

@@ -22,7 +22,8 @@ let data = [
   { "id": 11, "pid": 6, "name": "Mary", "job": "Developer " },
   { "id": 9, "pid": 1, "name": "Janet Leverling", "job": "HR" }
 ];
-let itemVue = createApp.component("itemTemplate", {
+const app = createApp();
+var demoVue = app.component("itemTemplate", {
   template: `<span><span  class="ename">{{data.name}} - </span><span class="ejob">{{data.job}}</span></span>`,
   data() {
     return { data: {} };
@@ -37,7 +38,7 @@ export default {
   data() {
     return {
       itemTemplate: function () {
-        return { template: itemVue };
+        return { template: demoVue };
       },
       fields: { dataSource: data, value: 'id', text: 'name', parentValue: "pid", hasChildren: 'hasChild' },
     }

ej2-vue/code-snippet/drop-down-tree/templates/value-template-cs1/app-composition.vue

@@ -22,15 +22,16 @@ let data = [
   { "id": 11, "pid": 6, "name": "Mary", "job": "Developer " },
   { "id": 9, "pid": 1, "name": "Janet Leverling", "job": "HR" }
 ];
-let valueVue = createApp().component("valueTemplate", {
+const app = createApp();
+var demoVue = app.component("valueTemplate", {
   template: `<span><span  class="ename">{{data.name}} - </span><span class="ejob">{{data.job}}</span></span>`,
   data() {
     return { data: {} };
   }
 });
 
 const valueTemplate = function () {
-  return { template: valueVue };
+  return { template: demoVue };
 };
 const fields = { dataSource: data, value: 'id', text: 'name', parentValue: "pid", hasChildren: 'hasChild' };
 

ej2-vue/code-snippet/drop-down-tree/templates/value-template-cs1/app.vue

@@ -22,7 +22,8 @@ let data = [
   { "id": 11, "pid": 6, "name": "Mary", "job": "Developer " },
   { "id": 9, "pid": 1, "name": "Janet Leverling", "job": "HR" }
 ];
-let valueVue = createApp.component("valueTemplate", {
+const app = createApp();
+var demoVue = app.component("valueTemplate", {
   template: `<span><span  class="ename">{{data.name}} - </span><span class="ejob">{{data.job}}</span></span>`,
   data() {
     return { data: {} };
@@ -37,7 +38,7 @@ export default {
   data() {
     return {
       valueTemplate: function () {
-        return { template: valueVue };
+        return { template: demoVue };
       },
       fields: { dataSource: data, value: 'id', text: 'name', parentValue: "pid", hasChildren: 'hasChild' },
     }