Dependency updates & migration to Astro 6, Svelte 5, Tailwind v4

.github/actions/install/action.yml

@@ -10,9 +10,9 @@ runs:
     - name: Setup Node
       uses: actions/setup-node@v4
       with:
-        node-version: 20
+        node-version: 24
         cache: pnpm
 
     - name: Install dependencies
       run: pnpm install
-      shell: bash
+      shell: bash

.vscode/settings.json

@@ -14,6 +14,6 @@
     "typescriptreact"
   ],
   "prettier.ignorePath": ".gitignore",
-  "typescript.enablePromptUseWorkspaceTsdk": true,
-  "typescript.tsdk": "node_modules/typescript/lib"
+  "js/ts.tsdk.promptToUseWorkspaceVersion": true,
+  "js/ts.tsdk.path": "node_modules/typescript/lib"
 }

README.md

@@ -17,12 +17,14 @@ HoloNews FR Reader est une application web qui permet de consulter facilement to
 ## 🛠 Installation
 
 1. **Cloner le repository**
+
    ```sh
    git clone https://github.com/Pyrospower/holonews-fr-reader.git
    cd holonews-fr-reader
    ```
 
 2. **Installer les dépendances**
+
    ```sh
    pnpm install
    ```
@@ -36,12 +38,12 @@ L'application sera accessible sur `http://localhost:4321`
 
 ## 🧞 Commandes disponibles
 
-| Commande | Action |
-| :------- | :----- |
-| `pnpm install` | Installe les dépendances |
-| `pnpm dev` | Lance le serveur de développement |
-| `pnpm build` | Génère le site pour la production |
-| `pnpm preview` | Prévisualise le build en local |
+| Commande         | Action                            |
+| :--------------- | :-------------------------------- |
+| `pnpm install`   | Installe les dépendances          |
+| `pnpm dev`       | Lance le serveur de développement |
+| `pnpm build`     | Génère le site pour la production |
+| `pnpm preview`   | Prévisualise le build en local    |
 | `pnpm astro ...` | Exécute les commandes CLI d'Astro |
 
 ## 🔧 Technologies utilisées

astro.config.mjs

@@ -1,13 +1,16 @@
 // @ts-check
+import mdx from "@astrojs/mdx";
 import svelte from "@astrojs/svelte";
-import tailwind from "@astrojs/tailwind";
+import tailwindcss from "@tailwindcss/vite";
 import { defineConfig } from "astro/config";
 
-import mdx from "@astrojs/mdx";
-
 // https://astro.build/config
 export default defineConfig({
-  integrations: [tailwind({
-    applyBaseStyles: false,
-  }), svelte(), mdx()],
-});
+  integrations: [svelte(), mdx()],
+  vite: {
+    plugins: [tailwindcss()],
+    resolve: {
+      noExternal: ["@lucide/svelte", "bits-ui"],
+    },
+  },
+});

components.json

@@ -1,14 +1,19 @@
 {
   "$schema": "https://shadcn-svelte.com/schema.json",
-  "style": "default",
   "tailwind": {
-    "config": "tailwind.config.ts",
-    "css": "src\\styles\\app.css",
+    "css": "src/styles/app.css",
     "baseColor": "slate"
   },
   "aliases": {
     "components": "$lib/components",
-    "utils": "$lib/utils"
+    "utils": "$lib/utils",
+    "ui": "$lib/components/ui",
+    "hooks": "$lib/hooks",
+    "lib": "$lib"
   },
-  "typescript": true
+  "typescript": true,
+  "registry": "https://shadcn-svelte.com/registry",
+  "iconLibrary": "lucide",
+  "menuColor": "default",
+  "menuAccent": "subtle"
 }

package.json

@@ -16,35 +16,35 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/check": "^0.9.4",
-    "@astrojs/mdx": "^3.1.8",
-    "@astrojs/svelte": "^5.7.2",
-    "@astrojs/tailwind": "^5.1.3",
-    "@internationalized/date": "^3.6.0",
-    "astro": "^4.16.7",
-    "bits-ui": "^0.22.0",
+    "@astrojs/check": "^0.9.8",
+    "@astrojs/mdx": "^5.0.2",
+    "@astrojs/svelte": "^8.0.3",
+    "@internationalized/date": "^3.12.0",
+    "@lucide/svelte": "^0.577.0",
+    "@tailwindcss/vite": "^4.2.2",
+    "astro": "^6.0.8",
+    "bits-ui": "^2.16.3",
     "clsx": "^2.1.1",
-    "lucide-svelte": "^0.468.0",
-    "playwright": "^1.49.1",
-    "sharp": "^0.33.5",
-    "svelte": "^4.2.19",
-    "tailwind-merge": "^2.5.5",
-    "tailwind-variants": "^0.3.0",
-    "tailwindcss": "^3.4.17",
-    "typescript": "^5.6.2"
+    "playwright": "^1.58.2",
+    "sharp": "^0.34.5",
+    "svelte": "^5.54.0",
+    "tailwind-merge": "^3.5.0",
+    "tailwind-variants": "^3.2.2",
+    "tailwindcss": "^4.2.2",
+    "typescript": "^5.9.3"
   },
   "packageManager": "pnpm@9.15.0",
   "devDependencies": {
-    "@ianvs/prettier-plugin-sort-imports": "^4.4.0",
-    "@types/bun": "^1.1.14",
-    "@types/node": "^22.10.2",
-    "@typescript-eslint/parser": "^8.18.1",
-    "astro-eslint-parser": "^1.1.0",
-    "eslint": "^9.17.0",
-    "eslint-plugin-astro": "^1.3.1",
+    "@ianvs/prettier-plugin-sort-imports": "^4.7.1",
+    "@types/bun": "^1.3.11",
+    "@types/node": "^25.5.0",
+    "@typescript-eslint/parser": "^8.57.1",
+    "astro-eslint-parser": "^1.3.0",
+    "eslint": "^10.1.0",
+    "eslint-plugin-astro": "^1.6.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
-    "prettier": "^3.4.2",
+    "prettier": "^3.8.1",
     "prettier-plugin-astro": "^0.14.1",
-    "prettier-plugin-tailwindcss": "^0.6.9"
+    "prettier-plugin-tailwindcss": "^0.7.2"
   }
 }