fix references to children prop

Author: JReinhold

examples/Templating.stories.svelte

@@ -17,7 +17,7 @@
 <script>
   /**
    * call setTemplate with a reference to any root-level snippet, for that snippet to be the fallback snippet,
-   * that is used in any story without explicit children.
+   * that is used in any story without explicit template.
    */
   setTemplate(defaultTemplate);
 </script>
@@ -130,7 +130,7 @@
 
 <!--
   To set a default template for all stories in the file, call the **`setTemplate()`** function with a reference to a root snippet.
-  Any story without `children` will use this default template.
+  Any story without `template` will use this default template.
 
   Example:
 

src/compiler/pre-transform/codemods/legacy-story.ts

@@ -75,7 +75,7 @@ export function transformLegacyStory(params: Params): SvelteAST.Component {
   if (fragment.nodes.length === 0 && !hasTemplateAttribute && state.unidentifiedTemplateComponent) {
     newAttributes.push(
       createASTAttribute(
-        'children',
+        'template',
         createASTExpressionTag({
           type: 'Identifier',
           name: 'sb_default_template',

src/parser/extract/svelte/fragment-nodes.test.ts

@@ -102,7 +102,7 @@ describe(extractFragmentNodes.name, () => {
         <Story name="Example1" />
 
         <Story name="Example2">
-          {#snippet children(args)}
+          {#snippet template(args)}
             <SampleComponent {...args} />
           {/snippet}
         </Story>

src/parser/extract/svelte/fragment-nodes.ts

@@ -18,7 +18,7 @@ interface Result {
    * For example:
    * Determining the source code of the `<Story />`.
    * Based on either `setTemplate` call,
-   * or by passing `children` as prop from the outer Svelte snippet block definition - e.g. `Story children={template1} />`.
+   * or by passing `template` as prop from the outer Svelte snippet block definition - e.g. `Story template={template1} />`.
    */
   snippetBlocks: SvelteAST.SnippetBlock[];
 }

src/parser/extract/svelte/nodes.test.ts

@@ -21,7 +21,7 @@ describe(extractSvelteASTNodes.name, () => {
         <Story name="Default" />
 
         <Story name="Playground">
-          {#snippet children(args)}
+          {#snippet template(args)}
             <Button {...args} />
           {/snippet}
         </Story>

src/runtime/Story.svelte

@@ -72,9 +72,8 @@
     (
       | {
           /**
-           * The content to render in the story as **static** markup.
-           *
-           * NOTE: Can be omitted if a default template is set with [`setTemplate()`](https://github.com/storybookjs/addon-svelte-csf/blob/main/README.md#default-snippet)
+           * Children to pass to the story's component
+           * Or if `asChild` is true, the content to render in the story as **static** markup.
            */
           children?: TChildren;
           /**

src/utils/error/parser/extract/svelte.ts

@@ -172,17 +172,17 @@ export class InvalidStoryTemplateAttributeError extends StorybookSvelteCSFError
   template() {
     return dedent`
       Component '${this.quickStoryRawCodeIdentifier}' in the stories file '${this.filepathURL}'
-      has an invalid 'children'-prop.
+      has an invalid 'template'-prop.
 
-      When set, the 'children'-prop must be an expression with reference to a root-level snippet.
+      When set, the 'template'-prop must be an expression with reference to a root-level snippet.
 
       Eg.:
 
       {#snippet template()}
         ...
       {/snippet}
 
-      <Story name="${this.storyNameFromAttribute}" children={template} />
+      <Story name="${this.storyNameFromAttribute}" template={template} />
     `;
   }
 }

tests/stories/test/StoryContext.stories.svelte

@@ -20,7 +20,7 @@
 </script>
 
 <Story name="Default">
-  {#snippet children(_args, context)}
+  {#snippet template(_args, context)}
     <pre>
       <code>
 {JSON.stringify(context, replacer, 2)}