Upgrade to Vue 3

.eslintrc.js → .eslintrc.cjs

@@ -14,7 +14,7 @@ module.exports = {
     Use the recommended rule preset for `eslint-plugin-vue`.
     https://eslint.vuejs.org/rules/
     */
-    'plugin:vue/recommended',
+    'plugin:vue/vue3-recommended',
     /*
     Use as the last extension in order to override conflicting ESLint rules.
     https://github.com/prettier/eslint-plugin-prettier

.github/workflows/nodejs.yml

@@ -13,13 +13,13 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [20.x]
 
     steps:
-    - uses: actions/checkout@v2
+    - uses: actions/checkout@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
 
     - name: Cache
-      uses: actions/cache@v2
+      uses: actions/cache@0c45773b623bea8c8e75f6c82b208c3cf94ea4f9 # v4.0.2
       with:
         path: |
           ~/cache
@@ -31,9 +31,10 @@ jobs:
           ${{ runner.os }}-${{ hashFiles('package-lock.json') }}
 
     - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v2
+      uses: actions/setup-node@60edb5dd545a775178f52524783378180af0d1f8 # v4.0.2
       with:
         node-version: ${{ matrix.node-version }}
+
     - name: npm install, test, and build
       run: |
         npm install

.github/workflows/pull_request.yml

@@ -10,13 +10,13 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [20.x]
 
     steps:
-    - uses: actions/checkout@v2
+    - uses: actions/checkout@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
 
     - name: Cache
-      uses: actions/cache@v2
+      uses: actions/cache@0c45773b623bea8c8e75f6c82b208c3cf94ea4f9 # v4.0.2
       with:
         path: |
           ~/cache
@@ -28,7 +28,7 @@ jobs:
           ${{ runner.os }}-${{ hashFiles('package-lock.json') }}
 
     - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v2
+      uses: actions/setup-node@60edb5dd545a775178f52524783378180af0d1f8 # v4.0.2
       with:
         node-version: ${{ matrix.node-version }}
     - name: npm install, test, and build

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:16-alpine@sha256:fcb03294d3c0695cf9762dec94c0366f08e7a8c6a3c1e062d38c80ac30684d8a
+FROM node:20-alpine@sha256:928b24aaadbd47c1a7722c563b471195ce54788bf8230ce807e1dd500aec0549
 
 WORKDIR /usr/src/app/
 COPY ./docs ./docs

jest.config.js → jest.config.cjs

@@ -1,16 +1,26 @@
 module.exports = {
   testEnvironment: 'jsdom',
+  testEnvironmentOptions: {
+    url: 'http://localhost/',
+    customExportConditions: ['node', 'node-addons'],
+  },
   rootDir: './',
   moduleDirectories: ['node_modules', 'src'],
   moduleFileExtensions: ['js', 'vue'],
   transform: {
     '^.+\\.(ts|tsx|js|jsx)$': 'babel-jest',
-    '^.+\\.vue$': '@vue/vue2-jest',
+    '^.+\\.vue$': '@vue/vue3-jest',
   },
   transformIgnorePatterns: ['node_modules/(?!axios)'],
   moduleNameMapper: {
     '^@/(.*)$': '<rootDir>/src/$1',
   },
   setupFiles: ['<rootDir>/setup_file.js'],
-  testURL: 'http://localhost/',
+  globals: {
+    'vue-jest': {
+      compilerOptions: {
+        comments: false,
+      },
+    },
+  },
 };