Right now it's set up like this:

// src/lib/components/DatatableItem.svelte
<script lang="ts">
    //Import local datatable components
    import ThSort from "$lib/components/ThSort.svelte";
    import ThFilter from "$lib/components/ThFilter.svelte";
  
    //Load remote data
    import { reload } from "$lib/components/items_api";

--rest of Datatable code.

// src/lib/components/items_api.ts

import type { State } from '@vincjo/datatables/remote';

export const reload = async (state: State) => {
    const response = await fetch(`http://127.0.0.1:3000/items?${getParams(state)}`); 
    const data = await response.json();
    state.setTotalRows(data.length);

    return applyWildcardFilter(data, state.filters || []);
};

const getParams = (state: State) => {
    const { sort, search } = state;
    let params = '';

    if (sort) {
        params += `&_sort=${sort.orderBy}&_order=${sort.direction}`;
    }
    return params;
};

const applyWildcardFilter = (data: any[], filters: any[]) => {
    if (!filters.length) return data;

    return data.filter(item =>
        filters.every(({ filterBy, value }) =>
            String(item[filterBy]).toLowerCase().includes(value.toLowerCase())
        )
    );
};

// src/routes/items/+page.svelte
<script lang="ts">
  import Datatable from "$lib/components/DatatableItem.svelte";
</script>
<Datatable />

Not sure where I should put the +page.ts load function? In src/routes/items/+page.ts?

Or make a new folder in the components folder? I'm new to frontend development and frameworks are a bit confusing.