AstroJS 5 and TailwindCSS 4

.editorconfig

@@ -9,4 +9,4 @@ end_of_line = lf
 indent_size = 2
 indent_style = space
 insert_final_newline = true
-trim_trailing_whitespace = false
+trim_trailing_whitespace = false

.gitignore

@@ -1,6 +1,8 @@
 # build output
 dist/
-.output/
+
+# generated types
+.astro/
 
 # dependencies
 node_modules/
@@ -11,14 +13,12 @@ yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
 
-
 # environment variables
 .env
 .env.production
 
 # macOS-specific files
 .DS_Store
 
-package-lock.json
-
-.astro
+# jetbrains setting folder
+.idea/

.node-version

@@ -1 +1 @@
-20
+22

.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  "recommendations": ["astro-build.astro-vscode"],
+  "unwantedRecommendations": []
+}

.vscode/launch.json

@@ -0,0 +1,11 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "command": "./node_modules/.bin/astro dev",
+      "name": "Development server",
+      "request": "launch",
+      "type": "node-terminal"
+    }
+  ]
+}

README.md

@@ -13,7 +13,6 @@
 | `npm run astro ...`    | Run CLI commands like `astro add`, `astro check`  |
 | `npm run astro --help` | Get help using the Astro CLI                      |
 | `npm run format`       | Format code with [Prettier](https://prettier.io/) |
-| `npm run clean`        | Remove `node_modules` and build output            |
 
 ## Credits
 

astro.config.mjs

@@ -1,14 +1,22 @@
+// @ts-check
 import { defineConfig } from "astro/config";
-import tailwind from "@astrojs/tailwind";
-import icon from "astro-icon";
+
+import tailwindcss from "@tailwindcss/vite";
+
 import sitemap from "@astrojs/sitemap";
+
+import icon from "astro-icon";
+
 import compress from "astro-compress";
 
 // https://astro.build/config
 export default defineConfig({
   site: "https://astronvim.com",
+  vite: {
+    plugins: [tailwindcss()],
+  },
+
   integrations: [
-    tailwind(),
     sitemap(),
     icon({
       include: {
@@ -17,16 +25,16 @@ export default defineConfig({
     }),
     compress({
       CSS: true,
-      HTML: { removeAttributeQuotes: false },
+      HTML: {
+        "html-minifier-terser": {
+          removeAttributeQuotes: true,
+        },
+      },
       Image: false,
       JavaScript: true,
       SVG: true,
       Logger: 1,
     }),
   ],
-  vite: {
-    ssr: {
-      external: ["svgo"],
-    },
-  },
 });
+

package.json

@@ -1,41 +1,35 @@
 {
-  "name": "astro-landing-page",
+  "name": "smoggy-spiral",
   "type": "module",
   "version": "0.0.1",
-  "private": true,
   "scripts": {
     "dev": "astro dev",
-    "start": "astro dev",
     "build": "astro build",
     "preview": "astro preview",
     "astro": "astro",
     "format": "prettier --write **/*.astro .",
-    "clean": "rimraf dist .astro node_modules",
     "upgrade": "pnpm dlx @astrojs/upgrade"
   },
-  "devDependencies": {
-    "@astrojs/tailwind": "^5.1.2",
-    "@netlify/plugin-lighthouse": "^6.0.0",
+  "dependencies": {
+    "@astrojs/sitemap": "^3.3.0",
+    "@astrolib/seo": "1.0.0-beta.8",
+    "@fontsource-variable/inter": "^5.2.5",
+    "@iconify-json/tabler": "^1.2.17",
+    "@netlify/plugin-lighthouse": "^6.0.1",
+    "@tailwindcss/vite": "^4.1.4",
     "@types/micromodal": "^0.3.5",
-    "astro": "^4.16.6",
-    "astro-icon": "1.1.0",
+    "astro": "^5.7.2",
+    "astro-compress": "^2.3.8",
+    "astro-icon": "^1.1.5",
+    "micromodal": "^0.6.1",
     "netlify-plugin-checklinks": "^4.1.1",
     "netlify-plugin-submit-sitemap": "^0.4.0",
-    "prettier": "^3.3.2",
-    "prettier-plugin-astro": "^0.13.0",
-    "prettier-plugin-tailwindcss": "^0.5.14",
-    "rimraf": "^5.0.7",
-    "tailwindcss-fluid-type": "^2.0.6"
-  },
-  "dependencies": {
-    "@astrojs/sitemap": "^3.2.1",
-    "@astrolib/seo": "1.0.0-beta.5",
-    "@fontsource-variable/inter": "^5.0.18",
-    "@iconify-json/tabler": "^1.1.115",
-    "astro-compress": "^2.2.28",
-    "micromodal": "^0.4.10",
-    "sharp": "^0.33.4",
-    "tailwindcss": "^3.4.4",
+    "prettier": "^3.5.3",
+    "prettier-plugin-astro": "^0.14.1",
+    "prettier-plugin-tailwindcss": "^0.6.11",
+    "sharp": "^0.34.1",
+    "tailwindcss": "^4.1.4",
+    "tailwindcss-fluid-type": "github:davidhellmann/tailwindcss-fluid-type#next",
     "tiny-invariant": "^1.3.3"
   }
 }