From 0b6993d9ff3ab4c4f631e440146960e0664f8bfd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Thu, 9 Mar 2023 10:54:55 +0300
Subject: [PATCH] Lazy table demo fixes

---
 doc/datatable/LazyLoadDoc.vue | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/doc/datatable/LazyLoadDoc.vue b/doc/datatable/LazyLoadDoc.vue
index 9f79ae659..4574455ed 100644
--- a/doc/datatable/LazyLoadDoc.vue
+++ b/doc/datatable/LazyLoadDoc.vue
@@ -156,7 +156,7 @@ export default {
 </template>
 
 <script>
-import {CustomerService} from '@/service/CustomerService';
+import { CustomerService } from '@/service/CustomerService';
 
 export default {
     data() {
@@ -181,10 +181,6 @@ export default {
             ]
         }
     },
-    customerService: null,
-    created() {
-        this.customerService = new CustomerService();
-    },
     mounted() {
         this.loading = true;
 
@@ -280,7 +276,7 @@ export default {
 
 <script setup>
 import { ref, onMounted } from 'vue';
-import {CustomerService} from '@/service/CustomerService';
+import { CustomerService } from '@/service/CustomerService';
 
 onMounted(() => {
     loading.value = true;
@@ -302,7 +298,6 @@ const totalRecords = ref(0);
 const customers = ref();
 const selectedCustomers = ref();
 const selectAll = ref(false);
-const customerService = ref(new CustomerService());
 const filters = ref({
     'name': {value: '', matchMode: 'contains'},
     'country.name': {value: '', matchMode: 'contains'},
@@ -321,10 +316,10 @@ const loadLazyData = () => {
     loading.value = true;
 
     setTimeout(() => {
-        CustomerService.getCustomers({ lazyEvent: JSON.stringify(this.lazyParams) }).then((data) => {
-            this.customers = data.customers;
-            this.totalRecords = data.totalRecords;
-            this.loading = false;
+        CustomerService.getCustomers({ lazyEvent: JSON.stringify(lazyParams.value) }).then((data) => {
+            customers.value = data.customers;
+            totalRecords.value = data.totalRecords;
+            loading.value = false;
         });
     }, Math.random() * 1000 + 250);
 };