⬆️ Upgrade node 18 (#418)

* ⬆️ Upgrade node 18

* ⬆️ Upgrade vue2-jest

* 📌 Pin nuxt to 2.17.1

.github/workflows/ci.yml

@@ -17,7 +17,7 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest]
-        node: [16]
+        node: [18]
 
     steps:
       - name: Checkout 🛎

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:16
+FROM node:18
 # for crawler chrome 
 RUN apt-get update && apt-get install -yq gconf-service libasound2 libatk1.0-0 libc6 libcairo2 libcups2 libdbus-1-3 libexpat1 libfontconfig1 libgcc1 libgconf-2-4 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk-3-0 libnspr4 libpango-1.0-0 libpangocairo-1.0-0 libstdc++6 libx11-6 libx11-xcb1 libxcb1 libxcomposite1 libxcursor1 libxdamage1 libxext6 libxfixes3 libxi6 libxrandr2 libxrender1 libxss1 libxtst6 ca-certificates fonts-liberation libnss3 libgbm-dev lsb-release xdg-utils wget
 WORKDIR /app

jest.config.js

@@ -13,7 +13,7 @@ module.exports = {
   transform: {
     "^.+\\.ts$": "ts-jest",
     '^.+\\.js$': 'babel-jest',
-    '.*\\.(vue)$': 'vue-jest',
+    '.*\\.(vue)$': '@vue/vue2-jest',
   },
   collectCoverage: true,
   collectCoverageFrom: [

nuxt.config.js

@@ -46,8 +46,8 @@ export default {
   },
   // Global CSS: https://go.nuxtjs.dev/config-css
   css: [
-    { src: '@likecoin/wallet-connector/dist/style.css', lang: 'css' },
-    { src: '~/assets/css/global.css', lang: 'css' },
+    '@likecoin/wallet-connector/dist/style.css',
+    '~/assets/css/global.css',
   ],
 
   render: {

package.json

@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "private": true,
   "engines": {
-    "node": ">=16"
+    "node": ">=18"
   },
   "scripts": {
     "dev": "IS_TESTNET=TRUE nuxt",
@@ -51,7 +51,7 @@
     "lodash.debounce": "^4.0.8",
     "mime-types": "^2.1.34",
     "multer": "^1.4.2",
-    "nuxt": "^2.15.7",
+    "nuxt": "2.17.1",
     "p5": "^1.4.0",
     "portal-vue": "2.1.7",
     "puppeteer": "^16.2.0",
@@ -60,7 +60,6 @@
     "puppeteer-extra-plugin-stealth": "^2.11.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "tailwindcss": "^2.2.16",
     "uuid": "^8.3.2",
     "vue-class-component": "^7.2.6",
     "vue-gtag": "^1.16.1",
@@ -69,21 +68,22 @@
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.14.7",
-    "@nuxt/types": "^2.15.7",
+    "@nuxt/types": "2.17.1",
     "@nuxt/typescript-build": "^2.1.0",
     "@nuxtjs/eslint-config-typescript": "^6.0.1",
     "@nuxtjs/eslint-module": "^3.0.2",
     "@nuxtjs/storybook": "^4.1.1",
     "@nuxtjs/stylelint-module": "^4.0.0",
-    "@nuxtjs/tailwindcss": "^4.2.0",
+    "@nuxtjs/tailwindcss": "^5.3.5",
     "@types/lodash.chunk": "^4.2.6",
     "@types/lodash.debounce": "^4.0.6",
     "@types/mime-types": "^2.1.1",
     "@types/multer": "^1.4.7",
     "@types/p5": "^1.3.0",
     "@types/uuid": "^8.3.1",
     "@vue/test-utils": "^1.2.1",
-    "babel-core": "7.0.0-bridge.0",
+    "@vue/vue2-jest": "^27.0.0",
+    "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^27.0.5",
     "eslint": "^7.2.0",
     "eslint-config-airbnb-base": "14.2.1",
@@ -99,7 +99,6 @@
     "stylelint-config-standard": "^22.0.0",
     "ts-jest": "^27.0.3",
     "ts-node": "^10.1.0",
-    "vue-jest": "^3.0.4",
     "vuex-module-decorators": "^1.0.1"
   }
 }

tailwind.config.js

@@ -1,4 +1,5 @@
 const aspectRatio = require('@tailwindcss/aspect-ratio')
+// eslint-disable-next-line import/no-extraneous-dependencies
 const plugin = require('tailwindcss/plugin')
 
 module.exports = {