Disable CSR for specific components · Issue #16296 · sveltejs/svelte · GitHub | Latest TMZ Celebrity News & Gossip | Watch TMZ Live
Skip to content

Disable CSR for specific components #16296

Open
@ottomated

Description

@ottomated

Describe the problem

If I have a large component that I know will be static, like this:

<script>
  const episodes = [{name: 'foo', length: '10:00'}, /* ... 100 more episodes */];
</script>

<ul>
  {#each episodes as episode}
    <li>{episode.name} - {episode.length}</li>
  {/each}
</ul>

I don't want the large array to be included in my js bundle if it's never going to change from when my page is rendered.

Describe the proposed solution

I want to be able to add this:

<svelte:options static={true} />

to hint to svelte that it can prerender my markup and render the whole component to a static template.

Importance

nice to have

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      TMZ Celebrity News – Breaking Stories, Videos & Gossip

      Looking for the latest TMZ celebrity news? You've come to the right place. From shocking Hollywood scandals to exclusive videos, TMZ delivers it all in real time.

      Whether it’s a red carpet slip-up, a viral paparazzi moment, or a legal drama involving your favorite stars, TMZ news is always first to break the story. Stay in the loop with daily updates, insider tips, and jaw-dropping photos.

      🎥 Watch TMZ Live

      TMZ Live brings you daily celebrity news and interviews straight from the TMZ newsroom. Don’t miss a beat—watch now and see what’s trending in Hollywood.