Merge pull request storybookjs#32022 from storybookjs/docs-fix-csf-links

Docs: Fix broken links in CSF API reference

Author: jonniebigodes

docs/api/csf/index.mdx

@@ -9,7 +9,7 @@ tab:
   title: CSF 3
 ---
 
-Component Story Format (CSF) is the recommended way to [write stories](../writing-stories/index.mdx). It's an [open standard](https://github.com/ComponentDriven/csf) based on ES6 modules that is portable beyond Storybook.
+Component Story Format (CSF) is the recommended way to [write stories](../../writing-stories/index.mdx). It's an [open standard](https://github.com/ComponentDriven/csf) based on ES6 modules that is portable beyond Storybook.
 
 <Callout variant="info" icon="💡">
   If you have stories written in the older `storiesOf()` syntax, it was removed in Storybook 8.0 and is no longer maintained. We recommend migrating your stories to CSF. See the [migration guide](../../migration-guide/index.mdx#major-breaking-changes) for more information.
@@ -19,7 +19,7 @@ In CSF, stories and component metadata are defined as ES Modules. Every componen
 
 ## Default export
 
-The default export defines metadata about your component, including the `component` itself, its `title` (where it will show up in the [navigation UI story hierarchy](../writing-stories/naming-components-and-hierarchy.mdx#sorting-stories)), [decorators](../writing-stories/decorators.mdx), and [parameters](../writing-stories/parameters.mdx).
+The default export defines metadata about your component, including the `component` itself, its `title` (where it will show up in the [navigation UI story hierarchy](../../writing-stories/naming-components-and-hierarchy.mdx#sorting-stories)), [decorators](../../writing-stories/decorators.mdx), and [parameters](../../writing-stories/parameters.mdx).
 
 The `component` field is required and used by addons for automatic prop table generation and display of other component metadata. The `title` field is optional and should be unique (i.e., not re-used across files).
 
@@ -29,7 +29,7 @@ The `component` field is required and used by addons for automatic prop table ge
 
 {/* prettier-ignore-end */}
 
-For more examples, see [writing stories](../writing-stories/index.mdx).
+For more examples, see [writing stories](../../writing-stories/index.mdx).
 
 ## Named story exports
 
@@ -53,7 +53,7 @@ The exported identifiers will be converted to "start case" using Lodash's [start
 
 We recommend that all export names to start with a capital letter.
 
-Story objects can be annotated with a few different fields to define story-level [decorators](../writing-stories/decorators.mdx) and [parameters](../writing-stories/parameters.mdx), and also to define the `name` of the story.
+Story objects can be annotated with a few different fields to define story-level [decorators](../../writing-stories/decorators.mdx) and [parameters](../../writing-stories/parameters.mdx), and also to define the `name` of the story.
 
 Storybook's `name` configuration element is helpful in specific circumstances. Common use cases are names with special characters or Javascript restricted words. If not specified, Storybook defaults to the named export.
 
@@ -67,7 +67,7 @@ Storybook's `name` configuration element is helpful in specific circumstances. C
 
 Starting in SB 6.0, stories accept named inputs called Args. Args are dynamic data that are provided (and possibly updated by) Storybook and its addons.
 
-Consider Storybook’s ["Button" example](../writing-stories/index.mdx#defining-stories) of a text button that logs its click events:
+Consider Storybook’s ["Button" example](../../writing-stories/index.mdx#defining-stories) of a text button that logs its click events:
 
 {/* prettier-ignore-start */}
 
@@ -93,7 +93,7 @@ Or even more simply:
 
 Not only are these versions shorter and more accessible to write than their no-args counterparts, but they are also more portable since the code doesn't depend on the actions addon specifically.
 
-For more information on setting up [Docs](../writing-docs/index.mdx) and [Actions](../essentials/actions.mdx), see their respective documentation.
+For more information on setting up [Docs](../../writing-docs/index.mdx) and [Actions](../../essentials/actions.mdx), see their respective documentation.
 
 ## Play function
 
@@ -281,4 +281,4 @@ Finally, CSF 3 can automatically generate titles.
 
 {/* prettier-ignore-end */}
 
-You can still specify a title like in CSF 2, but if you don't specify one, it can be inferred from the story's path on disk. For more information, see the section on [configuring story loading](../configure/index.mdx#configure-story-loading).
+You can still specify a title like in CSF 2, but if you don't specify one, it can be inferred from the story's path on disk. For more information, see the section on [configuring story loading](../../configure/index.mdx#configure-story-loading).