feat(main): add application icon

README.md

@@ -1,4 +1,5 @@
 # MQTTX
+
 Cross-platform MQTT desktop client
 
 ## Project setup
@@ -8,32 +9,12 @@ yarn install
 
 ### Compiles and hot-reloads for development
 ```
-yarn run serve
+yarn run electron:serve
 ```
 
 ### Compiles and minifies for production
 ```
-yarn run build
-```
-
-### Run your tests
-```
-yarn run test
-```
-
-### Lints and fixes files
-```
-yarn run lint
-```
-
-### Run your end-to-end tests
-```
-yarn run test:e2e
-```
-
-### Run your unit tests
-```
-yarn run test:unit
+yarn run electron:build
 ```
 
 ### Customize configuration

package.json

@@ -1,12 +1,14 @@
 {
   "name": "MQTTX",
+  "author": "emqx",
   "version": "1.0.0",
   "license": "Apache",
+  "description": "MQTT desktop client",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint",
-    "electron:build": "vue-cli-service electron:build",
+    "electron:build": "vue-cli-service electron:build --platform=all",
     "electron:serve": "vue-cli-service electron:serve",
     "postinstall": "electron-builder install-app-deps",
     "postuninstall": "electron-builder install-app-deps",

src/background.ts

@@ -27,12 +27,19 @@ interface WindowSizeModel {
   height: number,
 }
 
+declare const __static: string
+
 function createWindow() {
   const windowSize = db.get<WindowSizeModel>('windowSize')
   // Create the browser window.
-  win = new BrowserWindow({ ...windowSize, webPreferences: {
-    nodeIntegration: true,
-  } })
+  win = new BrowserWindow({
+    ...windowSize,
+    webPreferences: {
+      webSecurity: false,
+      nodeIntegration: true,
+    },
+    icon: `${__static}/app.ico`,
+  })
 
   if (process.env.WEBPACK_DEV_SERVER_URL) {
     // Load the url of the dev server if in development mode

vue.config.js

@@ -0,0 +1,17 @@
+module.exports = {
+  pluginOptions: {
+    electronBuilder: {
+      builderOptions: {
+        win: {
+          icon: './public/app.ico'
+        },
+        mac: {
+          icon: './public/app.png'
+        },
+        linux: {
+          icon: './public/app.png'
+        }
+      }
+    }
+  }
+}