Docs: Prefer ec.config.mjs for plugin config and styling examples

hippotastic · hippotastic · commit 97f4cb5d9d95 · 2025-01-19T21:39:32.000+01:00
diff --git a/docs/scripts/typedoc/templates/plugins/collapsible-sections.mdx b/docs/scripts/typedoc/templates/plugins/collapsible-sections.mdx
@@ -82,6 +82,7 @@ The plugin supports different section styles, which can be set per block using t
 You can also change the prop's default value globally to avoid having to specify it for each code block. To do so, add it to the [`defaultProps`](/reference/configuration/#defaultprops) configuration option:
 
 <ConfigVariants
+  preferEcConfigFile
   imports={`
     import { pluginCollapsibleSections } from '@expressive-code/plugin-collapsible-sections' // no-ins
   `}
@@ -139,6 +140,7 @@ editSections:
 This plugin adds a `collapsibleSections` object to the `styleOverrides` engine config option, allowing you to customize the visual appearance of the sections:
 
 <ConfigVariants
+  preferEcConfigFile
   imports={`
     import { pluginCollapsibleSections } from '@expressive-code/plugin-collapsible-sections' // no-ins
   `}
diff --git a/docs/scripts/typedoc/templates/plugins/line-numbers.mdx b/docs/scripts/typedoc/templates/plugins/line-numbers.mdx
@@ -117,6 +117,7 @@ After installing the plugin, line numbers will be displayed in the gutter of all
 You can configure this default behavior using the `defaultProps` option in your Expressive Code configuration. You can also change the defaults by language using the sub-property `overridesByLang`:
 
 <ConfigVariants
+  preferEcConfigFile
   imports={`
     import { pluginLineNumbers } from '@expressive-code/plugin-line-numbers' // no-ins
   `}
@@ -140,6 +141,7 @@ You can configure this default behavior using the `defaultProps` option in your
 This plugin adds a `lineNumbers` object to the `styleOverrides` engine config option, allowing you to customize the visual appearance of the line numbers:
 
 <ConfigVariants
+  preferEcConfigFile
   imports={`
     import { pluginLineNumbers } from '@expressive-code/plugin-line-numbers' // no-ins
   `}
diff --git a/docs/src/content/docs/plugins/collapsible-sections.mdx b/docs/src/content/docs/plugins/collapsible-sections.mdx
@@ -86,6 +86,7 @@ The plugin supports different section styles, which can be set per block using t
 You can also change the prop's default value globally to avoid having to specify it for each code block. To do so, add it to the [`defaultProps`](/reference/configuration/#defaultprops) configuration option:
 
 <ConfigVariants
+  preferEcConfigFile
   imports={`
     import { pluginCollapsibleSections } from '@expressive-code/plugin-collapsible-sections' // no-ins
   `}
@@ -166,6 +167,7 @@ Allows to select one of the following collapsible section styles:
 This plugin adds a `collapsibleSections` object to the `styleOverrides` engine config option, allowing you to customize the visual appearance of the sections:
 
 <ConfigVariants
+  preferEcConfigFile
   imports={`
     import { pluginCollapsibleSections } from '@expressive-code/plugin-collapsible-sections' // no-ins
   `}
diff --git a/docs/src/content/docs/plugins/line-numbers.mdx b/docs/src/content/docs/plugins/line-numbers.mdx
@@ -132,6 +132,7 @@ After installing the plugin, line numbers will be displayed in the gutter of all
 You can configure this default behavior using the `defaultProps` option in your Expressive Code configuration. You can also change the defaults by language using the sub-property `overridesByLang`:
 
 <ConfigVariants
+  preferEcConfigFile
   imports={`
     import { pluginLineNumbers } from '@expressive-code/plugin-line-numbers' // no-ins
   `}
@@ -155,6 +156,7 @@ You can configure this default behavior using the `defaultProps` option in your
 This plugin adds a `lineNumbers` object to the `styleOverrides` engine config option, allowing you to customize the visual appearance of the line numbers:
 
 <ConfigVariants
+  preferEcConfigFile
   imports={`
     import { pluginLineNumbers } from '@expressive-code/plugin-line-numbers' // no-ins
   `}
