升级到 vue3

.ncurc.js

@@ -1,7 +1,6 @@
 module.exports = {
   upgrade: true,
   reject: [
-    'vue-loader',
     'webpack-dev-server',
     'eslint',
     'electron',

.vscode/settings.json

@@ -7,13 +7,15 @@
     "@common/*": "${workspaceFolder}/src/common/*",
   },
   "i18n-ally.localesPaths": [
-    "src/renderer/lang"
+    "src/lang"
   ],
+  // "i18n-ally.fullReloadOnChanged": true,
+  "i18n-ally.keystyle": "nested",
   "i18n-ally.displayLanguage": "zh-cn",
   "i18n-ally.sourceLanguage": "zh-cn",
-  "i18n-ally.namespace": true,
-  "i18n-ally.translate.engines": ["google-cn", "google"],
-  "i18n-ally.pathMatcher": "{locale}/{namespaces}.json",
-  "i18n-ally.keystyle": "flat",
+  "i18n-ally.translate.engines": [
+    "google-cn",
+    "google"
+  ],
   "i18n-ally.sortKeys": true
 }

FAQ.md

@@ -250,6 +250,13 @@ Windows 7 未开启 Aero 效果时桌面歌词会有问题，详情看上面的
 - 以管理员权限打开`cmd`，输入`sfc /scannow`回车等待检查完成重启电脑
 - 若上面的方法**修复、重启**电脑后仍然不行，就自行百度弹出的**错误信息**看下别人是怎么解决的
 
+## MAC OS无法启动软件，提示 lx-music-desktop 已损坏
+
+这是因为软件没有签名，被系统阻止运行，<br>
+在终端里输入 `sudo xattr -rd com.apple.quarantine /Applications/lx-music-desktop.app`，然后输入你的电脑密码即可
+
+还可以参考：<https://blog.csdn.net/for641/article/details/104811538>
+
 ## 杀毒软件提示有病毒或恶意行为
 
 本人只能保证我写的代码不包含任何**恶意代码**、**收集用户信息**的行为，并且软件代码已开源，请自行查阅，软件安装包也是由CI拉取源代码构建，构建日志：[GitHub Actions](https://github.com/lyswhut/lx-music-desktop/actions)<br>

README.md

@@ -36,8 +36,8 @@
 
 所用技术栈：
 
-- Electron 15
-- Vue 2
+- Electron 13
+- Vue 3
 
 已支持的平台：
 

build-config/renderer-lyric/webpack.config.base.js

@@ -1,5 +1,5 @@
 const path = require('path')
-const VueLoaderPlugin = require('vue-loader/lib/plugin')
+const { VueLoaderPlugin } = require('vue-loader')
 const HTMLPlugin = require('html-webpack-plugin')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const CleanCSSPlugin = require('less-plugin-clean-css')
@@ -23,6 +23,7 @@ module.exports = {
   },
   resolve: {
     alias: {
+      '@': path.join(__dirname, '../../src'),
       '@main': path.join(__dirname, '../../src/main'),
       '@renderer': path.join(__dirname, '../../src/renderer'),
       '@lyric': path.join(__dirname, '../../src/renderer-lyric'),
@@ -126,7 +127,6 @@ module.exports = {
       template: path.join(__dirname, '../../src/renderer-lyric/index.pug'),
       isProd: process.env.NODE_ENV == 'production',
       browser: process.browser,
-      scriptLoading: 'blocking',
       __dirname,
     }),
     new VueLoaderPlugin(),

build-config/renderer-lyric/webpack.config.prod.js

@@ -9,7 +9,8 @@ const baseConfig = require('./webpack.config.base')
 
 const { dependencies } = require('../../package.json')
 
-let whiteListedModules = ['vue']
+// let whiteListedModules = ['vue']
+let whiteListedModules = ['vue', 'vue-router', 'vuex', 'vue-i18n']
 
 
 module.exports = merge(baseConfig, {

build-config/renderer/webpack.config.base.js

@@ -1,5 +1,5 @@
 const path = require('path')
-const VueLoaderPlugin = require('vue-loader/lib/plugin')
+const { VueLoaderPlugin } = require('vue-loader')
 const HTMLPlugin = require('html-webpack-plugin')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const CleanCSSPlugin = require('less-plugin-clean-css')
@@ -23,6 +23,7 @@ module.exports = {
   },
   resolve: {
     alias: {
+      '@': path.join(__dirname, '../../src'),
       '@main': path.join(__dirname, '../../src/main'),
       '@renderer': path.join(__dirname, '../../src/renderer'),
       '@lyric': path.join(__dirname, '../../src/renderer-lyric'),
@@ -123,10 +124,9 @@ module.exports = {
   plugins: [
     new HTMLPlugin({
       filename: 'index.html',
-      template: path.join(__dirname, '../../src/renderer/index.pug'),
+      template: path.join(__dirname, '../../src/renderer/index.html'),
       isProd: process.env.NODE_ENV == 'production',
       browser: process.browser,
-      scriptLoading: 'blocking',
       __dirname,
     }),
     new VueLoaderPlugin(),

build-config/renderer/webpack.config.prod.js

@@ -9,7 +9,7 @@ const baseConfig = require('./webpack.config.base')
 
 const { dependencies } = require('../../package.json')
 
-let whiteListedModules = ['vue']
+let whiteListedModules = ['vue', 'vue-router', 'vuex', 'vue-i18n']
 
 
 module.exports = merge(baseConfig, {
@@ -34,6 +34,7 @@ module.exports = merge(baseConfig, {
     }),
   ],
   optimization: {
+    minimize: false,
     minimizer: [
       new TerserPlugin(),
       new CssMinimizerPlugin(),