chore: improve the front-end infrastructure (#14)

.github/workflows/workflow.yaml

@@ -23,12 +23,12 @@ jobs:
  - name: Set up Node.js
  uses: actions/setup-node@v3
  with:
- node-version: 16
+ node-version: 18
  - uses: pnpm/[email protected]
  name: Install pnpm
  id: pnpm-install
  with:
- version: 7
+ version: 8
  run_install: false
  - name: Get pnpm store directory
  id: pnpm-cache

build.gradle

@@ -1,6 +1,6 @@
 plugins {
  id 'java'
- id "com.github.node-gradle.node" version "3.3.0"
+ id "com.github.node-gradle.node" version "5.0.0"
  id "io.freefair.lombok" version "8.0.1"
  id "run.halo.plugin.devtools" version "0.0.4"
 }
@@ -31,18 +31,11 @@ node {
  nodeProjectDir = file("${project.projectDir}/console")
 }
 
-task buildFrontend(type: NpxTask) {
- command = 'pnpm'
+task buildFrontend(type: PnpmTask) {
  args = ['build']
 }
 
-task pnpmInstall(type: NpxTask) {
- command = "pnpm"
- args = ["install"]
-}
-
 build {
  // build frontend before build
  tasks.getByName('compileJava').dependsOn('buildFrontend')
- tasks.getByName("buildFrontend").dependsOn("pnpmInstall")
 }

console/.eslintrc.cjs

@@ -4,7 +4,7 @@ require("@rushstack/eslint-patch/modern-module-resolution");
 module.exports = {
  root: true,
  extends: [
- "plugin:vue/vue3-essential",
+ "plugin:vue/vue3-recommended",
  "eslint:recommended",
  "@vue/eslint-config-typescript/recommended",
  "@vue/eslint-config-prettier",

console/package.json

@@ -3,41 +3,41 @@
  "version": "1.0.0",
  "private": true,
  "scripts": {
- "dev": "vite build --watch",
+ "dev": "vite build --watch --mode=development",
  "build": "vite build",
  "preview": "vite preview --port 4173",
  "test:unit": "vitest --environment jsdom",
  "type-check": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
  "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
  },
  "dependencies": {
- "@halo-dev/components": "^1.0.0",
- "@halo-dev/console-shared": "^2.0.0",
+ "@halo-dev/components": "^1.5.0",
+ "@halo-dev/console-shared": "^2.6.0",
  "canvas-confetti": "^1.6.0",
- "vue": "^3.2.41"
+ "vue": "^3.3.4"
  },
  "devDependencies": {
- "@iconify/json": "^2.2.18",
- "@rushstack/eslint-patch": "^1.2.0",
+ "@iconify/json": "^2.2.76",
+ "@rushstack/eslint-patch": "^1.3.1",
  "@types/canvas-confetti": "^1.6.0",
- "@types/jsdom": "^20.0.0",
- "@types/node": "^16.18.0",
- "@vitejs/plugin-vue": "^3.1.2",
- "@vitejs/plugin-vue-jsx": "^2.0.1",
- "@vue/eslint-config-prettier": "^7.0.0",
- "@vue/eslint-config-typescript": "^11.0.2",
- "@vue/test-utils": "^2.2.0",
+ "@types/jsdom": "^20.0.1",
+ "@types/node": "^16.18.35",
+ "@vitejs/plugin-vue": "^3.2.0",
+ "@vitejs/plugin-vue-jsx": "^2.1.1",
+ "@vue/eslint-config-prettier": "^7.1.0",
+ "@vue/eslint-config-typescript": "^11.0.3",
+ "@vue/test-utils": "^2.3.2",
  "@vue/tsconfig": "^0.1.3",
- "eslint": "^8.26.0",
- "eslint-plugin-vue": "^9.6.0",
+ "eslint": "^8.42.0",
+ "eslint-plugin-vue": "^9.14.1",
  "jsdom": "^19.0.0",
  "npm-run-all": "^4.1.5",
- "prettier": "^2.7.1",
- "sass": "^1.58.0",
+ "prettier": "^2.8.8",
+ "sass": "^1.63.3",
  "typescript": "~4.7.4",
- "unplugin-icons": "^0.15.2",
- "vite": "^3.1.8",
- "vitest": "^0.24.3",
- "vue-tsc": "^1.0.9"
+ "unplugin-icons": "^0.15.3",
+ "vite": "^3.2.7",
+ "vitest": "^0.24.5",
+ "vue-tsc": "^1.6.5"
  }
 }