Vue 3, Vite, Vitest

Author: RISCfuture

.browserslistrc

@@ -0,0 +1,29 @@
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+
+module.exports = {
+  root: true,
+  'extends': [
+    'plugin:vue/vue3-recommended',
+    'eslint:recommended',
+    '@vue/eslint-config-typescript',
+    '@vue/eslint-config-prettier/skip-formatting'
+  ],
+  rules: {
+    'vue/multi-word-component-names': 'off'
+  },
+  overrides: [
+    {
+      files: [
+        'cypress/e2e/**/*.{cy,spec}.{js,ts,jsx,tsx}',
+        'cypress/support/**/*.{js,ts,jsx,tsx}'
+      ],
+      'extends': [
+        'plugin:cypress/recommended'
+      ]
+    }
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest'
+  }
+}

.editorconfig

@@ -40,9 +40,8 @@ jobs:
     - uses: cypress-io/github-action@v6
       with:
         build: yarn build
-        start: yarn serve
+        start: npx vite preview --port 4173
         record: true
-        wait-on: http://localhost:8080
       env:
         CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
   lint:
@@ -62,6 +61,8 @@ jobs:
     - 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
+    - name: Type check
+      run: yarn type-check

.eslintrc.cjs

@@ -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

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

.github/workflows/deploy.yml

@@ -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"
+  ]
 }