update the vite version to v4.x fix some issue of layout enhance the theme

update log

Features

optimize the login permission and code

remove next() hook for permission.js file

promote the first into page speed in 'dev env'

optimize the layout code

optimize eslint and typescript config according by element-plus

optimize the i18n func

optimize the theme func

Dependencies Update

"eslint": "8.18.0",
"eslint-config-prettier": "8.5.0",
"eslint-define-config": "1.5.1",
"eslint-plugin-eslint-comments": "3.2.0",
"eslint-plugin-import": "2.26.0",
"eslint-plugin-jsonc": "^2.3.0",
"eslint-plugin-markdown": "^3.0.0",
"eslint-plugin-prettier": "4.1.0",
"eslint-plugin-unicorn": "^43.0.2",
"eslint-plugin-vue": "9.1.1",
"husky": "7.0.2",
"jsdom": "16.4.0",
"jsonc-eslint-parser": "^2.1.0"

v2.0.0 is faster, simpler and better

1. optimize the login permission and code

2. remove next() hook for permission.js file

3. promote the first into page speed in 'dev env'

4. optimize the layout code

5. optimize eslint and typescript config according by element-plus

update log

Features

remove jest install of vitest

add theme of china red

change some ts config in "tsconfig.json"

Bug fixes

fix jzfai#65

Dependencies Update

remove:

    "jest": "<27",
    "ts-jest": "<27",
    "tslib": "^2.4.0",
    "vue-jest": "^5.0.0-alpha.10",
    "@babel/preset-env": "^7.17.10",
    "@types/jest": "<27",
    "@vue/test-utils": "^2.0.0-rc.18",
    "babel-jest": "<27",
    "jest-serializer-vue": "^2.0.2",
    "jest-transform-stub": "^2.0.0",
    "@babel/preset-typescript": "7.16.7",
    "ts-node": "10.7.0"

add

  "devDependencies": {
    "@vitest/coverage-c8": "^0.22.1",
    "@vitest/ui": "^0.22.1",
    "vitest": "^0.22.1",
    "@vue/test-utils": "^2.0.2",
    "resize-observer-polyfill": "^1.5.1",
    "jsdom": "16.4.0"
   }  
  "scripts": {
    "vitest": "vitest --ui",
    "coverage": "vitest run --coverage"
  },

update log

v1.9.1

Features

import mkcert you can using https in localhost

import unocss help for you using css

remove vite-plugin-vue-setup-extend-plus install of unplugin-vue-define-options

Improve first render speed in development environment

Adapt to [email protected]

pr Tinymce 6.10

pr feat:ScreenLock

Bug fixes

fix the peerDependencies warning when installing

Dependencies Update

"vite-plugin-mkcert": "^1.7.2",
"unplugin-vue-define-options": "^0.6.1",
"unocss": "^0.33.5"

update log

v1.8.1

Features

添加了主题色功能（add Theme function）体验一下

添加两个登录页选择（add two login page style for you chooise）

完善 .gitignore 过滤配置

add dragPane example

import excel example

重构了部分layout页面，css变量改成var()方式引入

Dependencies Update

"pinia": "^2.0.16",
"vite": "^3.0.0",
"element-plus": "^2.2.9",

如有需要请进行依赖替换升级

update log

v1.6.1

Features

添加表格排序使用例子（sortablejs） 体验一下

锁定pnpm版本 "packageManager": "[email protected]"

"packageManager": "[email protected]",
"scripts": {
"preinstall": "npx only-allow pnpm"
}

锁定node版本 14到18

"engines": {
"node": ">= 14<18"
}

替换访问链接为https 体验一下

Bug fixes

修复侧边栏当路径有参数时无法选中问题（fullPath改成path）

Dependencies Update

"vue": "3.2.37",
"pinia": "2.0.14",
"vite": "2.9.12",
"@element-plus/icons-vue": "2.0.4",
 "element-plus": "2.2.5",
"js-error-collection": "^1.0.7",

如有需要请进行依赖替换升级

How to migrate Element Plus

See how to migrate from ElementUI to Element Plus in our dedicated discussion:

• For English: #5658
• 简体中文: #5657

update log

v1.5.5

Features

add the vue3+vite2 unit-test func

Bug fixes

• change the "vite-plugin-vue-setup-extend" plugin to "vite-plugin-vue-setup-extend-plus" and then fix the issue of debug
• remove the key prop of three level keep-alive container in order to fix the multi call the onMounted when the three level keep-alive
• fix .husky about pre-commit no breaking when the eslint has error

devDependencies of unit-test

 "jest": "<27",
 "ts-jest": "<27",
 "tslib": "^2.4.0",
 "vue-jest": "^5.0.0-alpha.10",
 "@babel/preset-env": "^7.17.10",
 "@types/jest": "<27",
 "@vue/test-utils": "^2.0.0-rc.18",
 "babel-jest": "<27",
 "jest-serializer-vue": "2.0.2",
 "jest-transform-stub": "2.0.0"

How to migrate Element Plus

See how to migrate from ElementUI to Element Plus in our dedicated discussion:

• For English: #5658
• 简体中文: #5657

