feat: add vue2 pages

.github/workflows/deploy.yml

@@ -42,19 +42,19 @@ jobs:
         with:
           version: 8
 
-      - name: Run scripts 
+      - name: Run scripts
         run: |
           pnpm i @antfu/ni -g
           ni
           nr build:preview
           nr i
-          nr -C=playgrounds/vue3 build
+          nr build:deploy
 
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v1
         with:
           # Upload dist repository
-          path: ./playgrounds/vue3/dist
+          path: ./dist
 
       - name: Deploy to GitHub Pages
         id: deployment

package.json

@@ -33,11 +33,12 @@
   "scripts": {
     "dev3": "nr -C=playgrounds/vue3 dev & nr u --watch",
     "dev2": "nr -C=playgrounds/vue2.7 dev",
-    "preview:dev3": "nr build && nr inject:pkg && ni -C=playgrounds/vue3 --force && nr -C=playgrounds/vue3 build && nr -C=playgrounds/vue3 preview",
-    "preview:dev2": "nr build && nr inject:pkg && ni -C=playgrounds/vue2.7 --force && nr -C=playgrounds/vue2.7 build && nr -C=playgrounds/vue2.7 preview",
+    "preview:dev3": "nr build:preview && ni -C=playgrounds/vue3 --force && nr -C=playgrounds/vue3 build && nr -C=playgrounds/vue3 preview",
+    "preview:dev2": "nr build:preview && ni -C=playgrounds/vue2.7 --force && nr -C=playgrounds/vue2.7 build && nr -C=playgrounds/vue2.7 preview",
     "u": "unocss src/index.ts -o=dist/index.css",
     "i": "ni -C=playgrounds/vue3 & ni -C=playgrounds/vue2.7",
     "r": "lvr --pkg --main-pkg --no-push",
+    "build:deploy": "node ./scripts/buildDeploy.mjs",
     "build:preview": "nr build && nr inject:pkg",
     "build": "unbuild && nr u && nr inject:css",
     "inject:css": "node ./scripts/injectCSS.mjs",
@@ -64,9 +65,10 @@
     "@unocss/cli": "^0.52.4",
     "@vue/tsconfig": "^0.4.0",
     "eslint": "^8.41.0",
+    "execa": "^7.1.1",
     "unbuild": "^1.2.1",
     "unocss": "^0.52.4",
     "unocss-transformer-attribute-values-group": "^0.2.2",
     "vue": "^3.3.4"
   }
-}
+}

scripts/buildDeploy.mjs

@@ -0,0 +1,10 @@
+import { $ } from 'execa'
+import fsp from 'node:fs/promises'
+
+await Promise.all([
+  $`nr -C=playgrounds/vue3 build`,
+  $`nr -C=playgrounds/vue2.7 build`,
+])
+
+await fsp.cp('./playgrounds/vue3/dist', './dist', { recursive: true })
+await fsp.cp('./playgrounds/vue2.7/dist', './dist/vue2', { recursive: true })