fix: web containers deps install

Author: antfu

nuxt.config.ts

@@ -30,9 +30,11 @@ export default defineNuxtConfig({
       ],
     },
   },
+
   site: {
     url: 'https://learn.nuxt.com',
   },
+
   colorMode: {
     classSuffix: '',
   },

package.json

@@ -9,7 +9,7 @@
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "typecheck": "nuxt typecheck",
-    "prepare": "nuxt prepare && pnpm -C ./templates/basic install && pnpm -C ./templates/basic prepare",
+    "prepare": "nuxt prepare",
     "lint": "eslint .",
     "format": "eslint . --fix"
   },

pnpm-lock.yaml

@@ -1,11 +1,13 @@
 packages: []
+
 patchedDependencies:
   splitpanes@3.1.5: patches/splitpanes@3.1.5.patch
+
 catalogs:
   dev:
     '@antfu/eslint-config': ^5.3.0
     '@intlify/eslint-plugin-vue-i18n': ^4.1.0
-    '@unocss/eslint-plugin': ^66.5.1
+    '@unocss/eslint-plugin': ~66.4
     eslint: ^9.35.0
     eslint-plugin-format: ^1.0.1
     execa: ^9.6.0
@@ -52,8 +54,8 @@ catalogs:
     '@nuxtjs/i18n': ^10.1.0
     '@nuxtjs/seo': ^3.1.0
     '@pinia/nuxt': ^0.11.2
-    '@unocss/extractor-mdc': ^66.5.1
-    '@unocss/nuxt': ^66.5.1
+    '@unocss/extractor-mdc': ~66.4
+    '@unocss/nuxt': ~66.4
     '@vueuse/nuxt': ^13.9.0
     nuxi: ^3.28.0
     nuxt: ^4.1.1

pnpm-workspace.yaml

@@ -0,0 +1,4 @@
+Notes for developers:
+
+1. In the template, I have to use `pnpm@8.15.6` because WebContainers' pnpm version is locked. We can upgrade when WebContainers' pnpm version is upgraded.
+2. We have to use Nuxt 3.15.4 because [since v3.16 Nuxt introduced `oxc-parser`](https://github.com/nuxt/nuxt/pull/30066) which is very unstable on WebContainers yet.

templates/README.md

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+auto-install-peers=false

templates/basic/.npmrc

@@ -1,18 +1,13 @@
 {
   "private": true,
-  "packageManager": "pnpm@10.15.1",
+  "packageManager": "pnpm@8.15.6",
   "scripts": {
     "dev": "nuxt dev",
     "prepare": "nuxt prepare"
   },
   "devDependencies": {
-    "nuxt": "latest",
+    "nuxt": "~3.15.4",
     "typescript": "latest",
     "vue": "latest"
-  },
-  "pnpm": {
-    "neverBuiltDependencies": [
-      "@parcel/watcher"
-    ]
   }
 }