Upgrade to Astro 5.X

Author: ChristineTham

.eslintrc.cjs

@@ -239,3 +239,5 @@ All commands are run from the root of the project, from a terminal:
   - schema tags
   - automatically generated sidebar links
   - improved RSS and search metadata
+- 5.0.0: Major changes:
+  - Upgrade to Astro 5.X

README.md

@@ -1,7 +1,7 @@
 import { defineConfig } from 'astro/config';
-import tailwind from '@astrojs/tailwind';
 import sitemap from '@astrojs/sitemap';
 import mdx from '@astrojs/mdx';
+import tailwindcss from '@tailwindcss/vite'
 import alpinejs from '@astrojs/alpinejs';
 import robotsTxt from 'astro-robots-txt';
 import remarkMath from 'remark-math';
@@ -17,14 +17,15 @@ import markdoc from "@astrojs/markdoc";
 // https://astro.build/config
 export default defineConfig({
   vite: {
+    plugins: [tailwindcss()],
     ssr: {
       external: ['svgo'],
       noExternal: ['swiper', 'leaflet']
     }
   },
   site: 'https://hellotham.github.io',
   base: '/hello-astro/',
-  integrations: [icon(), tailwind(), sitemap(), mdx(), alpinejs(), robotsTxt(), markdoc()],
+  integrations: [icon(), sitemap(), mdx(), alpinejs(), robotsTxt(), markdoc()],
   markdown: {
     extendDefaultPlugins: true,
     remarkPlugins: [remarkReadingTime, remarkMath, remarkPlantUML, remarkDiagram, remarkEmoji],

astro.config.mjs

@@ -0,0 +1,19 @@
+import eslintPluginAstro from 'eslint-plugin-astro'
+import markdown from '@eslint/markdown'
+import unocss from '@unocss/eslint-config/flat'
+
+export default [
+  ...eslintPluginAstro.configs['flat/recommended'],
+  // ...eslintPluginAstro.configs['flat/jsx-a11y-recommended'],
+  {
+    files: ['**/*.md'],
+    plugins: {
+      markdown
+    },
+    language: 'markdown/commonmark',
+    rules: {
+      'markdown/no-html': 'error'
+    }
+  },
+  unocss
+]

eslint.config.mjs

@@ -16,58 +16,56 @@
   },
   "devDependencies": {
     "@akebifiky/remark-simple-plantuml": "^1.0.2",
-    "@astrojs/alpinejs": "^0.4.0",
-    "@astrojs/mdx": "^2.2.2",
-    "@astrojs/sitemap": "^3.1.2",
-    "@astrojs/tailwind": "^5.1.0",
+    "@astrojs/alpinejs": "^0.4.3",
+    "@astrojs/mdx": "^4.0.8",
+    "@astrojs/sitemap": "^3.2.1",
     "@tailwindcss/aspect-ratio": "^0.4.2",
-    "@tailwindcss/forms": "^0.5.7",
+    "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/line-clamp": "^0.4.4",
-    "@tailwindcss/typography": "^0.5.12",
-    "@types/alpinejs": "^3.13.10",
-    "@types/leaflet": "^1.9.8",
-    "@typescript-eslint/parser": "^7.4.0",
-    "alpinejs": "^3.13.7",
-    "astro": "^4.5.12",
+    "@tailwindcss/typography": "^0.5.16",
+    "@types/alpinejs": "^3.13.11",
+    "@types/leaflet": "^1.9.16",
+    "@typescript-eslint/parser": "^8.24.1",
+    "alpinejs": "^3.14.8",
+    "astro": "^5.3.0",
     "astro-robots-txt": "^1.0.0",
-    "eslint": "^8.57.0",
-    "eslint-plugin-astro": "^0.33.1",
-    "eslint-plugin-css": "^0.9.2",
-    "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-markdown": "^4.0.1",
-    "eslint-plugin-mdx": "^3.1.5",
+    "eslint": "^9.20.1",
+    "eslint-plugin-astro": "^1.3.1",
+    "eslint-plugin-css": "^0.11.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-markdown": "^5.1.0",
     "exifr": "^7.1.3",
     "mdast-util-to-string": "^4.0.0",
-    "prettier": "^3.2.5",
+    "prettier": "^3.5.1",
     "prettier-config-standard": "^7.0.0",
-    "prettier-plugin-astro": "^0.13.0",
-    "prettier-plugin-tailwindcss": "^0.5.13",
+    "prettier-plugin-astro": "^0.14.1",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "reading-time": "^1.5.0",
-    "rehype-katex": "^7.0.0",
-    "remark-emoji": "^4.0.1",
+    "rehype-katex": "^7.0.1",
+    "remark-emoji": "^5.0.1",
     "remark-math": "^6.0.0",
     "schema-dts": "^1.1.2",
-    "tailwindcss": "^3.4.3",
-    "typescript": "~5.4.3",
-    "unist-util-visit": "^5.0.0",
-    "vite": "^5.2.7"
+    "typescript": "~5.7.3",
+    "unist-util-visit": "^5.0.0"
   },
   "dependencies": {
-    "@astrojs/check": "^0.5.10",
-    "@astrojs/markdoc": "^0.9.3",
-    "@astrojs/rss": "^4.0.5",
-    "@iconify-json/bi": "^1.1.23",
-    "@iconify-json/heroicons": "^1.1.20",
-    "astro-icon": "^1.1.0",
-    "astro-seo": "^0.8.3",
+    "@astrojs/check": "^0.9.4",
+    "@astrojs/markdoc": "^0.12.9",
+    "@astrojs/rss": "^4.0.11",
+    "@iconify-json/bi": "^1.2.2",
+    "@iconify-json/heroicons": "^1.2.2",
+    "@tailwindcss/vite": "^4.0.6",
+    "astro-icon": "^1.1.5",
+    "astro-seo": "^0.8.4",
     "hero-patterns": "^2.1.0",
-    "katex": "^0.16.10",
+    "katex": "^0.16.21",
     "leaflet": "^1.9.4",
     "lunr": "^2.3.9",
-    "mermaid": "^10.9.0",
-    "photoswipe": "^5.4.3",
+    "mermaid": "^11.4.1",
+    "photoswipe": "^5.4.4",
     "photoswipe-dynamic-caption-plugin": "^1.2.7",
-    "swiper": "^11.1.0"
+    "swiper": "^11.2.4",
+    "tailwindcss": "^4.0.6"
   },
   "packageManager": "pnpm@8.15.5+sha256.4b4efa12490e5055d59b9b9fc9438b7d581a6b7af3b5675eb5c5f447cee1a589"
 }