Astro Actions

astro.config.ts

@@ -1,4 +1,5 @@
 import starlight from '@astrojs/starlight';
+import { pluginCollapsibleSections } from '@expressive-code/plugin-collapsible-sections';
 import { defineConfig, sharpImageService } from 'astro/config';
 import { makeLocalesConfig } from './config/locales';
 import { makeSidebar } from './config/sidebar';
@@ -23,6 +24,9 @@ export default defineConfig({
 		starlight({
 			title: 'Docs',
 			customCss: ['./src/styles/custom.css'],
+			expressiveCode: {
+				plugins: [pluginCollapsibleSections()],
+			},
 			components: {
 				EditLink: './src/components/starlight/EditLink.astro',
 				Head: './src/components/starlight/Head.astro',

package.json

@@ -85,6 +85,7 @@
     "@astrojs/sitemap": "^3.1.5",
     "@astrojs/starlight": "^0.26.1",
     "@docsearch/js": "^3.5.2",
+    "@expressive-code/plugin-collapsible-sections": "^0.35.0",
     "@fontsource/ibm-plex-mono": "^4.5.10",
     "@lunariajs/core": "^0.1.1",
     "canvas-confetti": "^1.6.0",