🔒️ Arreglar Prettier en Astro

Author: 1cgonza

.prettierrc

@@ -3,5 +3,14 @@
   "printWidth": 120,
   "tabWidth": 2,
   "endOfLine": "auto",
-  "trailingComma": "es5"
+  "trailingComma": "es5",
+  "plugins": ["prettier-plugin-astro"],
+  "overrides": [
+    {
+      "files": "*.astro",
+      "options": {
+        "parser": "astro"
+      }
+    }
+  ]
 }

astro.config.mjs

@@ -18,5 +18,12 @@ export default defineConfig({
   ],
   vite: {
     plugins: [graphql()],
+    css: {
+      preprocessorOptions: {
+        scss: {
+          api: 'modern-compiler',
+        },
+      },
+    },
   },
 });

src/scss/estilosGlobales.scss

@@ -103,7 +103,6 @@ h3 {
   #marco {
     .seccionMarco {
       position: fixed;
-      // background-color: white;
     }
 
     #marcoInferior {