Implicit snippet props are ambiguous

[darrylyeo]

I'm not a fan of implicit snippet props on components because they're really easy to confuse with a "locally-declared" snippet meant to be used in children markup:

<Section
  size="large"
>
  {#snippet title()}
    My Section Title
  {/snippet}

  {#snippet tag(content)}
    {content}
  {/snippet}

  {@render tag('Hello')}
  {@render tag('World')}
</Section>

Instead I think snippet props should be applied within the component's opening tag (similar to {@attach}):

<Section
  size="large"
  {#snippet title()}
    My Section Title
  {/snippet}
>
  {#snippet tag(content)}
    {content}
  {/snippet}

  {@render tag('Hello')}
  {@render tag('World')}
</Section>

Or maybe something like an "anonymous" snippet? (Would have to figure out a workable syntax):

<Section
  size="large"
  title={
    {#snippet()}
      My Section Title
    {/snippet}
  }
>
  {#snippet tag(content)}
    {content}
  {/snippet}

  {@render tag('Hello')}
  {@render tag('World')}
</Section>

This better conveys that a snippet is a one-off implementation intended only for use as a prop for a particular component instance.

[Ocean-OS]

I feel like that'd either discourage people from making large snippets or result in overly complex code. If you want to prevent helper snippets from becoming props, you could do something like this, where you put the helper inside the snippet:

<Component>
{#snippet children()}
    {#snippet helper()}
       ... 
    {/snippet} 
    {@render helper()}
{/snippet}
</Component>