chore: updates

.eslintrc.cjs

@@ -20,6 +20,10 @@ module.exports = {
         'vue/match-component-file-name': 'off',
       },
     },
+    {
+      files: ['**/e2e/**/*.cy.ts', '**/e2e/cypress/**/*.ts'],
+      extends: 'plugin:cypress/recommended',
+    },
     {
       files: ['**/tests/**/*.ts'],
       rules: {
@@ -28,9 +32,5 @@ module.exports = {
         'vue/one-component-per-file': 'off',
       },
     },
-    {
-      files: ['**/e2e/**/*.cy.ts', '**/e2e/cypress/**/*.ts'],
-      extends: 'plugin:cypress/recommended',
-    },
   ],
 }

.github/workflows/e2e.yml

@@ -0,0 +1,82 @@
+name: e2e
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+  workflow_dispatch:
+
+jobs:
+  e2e:
+    strategy:
+      fail-fast: false
+      matrix:
+        os: [ubuntu-latest, windows-latest, macos-latest]
+        node: ['18', '20']
+        base: ['/', '/e2e/']
+        bundler: ['vite', 'webpack']
+
+    runs-on: ${{ matrix.os }}
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+
+      - name: Use Node.js ${{ matrix.node }}
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node }}
+          cache: pnpm
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Get cypress cache path
+        working-directory: ./e2e
+        shell: bash
+        run: |
+          echo "CYPRESS_CACHE_PATH=$(pnpm cypress cache path)" >> $GITHUB_ENV
+
+      - name: Setup cypress cache
+        uses: actions/cache@v3
+        with:
+          path: ${{ env.CYPRESS_CACHE_PATH }}
+          key: cypress-${{ runner.os }}-node-${{ matrix.node }}-${{ hashFiles('pnpm-lock.yaml') }}
+          restore-keys: |
+            cypress-${{ runner.os }}-node-${{ matrix.node }}-
+            cypress-${{ runner.os }}-
+
+      - name: Install cypress binary
+        working-directory: ./e2e
+        run: pnpm cypress install
+
+      - name: Build source files
+        run: pnpm build
+
+      - name: E2E dev
+        working-directory: ./e2e
+        run: pnpm e2e:ci:dev
+        env:
+          E2E_BASE: ${{ matrix.base }}
+          E2E_BUNDLER: ${{ matrix.bundler }}
+
+      - name: E2E build
+        working-directory: ./e2e
+        run: pnpm e2e:ci:build
+        env:
+          E2E_BASE: ${{ matrix.base }}
+          E2E_BUNDLER: ${{ matrix.bundler }}
+
+  e2e-result:
+    if: ${{ always() }}
+    name: e2e result
+    runs-on: ubuntu-latest
+    needs: [e2e]
+    steps:
+      - if: ${{ contains(needs.*.result, 'failure') || contains(needs.*.result, 'cancelled') }}
+        run: exit 1

e2e/docs/.vuepress/config.ts

@@ -1,10 +1,12 @@
 import process from 'node:process'
 import { viteBundler } from '@vuepress/bundler-vite'
+import { webpackBundler } from '@vuepress/bundler-webpack'
 import { defineUserConfig } from '@vuepress/cli'
 import { defaultTheme } from '@vuepress/theme-default'
 import { path } from '@vuepress/utils'
 
 const E2E_BASE = (process.env.E2E_BASE ?? '/') as '/' | `/${string}/`
+const E2E_BUNDLER = process.env.E2E_BUNDLER ?? 'vite'
 
 export default defineUserConfig({
   base: E2E_BASE,
@@ -27,7 +29,14 @@ export default defineUserConfig({
     },
   },
 
-  bundler: viteBundler(),
+  markdown: {
+    assets: {
+      // TODO: enable this after 2.0.0-rc.1
+      // absolutePathPrependBase: E2E_BUNDLER === 'webpack',
+    },
+  },
+
+  bundler: E2E_BUNDLER === 'webpack' ? webpackBundler() : viteBundler(),
 
   theme: defaultTheme({
     logo: '/logo.png',

e2e/package.json

@@ -17,6 +17,7 @@
   },
   "dependencies": {
     "@vuepress/bundler-vite": "2.0.0-rc.0",
+    "@vuepress/bundler-webpack": "2.0.0-rc.0",
     "@vuepress/cli": "2.0.0-rc.0",
     "@vuepress/client": "2.0.0-rc.0",
     "@vuepress/theme-default": "workspace:*",