⬆️ Actualizar

.editorconfig

@@ -0,0 +1,10 @@
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+
+[*.{js,json,yml}]
+charset = utf-8
+indent_style = space
+indent_size = 2

.gitattributes

@@ -0,0 +1,4 @@
+/.yarn/**            linguist-vendored
+/.yarn/releases/*    binary
+/.yarn/plugins/**/*  binary
+/.pnp.*              binary linguist-generated

.gitignore

@@ -1,21 +1,29 @@
-# build output
-dist/
+# Omitir archivos exportados
+publico/
+.output/
 
-# generated types
-.astro/
-
-# dependencies
+# dependencias
 node_modules/
 
-# logs
+# errores
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
 
-# environment variables
+# variables ambiente
 .env
 .env.production
+.astro
 
-# macOS-specific files
+# temporales de mac
 .DS_Store
+
+# Ver documentación de Yarn moderno (> v2): https://yarnpkg.com/getting-started/qa#which-files-should-be-gitignored
+.yarn/*
+!.yarn/cache
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

.prettierignore

@@ -1,2 +1,3 @@
 publico
-estaticos
+estaticos
+.astro

.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"
+      }
+    }
+  ]
 }

.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

astro.config.mjs

@@ -9,4 +9,13 @@ export default defineConfig({
   build: {
     assets: 'estaticos',
   },
+  vite: {
+    css: {
+      preprocessorOptions: {
+        scss: {
+          api: 'modern-compiler',
+        },
+      },
+    },
+  },
 });

package.json

@@ -1,24 +1,26 @@
 {
-  "name": "enflujo-plantilla-astro",
+  "name": "enflujo-decaer",
   "type": "module",
   "version": "0.0.1",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
     "build": "astro check && astro build",
+    "revisar": "astro check",
     "preview": "astro preview",
     "astro": "astro",
     "lint": "prettier --check .",
     "lint:fix": "prettier --write --list-different ."
   },
   "dependencies": {
-    "@astrojs/check": "^0.3.1",
-    "astro": "^3.6.0",
-    "pixijs": "^7.1.4",
-    "typescript": "^5.3.2"
+    "@astrojs/check": "^0.9.4",
+    "astro": "^5.3.0",
+    "typescript": "^5.7.3"
   },
   "devDependencies": {
-    "prettier": "^3.1.0",
-    "sass": "^1.69.5"
-  }
+    "prettier": "^3.5.1",
+    "prettier-plugin-astro": "^0.14.1",
+    "sass": "^1.85.0"
+  },
+  "packageManager": "[email protected]"
 }

src/pages/index.astro

@@ -1,5 +1,4 @@
 ---
-import EjemploCoponente from '@/componentes/EjemploCoponente.astro';
 import Plantilla from '@/plantillas/Plantilla.astro';
 import Lienzo from '@/componentes/Lienzo.astro';
 ---

src/plantillas/Plantilla.astro

@@ -60,5 +60,5 @@ const altImg = imagen ? imagen.alt : nombreProyecto;
 </html>
 
 <style lang="scss" is:global>
-  @import '@/scss/estilos.scss';
+  @use '@/scss/estilos.scss' as *;
 </style>

src/scss/estilos.scss

@@ -1,4 +1,4 @@
-@import './normalizar';
+@use './normalizar' as *;
 
 :root {
   --colorFuente: #252424;