Resolve peer dependency problem in the integration packages (SolidJS, Vue, Svelte, React) (#12481)

Co-authored-by: Bjorn Lu <bjornlu.dev@gmail.com>
Co-authored-by: ematipico <602478+ematipico@users.noreply.github.com>
Co-authored-by: bluwy <34116392+bluwy@users.noreply.github.com>

.changeset/strong-stingrays-provide.md

@@ -0,0 +1,9 @@
+---
+'@astrojs/solid-js': patch
+'@astrojs/vue': patch
+'@astrojs/svelte': patch
+'@astrojs/react': patch
+'@astrojs/preact': patch
+---
+
+Resolve `vite` peer dependency problem for strict package managers like **Yarn in PnP mode**.

packages/integrations/preact/package.json

@@ -40,7 +40,8 @@
     "@preact/preset-vite": "2.8.2",
     "@preact/signals": "^1.3.0",
     "babel-plugin-transform-hook-names": "^1.0.2",
-    "preact-render-to-string": "^6.5.11"
+    "preact-render-to-string": "^6.5.11",
+    "vite": "^5.4.10"
   },
   "devDependencies": {
     "astro": "workspace:*",

packages/integrations/react/package.json

@@ -50,7 +50,8 @@
   },
   "dependencies": {
     "@vitejs/plugin-react": "^4.3.3",
-    "ultrahtml": "^1.5.3"
+    "ultrahtml": "^1.5.3",
+    "vite": "^5.4.10"
   },
   "devDependencies": {
     "@types/react": "^18.3.12",
@@ -59,8 +60,7 @@
     "astro-scripts": "workspace:*",
     "cheerio": "1.0.0",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react-dom": "^18.3.1"
-    "vite": "^5.4.10"
   },
   "peerDependencies": {
     "@types/react": "^17.0.50 || ^18.0.21",

packages/integrations/solid/package.json

@@ -35,13 +35,13 @@
     "dev": "astro-scripts dev \"src/**/*.ts\""
   },
   "dependencies": {
-    "vite-plugin-solid": "^2.10.2"
+    "vite-plugin-solid": "^2.10.2",
+    "vite": "^5.4.10"
   },
   "devDependencies": {
     "astro": "workspace:*",
     "astro-scripts": "workspace:*",
-    "solid-js": "^1.9.3",
+    "solid-js": "^1.9.3"
-    "vite": "^5.4.10"
   },
   "peerDependencies": {
     "solid-devtools": "^0.30.1",

packages/integrations/svelte/package.json

@@ -40,13 +40,13 @@
   },
   "dependencies": {
     "@sveltejs/vite-plugin-svelte": "^4.0.0",
-    "svelte2tsx": "^0.7.22"
+    "svelte2tsx": "^0.7.22",
+    "vite": "^5.4.10"
   },
   "devDependencies": {
     "astro": "workspace:*",
     "astro-scripts": "workspace:*",
-    "svelte": "^5.1.16",
+    "svelte": "^5.1.16"
-    "vite": "^5.4.10"
   },
   "peerDependencies": {
     "astro": "^4.0.0",

packages/integrations/vue/package.json

@@ -45,14 +45,14 @@
     "@vitejs/plugin-vue": "^5.1.4",
     "@vitejs/plugin-vue-jsx": "^4.0.1",
     "@vue/compiler-sfc": "^3.5.12",
-    "vite-plugin-vue-devtools": "^7.6.3"
+    "vite-plugin-vue-devtools": "^7.6.3",
+    "vite": "^5.4.10"
   },
   "devDependencies": {
     "astro": "workspace:*",
     "astro-scripts": "workspace:*",
     "cheerio": "1.0.0",
     "linkedom": "^0.18.5",
-    "vite": "^5.4.10",
     "vue": "^3.5.12"
   },
   "peerDependencies": {

pnpm-lock.yaml

@@ -5018,6 +5018,9 @@ importers:
       preact-render-to-string:
         specifier: ^6.5.11
         version: 6.5.11(preact@10.24.3)
+      vite:
+        specifier: ^5.4.10
+        version: 5.4.10(@types/node@18.19.50)(sass@1.80.6)
     devDependencies:
       astro:
         specifier: workspace:*
@@ -5037,6 +5040,9 @@ importers:
       ultrahtml:
         specifier: ^1.5.3
         version: 1.5.3
+      vite:
+        specifier: ^5.4.10
+        version: 5.4.10(@types/node@18.19.50)(sass@1.80.6)
     devDependencies:
       '@types/react':
         specifier: ^18.3.12
@@ -5059,9 +5065,6 @@ importers:
       react-dom:
         specifier: ^18.3.1
         version: 18.3.1(react@18.3.1)
-      vite:
-        specifier: ^5.4.10
-        version: 5.4.10(@types/node@18.19.50)(sass@1.80.6)
 
   packages/integrations/react/test/fixtures/react-component:
     dependencies:
@@ -5147,6 +5150,9 @@ importers:
 
   packages/integrations/solid:
     dependencies:
+      vite:
+        specifier: ^5.4.10
+        version: 5.4.10(@types/node@18.19.50)(sass@1.80.6)
       vite-plugin-solid:
         specifier: ^2.10.2
         version: 2.10.2(solid-js@1.9.3)(vite@5.4.10(@types/node@18.19.50)(sass@1.80.6))
@@ -5160,9 +5166,6 @@ importers:
       solid-js:
         specifier: ^1.9.3
         version: 1.9.3
-      vite:
-        specifier: ^5.4.10
-        version: 5.4.10(@types/node@18.19.50)(sass@1.80.6)
 
   packages/integrations/svelte:
     dependencies:
@@ -5172,6 +5175,9 @@ importers:
       svelte2tsx:
         specifier: ^0.7.22
         version: 0.7.22(svelte@5.1.16)(typescript@5.6.3)
+      vite:
+        specifier: ^5.4.10
+        version: 5.4.10(@types/node@18.19.50)(sass@1.80.6)
     devDependencies:
       astro:
         specifier: workspace:*
@@ -5182,9 +5188,6 @@ importers:
       svelte:
         specifier: ^5.1.16
         version: 5.1.16
-      vite:
-        specifier: ^5.4.10
-        version: 5.4.10(@types/node@18.19.50)(sass@1.80.6)
 
   packages/integrations/tailwind:
     dependencies:
@@ -5233,6 +5236,9 @@ importers:
       '@vue/compiler-sfc':
         specifier: ^3.5.12
         version: 3.5.12
+      vite:
+        specifier: ^5.4.10
+        version: 5.4.10(@types/node@18.19.50)(sass@1.80.6)
       vite-plugin-vue-devtools:
         specifier: ^7.6.3
         version: 7.6.3(rollup@4.24.4)(vite@5.4.10(@types/node@18.19.50)(sass@1.80.6))(vue@3.5.12(typescript@5.6.3))
@@ -5249,9 +5255,6 @@ importers:
       linkedom:
         specifier: ^0.18.5
         version: 0.18.5
-      vite:
-        specifier: ^5.4.10
-        version: 5.4.10(@types/node@18.19.50)(sass@1.80.6)
       vue:
         specifier: ^3.5.12
         version: 3.5.12(typescript@5.6.3)