chore(sfc-playground): dynamically set Vue version in downloaded project (#13074)

Author: jh-leong

packages-private/sfc-playground/src/download/download.ts

@@ -17,7 +17,10 @@ export async function downloadProject(store: ReplStore) {
 
   // basic structure
   zip.file('index.html', index)
-  zip.file('package.json', pkg)
+  zip.file(
+    'package.json',
+    pkg.replace(`"vue": "latest"`, `"vue": "${store.vueVersion || 'latest'}"`),
+  )
   zip.file('vite.config.js', config)
   zip.file('README.md', readme)
 

packages-private/sfc-playground/src/download/template/package.json

@@ -8,7 +8,7 @@
     "serve": "vite preview"
   },
   "dependencies": {
-    "vue": "^3.4.0"
+    "vue": "latest"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.2",