How to only get some content back from a +page.js function...

[rchrdnsh]

I'm trying to get content from several different mdsvex collections in my index page in a SvelteKit app. I only want to get certain content, not all content, as I am running into an issue where I am returning 2MB+ of content on the initial page load, when I only want the bare minimum for that page. Currently I'm using this function to return metadata:

export function getMetadata(files) {
  const slugs = getFileNames(files);
  const folderslugs = getParentFolderNames(files);
  const posts = files;
  const list = Object.values(posts);
  const metadata = list.map((post, i) => {
    post.metadata.titleslug = post.metadata.title.replace(/\s+/g, '-').toLowerCase();
    post.metadata.slug = slugs[i];
    post.metadata.folderslug = folderslugs[i];
    // if (post.metadata.status === `featured`) {
    //   return post.metadata
    // }
    return post.metadata
  });
  // console.log(metadata)
  // if (metadata.status === `featured`) {
  //   return metadata
  // }
  return metadata
};

...I tried a couple of if statements in a couple places to try and return only the articles with the frontmatter field of status set to featured but that is not working...

...Is there any way I can do something like this to avoid returning too much data?

I end up getting the data in the +page.js file like so:

import { getMetadata } from '$library/functions/featured-metadata.js'

export async function load() {
  const musicMetadata = getMetadata(
    import.meta.glob(
      '/src/content/music-2/**/+content.md',
      { eager: true }
    )
  );
  const wordsMetadata = getMetadata(
    import.meta.glob(
      '/src/content/words/**/+content.md',
      { eager: true }
    )
  );
  const toolsMetadata = getMetadata(
    import.meta.glob(
      '/src/content/tools/*.md',
      { eager: true }
    )
  );

  return {
    music: musicMetadata,
    words: wordsMetadata,
    tools: toolsMetadata
  };
};

...where I'm grabbing stuff from a few different collections...

It was recommended to change +page.js to +page.server.js but this did not work for me as one of the metadata fields is actually populated by a Svelte component, so I cannot serialize that, if I understand correctly, as it cannot be converted into a JSON string.

Any thoughts are greatly appreciated...

I can partly mitigate the issue by not using export const prerender = true but it would be nice to be able to prerender only what is needed for the page, rather than ALL the content in every colleciton, instead of not being able to prerender it at all.

I AM able to filter in the +page.js file itself using a simple {#if} block, but I would rather not send the data in the first place if i do not have to, so as to keep page loads faaaaast...