nothing

electron.js

@@ -0,0 +1,42 @@
+// Modules to control application life and create native browser window
+const {app, BrowserWindow} = require('electron')
+const path = require('path')
+
+function createWindow () {
+  // Create the browser window.
+  const mainWindow = new BrowserWindow({
+    width: 800,
+    height: 600,
+    webPreferences: {
+      preload: path.join(__dirname, 'preload.js')
+    }
+  })
+
+  // and load the index.html of the app.
+  mainWindow.loadFile('../dist/index.html')
+
+  // Open the DevTools.
+  // mainWindow.webContents.openDevTools()
+}
+
+// This method will be called when Electron has finished
+// initialization and is ready to create browser windows.
+// Some APIs can only be used after this event occurs.
+app.whenReady().then(() => {
+  createWindow()
+
+  app.on('activate', function () {
+    // On macOS it's common to re-create a window in the app when the
+    // dock icon is clicked and there are no other windows open.
+    if (BrowserWindow.getAllWindows().length === 0) createWindow()
+  })
+})
+// Quit when all windows are closed, except on macOS. There, it's common
+// for applications and their menu bar to stay active until the user quits
+// explicitly with Cmd + Q.
+app.on('window-all-closed', function () {
+  if (process.platform !== 'darwin') app.quit()
+})
+
+// In this file you can include the rest of your app's specific main process
+// code. You can also put them in separate files and require them here.

package.json

@@ -2,15 +2,19 @@
   "name": "hdusystem",
   "version": "0.0.0",
   "private": true,
+  "main": "main.js",
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check build-only",
     "preview": "vite preview",
     "build-only": "vite build",
-    "type-check": "vue-tsc --noEmit -p tsconfig.app.json --composite false"
+    "type-check": "vue-tsc --noEmit -p tsconfig.app.json --composite false",
+    "start": "electron .",
+    "build:electron": "npm run build && electron build/electron.js"
   },
   "dependencies": {
     "@kangc/v-md-editor": "^2.3.16",
+    "electron": "^26.2.1",
     "element-plus": "^2.3.8",
     "less": "^4.1.3",
     "less-loader": "^11.1.3",

plugins/useFetch/index.ts

@@ -0,0 +1,16 @@
+import { ref, toRefs } from 'vue';
+
+export async function useFetch(url: string) {
+    const res = await fetch('https://dummyjson.com/products');
+    const json = await res.json();
+
+    const data = ref(null);
+    const error = ref(null);
+
+    fetch(url)
+        .then(res => res.json())
+        .then(json => (data.value = json))
+        .then(err => (error.value = err));
+
+    return json.value;
+}