por si acaso

Author: TheAlbertDev

.vscode/settings.json

@@ -1,5 +1,5 @@
 {
-"typescript.inlayHints.parameterNames.enabled": "all",
-"editor.formatOnSave": true,
-"editor.defaultFormatter": "esbenp.prettier-vscode"
+  "typescript.inlayHints.parameterNames.enabled": "all",
+  "editor.formatOnSave": false,
+  "editor.defaultFormatter": "esbenp.prettier-vscode"
 }

astro.config.mjs

@@ -3,10 +3,15 @@ import { defineConfig } from "astro/config";
 import mdx from "@astrojs/mdx";
 import icon from "astro-icon";
 import tailwind from "@astrojs/tailwind";
+import sectionize from "@hbsnow/rehype-sectionize";
+import expressiveCode from "astro-expressive-code";
 
 // https://astro.build/config
 export default defineConfig({
-  integrations: [mdx(), icon(), tailwind()],
+  markdown: {
+    // @ts-ignore
+    rehypePlugins: [sectionize],
+  },
   i18n: {
     defaultLocale: "es",
     locales: ["es", "en"],
@@ -22,4 +27,5 @@ export default defineConfig({
     host: "0.0.0.0",
     port: 3000,
   },
+  integrations: [icon(), tailwind(), expressiveCode(), mdx()],
 });

ec.config.mjs

@@ -0,0 +1,7 @@
+import { defineEcConfig } from "astro-expressive-code";
+import { pluginCollapsibleSections } from "@expressive-code/plugin-collapsible-sections";
+import { pluginLineNumbers } from "@expressive-code/plugin-line-numbers";
+
+export default defineEcConfig({
+  plugins: [pluginCollapsibleSections(), pluginLineNumbers()],
+});