Node, gem, and package updates

Author: RISCfuture

.browserslistrc

@@ -3,9 +3,7 @@ module.exports = {
   env: {
     node: true
   },
-  plugins: [
-    'vuejs-accessibility'
-  ],
+  plugins: ['vuejs-accessibility'],
   extends: [
     '@vue/airbnb',
     '@vue/typescript/recommended',
@@ -23,26 +21,30 @@ module.exports = {
     '@typescript-eslint/no-loss-of-precision': 'off',
     '@typescript-eslint/no-non-null-assertion': 'off',
     'arrow-parens': ['error', 'as-needed'],
+    'class-methods-use-this': 'off',
     'comma-dangle': ['error', 'never'],
+    'dot-location': ['error', 'object'],
     'implicit-arrow-linebreak': 'off',
-    'import/no-import-module-exports': 'off',
+    'import/extensions': 'off',
     'import/no-named-default': 'off',
     'import/order': ['error', { groups: ['builtin', 'external', 'parent', 'sibling', 'index'] }],
     'max-classes-per-file': 'off',
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-plusplus': 'off',
+    'no-shadow': 'off',
+    'no-undef': 'off',
     'no-useless-constructor': 'off',
     'vue/script-indent': ['error', 2, { baseIndent: 1 }],
+    'vuejs-accessibility/label-has-for': ['error', { required: { some: ['nesting', 'id'] } }],
+    'vuejs-accessibility/no-static-element-interactions': 'off',
     semi: ['error', 'never']
   },
   overrides: [
     {
       files: ['*.vue'],
       rules: {
-        indent: 'off',
-        'class-methods-use-this': 'off',
-        'vuejs-accessibility/label-has-for': 'off' // doesn't work with `b-input`
+        indent: 'off'
       }
     },
     {
@@ -54,5 +56,10 @@ module.exports = {
         mocha: true
       }
     }
-  ]
+  ],
+  settings: {
+    'import/resolver': {
+      typescript: {}
+    }
+  }
 }

.eslintrc.js

@@ -14,33 +14,37 @@ jobs:
     name: Run Tests
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-        with:
-          submodules: true
-      - name: Set up Node.js
-        uses: actions/setup-node@v2
-        with:
-          node-version: 16.x
-          cache: "yarn"
-      - name: Install Dependencies
-        run: yarn install
-      - name: Unit Tests
-        run: yarn ci:unit
+    - uses: actions/checkout@v3
+      with:
+        submodules: true
+    - name: Set up Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version: 20.x
+        cache: "yarn"
+    - name: Enable Corepack
+      run: corepack enable
+    - name: Install dependencies
+      run: yarn install
+    - name: Unit Tests
+      run: yarn run ci:unit
   lint:
     name: Run Linters
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-        with:
-          submodules: true
-      - name: Set up Node.js
-        uses: actions/setup-node@v2
-        with:
-          node-version: 16.x
-          cache: "yarn"
-      - name: Install Dependencies
-        run: yarn install
-      - name: Run ESLint
-        run: npx vue-cli-service lint
-      - name: Run Stylelint
-        run: npx stylelint src/**/*.css src/**/*.vue
+    - uses: actions/checkout@v3
+      with:
+        submodules: true
+    - name: Set up Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version: 20.x
+        cache: "yarn"
+    - name: Enable Corepack
+      run: corepack enable
+    - name: Install dependencies
+      run: yarn install
+    - name: Run ESLint
+      run: yarn run vue-cli-service lint
+    - name: Run Stylelint
+      run: yarn run stylelint src/**/*.css src/**/*.vue

.github/workflows/node.js.yml

@@ -1,25 +1,5 @@
-.DS_Store
-node_modules
 /dist
+/docs
 
 /tests/e2e/videos/
 /tests/e2e/screenshots/
-
-# local env files
-.env.local
-.env.*.local
-
-# Log files
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-
-# Editor directories and files
-.idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?

.gitignore

@@ -1 +1 @@
-v16
+v20

.nvmrc

@@ -1,12 +1,11 @@
 {
   "extends": [
-    "stylelint-config-recommended-scss",
+    "stylelint-config-standard-scss",
     "stylelint-config-recommended-vue/scss"
   ],
-  "rules": {
-    "function-parentheses-space-inside": "never-single-line",
-    "max-nesting-depth": null,
-    "selector-max-id": null,
-    "selector-no-qualifying-type": null
+  "rules":   {
+    "max-nesting-depth":   null,
+    "selector-id-pattern": null,
+    "selector-max-id":     null
   }
 }

.stylelintrc.json

@@ -1,6 +1,3 @@
 nodeLinker: node-modules
-yarnPath: .yarn/releases/yarn-3.4.1.cjs
-packageExtensions:
-  "stylelint-config-recommended-vue@*":
-    dependencies:
-      stylelint-config-recommended: "^6"
+
+yarnPath: .yarn/releases/yarn-4.0.2.cjs

.yarn/releases/yarn-3.4.1.cjs

@@ -1,5 +1,3 @@
 module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
-  ]
+  presets: ['@vue/cli-plugin-babel/preset']
 }