update log

v1.5.0

Features

**update the vuex4 to vuex5(pinia2.x) **

Bug fixes

• fix the error of errorLog.vue http://8.135.1.141/vue3-admin-plus/#/error-log/list

devDependencies

//update
"vite": "2.9.1",
"element-plus": "2.1.7",

How to migrate

See how to migrate from ElementUI to Element Plus in our dedicated discussion:

• For English: #5658
• 简体中文: #5657

update log

v1.4.5

Features

**add the demo of worker **

Bug fixes

• fix the error of errorLog.vue http://8.135.1.141/vue3-admin-plus/#/error-log/list

devDependencies

//update
"vite": "~2.8.6",
"element-plus": "~2.1.4",

How to migrate

See how to migrate from ElementUI to Element Plus in our dedicated discussion:

• For English: #5658
• 简体中文: #5657

update log

v1.4.3

Features

**add the sub menu scss var config **

Bug fixes

• fix the error of errorLog.vue http://8.135.1.141/vue3-admin-plus/#/error-log/list

devDependencies

//update
"vite": "~2.8.6",
"element-plus": "~2.0.5",

How to migrate

See how to migrate from ElementUI to Element Plus in our dedicated discussion:

• For English: #5658
• 简体中文: #5657

update log

v1.4.1

Features

**add three level router keep-alive **

add element-plus svg icon use component , register it to global

Bug fixes

• fix the error of errorLog.vue http://8.135.1.141/vue3-admin-plus/#/error-log/list

devDependencies

//update
"vite": "2.8.4",
"element-plus": "^2.0.2",
"vue": "3.2.31",

How to migrate

See how to migrate from ElementUI to Element Plus in our dedicated discussion:

• For English: #5658
• 简体中文: #5657

update log

v1.4.0

Features

update element-plus version to 2.0.1 release version

remove the mixin instance of hooks and proxy key using

import the "unplugin-auto-import unplugin-vue-components" plugin to auto import the "Dependencies" such as "vue"

Bug fixes

• fix the error of errorLog.vue http://8.135.1.141/vue3-admin-plus/#/error-log/list

devDependencies

//update
"vite": "2.7.13",
"element-plus": "2.0.1",
"vue": "3.2.29",

 //add
 "unplugin-auto-import": "0.5.11",
 "unplugin-vue-components": "0.17.14",
 "vite-plugin-vue-setup-extend": "0.4.0",

How to migrate

See how to migrate from ElementUI to Element Plus in our dedicated discussion:

• For English: #5658
• 简体中文: #5657

sync to plus

v1.3.1

Features

• vite.config.js

       /*
       * "/vue3-admin-plus" nginx deploy folder
       * detail to look https://vitejs.cn/config/#base
       * */
      base: `/${packageJson.name}/`,
     //add assetsDir rollupOptions config   
     build: {
        minify: 'terser',
        brotliSize: false,
        chunkSizeWarningLimit: 2000,
        //remote console.log in prod
        terserOptions: {
          compress: {
            drop_console: true,
            drop_debugger: true
          }
        },
        //build assets Separate
        assetsDir: 'static/assets',
        rollupOptions: {
          output: {
            chunkFileNames: 'static/js/[name]-[hash].js',
            entryFileNames: 'static/js/[name]-[hash].js',
            assetFileNames: 'static/[ext]/[name]-[hash].[ext]'
          }
        }
      }, 
  

  . add vscode recommend config -> .vscode folder

  . add image upload and Add watermark demo, you can look for

Bug fixes

• fix https://github.com/jzfai/vue3-admin-plus/issues/16

Refactors

• remove vite.config.js extensions , Adapted to vite 2.4.1, so you need add .vue extension when import file, why remove it you can look for https://github.com/vitejs/vite/issues/6026

     resolve: {
        alias: {
          '~': resolve(__dirname, './'),
          '@': resolve(__dirname, 'src')
        }
        //remove it 
        //extensions: ['.js', '.ts', '.jsx', '.tsx', '.json', '.vue', '.mjs']
      },
  

• in hooks Folder , rename the file name start with use.. , Adapted to hook writing specification

  ├── hooks                       
  │   ├── useErrorLog.js
  

│   ├── useTablePage.js │   ├── useTest.js

version update

```json
vue 3.2.25
vite 2.4.1
element-plus 1.2.0-beta.6

//11-26 update vue3 version and so on; add keep-alive use demo and router using demo ，look for "http://8.135.1.141/vue3-admin-template/#/writing-demo/keep-alive" add the param cachePage and leaveRmCachePage to route for keep-alive,look for https://github.com/jzfai/vue3-admin-template/blob/master/src/router/index.js add collection the error log of img loading fail,look for "http://8.135.1.141/vue3-admin-template/#/error-log/log" in router page you need add root element,such as div, but is not necessary for children component fix some issue

//11-11 update element-plus vite2 vue3 version ,add func of element-svg icon for side menu add domo of 'import export download template' in CRUD

fix some issue and update vue vite elemnet-plus version

add error log collection

add keep-alive transition and fix some issue

add multi function can view http://8.135.1.141/vue3-admin-template add prod mock