Server Side about svelte-simple-datatables HOT 8 CLOSED

<script>
    import { onMount } from "svelte";
    import { Datatable } from 'svelte-simple-datatables';
    import {env} from './utils/EnvUtils.js';
    import axios from "axios";

    console.log(env);
    
    const BASE_URL = env.host + 'records';

    const config = {
        headers: {
            "X-Requested-With": "XMLHttpRequest",
            "Accept": "application/json",
            'Content-Type': 'application/json',
            "X-CSRF-Token": document.querySelector('meta[name="csrf-token"][content]').content
        }
    }

    const settings = {
        sortable: true,
        pagination: true,
        scrollY: true,
        rowsPerPage: 50,
        columnFilter: false,
        css: true,
        labels: {
            search: 'Search...',    // search input placeholer
            filter: 'Filter',       // filter inputs placeholder
            noRows: 'No entries to found',
            info: 'Showing {start} to {end} of {rows} entries',
            previous: 'Previous',
            next: 'Next',       
        },
        blocks: {
            searchInput: true, 
            paginationButtons: true,
            paginationRowCount: true,
        }
    }
    let rows;
    let rowData;
    let currentPage = 1;
   let search;
    $: updateData(currentPage, search);  // re-runs if page or search changes
    let perPage = 10;
    async function fetchData(page, search = undefined) {
        console.log(page);
        try {
            const getUrl = (search!==undefined) ? `${BASE_URL}?page=${page}&per_page=${perPage}&search=${search}&delay=1` : `${BASE_URL}?page=${page}&per_page=${perPage}&delay=1`;
            const response = await axios.get(getUrl, config);
            const { data } = await response;
            console.log("data:", data);

            return data && data['data']!==null && data['data']!==undefined ? data.data : [];
        } catch (error) {
            console.error("Error: ", error);
        }
    }

    async function updateData(page, search = undefined) {
        rowData = await fetchData(page, search);
        console.log("row data:", rowData);  // this gets updated
    }

    // onMount(updateData);
</script>

<Datatable {rowData} {settings} bind:dataRows={rows} id={'record-datatable'}>
    <thead>
        <!-- <th data-key="id">ID</th> -->
        <th data-key="title">Title</th>

        <th data-key="updated_at">Updated</th>
    </thead>
    <tbody>
    {#if rows}
        {#each $rows as row}
            <tr>
                <!-- <td>{row.id}</td> -->
                <td>{row.title}</td>
                <td>{row.updated_at}</td>
            </tr>
        {/each}
    {/if}
    </tbody>
</Datatable>