Vue 3, Vite, Vitest, Node v24

Author: RISCfuture

.browserslistrc

@@ -23,7 +23,7 @@ jobs:
       uses: actions/setup-node@v4
       with:
         cache: yarn
-        node-version: 20.x
+        node-version-file: .nvmrc
     - name: Install dependencies
       run: yarn install
     - name: Run unit tests
@@ -37,12 +37,17 @@ jobs:
         submodules: true
     - name: Enable Corepack
       run: corepack enable
-    - uses: cypress-io/github-action@v6
+    - name: Set up Node.js
+      uses: actions/setup-node@v4
       with:
-        build: yarn build
-        start: yarn serve
-        record: true
-        wait-on: http://localhost:8080
+        cache: yarn
+        node-version-file: .nvmrc
+    - name: Install dependencies
+      run: yarn install
+    - name: Build project
+      run: yarn build
+    - name: Run E2E tests
+      run: yarn test:e2e
       env:
         CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
   lint:
@@ -58,10 +63,12 @@ jobs:
       uses: actions/setup-node@v4
       with:
         cache: yarn
-        node-version: 20.x
+        node-version-file: .nvmrc
     - name: Install dependencies
       run: yarn install
     - name: Run ESLint
-      run: npx vue-cli-service lint
+      run: yarn lint
     - name: Run Stylelint
-      run: npx stylelint src/**/*.css src/**/*.vue src/**/*.scss
+      run: yarn stylelint
+    - name: Type check
+      run: yarn type-check

.editorconfig

@@ -38,7 +38,7 @@ jobs:
       uses: actions/setup-node@v4
       with:
         cache: yarn
-        node-version: 20.x
+        node-version-file: .nvmrc
     - name: Install dependencies
       run: yarn install
     - name: Build
@@ -47,14 +47,7 @@ jobs:
       uses: actions/upload-pages-artifact@v3
       with:
         path: "dist/"
-    - name: Notify Bugsnag
-      uses: psprings/bugsnag-release-action@v0.0.3
-      with:
-        apiKey: ${{ secrets.BUGSNAG_API_KEY }}
-        appVersion: ${{ github.sha }}
-        releaseStage: production
 
-  # Deployment job
   deploy:
     environment:
       name: github-pages
@@ -65,3 +58,9 @@ jobs:
     - name: Deploy to GitHub Pages
       id: deployment
       uses: actions/deploy-pages@v4
+    - name: Notify Bugsnag
+      uses: psprings/bugsnag-release-action@v0.0.3
+      with:
+        apiKey: ${{ secrets.BUGSNAG_API_KEY }}
+        appVersion: ${{ github.sha }}
+        releaseStage: production

.eslintrc.js

@@ -1,8 +1,34 @@
-/dist
-/docs
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
 
-/tests/e2e/videos/
-/tests/e2e/screenshots/
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+/cypress/downloads/downloads.html
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.tsbuildinfo
 
 # Yarn
 .pnp.*

.github/workflows/ci.yml

@@ -1 +1 @@
-v20
+v24

.github/workflows/deploy.yml

@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": false,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "printWidth": 100,
+  "trailingComma": "none"
+}

.gitignore

@@ -1,10 +1,7 @@
 {
   "extends": [
     "stylelint-config-standard-scss",
-    "stylelint-config-recommended-vue/scss"
-  ],
-  "rules":   {
-    "max-nesting-depth":                 null,
-    "selector-max-id":                   null
-  }
+    "stylelint-config-recommended-vue/scss",
+    "stylelint-config-recess-order"
+  ]
 }