From 2e622c0989f6abe35e6d8bbd20d523a37e87d923 Mon Sep 17 00:00:00 2001
From: Remy Raes <contact@remyraes.com>
Date: Tue, 20 Sep 2022 23:32:20 +0200
Subject: build: add Vue app skeleton

---
 src-vue/.gitignore                    |   24 +
 src-vue/.vscode/extensions.json       |    3 +
 src-vue/README.md                     |   16 +
 src-vue/index.html                    |   13 +
 src-vue/package-lock.json             | 1471 +++++++++++++++++++++++++++++++++
 src-vue/package.json                  |   20 +
 src-vue/public/vite.svg               |    1 +
 src-vue/src/App.vue                   |   31 +
 src-vue/src/assets/vue.svg            |    1 +
 src-vue/src/components/HelloWorld.vue |   38 +
 src-vue/src/main.ts                   |    5 +
 src-vue/src/style.css                 |   81 ++
 src-vue/src/vite-env.d.ts             |    7 +
 src-vue/tsconfig.json                 |   18 +
 src-vue/tsconfig.node.json            |    9 +
 src-vue/vite.config.ts                |   25 +
 16 files changed, 1763 insertions(+)
 create mode 100644 src-vue/.gitignore
 create mode 100644 src-vue/.vscode/extensions.json
 create mode 100644 src-vue/README.md
 create mode 100644 src-vue/index.html
 create mode 100644 src-vue/package-lock.json
 create mode 100644 src-vue/package.json
 create mode 100644 src-vue/public/vite.svg
 create mode 100644 src-vue/src/App.vue
 create mode 100644 src-vue/src/assets/vue.svg
 create mode 100644 src-vue/src/components/HelloWorld.vue
 create mode 100644 src-vue/src/main.ts
 create mode 100644 src-vue/src/style.css
 create mode 100644 src-vue/src/vite-env.d.ts
 create mode 100644 src-vue/tsconfig.json
 create mode 100644 src-vue/tsconfig.node.json
 create mode 100644 src-vue/vite.config.ts

(limited to 'src-vue')

diff --git a/src-vue/.gitignore b/src-vue/.gitignore
new file mode 100644
index 00000000..a547bf36
--- /dev/null
+++ b/src-vue/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/src-vue/.vscode/extensions.json b/src-vue/.vscode/extensions.json
new file mode 100644
index 00000000..a7cea0b0
--- /dev/null
+++ b/src-vue/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}
diff --git a/src-vue/README.md b/src-vue/README.md
new file mode 100644
index 00000000..30b15e21
--- /dev/null
+++ b/src-vue/README.md
@@ -0,0 +1,16 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
+
+## Type Support For `.vue` Imports in TS
+
+Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's Take Over mode by following these steps:
+
+1. Run `Extensions: Show Built-in Extensions` from VS Code's command palette, look for `TypeScript and JavaScript Language Features`, then right click and select `Disable (Workspace)`. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
+2. Reload the VS Code window by running `Developer: Reload Window` from the command palette.
+
+You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).
diff --git a/src-vue/index.html b/src-vue/index.html
new file mode 100644
index 00000000..143557b5
--- /dev/null
+++ b/src-vue/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + Vue + TS</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/src-vue/package-lock.json b/src-vue/package-lock.json
new file mode 100644
index 00000000..06cfece3
--- /dev/null
+++ b/src-vue/package-lock.json
@@ -0,0 +1,1471 @@
+{
+  "name": "src-vue",
+  "version": "0.0.0",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "src-vue",
+      "version": "0.0.0",
+      "dependencies": {
+        "vue": "^3.2.37"
+      },
+      "devDependencies": {
+        "@vitejs/plugin-vue": "^3.1.0",
+        "typescript": "^4.6.4",
+        "vite": "^3.1.0",
+        "vue-tsc": "^0.40.4"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.19.1",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.19.1.tgz",
+      "integrity": "sha512-h7RCSorm1DdTVGJf3P2Mhj3kdnkmF/EiysUkzS2TdgAYqyjFdMQJbVuXOBej2SBJaXan/lIVtT6KkGbyyq753A==",
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.15.8.tgz",
+      "integrity": "sha512-CyEWALmn+no/lbgbAJsbuuhT8s2J19EJGHkeyAwjbFJMrj80KJ9zuYsoAvidPTU7BgBf87r/sgae8Tw0dbOc4Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "dependencies": {
+        "esbuild-wasm": "0.15.8"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.15.8.tgz",
+      "integrity": "sha512-pE5RQsOTSERCtfZdfCT25wzo7dfhOSlhAXcsZmuvRYhendOv7djcdvtINdnDp2DAjP17WXlBB4nBO6sHLczmsg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-3.1.0.tgz",
+      "integrity": "sha512-fmxtHPjSOEIRg6vHYDaem+97iwCUg/uSIaTzp98lhELt2ISOQuDo2hbkBdXod0g15IhfPMQmAxh4heUks2zvDA==",
+      "dev": true,
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^3.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@volar/code-gen": {
+      "version": "0.40.13",
+      "resolved": "https://registry.npmjs.org/@volar/code-gen/-/code-gen-0.40.13.tgz",
+      "integrity": "sha512-4gShBWuMce868OVvgyA1cU5WxHbjfEme18Tw6uVMfweZCF5fB2KECG0iPrA9D54vHk3FeHarODNwgIaaFfUBlA==",
+      "dev": true,
+      "dependencies": {
+        "@volar/source-map": "0.40.13"
+      }
+    },
+    "node_modules/@volar/source-map": {
+      "version": "0.40.13",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-0.40.13.tgz",
+      "integrity": "sha512-dbdkAB2Nxb0wLjAY5O64o3ywVWlAGONnBIoKAkXSf6qkGZM+nJxcizsoiI66K+RHQG0XqlyvjDizfnTxr+6PWg==",
+      "dev": true,
+      "dependencies": {
+        "@vue/reactivity": "3.2.38"
+      }
+    },
+    "node_modules/@volar/source-map/node_modules/@vue/reactivity": {
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.38.tgz",
+      "integrity": "sha512-6L4myYcH9HG2M25co7/BSo0skKFHpAN8PhkNPM4xRVkyGl1K5M3Jx4rp5bsYhvYze2K4+l+pioN4e6ZwFLUVtw==",
+      "dev": true,
+      "dependencies": {
+        "@vue/shared": "3.2.38"
+      }
+    },
+    "node_modules/@volar/source-map/node_modules/@vue/shared": {
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.38.tgz",
+      "integrity": "sha512-dTyhTIRmGXBjxJE+skC8tTWCGLCVc4wQgRRLt8+O9p5ewBAjoBwtCAkLPrtToSr1xltoe3st21Pv953aOZ7alg==",
+      "dev": true
+    },
+    "node_modules/@volar/typescript-faster": {
+      "version": "0.40.13",
+      "resolved": "https://registry.npmjs.org/@volar/typescript-faster/-/typescript-faster-0.40.13.tgz",
+      "integrity": "sha512-uy+TlcFkKoNlKEnxA4x5acxdxLyVDIXGSc8cYDNXpPKjBKXrQaetzCzlO3kVBqu1VLMxKNGJMTKn35mo+ILQmw==",
+      "dev": true,
+      "dependencies": {
+        "semver": "^7.3.7"
+      }
+    },
+    "node_modules/@volar/vue-language-core": {
+      "version": "0.40.13",
+      "resolved": "https://registry.npmjs.org/@volar/vue-language-core/-/vue-language-core-0.40.13.tgz",
+      "integrity": "sha512-QkCb8msi2KUitTdM6Y4kAb7/ZlEvuLcbBFOC2PLBlFuoZwyxvSP7c/dBGmKGtJlEvMX0LdCyrg5V2aBYxD38/Q==",
+      "dev": true,
+      "dependencies": {
+        "@volar/code-gen": "0.40.13",
+        "@volar/source-map": "0.40.13",
+        "@vue/compiler-core": "^3.2.38",
+        "@vue/compiler-dom": "^3.2.38",
+        "@vue/compiler-sfc": "^3.2.38",
+        "@vue/reactivity": "^3.2.38",
+        "@vue/shared": "^3.2.38"
+      }
+    },
+    "node_modules/@volar/vue-typescript": {
+      "version": "0.40.13",
+      "resolved": "https://registry.npmjs.org/@volar/vue-typescript/-/vue-typescript-0.40.13.tgz",
+      "integrity": "sha512-o7bNztwjs8JmbQjVkrnbZUOfm7q4B8ZYssETISN1tRaBdun6cfNqgpkvDYd+VUBh1O4CdksvN+5BUNnwAz4oCQ==",
+      "dev": true,
+      "dependencies": {
+        "@volar/code-gen": "0.40.13",
+        "@volar/typescript-faster": "0.40.13",
+        "@volar/vue-language-core": "0.40.13"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.39.tgz",
+      "integrity": "sha512-mf/36OWXqWn0wsC40nwRRGheR/qoID+lZXbIuLnr4/AngM0ov8Xvv8GHunC0rKRIkh60bTqydlqTeBo49rlbqw==",
+      "dependencies": {
+        "@babel/parser": "^7.16.4",
+        "@vue/shared": "3.2.39",
+        "estree-walker": "^2.0.2",
+        "source-map": "^0.6.1"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.39.tgz",
+      "integrity": "sha512-HMFI25Be1C8vLEEv1hgEO1dWwG9QQ8LTTPmCkblVJY/O3OvWx6r1+zsox5mKPMGvqYEZa6l8j+xgOfUspgo7hw==",
+      "dependencies": {
+        "@vue/compiler-core": "3.2.39",
+        "@vue/shared": "3.2.39"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.39.tgz",
+      "integrity": "sha512-fqAQgFs1/BxTUZkd0Vakn3teKUt//J3c420BgnYgEOoVdTwYpBTSXCMJ88GOBCylmUBbtquGPli9tVs7LzsWIA==",
+      "dependencies": {
+        "@babel/parser": "^7.16.4",
+        "@vue/compiler-core": "3.2.39",
+        "@vue/compiler-dom": "3.2.39",
+        "@vue/compiler-ssr": "3.2.39",
+        "@vue/reactivity-transform": "3.2.39",
+        "@vue/shared": "3.2.39",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.25.7",
+        "postcss": "^8.1.10",
+        "source-map": "^0.6.1"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.39.tgz",
+      "integrity": "sha512-EoGCJ6lincKOZGW+0Ky4WOKsSmqL7hp1ZYgen8M7u/mlvvEQUaO9tKKOy7K43M9U2aA3tPv0TuYYQFrEbK2eFQ==",
+      "dependencies": {
+        "@vue/compiler-dom": "3.2.39",
+        "@vue/shared": "3.2.39"
+      }
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.39.tgz",
+      "integrity": "sha512-vlaYX2a3qMhIZfrw3Mtfd+BuU+TZmvDrPMa+6lpfzS9k/LnGxkSuf0fhkP0rMGfiOHPtyKoU9OJJJFGm92beVQ==",
+      "dependencies": {
+        "@vue/shared": "3.2.39"
+      }
+    },
+    "node_modules/@vue/reactivity-transform": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.39.tgz",
+      "integrity": "sha512-HGuWu864zStiWs9wBC6JYOP1E00UjMdDWIG5W+FpUx28hV3uz9ODOKVNm/vdOy/Pvzg8+OcANxAVC85WFBbl3A==",
+      "dependencies": {
+        "@babel/parser": "^7.16.4",
+        "@vue/compiler-core": "3.2.39",
+        "@vue/shared": "3.2.39",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.25.7"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.39.tgz",
+      "integrity": "sha512-xKH5XP57JW5JW+8ZG1khBbuLakINTgPuINKL01hStWLTTGFOrM49UfCFXBcFvWmSbci3gmJyLl2EAzCaZWsx8g==",
+      "dependencies": {
+        "@vue/reactivity": "3.2.39",
+        "@vue/shared": "3.2.39"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.39.tgz",
+      "integrity": "sha512-4G9AEJP+sLhsqf5wXcyKVWQKUhI+iWfy0hWQgea+CpaTD7BR0KdQzvoQdZhwCY6B3oleSyNLkLAQwm0ya/wNoA==",
+      "dependencies": {
+        "@vue/runtime-core": "3.2.39",
+        "@vue/shared": "3.2.39",
+        "csstype": "^2.6.8"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.39.tgz",
+      "integrity": "sha512-1yn9u2YBQWIgytFMjz4f/t0j43awKytTGVptfd3FtBk76t1pd8mxbek0G/DrnjJhd2V7mSTb5qgnxMYt8Z5iSQ==",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.2.39",
+        "@vue/shared": "3.2.39"
+      },
+      "peerDependencies": {
+        "vue": "3.2.39"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.39.tgz",
+      "integrity": "sha512-D3dl2ZB9qE6mTuWPk9RlhDeP1dgNRUKC3NJxji74A4yL8M2MwlhLKUC/49WHjrNzSPug58fWx/yFbaTzGAQSBw=="
+    },
+    "node_modules/csstype": {
+      "version": "2.6.21",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz",
+      "integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w=="
+    },
+    "node_modules/esbuild": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.8.tgz",
+      "integrity": "sha512-Remsk2dmr1Ia65sU+QasE6svJbsHe62lzR+CnjpUvbZ+uSYo1SitiOWPRfZQkCu82YWZBBKXiD/j0i//XWMZ+Q==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/android-arm": "0.15.8",
+        "@esbuild/linux-loong64": "0.15.8",
+        "esbuild-android-64": "0.15.8",
+        "esbuild-android-arm64": "0.15.8",
+        "esbuild-darwin-64": "0.15.8",
+        "esbuild-darwin-arm64": "0.15.8",
+        "esbuild-freebsd-64": "0.15.8",
+        "esbuild-freebsd-arm64": "0.15.8",
+        "esbuild-linux-32": "0.15.8",
+        "esbuild-linux-64": "0.15.8",
+        "esbuild-linux-arm": "0.15.8",
+        "esbuild-linux-arm64": "0.15.8",
+        "esbuild-linux-mips64le": "0.15.8",
+        "esbuild-linux-ppc64le": "0.15.8",
+        "esbuild-linux-riscv64": "0.15.8",
+        "esbuild-linux-s390x": "0.15.8",
+        "esbuild-netbsd-64": "0.15.8",
+        "esbuild-openbsd-64": "0.15.8",
+        "esbuild-sunos-64": "0.15.8",
+        "esbuild-windows-32": "0.15.8",
+        "esbuild-windows-64": "0.15.8",
+        "esbuild-windows-arm64": "0.15.8"
+      }
+    },
+    "node_modules/esbuild-android-64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.15.8.tgz",
+      "integrity": "sha512-bVh8FIKOolF7/d4AMzt7xHlL0Ljr+mYKSHI39TJWDkybVWHdn6+4ODL3xZGHOxPpdRpitemXA1WwMKYBsw8dGw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "dependencies": {
+        "esbuild-wasm": "0.15.8"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-android-arm64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.15.8.tgz",
+      "integrity": "sha512-ReAMDAHuo0H1h9LxRabI6gwYPn8k6WiUeyxuMvx17yTrJO+SCnIfNc/TSPFvDwtK9MiyiKG/2dBYHouT/M0BXQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-darwin-64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.15.8.tgz",
+      "integrity": "sha512-KaKcGfJ+yto7Fo5gAj3xwxHMd1fBIKatpCHK8znTJLVv+9+NN2/tIPBqA4w5rBwjX0UqXDeIE2v1xJP+nGEXgA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-darwin-arm64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.8.tgz",
+      "integrity": "sha512-8tjEaBgAKnXCkP7bhEJmEqdG9HEV6oLkF36BrMzpfW2rgaw0c48Zrxe+9RlfeGvs6gDF4w+agXyTjikzsS3izw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-freebsd-64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.8.tgz",
+      "integrity": "sha512-jaxcsGHYzn2L0/lffON2WfH4Nc+d/EwozVTP5K2v016zxMb5UQMhLoJzvLgBqHT1SG0B/mO+a+THnJCMVg15zw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-freebsd-arm64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.8.tgz",
+      "integrity": "sha512-2xp2UlljMvX8HExtcg7VHaeQk8OBU0CSl1j18B5CcZmSDkLF9p3utuMXIopG3a08fr9Hv+Dz6+seSXUow/G51w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-linux-32": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.15.8.tgz",
+      "integrity": "sha512-9u1E54BRz1FQMl86iaHK146+4ID2KYNxL3trLZT4QLLx3M7Q9n4lGG3lrzqUatGR2cKy8c33b0iaCzsItZWkFg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-linux-64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.15.8.tgz",
+      "integrity": "sha512-4HxrsN9eUzJXdVGMTYA5Xler82FuZUu21bXKN42zcLHHNKCAMPUzD62I+GwDhsdgUBAUj0tRXDdsQHgaP6v0HA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-linux-arm": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.15.8.tgz",
+      "integrity": "sha512-7DVBU9SFjX4+vBwt8tHsUCbE6Vvl6y6FQWHAgyw1lybC5gULqn/WnjHYHN2/LJaZRsDBvxWT4msEgwLGq1Wd3Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-linux-arm64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.8.tgz",
+      "integrity": "sha512-1OCm7Aq0tEJT70PbxmHSGYDLYP8DKH8r4Nk7/XbVzWaduo9beCjGBB+tGZIHK6DdTQ3h00/4Tb/70YMH/bOtKg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-linux-mips64le": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.8.tgz",
+      "integrity": "sha512-yeFoNPVFPEzZvFYBfUQNG2TjGRaCyV1E27OcOg4LOtnGrxb2wA+mkW3luckyv1CEyd00mpAg7UdHx8nlx3ghgA==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-linux-ppc64le": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.8.tgz",
+      "integrity": "sha512-CEyMMUUNabXibw8OSNmBXhOIGhnjNVl5Lpseiuf00iKN0V47oqDrbo4dsHz1wH62m49AR8iG8wpDlTqfYgKbtg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-linux-riscv64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.8.tgz",
+      "integrity": "sha512-OCGSOaspMUjexSCU8ZiA0UnV/NiRU+s2vIfEcAQWQ6u32R+2luyfh/4ZaY6jFbylJE07Esc/yRvb9Q5fXuClXA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-linux-s390x": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.8.tgz",
+      "integrity": "sha512-RHdpdfxRTSrZXZJlFSLazFU4YwXLB5Rgf6Zr5rffqSsO4y9JybgtKO38bFwxZNlDXliYISXN/YROKrG9s7mZQA==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-netbsd-64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.8.tgz",
+      "integrity": "sha512-VolFFRatBH09T5QMWhiohAWCOien1R1Uz9K0BRVVTBgBaVBt7eArsXTKxVhUgRf2vwu2c2SXkuP0r7HLG0eozw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-openbsd-64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.8.tgz",
+      "integrity": "sha512-HTAPlg+n4kUeE/isQxlCfsOz0xJGNoT5LJ9oYZWFKABfVf4Ycu7Zlf5ITgOnrdheTkz8JeL/gISIOCFAoOXrSA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-sunos-64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.15.8.tgz",
+      "integrity": "sha512-qMP/jR/FzcIOwKj+W+Lb+8Cfr8GZHbHUJxAPi7DUhNZMQ/6y7sOgRzlOSpRrbbUntrRZh0MqOyDhJ3Gpo6L1QA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-wasm": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.15.8.tgz",
+      "integrity": "sha512-Y7uCl5RNO4URjlemjdx++ukVHEMt5s5AfMWYUnMiK4Sry+pPCvQIctzXq6r6FKCyGKjX6/NGMCqR2OX6aLxj0w==",
+      "dev": true,
+      "optional": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-windows-32": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.15.8.tgz",
+      "integrity": "sha512-RKR1QHh4iWzjUhkP8Yqi75PPz/KS+b8zw3wUrzw6oAkj+iU5Qtyj61ZDaSG3Qf2vc6hTIUiPqVTqBH0NpXFNwg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-windows-64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.15.8.tgz",
+      "integrity": "sha512-ag9ptYrsizgsR+PQE8QKeMqnosLvAMonQREpLw4evA4FFgOBMLEat/dY/9txbpozTw9eEOYyD3a4cE9yTu20FA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild-windows-arm64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.8.tgz",
+      "integrity": "sha512-dbpAb0VyPaUs9mgw65KRfQ9rqiWCHpNzrJusoPu+LpEoswosjt/tFxN7cd2l68AT4qWdBkzAjDLRon7uqMeWcg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "dev": true
+    },
+    "node_modules/has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz",
+      "integrity": "sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==",
+      "dev": true,
+      "dependencies": {
+        "has": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
+      "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+      "dependencies": {
+        "sourcemap-codec": "^1.4.8"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
+      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+    },
+    "node_modules/postcss": {
+      "version": "8.4.16",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz",
+      "integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.4",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.1",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz",
+      "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.9.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "2.78.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.78.1.tgz",
+      "integrity": "sha512-VeeCgtGi4P+o9hIg+xz4qQpRl6R401LWEXBmxYKOV4zlF82lyhgh2hTZnheFUbANE8l2A41F458iwj2vEYaXJg==",
+      "dev": true,
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.3.7",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
+      "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sourcemap-codec": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "4.8.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.8.3.tgz",
+      "integrity": "sha512-goMHfm00nWPa8UvR/CPSvykqf6dVV8x/dp0c5mFTMTIu0u0FlGWRioyy7Nn0PGAdHxpJZnuO/ut+PpQ8UiHAig==",
+      "dev": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=4.2.0"
+      }
+    },
+    "node_modules/vite": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-3.1.3.tgz",
+      "integrity": "sha512-/3XWiktaopByM5bd8dqvHxRt5EEgRikevnnrpND0gRfNkrMrPaGGexhtLCzv15RcCMtV2CLw+BPas8YFeSG0KA==",
+      "dev": true,
+      "dependencies": {
+        "esbuild": "^0.15.6",
+        "postcss": "^8.4.16",
+        "resolve": "^1.22.1",
+        "rollup": "~2.78.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      },
+      "peerDependencies": {
+        "less": "*",
+        "sass": "*",
+        "stylus": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "less": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.39.tgz",
+      "integrity": "sha512-tRkguhRTw9NmIPXhzk21YFBqXHT2t+6C6wPOgQ50fcFVWnPdetmRqbmySRHznrYjX2E47u0cGlKGcxKZJ38R/g==",
+      "dependencies": {
+        "@vue/compiler-dom": "3.2.39",
+        "@vue/compiler-sfc": "3.2.39",
+        "@vue/runtime-dom": "3.2.39",
+        "@vue/server-renderer": "3.2.39",
+        "@vue/shared": "3.2.39"
+      }
+    },
+    "node_modules/vue-tsc": {
+      "version": "0.40.13",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-0.40.13.tgz",
+      "integrity": "sha512-xzuN3g5PnKfJcNrLv4+mAjteMd5wLm5fRhW0034OfNJZY4WhB07vhngea/XeGn7wNYt16r7syonzvW/54dcNiA==",
+      "dev": true,
+      "dependencies": {
+        "@volar/vue-language-core": "0.40.13",
+        "@volar/vue-typescript": "0.40.13"
+      },
+      "bin": {
+        "vue-tsc": "bin/vue-tsc.js"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    }
+  },
+  "dependencies": {
+    "@babel/parser": {
+      "version": "7.19.1",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.19.1.tgz",
+      "integrity": "sha512-h7RCSorm1DdTVGJf3P2Mhj3kdnkmF/EiysUkzS2TdgAYqyjFdMQJbVuXOBej2SBJaXan/lIVtT6KkGbyyq753A=="
+    },
+    "@esbuild/android-arm": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.15.8.tgz",
+      "integrity": "sha512-CyEWALmn+no/lbgbAJsbuuhT8s2J19EJGHkeyAwjbFJMrj80KJ9zuYsoAvidPTU7BgBf87r/sgae8Tw0dbOc4Q==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "esbuild-wasm": "0.15.8"
+      }
+    },
+    "@esbuild/linux-loong64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.15.8.tgz",
+      "integrity": "sha512-pE5RQsOTSERCtfZdfCT25wzo7dfhOSlhAXcsZmuvRYhendOv7djcdvtINdnDp2DAjP17WXlBB4nBO6sHLczmsg==",
+      "dev": true,
+      "optional": true
+    },
+    "@vitejs/plugin-vue": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-3.1.0.tgz",
+      "integrity": "sha512-fmxtHPjSOEIRg6vHYDaem+97iwCUg/uSIaTzp98lhELt2ISOQuDo2hbkBdXod0g15IhfPMQmAxh4heUks2zvDA==",
+      "dev": true,
+      "requires": {}
+    },
+    "@volar/code-gen": {
+      "version": "0.40.13",
+      "resolved": "https://registry.npmjs.org/@volar/code-gen/-/code-gen-0.40.13.tgz",
+      "integrity": "sha512-4gShBWuMce868OVvgyA1cU5WxHbjfEme18Tw6uVMfweZCF5fB2KECG0iPrA9D54vHk3FeHarODNwgIaaFfUBlA==",
+      "dev": true,
+      "requires": {
+        "@volar/source-map": "0.40.13"
+      }
+    },
+    "@volar/source-map": {
+      "version": "0.40.13",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-0.40.13.tgz",
+      "integrity": "sha512-dbdkAB2Nxb0wLjAY5O64o3ywVWlAGONnBIoKAkXSf6qkGZM+nJxcizsoiI66K+RHQG0XqlyvjDizfnTxr+6PWg==",
+      "dev": true,
+      "requires": {
+        "@vue/reactivity": "3.2.38"
+      },
+      "dependencies": {
+        "@vue/reactivity": {
+          "version": "3.2.38",
+          "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.38.tgz",
+          "integrity": "sha512-6L4myYcH9HG2M25co7/BSo0skKFHpAN8PhkNPM4xRVkyGl1K5M3Jx4rp5bsYhvYze2K4+l+pioN4e6ZwFLUVtw==",
+          "dev": true,
+          "requires": {
+            "@vue/shared": "3.2.38"
+          }
+        },
+        "@vue/shared": {
+          "version": "3.2.38",
+          "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.38.tgz",
+          "integrity": "sha512-dTyhTIRmGXBjxJE+skC8tTWCGLCVc4wQgRRLt8+O9p5ewBAjoBwtCAkLPrtToSr1xltoe3st21Pv953aOZ7alg==",
+          "dev": true
+        }
+      }
+    },
+    "@volar/typescript-faster": {
+      "version": "0.40.13",
+      "resolved": "https://registry.npmjs.org/@volar/typescript-faster/-/typescript-faster-0.40.13.tgz",
+      "integrity": "sha512-uy+TlcFkKoNlKEnxA4x5acxdxLyVDIXGSc8cYDNXpPKjBKXrQaetzCzlO3kVBqu1VLMxKNGJMTKn35mo+ILQmw==",
+      "dev": true,
+      "requires": {
+        "semver": "^7.3.7"
+      }
+    },
+    "@volar/vue-language-core": {
+      "version": "0.40.13",
+      "resolved": "https://registry.npmjs.org/@volar/vue-language-core/-/vue-language-core-0.40.13.tgz",
+      "integrity": "sha512-QkCb8msi2KUitTdM6Y4kAb7/ZlEvuLcbBFOC2PLBlFuoZwyxvSP7c/dBGmKGtJlEvMX0LdCyrg5V2aBYxD38/Q==",
+      "dev": true,
+      "requires": {
+        "@volar/code-gen": "0.40.13",
+        "@volar/source-map": "0.40.13",
+        "@vue/compiler-core": "^3.2.38",
+        "@vue/compiler-dom": "^3.2.38",
+        "@vue/compiler-sfc": "^3.2.38",
+        "@vue/reactivity": "^3.2.38",
+        "@vue/shared": "^3.2.38"
+      }
+    },
+    "@volar/vue-typescript": {
+      "version": "0.40.13",
+      "resolved": "https://registry.npmjs.org/@volar/vue-typescript/-/vue-typescript-0.40.13.tgz",
+      "integrity": "sha512-o7bNztwjs8JmbQjVkrnbZUOfm7q4B8ZYssETISN1tRaBdun6cfNqgpkvDYd+VUBh1O4CdksvN+5BUNnwAz4oCQ==",
+      "dev": true,
+      "requires": {
+        "@volar/code-gen": "0.40.13",
+        "@volar/typescript-faster": "0.40.13",
+        "@volar/vue-language-core": "0.40.13"
+      }
+    },
+    "@vue/compiler-core": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.39.tgz",
+      "integrity": "sha512-mf/36OWXqWn0wsC40nwRRGheR/qoID+lZXbIuLnr4/AngM0ov8Xvv8GHunC0rKRIkh60bTqydlqTeBo49rlbqw==",
+      "requires": {
+        "@babel/parser": "^7.16.4",
+        "@vue/shared": "3.2.39",
+        "estree-walker": "^2.0.2",
+        "source-map": "^0.6.1"
+      }
+    },
+    "@vue/compiler-dom": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.39.tgz",
+      "integrity": "sha512-HMFI25Be1C8vLEEv1hgEO1dWwG9QQ8LTTPmCkblVJY/O3OvWx6r1+zsox5mKPMGvqYEZa6l8j+xgOfUspgo7hw==",
+      "requires": {
+        "@vue/compiler-core": "3.2.39",
+        "@vue/shared": "3.2.39"
+      }
+    },
+    "@vue/compiler-sfc": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.39.tgz",
+      "integrity": "sha512-fqAQgFs1/BxTUZkd0Vakn3teKUt//J3c420BgnYgEOoVdTwYpBTSXCMJ88GOBCylmUBbtquGPli9tVs7LzsWIA==",
+      "requires": {
+        "@babel/parser": "^7.16.4",
+        "@vue/compiler-core": "3.2.39",
+        "@vue/compiler-dom": "3.2.39",
+        "@vue/compiler-ssr": "3.2.39",
+        "@vue/reactivity-transform": "3.2.39",
+        "@vue/shared": "3.2.39",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.25.7",
+        "postcss": "^8.1.10",
+        "source-map": "^0.6.1"
+      }
+    },
+    "@vue/compiler-ssr": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.39.tgz",
+      "integrity": "sha512-EoGCJ6lincKOZGW+0Ky4WOKsSmqL7hp1ZYgen8M7u/mlvvEQUaO9tKKOy7K43M9U2aA3tPv0TuYYQFrEbK2eFQ==",
+      "requires": {
+        "@vue/compiler-dom": "3.2.39",
+        "@vue/shared": "3.2.39"
+      }
+    },
+    "@vue/reactivity": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.39.tgz",
+      "integrity": "sha512-vlaYX2a3qMhIZfrw3Mtfd+BuU+TZmvDrPMa+6lpfzS9k/LnGxkSuf0fhkP0rMGfiOHPtyKoU9OJJJFGm92beVQ==",
+      "requires": {
+        "@vue/shared": "3.2.39"
+      }
+    },
+    "@vue/reactivity-transform": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.39.tgz",
+      "integrity": "sha512-HGuWu864zStiWs9wBC6JYOP1E00UjMdDWIG5W+FpUx28hV3uz9ODOKVNm/vdOy/Pvzg8+OcANxAVC85WFBbl3A==",
+      "requires": {
+        "@babel/parser": "^7.16.4",
+        "@vue/compiler-core": "3.2.39",
+        "@vue/shared": "3.2.39",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.25.7"
+      }
+    },
+    "@vue/runtime-core": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.39.tgz",
+      "integrity": "sha512-xKH5XP57JW5JW+8ZG1khBbuLakINTgPuINKL01hStWLTTGFOrM49UfCFXBcFvWmSbci3gmJyLl2EAzCaZWsx8g==",
+      "requires": {
+        "@vue/reactivity": "3.2.39",
+        "@vue/shared": "3.2.39"
+      }
+    },
+    "@vue/runtime-dom": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.39.tgz",
+      "integrity": "sha512-4G9AEJP+sLhsqf5wXcyKVWQKUhI+iWfy0hWQgea+CpaTD7BR0KdQzvoQdZhwCY6B3oleSyNLkLAQwm0ya/wNoA==",
+      "requires": {
+        "@vue/runtime-core": "3.2.39",
+        "@vue/shared": "3.2.39",
+        "csstype": "^2.6.8"
+      }
+    },
+    "@vue/server-renderer": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.39.tgz",
+      "integrity": "sha512-1yn9u2YBQWIgytFMjz4f/t0j43awKytTGVptfd3FtBk76t1pd8mxbek0G/DrnjJhd2V7mSTb5qgnxMYt8Z5iSQ==",
+      "requires": {
+        "@vue/compiler-ssr": "3.2.39",
+        "@vue/shared": "3.2.39"
+      }
+    },
+    "@vue/shared": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.39.tgz",
+      "integrity": "sha512-D3dl2ZB9qE6mTuWPk9RlhDeP1dgNRUKC3NJxji74A4yL8M2MwlhLKUC/49WHjrNzSPug58fWx/yFbaTzGAQSBw=="
+    },
+    "csstype": {
+      "version": "2.6.21",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz",
+      "integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w=="
+    },
+    "esbuild": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.8.tgz",
+      "integrity": "sha512-Remsk2dmr1Ia65sU+QasE6svJbsHe62lzR+CnjpUvbZ+uSYo1SitiOWPRfZQkCu82YWZBBKXiD/j0i//XWMZ+Q==",
+      "dev": true,
+      "requires": {
+        "@esbuild/android-arm": "0.15.8",
+        "@esbuild/linux-loong64": "0.15.8",
+        "esbuild-android-64": "0.15.8",
+        "esbuild-android-arm64": "0.15.8",
+        "esbuild-darwin-64": "0.15.8",
+        "esbuild-darwin-arm64": "0.15.8",
+        "esbuild-freebsd-64": "0.15.8",
+        "esbuild-freebsd-arm64": "0.15.8",
+        "esbuild-linux-32": "0.15.8",
+        "esbuild-linux-64": "0.15.8",
+        "esbuild-linux-arm": "0.15.8",
+        "esbuild-linux-arm64": "0.15.8",
+        "esbuild-linux-mips64le": "0.15.8",
+        "esbuild-linux-ppc64le": "0.15.8",
+        "esbuild-linux-riscv64": "0.15.8",
+        "esbuild-linux-s390x": "0.15.8",
+        "esbuild-netbsd-64": "0.15.8",
+        "esbuild-openbsd-64": "0.15.8",
+        "esbuild-sunos-64": "0.15.8",
+        "esbuild-windows-32": "0.15.8",
+        "esbuild-windows-64": "0.15.8",
+        "esbuild-windows-arm64": "0.15.8"
+      }
+    },
+    "esbuild-android-64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.15.8.tgz",
+      "integrity": "sha512-bVh8FIKOolF7/d4AMzt7xHlL0Ljr+mYKSHI39TJWDkybVWHdn6+4ODL3xZGHOxPpdRpitemXA1WwMKYBsw8dGw==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "esbuild-wasm": "0.15.8"
+      }
+    },
+    "esbuild-android-arm64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.15.8.tgz",
+      "integrity": "sha512-ReAMDAHuo0H1h9LxRabI6gwYPn8k6WiUeyxuMvx17yTrJO+SCnIfNc/TSPFvDwtK9MiyiKG/2dBYHouT/M0BXQ==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-darwin-64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.15.8.tgz",
+      "integrity": "sha512-KaKcGfJ+yto7Fo5gAj3xwxHMd1fBIKatpCHK8znTJLVv+9+NN2/tIPBqA4w5rBwjX0UqXDeIE2v1xJP+nGEXgA==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-darwin-arm64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.8.tgz",
+      "integrity": "sha512-8tjEaBgAKnXCkP7bhEJmEqdG9HEV6oLkF36BrMzpfW2rgaw0c48Zrxe+9RlfeGvs6gDF4w+agXyTjikzsS3izw==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-freebsd-64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.8.tgz",
+      "integrity": "sha512-jaxcsGHYzn2L0/lffON2WfH4Nc+d/EwozVTP5K2v016zxMb5UQMhLoJzvLgBqHT1SG0B/mO+a+THnJCMVg15zw==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-freebsd-arm64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.8.tgz",
+      "integrity": "sha512-2xp2UlljMvX8HExtcg7VHaeQk8OBU0CSl1j18B5CcZmSDkLF9p3utuMXIopG3a08fr9Hv+Dz6+seSXUow/G51w==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-linux-32": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.15.8.tgz",
+      "integrity": "sha512-9u1E54BRz1FQMl86iaHK146+4ID2KYNxL3trLZT4QLLx3M7Q9n4lGG3lrzqUatGR2cKy8c33b0iaCzsItZWkFg==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-linux-64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.15.8.tgz",
+      "integrity": "sha512-4HxrsN9eUzJXdVGMTYA5Xler82FuZUu21bXKN42zcLHHNKCAMPUzD62I+GwDhsdgUBAUj0tRXDdsQHgaP6v0HA==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-linux-arm": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.15.8.tgz",
+      "integrity": "sha512-7DVBU9SFjX4+vBwt8tHsUCbE6Vvl6y6FQWHAgyw1lybC5gULqn/WnjHYHN2/LJaZRsDBvxWT4msEgwLGq1Wd3Q==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-linux-arm64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.8.tgz",
+      "integrity": "sha512-1OCm7Aq0tEJT70PbxmHSGYDLYP8DKH8r4Nk7/XbVzWaduo9beCjGBB+tGZIHK6DdTQ3h00/4Tb/70YMH/bOtKg==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-linux-mips64le": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.8.tgz",
+      "integrity": "sha512-yeFoNPVFPEzZvFYBfUQNG2TjGRaCyV1E27OcOg4LOtnGrxb2wA+mkW3luckyv1CEyd00mpAg7UdHx8nlx3ghgA==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-linux-ppc64le": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.8.tgz",
+      "integrity": "sha512-CEyMMUUNabXibw8OSNmBXhOIGhnjNVl5Lpseiuf00iKN0V47oqDrbo4dsHz1wH62m49AR8iG8wpDlTqfYgKbtg==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-linux-riscv64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.8.tgz",
+      "integrity": "sha512-OCGSOaspMUjexSCU8ZiA0UnV/NiRU+s2vIfEcAQWQ6u32R+2luyfh/4ZaY6jFbylJE07Esc/yRvb9Q5fXuClXA==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-linux-s390x": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.8.tgz",
+      "integrity": "sha512-RHdpdfxRTSrZXZJlFSLazFU4YwXLB5Rgf6Zr5rffqSsO4y9JybgtKO38bFwxZNlDXliYISXN/YROKrG9s7mZQA==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-netbsd-64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.8.tgz",
+      "integrity": "sha512-VolFFRatBH09T5QMWhiohAWCOien1R1Uz9K0BRVVTBgBaVBt7eArsXTKxVhUgRf2vwu2c2SXkuP0r7HLG0eozw==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-openbsd-64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.8.tgz",
+      "integrity": "sha512-HTAPlg+n4kUeE/isQxlCfsOz0xJGNoT5LJ9oYZWFKABfVf4Ycu7Zlf5ITgOnrdheTkz8JeL/gISIOCFAoOXrSA==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-sunos-64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.15.8.tgz",
+      "integrity": "sha512-qMP/jR/FzcIOwKj+W+Lb+8Cfr8GZHbHUJxAPi7DUhNZMQ/6y7sOgRzlOSpRrbbUntrRZh0MqOyDhJ3Gpo6L1QA==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-wasm": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.15.8.tgz",
+      "integrity": "sha512-Y7uCl5RNO4URjlemjdx++ukVHEMt5s5AfMWYUnMiK4Sry+pPCvQIctzXq6r6FKCyGKjX6/NGMCqR2OX6aLxj0w==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-windows-32": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.15.8.tgz",
+      "integrity": "sha512-RKR1QHh4iWzjUhkP8Yqi75PPz/KS+b8zw3wUrzw6oAkj+iU5Qtyj61ZDaSG3Qf2vc6hTIUiPqVTqBH0NpXFNwg==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-windows-64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.15.8.tgz",
+      "integrity": "sha512-ag9ptYrsizgsR+PQE8QKeMqnosLvAMonQREpLw4evA4FFgOBMLEat/dY/9txbpozTw9eEOYyD3a4cE9yTu20FA==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild-windows-arm64": {
+      "version": "0.15.8",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.8.tgz",
+      "integrity": "sha512-dbpAb0VyPaUs9mgw65KRfQ9rqiWCHpNzrJusoPu+LpEoswosjt/tFxN7cd2l68AT4qWdBkzAjDLRon7uqMeWcg==",
+      "dev": true,
+      "optional": true
+    },
+    "estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+    },
+    "fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "optional": true
+    },
+    "function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "dev": true
+    },
+    "has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.1"
+      }
+    },
+    "is-core-module": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz",
+      "integrity": "sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==",
+      "dev": true,
+      "requires": {
+        "has": "^1.0.3"
+      }
+    },
+    "lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "requires": {
+        "yallist": "^4.0.0"
+      }
+    },
+    "magic-string": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
+      "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+      "requires": {
+        "sourcemap-codec": "^1.4.8"
+      }
+    },
+    "nanoid": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
+      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw=="
+    },
+    "path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true
+    },
+    "picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+    },
+    "postcss": {
+      "version": "8.4.16",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz",
+      "integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==",
+      "requires": {
+        "nanoid": "^3.3.4",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      }
+    },
+    "resolve": {
+      "version": "1.22.1",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz",
+      "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==",
+      "dev": true,
+      "requires": {
+        "is-core-module": "^2.9.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      }
+    },
+    "rollup": {
+      "version": "2.78.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.78.1.tgz",
+      "integrity": "sha512-VeeCgtGi4P+o9hIg+xz4qQpRl6R401LWEXBmxYKOV4zlF82lyhgh2hTZnheFUbANE8l2A41F458iwj2vEYaXJg==",
+      "dev": true,
+      "requires": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "semver": {
+      "version": "7.3.7",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
+      "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
+      "dev": true,
+      "requires": {
+        "lru-cache": "^6.0.0"
+      }
+    },
+    "source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+    },
+    "source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
+    },
+    "sourcemap-codec": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
+    },
+    "supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true
+    },
+    "typescript": {
+      "version": "4.8.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.8.3.tgz",
+      "integrity": "sha512-goMHfm00nWPa8UvR/CPSvykqf6dVV8x/dp0c5mFTMTIu0u0FlGWRioyy7Nn0PGAdHxpJZnuO/ut+PpQ8UiHAig==",
+      "dev": true
+    },
+    "vite": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-3.1.3.tgz",
+      "integrity": "sha512-/3XWiktaopByM5bd8dqvHxRt5EEgRikevnnrpND0gRfNkrMrPaGGexhtLCzv15RcCMtV2CLw+BPas8YFeSG0KA==",
+      "dev": true,
+      "requires": {
+        "esbuild": "^0.15.6",
+        "fsevents": "~2.3.2",
+        "postcss": "^8.4.16",
+        "resolve": "^1.22.1",
+        "rollup": "~2.78.0"
+      }
+    },
+    "vue": {
+      "version": "3.2.39",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.39.tgz",
+      "integrity": "sha512-tRkguhRTw9NmIPXhzk21YFBqXHT2t+6C6wPOgQ50fcFVWnPdetmRqbmySRHznrYjX2E47u0cGlKGcxKZJ38R/g==",
+      "requires": {
+        "@vue/compiler-dom": "3.2.39",
+        "@vue/compiler-sfc": "3.2.39",
+        "@vue/runtime-dom": "3.2.39",
+        "@vue/server-renderer": "3.2.39",
+        "@vue/shared": "3.2.39"
+      }
+    },
+    "vue-tsc": {
+      "version": "0.40.13",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-0.40.13.tgz",
+      "integrity": "sha512-xzuN3g5PnKfJcNrLv4+mAjteMd5wLm5fRhW0034OfNJZY4WhB07vhngea/XeGn7wNYt16r7syonzvW/54dcNiA==",
+      "dev": true,
+      "requires": {
+        "@volar/vue-language-core": "0.40.13",
+        "@volar/vue-typescript": "0.40.13"
+      }
+    },
+    "yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    }
+  }
+}
diff --git a/src-vue/package.json b/src-vue/package.json
new file mode 100644
index 00000000..95f64f11
--- /dev/null
+++ b/src-vue/package.json
@@ -0,0 +1,20 @@
+{
+  "name": "src-vue",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "vue": "^3.2.37"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^3.1.0",
+    "typescript": "^4.6.4",
+    "vite": "^3.1.0",
+    "vue-tsc": "^0.40.4"
+  }
+}
\ No newline at end of file
diff --git a/src-vue/public/vite.svg b/src-vue/public/vite.svg
new file mode 100644
index 00000000..e7b8dfb1
--- /dev/null
+++ b/src-vue/public/vite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
new file mode 100644
index 00000000..76ebf086
--- /dev/null
+++ b/src-vue/src/App.vue
@@ -0,0 +1,31 @@
+<script setup lang="ts">
+// This starter template is using Vue 3 <script setup> SFCs
+// Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
+import HelloWorld from './components/HelloWorld.vue'
+</script>
+
+<template>
+  <div>
+    <a href="https://vitejs.dev" target="_blank">
+      <img src="/vite.svg" class="logo" alt="Vite logo" />
+    </a>
+    <a href="https://vuejs.org/" target="_blank">
+      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
+    </a>
+  </div>
+  <HelloWorld msg="Vite + Vue" />
+</template>
+
+<style scoped>
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.vue:hover {
+  filter: drop-shadow(0 0 2em #42b883aa);
+}
+</style>
diff --git a/src-vue/src/assets/vue.svg b/src-vue/src/assets/vue.svg
new file mode 100644
index 00000000..770e9d33
--- /dev/null
+++ b/src-vue/src/assets/vue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
\ No newline at end of file
diff --git a/src-vue/src/components/HelloWorld.vue b/src-vue/src/components/HelloWorld.vue
new file mode 100644
index 00000000..52309103
--- /dev/null
+++ b/src-vue/src/components/HelloWorld.vue
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+defineProps<{ msg: string }>()
+
+const count = ref(0)
+</script>
+
+<template>
+  <h1>{{ msg }}</h1>
+
+  <div class="card">
+    <button type="button" @click="count++">count is {{ count }}</button>
+    <p>
+      Edit
+      <code>components/HelloWorld.vue</code> to test HMR
+    </p>
+  </div>
+
+  <p>
+    Check out
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
+      >create-vue</a
+    >, the official Vue + Vite starter
+  </p>
+  <p>
+    Install
+    <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
+    in your IDE for a better DX
+  </p>
+  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
+</template>
+
+<style scoped>
+.read-the-docs {
+  color: #888;
+}
+</style>
diff --git a/src-vue/src/main.ts b/src-vue/src/main.ts
new file mode 100644
index 00000000..2425c0f7
--- /dev/null
+++ b/src-vue/src/main.ts
@@ -0,0 +1,5 @@
+import { createApp } from 'vue'
+import './style.css'
+import App from './App.vue'
+
+createApp(App).mount('#app')
diff --git a/src-vue/src/style.css b/src-vue/src/style.css
new file mode 100644
index 00000000..0192f9aa
--- /dev/null
+++ b/src-vue/src/style.css
@@ -0,0 +1,81 @@
+:root {
+  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-text-size-adjust: 100%;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+  padding: 2em;
+}
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}
diff --git a/src-vue/src/vite-env.d.ts b/src-vue/src/vite-env.d.ts
new file mode 100644
index 00000000..323c78a6
--- /dev/null
+++ b/src-vue/src/vite-env.d.ts
@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
diff --git a/src-vue/tsconfig.json b/src-vue/tsconfig.json
new file mode 100644
index 00000000..d4aefa2c
--- /dev/null
+++ b/src-vue/tsconfig.json
@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": ["ESNext", "DOM"],
+    "skipLibCheck": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}
diff --git a/src-vue/tsconfig.node.json b/src-vue/tsconfig.node.json
new file mode 100644
index 00000000..9d31e2ae
--- /dev/null
+++ b/src-vue/tsconfig.node.json
@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/src-vue/vite.config.ts b/src-vue/vite.config.ts
new file mode 100644
index 00000000..7da61d04
--- /dev/null
+++ b/src-vue/vite.config.ts
@@ -0,0 +1,25 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  // prevent vite from obscuring rust errors
+  clearScreen: false,
+  // Tauri expects a fixed port, fail if that port is not available
+  server: {
+    strictPort: true,
+  },
+  // to make use of `TAURI_PLATFORM`, `TAURI_ARCH`, `TAURI_FAMILY`,
+  // `TAURI_PLATFORM_VERSION`, `TAURI_PLATFORM_TYPE` and `TAURI_DEBUG`
+  // env variables
+  envPrefix: ['VITE_', 'TAURI_'],
+  build: {
+    // Tauri supports es2021
+    target: ['es2021', 'chrome100', 'safari13'],
+    // don't minify for debug builds
+    minify: !process.env.TAURI_DEBUG ? 'esbuild' : false,
+    // produce sourcemaps for debug builds
+    sourcemap: !!process.env.TAURI_DEBUG,
+  },
+  plugins: [vue()]
+})
-- 
cgit v1.2.3


From cb54685f4b95982acb7c13e2158f538a3ce37ec4 Mon Sep 17 00:00:00 2001
From: Remy Raes <contact@remyraes.com>
Date: Thu, 22 Sep 2022 08:26:48 +0200
Subject: build: add element-plus dependency

---
 src-vue/package-lock.json | 361 ++++++++++++++++++++++++++++++++++++++++++++++
 src-vue/package.json      |   3 +-
 2 files changed, 363 insertions(+), 1 deletion(-)

(limited to 'src-vue')

diff --git a/src-vue/package-lock.json b/src-vue/package-lock.json
index 06cfece3..1f142ea8 100644
--- a/src-vue/package-lock.json
+++ b/src-vue/package-lock.json
@@ -8,6 +8,7 @@
       "name": "src-vue",
       "version": "0.0.0",
       "dependencies": {
+        "element-plus": "^2.2.17",
         "vue": "^3.2.37"
       },
       "devDependencies": {
@@ -28,6 +29,22 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@ctrl/tinycolor": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.4.1.tgz",
+      "integrity": "sha512-ej5oVy6lykXsvieQtqZxCOaLT+xD4+QNarq78cIYISHmZXshCvROLudpQN3lfL8G0NL7plMSSK+zlyvCaIJ4Iw==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@element-plus/icons-vue": {
+      "version": "2.0.9",
+      "resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.0.9.tgz",
+      "integrity": "sha512-okdrwiVeKBmW41Hkl0eMrXDjzJwhQMuKiBOu17rOszqM+LS/yBYpNQNV5Jvoh06Wc+89fMmb/uhzf8NZuDuUaQ==",
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
     "node_modules/@esbuild/android-arm": {
       "version": "0.15.8",
       "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.15.8.tgz",
@@ -63,6 +80,47 @@
         "node": ">=12"
       }
     },
+    "node_modules/@floating-ui/core": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.0.1.tgz",
+      "integrity": "sha512-bO37brCPfteXQfFY0DyNDGB3+IMe4j150KFQcgJ5aBP295p9nBGeHEs/p0czrRbtlHq4Px/yoPXO/+dOCcF4uA=="
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.0.2.tgz",
+      "integrity": "sha512-5X9WSvZ8/fjy3gDu8yx9HAA4KG1lazUN2P4/VnaXLxTO9Dz53HI1oYoh1OlhqFNlHgGDiwFX5WhFCc2ljbW3yA==",
+      "dependencies": {
+        "@floating-ui/core": "^1.0.1"
+      }
+    },
+    "node_modules/@popperjs/core": {
+      "name": "@sxzz/popperjs-es",
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
+      "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@types/lodash": {
+      "version": "4.14.185",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.185.tgz",
+      "integrity": "sha512-evMDG1bC4rgQg4ku9tKpuMh5iBNEwNa3tf9zRHdP1qlv+1WUg44xat4IxCE14gIpZRGUUWAx2VhItCZc25NfMA=="
+    },
+    "node_modules/@types/lodash-es": {
+      "version": "4.17.6",
+      "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.6.tgz",
+      "integrity": "sha512-R+zTeVUKDdfoRxpAryaQNRKk3105Rrgx2CFRClIgRGaqDTdjsm8h6IYA8ir584W3ePzkZfst5xIgDwYrlh9HLg==",
+      "dependencies": {
+        "@types/lodash": "*"
+      }
+    },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.15",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.15.tgz",
+      "integrity": "sha512-w7hEHXnPMEZ+4nGKl/KDRVpxkwYxYExuHOYXyzIzCDzEZ9ZCGMAewulr9IqJu2LR4N37fcnb1XVeuZ09qgOxhA=="
+    },
     "node_modules/@vitejs/plugin-vue": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-3.1.0.tgz",
@@ -246,11 +304,129 @@
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.39.tgz",
       "integrity": "sha512-D3dl2ZB9qE6mTuWPk9RlhDeP1dgNRUKC3NJxji74A4yL8M2MwlhLKUC/49WHjrNzSPug58fWx/yFbaTzGAQSBw=="
     },
+    "node_modules/@vueuse/core": {
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.2.0.tgz",
+      "integrity": "sha512-/MZ6qpz6uSyaXrtoeBWQzAKRG3N7CvfVWvQxiM3ei3Xe5ydOjjtVbo7lGl9p8dECV93j7W8s63A8H0kFLpLyxg==",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.15",
+        "@vueuse/metadata": "9.2.0",
+        "@vueuse/shared": "9.2.0",
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/core/node_modules/vue-demi": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
+      "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vueuse/metadata": {
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.2.0.tgz",
+      "integrity": "sha512-exN4KE6iquxDCdt72BgEhb3tlOpECtD61AUdXnUqBTIUCl70x1Ar/QXo3bYcvxmdMS2/peQyfeTzBjRTpvL5xw==",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared": {
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.2.0.tgz",
+      "integrity": "sha512-NnRp/noSWuXW0dKhZK5D0YLrDi0nmZ18UeEgwXQq7Ul5TTP93lcNnKjrHtd68j2xFB/l59yPGFlCryL692bnrA==",
+      "dependencies": {
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared/node_modules/vue-demi": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
+      "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/async-validator": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz",
+      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg=="
+    },
     "node_modules/csstype": {
       "version": "2.6.21",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz",
       "integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w=="
     },
+    "node_modules/dayjs": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.5.tgz",
+      "integrity": "sha512-CAdX5Q3YW3Gclyo5Vpqkgpj8fSdLQcRuzfX6mC6Phy0nfJ0eGYOeS7m4mt2plDWLAtA4TqTakvbboHvUxfe4iA=="
+    },
+    "node_modules/element-plus": {
+      "version": "2.2.17",
+      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.2.17.tgz",
+      "integrity": "sha512-MGwMIE/q+FFD3kgS23x8HIe5043tmD1cTRwjhIX9o6fim1avFnUkrsfYRvybbz4CkyqSb185EheZS5AUPpXh2g==",
+      "dependencies": {
+        "@ctrl/tinycolor": "^3.4.1",
+        "@element-plus/icons-vue": "^2.0.6",
+        "@floating-ui/dom": "^1.0.1",
+        "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
+        "@types/lodash": "^4.14.182",
+        "@types/lodash-es": "^4.17.6",
+        "@vueuse/core": "^9.1.0",
+        "async-validator": "^4.2.5",
+        "dayjs": "^1.11.3",
+        "escape-html": "^1.0.3",
+        "lodash": "^4.17.21",
+        "lodash-es": "^4.17.21",
+        "lodash-unified": "^1.0.2",
+        "memoize-one": "^6.0.0",
+        "normalize-wheel-es": "^1.2.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
     "node_modules/esbuild": {
       "version": "0.15.8",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.8.tgz",
@@ -624,6 +800,11 @@
         "node": ">=12"
       }
     },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
+    },
     "node_modules/estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
@@ -673,6 +854,26 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
+    "node_modules/lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+    },
+    "node_modules/lodash-unified": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/lodash-unified/-/lodash-unified-1.0.2.tgz",
+      "integrity": "sha512-OGbEy+1P+UT26CYi4opY4gebD8cWRDxAT6MAObIVQMiqYdxZr1g3QHWCToVsm31x2NkLS4K3+MC2qInaRMa39g==",
+      "peerDependencies": {
+        "@types/lodash-es": "*",
+        "lodash": "*",
+        "lodash-es": "*"
+      }
+    },
     "node_modules/lru-cache": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
@@ -693,6 +894,11 @@
         "sourcemap-codec": "^1.4.8"
       }
     },
+    "node_modules/memoize-one": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
+      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="
+    },
     "node_modules/nanoid": {
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
@@ -704,6 +910,11 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
+    "node_modules/normalize-wheel-es": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz",
+      "integrity": "sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw=="
+    },
     "node_modules/path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
@@ -913,6 +1124,17 @@
       "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.19.1.tgz",
       "integrity": "sha512-h7RCSorm1DdTVGJf3P2Mhj3kdnkmF/EiysUkzS2TdgAYqyjFdMQJbVuXOBej2SBJaXan/lIVtT6KkGbyyq753A=="
     },
+    "@ctrl/tinycolor": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.4.1.tgz",
+      "integrity": "sha512-ej5oVy6lykXsvieQtqZxCOaLT+xD4+QNarq78cIYISHmZXshCvROLudpQN3lfL8G0NL7plMSSK+zlyvCaIJ4Iw=="
+    },
+    "@element-plus/icons-vue": {
+      "version": "2.0.9",
+      "resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.0.9.tgz",
+      "integrity": "sha512-okdrwiVeKBmW41Hkl0eMrXDjzJwhQMuKiBOu17rOszqM+LS/yBYpNQNV5Jvoh06Wc+89fMmb/uhzf8NZuDuUaQ==",
+      "requires": {}
+    },
     "@esbuild/android-arm": {
       "version": "0.15.8",
       "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.15.8.tgz",
@@ -930,6 +1152,42 @@
       "dev": true,
       "optional": true
     },
+    "@floating-ui/core": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.0.1.tgz",
+      "integrity": "sha512-bO37brCPfteXQfFY0DyNDGB3+IMe4j150KFQcgJ5aBP295p9nBGeHEs/p0czrRbtlHq4Px/yoPXO/+dOCcF4uA=="
+    },
+    "@floating-ui/dom": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.0.2.tgz",
+      "integrity": "sha512-5X9WSvZ8/fjy3gDu8yx9HAA4KG1lazUN2P4/VnaXLxTO9Dz53HI1oYoh1OlhqFNlHgGDiwFX5WhFCc2ljbW3yA==",
+      "requires": {
+        "@floating-ui/core": "^1.0.1"
+      }
+    },
+    "@popperjs/core": {
+      "version": "npm:@sxzz/popperjs-es@2.11.7",
+      "resolved": "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
+      "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
+    },
+    "@types/lodash": {
+      "version": "4.14.185",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.185.tgz",
+      "integrity": "sha512-evMDG1bC4rgQg4ku9tKpuMh5iBNEwNa3tf9zRHdP1qlv+1WUg44xat4IxCE14gIpZRGUUWAx2VhItCZc25NfMA=="
+    },
+    "@types/lodash-es": {
+      "version": "4.17.6",
+      "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.6.tgz",
+      "integrity": "sha512-R+zTeVUKDdfoRxpAryaQNRKk3105Rrgx2CFRClIgRGaqDTdjsm8h6IYA8ir584W3ePzkZfst5xIgDwYrlh9HLg==",
+      "requires": {
+        "@types/lodash": "*"
+      }
+    },
+    "@types/web-bluetooth": {
+      "version": "0.0.15",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.15.tgz",
+      "integrity": "sha512-w7hEHXnPMEZ+4nGKl/KDRVpxkwYxYExuHOYXyzIzCDzEZ9ZCGMAewulr9IqJu2LR4N37fcnb1XVeuZ09qgOxhA=="
+    },
     "@vitejs/plugin-vue": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-3.1.0.tgz",
@@ -1106,11 +1364,83 @@
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.39.tgz",
       "integrity": "sha512-D3dl2ZB9qE6mTuWPk9RlhDeP1dgNRUKC3NJxji74A4yL8M2MwlhLKUC/49WHjrNzSPug58fWx/yFbaTzGAQSBw=="
     },
+    "@vueuse/core": {
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.2.0.tgz",
+      "integrity": "sha512-/MZ6qpz6uSyaXrtoeBWQzAKRG3N7CvfVWvQxiM3ei3Xe5ydOjjtVbo7lGl9p8dECV93j7W8s63A8H0kFLpLyxg==",
+      "requires": {
+        "@types/web-bluetooth": "^0.0.15",
+        "@vueuse/metadata": "9.2.0",
+        "@vueuse/shared": "9.2.0",
+        "vue-demi": "*"
+      },
+      "dependencies": {
+        "vue-demi": {
+          "version": "0.13.11",
+          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
+          "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
+          "requires": {}
+        }
+      }
+    },
+    "@vueuse/metadata": {
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.2.0.tgz",
+      "integrity": "sha512-exN4KE6iquxDCdt72BgEhb3tlOpECtD61AUdXnUqBTIUCl70x1Ar/QXo3bYcvxmdMS2/peQyfeTzBjRTpvL5xw=="
+    },
+    "@vueuse/shared": {
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.2.0.tgz",
+      "integrity": "sha512-NnRp/noSWuXW0dKhZK5D0YLrDi0nmZ18UeEgwXQq7Ul5TTP93lcNnKjrHtd68j2xFB/l59yPGFlCryL692bnrA==",
+      "requires": {
+        "vue-demi": "*"
+      },
+      "dependencies": {
+        "vue-demi": {
+          "version": "0.13.11",
+          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
+          "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
+          "requires": {}
+        }
+      }
+    },
+    "async-validator": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz",
+      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg=="
+    },
     "csstype": {
       "version": "2.6.21",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz",
       "integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w=="
     },
+    "dayjs": {
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.5.tgz",
+      "integrity": "sha512-CAdX5Q3YW3Gclyo5Vpqkgpj8fSdLQcRuzfX6mC6Phy0nfJ0eGYOeS7m4mt2plDWLAtA4TqTakvbboHvUxfe4iA=="
+    },
+    "element-plus": {
+      "version": "2.2.17",
+      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.2.17.tgz",
+      "integrity": "sha512-MGwMIE/q+FFD3kgS23x8HIe5043tmD1cTRwjhIX9o6fim1avFnUkrsfYRvybbz4CkyqSb185EheZS5AUPpXh2g==",
+      "requires": {
+        "@ctrl/tinycolor": "^3.4.1",
+        "@element-plus/icons-vue": "^2.0.6",
+        "@floating-ui/dom": "^1.0.1",
+        "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
+        "@types/lodash": "^4.14.182",
+        "@types/lodash-es": "^4.17.6",
+        "@vueuse/core": "^9.1.0",
+        "async-validator": "^4.2.5",
+        "dayjs": "^1.11.3",
+        "escape-html": "^1.0.3",
+        "lodash": "^4.17.21",
+        "lodash-es": "^4.17.21",
+        "lodash-unified": "^1.0.2",
+        "memoize-one": "^6.0.0",
+        "normalize-wheel-es": "^1.2.0"
+      }
+    },
     "esbuild": {
       "version": "0.15.8",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.8.tgz",
@@ -1291,6 +1621,11 @@
       "dev": true,
       "optional": true
     },
+    "escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
+    },
     "estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
@@ -1327,6 +1662,22 @@
         "has": "^1.0.3"
       }
     },
+    "lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
+    "lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+    },
+    "lodash-unified": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/lodash-unified/-/lodash-unified-1.0.2.tgz",
+      "integrity": "sha512-OGbEy+1P+UT26CYi4opY4gebD8cWRDxAT6MAObIVQMiqYdxZr1g3QHWCToVsm31x2NkLS4K3+MC2qInaRMa39g==",
+      "requires": {}
+    },
     "lru-cache": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
@@ -1344,11 +1695,21 @@
         "sourcemap-codec": "^1.4.8"
       }
     },
+    "memoize-one": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
+      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="
+    },
     "nanoid": {
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
       "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw=="
     },
+    "normalize-wheel-es": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz",
+      "integrity": "sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw=="
+    },
     "path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
diff --git a/src-vue/package.json b/src-vue/package.json
index 95f64f11..a60f5ca6 100644
--- a/src-vue/package.json
+++ b/src-vue/package.json
@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "element-plus": "^2.2.17",
     "vue": "^3.2.37"
   },
   "devDependencies": {
@@ -17,4 +18,4 @@
     "vite": "^3.1.0",
     "vue-tsc": "^0.40.4"
   }
-}
\ No newline at end of file
+}
-- 
cgit v1.2.3


From 39679a4b9e95f5dae0b72d3379ddcdccd3a892d5 Mon Sep 17 00:00:00 2001
From: Remy Raes <contact@remyraes.com>
Date: Thu, 22 Sep 2022 08:28:50 +0200
Subject: build: import element plugin into Vue

---
 src-vue/src/main.ts | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/main.ts b/src-vue/src/main.ts
index 2425c0f7..4a4e8745 100644
--- a/src-vue/src/main.ts
+++ b/src-vue/src/main.ts
@@ -1,5 +1,11 @@
 import { createApp } from 'vue'
-import './style.css'
 import App from './App.vue'
+import ElementPlus from "element-plus";
 
-createApp(App).mount('#app')
+// styles
+import 'element-plus/theme-chalk/index.css';
+// import './style.css'
+
+const app = createApp(App);
+app.use(ElementPlus);
+app.mount('#app')
-- 
cgit v1.2.3


From 41cf93b7121fe2bd83a5428ebd20ace5beb60866 Mon Sep 17 00:00:00 2001
From: Remy Raes <contact@remyraes.com>
Date: Thu, 22 Sep 2022 08:29:14 +0200
Subject: feat: add basic layout

---
 src-vue/src/App.vue | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index 76ebf086..97c8ea20 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -5,15 +5,13 @@ import HelloWorld from './components/HelloWorld.vue'
 </script>
 
 <template>
-  <div>
-    <a href="https://vitejs.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-    </a>
+  <div class="common-layout">
+    <el-container>
+      <el-header>Header</el-header>
+      <el-main>Main</el-main>
+    </el-container>
   </div>
-  <HelloWorld msg="Vite + Vue" />
+  <!-- <HelloWorld msg="Vite + Vue" /> -->
 </template>
 
 <style scoped>
-- 
cgit v1.2.3


From 3ab7ade87ba7fb7e6f8bb2184f707e2afa979a75 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Thu, 22 Sep 2022 23:04:26 +0200
Subject: refactor: remove HelloWorld vue component

---
 src-vue/src/App.vue                   | 15 --------------
 src-vue/src/components/HelloWorld.vue | 38 -----------------------------------
 2 files changed, 53 deletions(-)
 delete mode 100644 src-vue/src/components/HelloWorld.vue

(limited to 'src-vue')

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index 97c8ea20..68cb43ee 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -1,7 +1,4 @@
 <script setup lang="ts">
-// This starter template is using Vue 3 <script setup> SFCs
-// Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
-import HelloWorld from './components/HelloWorld.vue'
 </script>
 
 <template>
@@ -11,19 +8,7 @@ import HelloWorld from './components/HelloWorld.vue'
       <el-main>Main</el-main>
     </el-container>
   </div>
-  <!-- <HelloWorld msg="Vite + Vue" /> -->
 </template>
 
 <style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
 </style>
diff --git a/src-vue/src/components/HelloWorld.vue b/src-vue/src/components/HelloWorld.vue
deleted file mode 100644
index 52309103..00000000
--- a/src-vue/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-
-defineProps<{ msg: string }>()
-
-const count = ref(0)
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Install
-    <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
-    in your IDE for a better DX
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>
-- 
cgit v1.2.3


From b93afb828c341f883813c78650fdfee96d0fa907 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Fri, 23 Sep 2022 00:43:12 +0200
Subject: feat: add basic tabs

---
 src-vue/src/App.vue | 39 ++++++++++++++++++++++++++++++++-------
 1 file changed, 32 insertions(+), 7 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index 68cb43ee..cfb60b52 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -2,13 +2,38 @@
 </script>
 
 <template>
-  <div class="common-layout">
-    <el-container>
-      <el-header>Header</el-header>
-      <el-main>Main</el-main>
-    </el-container>
-  </div>
+  <el-tabs class="fc_menu__tabs" type="card">
+    <el-tab-pane label="Play">Play</el-tab-pane>
+    <el-tab-pane label="Changelog">Changelog</el-tab-pane>
+    <el-tab-pane label="Mods">Mods</el-tab-pane>
+    <el-tab-pane label="Settings">Settings</el-tab-pane>
+  </el-tabs>
 </template>
 
-<style scoped>
+<style>
+/* Borders reset */
+.fc_menu__tabs .el-tabs__nav, .fc_menu__tabs .el-tabs__header {
+  border: none !important;
+}
+
+/* Header item */
+.fc_menu__tabs .el-tabs__item {
+  color: #898b8e;
+  text-transform: uppercase;
+  border: none !important;
+}
+
+.fc_menu__tabs .el-tabs__item:hover {
+  color: #c6c9ce;
+}
+
+.fc_menu__tabs .is-active {
+  color: white !important;
+}
+
+/* Header menu */
+.fc_menu__tabs .el-tabs__header {
+  background-color: #3c4549;
+}
+
 </style>
-- 
cgit v1.2.3


From fe73ffe116b0357d6688dc01c5658baf36ee557c Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Fri, 23 Sep 2022 00:46:31 +0200
Subject: feat: import back main CSS stylesheet

---
 src-vue/src/main.ts   |  2 +-
 src-vue/src/style.css | 80 +--------------------------------------------------
 2 files changed, 2 insertions(+), 80 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/main.ts b/src-vue/src/main.ts
index 4a4e8745..a2d297be 100644
--- a/src-vue/src/main.ts
+++ b/src-vue/src/main.ts
@@ -4,7 +4,7 @@ import ElementPlus from "element-plus";
 
 // styles
 import 'element-plus/theme-chalk/index.css';
-// import './style.css'
+import './style.css'
 
 const app = createApp(App);
 app.use(ElementPlus);
diff --git a/src-vue/src/style.css b/src-vue/src/style.css
index 0192f9aa..60925395 100644
--- a/src-vue/src/style.css
+++ b/src-vue/src/style.css
@@ -1,81 +1,3 @@
-:root {
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  font-size: 16px;
-  line-height: 24px;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-text-size-adjust: 100%;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
 body {
   margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-.card {
-  padding: 2em;
-}
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}
+}
\ No newline at end of file
-- 
cgit v1.2.3


From efcb9bb65295f331f321851a4b256af6159df8b8 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Fri, 23 Sep 2022 01:00:09 +0200
Subject: feat: add some style to tabs

---
 src-vue/src/App.vue | 5 +++++
 1 file changed, 5 insertions(+)

(limited to 'src-vue')

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index cfb60b52..59064467 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -21,6 +21,10 @@
   color: #898b8e;
   text-transform: uppercase;
   border: none !important;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
+  font-weight: bold;
+  font-size: large;
+  margin: 10px 0;
 }
 
 .fc_menu__tabs .el-tabs__item:hover {
@@ -34,6 +38,7 @@
 /* Header menu */
 .fc_menu__tabs .el-tabs__header {
   background-color: #3c4549;
+  height: auto !important;
 }
 
 </style>
-- 
cgit v1.2.3


From c08f55039c80cbe84e2bfe50262d596b05f22fc4 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Fri, 23 Sep 2022 01:46:36 +0200
Subject: feat: add a container to display background images

---
 src-vue/src/App.vue                                 |   3 ++-
 src-vue/src/assets/wallpaperflare.com_wallpaper.jpg | Bin 0 -> 586994 bytes
 src-vue/src/style.css                               |   9 +++++++++
 3 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 src-vue/src/assets/wallpaperflare.com_wallpaper.jpg

(limited to 'src-vue')

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index 59064467..7022e5e0 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -2,6 +2,7 @@
 </script>
 
 <template>
+  <div id="fc_bg__container"/>
   <el-tabs class="fc_menu__tabs" type="card">
     <el-tab-pane label="Play">Play</el-tab-pane>
     <el-tab-pane label="Changelog">Changelog</el-tab-pane>
@@ -37,7 +38,7 @@
 
 /* Header menu */
 .fc_menu__tabs .el-tabs__header {
-  background-color: #3c4549;
+  background-color: #3c4549b8;
   height: auto !important;
 }
 
diff --git a/src-vue/src/assets/wallpaperflare.com_wallpaper.jpg b/src-vue/src/assets/wallpaperflare.com_wallpaper.jpg
new file mode 100644
index 00000000..74a840cd
Binary files /dev/null and b/src-vue/src/assets/wallpaperflare.com_wallpaper.jpg differ
diff --git a/src-vue/src/style.css b/src-vue/src/style.css
index 60925395..c34981a8 100644
--- a/src-vue/src/style.css
+++ b/src-vue/src/style.css
@@ -1,3 +1,12 @@
 body {
   margin: 0;
+}
+
+#fc_bg__container {
+  background: url(/src/assets/wallpaperflare.com_wallpaper.jpg) center no-repeat;
+  background-size: cover;
+  height: 100%;
+  width: 100%;
+  position: fixed;
+  filter: brightness(0.8);
 }
\ No newline at end of file
-- 
cgit v1.2.3


From 3c4324e4fa8beb4ff6cf6ce29c6026cf77e6dc9c Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Fri, 23 Sep 2022 01:53:45 +0200
Subject: feat: update tabs header style

---
 src-vue/src/App.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index 7022e5e0..f3f63e64 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -19,7 +19,7 @@
 
 /* Header item */
 .fc_menu__tabs .el-tabs__item {
-  color: #898b8e;
+  color: #b4b6b9;
   text-transform: uppercase;
   border: none !important;
   font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
@@ -38,7 +38,8 @@
 
 /* Header menu */
 .fc_menu__tabs .el-tabs__header {
-  background-color: #3c4549b8;
+  background-image: radial-gradient(transparent 1px);
+  backdrop-filter: saturate(50%) blur(4px);
   height: auto !important;
 }
 
-- 
cgit v1.2.3


From eef89e3c011a41a81056806c24005ebe1a2960b6 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Fri, 23 Sep 2022 16:39:47 +0200
Subject: feat: apply same font to all texts

---
 src-vue/src/style.css | 1 +
 1 file changed, 1 insertion(+)

(limited to 'src-vue')

diff --git a/src-vue/src/style.css b/src-vue/src/style.css
index c34981a8..d63c1631 100644
--- a/src-vue/src/style.css
+++ b/src-vue/src/style.css
@@ -1,5 +1,6 @@
 body {
   margin: 0;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
 }
 
 #fc_bg__container {
-- 
cgit v1.2.3


From 919ce45c832f421dc90432962aad09c8d608cddf Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Fri, 23 Sep 2022 17:16:02 +0200
Subject: feat: add PlayView component

---
 src-vue/src/App.vue            |  3 ++-
 src-vue/src/views/PlayView.vue | 45 ++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 47 insertions(+), 1 deletion(-)
 create mode 100644 src-vue/src/views/PlayView.vue

(limited to 'src-vue')

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index f3f63e64..dcb9aa47 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
+import PlayView from './views/PlayView.vue';
 </script>
 
 <template>
   <div id="fc_bg__container"/>
   <el-tabs class="fc_menu__tabs" type="card">
-    <el-tab-pane label="Play">Play</el-tab-pane>
+    <el-tab-pane label="Play"><PlayView /></el-tab-pane>
     <el-tab-pane label="Changelog">Changelog</el-tab-pane>
     <el-tab-pane label="Mods">Mods</el-tab-pane>
     <el-tab-pane label="Settings">Settings</el-tab-pane>
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
new file mode 100644
index 00000000..6731cfbd
--- /dev/null
+++ b/src-vue/src/views/PlayView.vue
@@ -0,0 +1,45 @@
+<script setup lang="ts">
+</script>
+
+<template>
+    <div class="fc_launch__container">
+        <div class="fc_title">Northstar</div>
+        <div class="fc_subtitle">Last updated: 23-09-2022 14:46</div>
+        <el-button type="primary" size="large">Launch game</el-button>
+        <el-button class="run__server" size="large">Run server</el-button>
+    </div>
+</template>
+
+<style scoped>
+.fc_launch__container {
+    margin: 50px;
+    position: fixed;
+    bottom: 0;
+}
+
+/* Buttons */
+button {
+    text-transform: uppercase;
+    border-radius: 2px;
+    padding: 30px;
+    font-size: 15px;
+}
+
+.run__server {
+    background-color: #6a6a6a75;
+    border: none;
+    color: white;
+}
+
+/* Titles */
+.fc_title {
+    color: white;
+    font-size: 50px;
+    font-weight: bold;
+}
+
+.fc_subtitle {
+    color: rgb(168, 168, 168);
+    margin-bottom: 20px;
+}
+</style>
\ No newline at end of file
-- 
cgit v1.2.3


From 21784ec3d747000c18b529b6569e1d6941a0c338 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Fri, 23 Sep 2022 18:02:43 +0200
Subject: build: add element-plus-icons dependency

---
 src-vue/package-lock.json | 1 +
 src-vue/package.json      | 1 +
 src-vue/src/main.ts       | 8 ++++++++
 3 files changed, 10 insertions(+)

(limited to 'src-vue')

diff --git a/src-vue/package-lock.json b/src-vue/package-lock.json
index 1f142ea8..589cf98f 100644
--- a/src-vue/package-lock.json
+++ b/src-vue/package-lock.json
@@ -8,6 +8,7 @@
       "name": "src-vue",
       "version": "0.0.0",
       "dependencies": {
+        "@element-plus/icons-vue": "^2.0.9",
         "element-plus": "^2.2.17",
         "vue": "^3.2.37"
       },
diff --git a/src-vue/package.json b/src-vue/package.json
index a60f5ca6..43c19a1e 100644
--- a/src-vue/package.json
+++ b/src-vue/package.json
@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@element-plus/icons-vue": "^2.0.9",
     "element-plus": "^2.2.17",
     "vue": "^3.2.37"
   },
diff --git a/src-vue/src/main.ts b/src-vue/src/main.ts
index a2d297be..048f8f30 100644
--- a/src-vue/src/main.ts
+++ b/src-vue/src/main.ts
@@ -1,6 +1,8 @@
 import { createApp } from 'vue'
 import App from './App.vue'
 import ElementPlus from "element-plus";
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+
 
 // styles
 import 'element-plus/theme-chalk/index.css';
@@ -8,4 +10,10 @@ import './style.css'
 
 const app = createApp(App);
 app.use(ElementPlus);
+
+// icons
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+    app.component(key, component);
+}
+
 app.mount('#app')
-- 
cgit v1.2.3


From 614c305a03b3cb7ea9e0cbe980d66a1129dcca4b Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Fri, 23 Sep 2022 18:03:07 +0200
Subject: feat: add window control buttons

---
 src-vue/src/App.vue   | 25 +++++++++++++++++++++++++
 src-vue/src/style.css |  1 +
 2 files changed, 26 insertions(+)

(limited to 'src-vue')

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index dcb9aa47..4fb6f0ce 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -10,6 +10,10 @@ import PlayView from './views/PlayView.vue';
     <el-tab-pane label="Mods">Mods</el-tab-pane>
     <el-tab-pane label="Settings">Settings</el-tab-pane>
   </el-tabs>
+  <div id="fc_window__controls">
+    <el-button color="white" icon="SemiSelect" circle />
+    <el-button color="white" icon="CloseBold" circle />
+  </div>
 </template>
 
 <style>
@@ -44,4 +48,25 @@ import PlayView from './views/PlayView.vue';
   height: auto !important;
 }
 
+/* Window controls */
+#fc_window__controls {
+  display: flex;
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: var(--el-tabs-header-height);
+}
+
+#fc_window__controls > button {
+  color: white;
+  font-size: 20px;
+  margin: auto 5px;
+  background: none;
+  border: none;
+}
+
+#fc_window__controls > button:last-of-type {
+  margin-right: 20px;
+}
+
 </style>
diff --git a/src-vue/src/style.css b/src-vue/src/style.css
index d63c1631..b3c0e4a7 100644
--- a/src-vue/src/style.css
+++ b/src-vue/src/style.css
@@ -1,6 +1,7 @@
 body {
   margin: 0;
   font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
+  --el-tabs-header-height: 60px;
 }
 
 #fc_bg__container {
-- 
cgit v1.2.3


From c92194127049904421646b0df84788d6f533a844 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Fri, 23 Sep 2022 18:11:58 +0200
Subject: feat: add additional styles for window control buttons

---
 src-vue/src/App.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

(limited to 'src-vue')

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index 4fb6f0ce..e0f6741b 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -65,6 +65,14 @@ import PlayView from './views/PlayView.vue';
   border: none;
 }
 
+#fc_window__controls > button:hover {
+  color: #c6c9ce;
+}
+
+#fc_window__controls > button:active {
+  color: #56585a;
+}
+
 #fc_window__controls > button:last-of-type {
   margin-right: 20px;
 }
-- 
cgit v1.2.3


From d3a14be58d2f980cb7a4d625d9ce479cfaa5af2f Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Fri, 23 Sep 2022 18:19:39 +0200
Subject: feat: window buttons can minimize and close it

---
 src-vue/src/App.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index e0f6741b..d179c462 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import PlayView from './views/PlayView.vue';
+import { appWindow } from '@tauri-apps/api/window';
 </script>
 
 <template>
@@ -11,8 +12,8 @@ import PlayView from './views/PlayView.vue';
     <el-tab-pane label="Settings">Settings</el-tab-pane>
   </el-tabs>
   <div id="fc_window__controls">
-    <el-button color="white" icon="SemiSelect" circle />
-    <el-button color="white" icon="CloseBold" circle />
+    <el-button color="white" icon="SemiSelect" @click="appWindow.minimize()" circle />
+    <el-button color="white" icon="CloseBold" @click="appWindow.close()" circle />
   </div>
 </template>
 
@@ -74,7 +75,7 @@ import PlayView from './views/PlayView.vue';
 }
 
 #fc_window__controls > button:last-of-type {
-  margin-right: 20px;
+  margin-right: 15px;
 }
 
 </style>
-- 
cgit v1.2.3


From 69a68d88e20897199ee0c914d5708609bb42d6de Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Fri, 23 Sep 2022 18:45:18 +0200
Subject: feat: window can be dragged through dragging app background

---
 src-vue/src/App.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src-vue')

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index d179c462..de48fa04 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -4,7 +4,7 @@ import { appWindow } from '@tauri-apps/api/window';
 </script>
 
 <template>
-  <div id="fc_bg__container"/>
+  <div id="fc_bg__container" data-tauri-drag-region />
   <el-tabs class="fc_menu__tabs" type="card">
     <el-tab-pane label="Play"><PlayView /></el-tab-pane>
     <el-tab-pane label="Changelog">Changelog</el-tab-pane>
-- 
cgit v1.2.3


From e67c3a1a455c087cd712490cfbb9a40a5e44991d Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sat, 24 Sep 2022 01:38:38 +0200
Subject: refactor: hide mods section (for now)

---
 src-vue/src/App.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src-vue')

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index de48fa04..70afd62c 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -8,7 +8,7 @@ import { appWindow } from '@tauri-apps/api/window';
   <el-tabs class="fc_menu__tabs" type="card">
     <el-tab-pane label="Play"><PlayView /></el-tab-pane>
     <el-tab-pane label="Changelog">Changelog</el-tab-pane>
-    <el-tab-pane label="Mods">Mods</el-tab-pane>
+    <!-- <el-tab-pane label="Mods">Mods</el-tab-pane> -->
     <el-tab-pane label="Settings">Settings</el-tab-pane>
   </el-tabs>
   <div id="fc_window__controls">
-- 
cgit v1.2.3


From b17300f3b30e149226be3787c9637425178e0ba4 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sat, 24 Sep 2022 11:10:21 +0200
Subject: refactor: remove "run server" button

---
 src-vue/src/views/PlayView.vue | 7 -------
 1 file changed, 7 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
index 6731cfbd..116d3649 100644
--- a/src-vue/src/views/PlayView.vue
+++ b/src-vue/src/views/PlayView.vue
@@ -6,7 +6,6 @@
         <div class="fc_title">Northstar</div>
         <div class="fc_subtitle">Last updated: 23-09-2022 14:46</div>
         <el-button type="primary" size="large">Launch game</el-button>
-        <el-button class="run__server" size="large">Run server</el-button>
     </div>
 </template>
 
@@ -25,12 +24,6 @@ button {
     font-size: 15px;
 }
 
-.run__server {
-    background-color: #6a6a6a75;
-    border: none;
-    color: white;
-}
-
 /* Titles */
 .fc_title {
     color: white;
-- 
cgit v1.2.3


From d4b55ae95a83f92581296ce0c54e8be62e33bbcc Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sat, 24 Sep 2022 12:13:35 +0200
Subject: build: add vuex dependency

---
 src-vue/package-lock.json | 32 +++++++++++++++++++++++++++++++-
 src-vue/package.json      |  3 ++-
 2 files changed, 33 insertions(+), 2 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/package-lock.json b/src-vue/package-lock.json
index 589cf98f..1c2d8d0c 100644
--- a/src-vue/package-lock.json
+++ b/src-vue/package-lock.json
@@ -10,7 +10,8 @@
       "dependencies": {
         "@element-plus/icons-vue": "^2.0.9",
         "element-plus": "^2.2.17",
-        "vue": "^3.2.37"
+        "vue": "^3.2.37",
+        "vuex": "^4.0.2"
       },
       "devDependencies": {
         "@vitejs/plugin-vue": "^3.1.0",
@@ -249,6 +250,11 @@
         "@vue/shared": "3.2.39"
       }
     },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.2.1.tgz",
+      "integrity": "sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ=="
+    },
     "node_modules/@vue/reactivity": {
       "version": "3.2.39",
       "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.39.tgz",
@@ -1112,6 +1118,17 @@
         "typescript": "*"
       }
     },
+    "node_modules/vuex": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/vuex/-/vuex-4.0.2.tgz",
+      "integrity": "sha512-M6r8uxELjZIK8kTKDGgZTYX/ahzblnzC4isU1tpmEuOIIKmV+TRdc+H4s8ds2NuZ7wpUTdGRzJRtoj+lI+pc0Q==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.0.0-beta.11"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.2"
+      }
+    },
     "node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
@@ -1312,6 +1329,11 @@
         "@vue/shared": "3.2.39"
       }
     },
+    "@vue/devtools-api": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.2.1.tgz",
+      "integrity": "sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ=="
+    },
     "@vue/reactivity": {
       "version": "3.2.39",
       "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.39.tgz",
@@ -1823,6 +1845,14 @@
         "@volar/vue-typescript": "0.40.13"
       }
     },
+    "vuex": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/vuex/-/vuex-4.0.2.tgz",
+      "integrity": "sha512-M6r8uxELjZIK8kTKDGgZTYX/ahzblnzC4isU1tpmEuOIIKmV+TRdc+H4s8ds2NuZ7wpUTdGRzJRtoj+lI+pc0Q==",
+      "requires": {
+        "@vue/devtools-api": "^6.0.0-beta.11"
+      }
+    },
     "yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
diff --git a/src-vue/package.json b/src-vue/package.json
index 43c19a1e..78d7093b 100644
--- a/src-vue/package.json
+++ b/src-vue/package.json
@@ -11,7 +11,8 @@
   "dependencies": {
     "@element-plus/icons-vue": "^2.0.9",
     "element-plus": "^2.2.17",
-    "vue": "^3.2.37"
+    "vue": "^3.2.37",
+    "vuex": "^4.0.2"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^3.1.0",
-- 
cgit v1.2.3


From e1271d73a67ecc711838e8e8c37bd20d9fe019fc Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sat, 24 Sep 2022 12:13:54 +0200
Subject: feat: use a store for application state

---
 src-vue/src/main.ts            |  4 ++++
 src-vue/src/plugins/store.ts   | 10 ++++++++++
 src-vue/src/views/PlayView.vue |  4 ++--
 3 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 src-vue/src/plugins/store.ts

(limited to 'src-vue')

diff --git a/src-vue/src/main.ts b/src-vue/src/main.ts
index 048f8f30..d13ef719 100644
--- a/src-vue/src/main.ts
+++ b/src-vue/src/main.ts
@@ -7,6 +7,7 @@ import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 // styles
 import 'element-plus/theme-chalk/index.css';
 import './style.css'
+import { store } from './plugins/store';
 
 const app = createApp(App);
 app.use(ElementPlus);
@@ -16,4 +17,7 @@ for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
     app.component(key, component);
 }
 
+// style
+app.use( store );
+
 app.mount('#app')
diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
new file mode 100644
index 00000000..94464e3c
--- /dev/null
+++ b/src-vue/src/plugins/store.ts
@@ -0,0 +1,10 @@
+import { createStore } from 'vuex';
+
+export const store = createStore({
+    state () {
+      return {
+        installed_northstar_version: "1.9.7"
+      }
+    },
+    mutations: {}
+});
\ No newline at end of file
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
index 116d3649..4104f0ac 100644
--- a/src-vue/src/views/PlayView.vue
+++ b/src-vue/src/views/PlayView.vue
@@ -4,7 +4,7 @@
 <template>
     <div class="fc_launch__container">
         <div class="fc_title">Northstar</div>
-        <div class="fc_subtitle">Last updated: 23-09-2022 14:46</div>
+        <div class="fc_northstar__version">v{{ $store.state.installed_northstar_version }}</div>
         <el-button type="primary" size="large">Launch game</el-button>
     </div>
 </template>
@@ -31,7 +31,7 @@ button {
     font-weight: bold;
 }
 
-.fc_subtitle {
+.fc_northstar__version {
     color: rgb(168, 168, 168);
     margin-bottom: 20px;
 }
-- 
cgit v1.2.3


From 9635801759facbfdc3c033f70a64ae4635be19f6 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sat, 24 Sep 2022 13:02:12 +0200
Subject: feat: listen to origin/northstar events

---
 src-vue/src/App.vue          | 15 ++++++++++++++-
 src-vue/src/plugins/store.ts | 26 +++++++++++++++++++++++---
 2 files changed, 37 insertions(+), 4 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index 70afd62c..06499058 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -1,6 +1,19 @@
-<script setup lang="ts">
+<script lang="ts">
 import PlayView from './views/PlayView.vue';
 import { appWindow } from '@tauri-apps/api/window';
+import { store } from './plugins/store';
+
+export default {
+  components: {
+    PlayView
+  },
+  data() {
+    return {}
+  },
+  mounted: () => {
+    store.commit('initializeListeners');
+  }
+}
 </script>
 
 <template>
diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 94464e3c..551f279e 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -1,10 +1,30 @@
 import { createStore } from 'vuex';
+import { listen, Event as TauriEvent } from "@tauri-apps/api/event";
 
 export const store = createStore({
     state () {
       return {
-        installed_northstar_version: "1.9.7"
+        installed_northstar_version: "1.9.7",
+
+        northstar_is_running: false,
+        origin_is_running: false
       }
     },
-    mutations: {}
-});
\ No newline at end of file
+    mutations: {
+        initializeListeners(state) {
+            _initializeListeners(state);
+        }
+    }
+});
+
+function _initializeListeners(state: any) {
+    listen("origin-running-ping", function (evt: TauriEvent<any>) {
+        state.origin_is_running = evt.payload as boolean;
+        console.log(`Origin is running: ${evt.payload}`);
+    });
+
+    listen("northstar-running-ping", function (evt: TauriEvent<any>) {
+        state.northstar_is_running = evt.payload as boolean;
+        console.log(`Northstar is running: ${evt.payload}`);
+    });
+}
\ No newline at end of file
-- 
cgit v1.2.3


From f63550c030237729556be053750a52c033cd5926 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sat, 24 Sep 2022 17:28:19 +0200
Subject: fix: restore window controls

---
 src-vue/src/App.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index 06499058..239aa256 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -12,6 +12,14 @@ export default {
   },
   mounted: () => {
     store.commit('initializeListeners');
+  },
+  methods: {
+    minimize() {
+      appWindow.minimize()
+    },
+    close() {
+      appWindow.close()
+    }
   }
 }
 </script>
@@ -25,8 +33,8 @@ export default {
     <el-tab-pane label="Settings">Settings</el-tab-pane>
   </el-tabs>
   <div id="fc_window__controls">
-    <el-button color="white" icon="SemiSelect" @click="appWindow.minimize()" circle />
-    <el-button color="white" icon="CloseBold" @click="appWindow.close()" circle />
+    <el-button color="white" icon="SemiSelect" @click="minimize" circle />
+    <el-button color="white" icon="CloseBold" @click="close" circle />
   </div>
 </template>
 
-- 
cgit v1.2.3


From 475fc7ceda3ff1fb28e54db96182fd921e1b11a5 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sat, 24 Sep 2022 17:53:33 +0200
Subject: feat: add developer_mode variable

---
 src-vue/src/App.vue          | 1 +
 src-vue/src/plugins/store.ts | 5 +++++
 2 files changed, 6 insertions(+)

(limited to 'src-vue')

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index 239aa256..c8069bca 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -31,6 +31,7 @@ export default {
     <el-tab-pane label="Changelog">Changelog</el-tab-pane>
     <!-- <el-tab-pane label="Mods">Mods</el-tab-pane> -->
     <el-tab-pane label="Settings">Settings</el-tab-pane>
+    <el-tab-pane v-if="$store.state.developer_mode" label="Dev">Developer tools</el-tab-pane>
   </el-tabs>
   <div id="fc_window__controls">
     <el-button color="white" icon="SemiSelect" @click="minimize" circle />
diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 551f279e..226adafe 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -4,6 +4,8 @@ import { listen, Event as TauriEvent } from "@tauri-apps/api/event";
 export const store = createStore({
     state () {
       return {
+        developer_mode: false,
+        
         installed_northstar_version: "1.9.7",
 
         northstar_is_running: false,
@@ -11,6 +13,9 @@ export const store = createStore({
       }
     },
     mutations: {
+        toggleDeveloperMode(state) {
+            state.developer_mode = !state.developer_mode;
+        },
         initializeListeners(state) {
             _initializeListeners(state);
         }
-- 
cgit v1.2.3


From bdba63fa033a9f98d63951ec0cf9109f7949f444 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sat, 24 Sep 2022 18:20:45 +0200
Subject: feat: developer mode can be activated by clicking northstar version
 multiple times

---
 src-vue/src/views/PlayView.vue | 29 +++++++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
index 4104f0ac..a3a572e6 100644
--- a/src-vue/src/views/PlayView.vue
+++ b/src-vue/src/views/PlayView.vue
@@ -1,10 +1,35 @@
-<script setup lang="ts">
+<script lang="ts">
+import { ElNotification } from 'element-plus';
+
+export default {
+    data() {
+        return {
+            developerModeClicks: 0
+        }
+    },
+    methods: {
+        activateDeveloperMode() {
+            this.developerModeClicks += 1;
+            if (this.developerModeClicks === 6) {
+                this.$store.state.developer_mode = true;
+                ElNotification({
+                    title: 'Watch out!',
+                    message: 'Developer mode enabled.',
+                    type: 'info',
+                    position: 'bottom-right'
+                });
+            }
+        }
+    }
+};
 </script>
 
 <template>
     <div class="fc_launch__container">
         <div class="fc_title">Northstar</div>
-        <div class="fc_northstar__version">v{{ $store.state.installed_northstar_version }}</div>
+        <div class="fc_northstar__version" @click="activateDeveloperMode">
+            v{{ $store.state.installed_northstar_version }}
+        </div>
         <el-button type="primary" size="large">Launch game</el-button>
     </div>
 </template>
-- 
cgit v1.2.3


From 2199a6fc307ac419420521404ab100f456d9f490 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sat, 24 Sep 2022 19:57:12 +0200
Subject: fix: disable user selection

---
 src-vue/src/style.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'src-vue')

diff --git a/src-vue/src/style.css b/src-vue/src/style.css
index b3c0e4a7..eee68edd 100644
--- a/src-vue/src/style.css
+++ b/src-vue/src/style.css
@@ -2,6 +2,7 @@ body {
   margin: 0;
   font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
   --el-tabs-header-height: 60px;
+  user-select: none;
 }
 
 #fc_bg__container {
@@ -11,4 +12,4 @@ body {
   width: 100%;
   position: fixed;
   filter: brightness(0.8);
-}
\ No newline at end of file
+}
-- 
cgit v1.2.3


From a2f3766bfef81525b719013c880c3a116ebb5eb4 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sat, 24 Sep 2022 20:42:10 +0200
Subject: feat: display services state on dev mode

---
 src-vue/src/plugins/store.ts   |  6 ++----
 src-vue/src/views/PlayView.vue | 33 +++++++++++++++++++++++++++++++--
 2 files changed, 33 insertions(+), 6 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 226adafe..5bc12c1b 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -5,7 +5,7 @@ export const store = createStore({
     state () {
       return {
         developer_mode: false,
-        
+
         installed_northstar_version: "1.9.7",
 
         northstar_is_running: false,
@@ -25,11 +25,9 @@ export const store = createStore({
 function _initializeListeners(state: any) {
     listen("origin-running-ping", function (evt: TauriEvent<any>) {
         state.origin_is_running = evt.payload as boolean;
-        console.log(`Origin is running: ${evt.payload}`);
     });
 
     listen("northstar-running-ping", function (evt: TauriEvent<any>) {
         state.northstar_is_running = evt.payload as boolean;
-        console.log(`Northstar is running: ${evt.payload}`);
     });
-}
\ No newline at end of file
+}
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
index a3a572e6..cff872a2 100644
--- a/src-vue/src/views/PlayView.vue
+++ b/src-vue/src/views/PlayView.vue
@@ -30,7 +30,19 @@ export default {
         <div class="fc_northstar__version" @click="activateDeveloperMode">
             v{{ $store.state.installed_northstar_version }}
         </div>
-        <el-button type="primary" size="large">Launch game</el-button>
+        <div>
+            <el-button type="primary" size="large">Launch game</el-button>
+            <div v-if="$store.state.developer_mode" id="fc_services__status">
+                <div>
+                    <div class="fc_version__line">Northstar is running:    </div>
+                    <div class="fc_version__line fc_version__line__boolean"> {{ $store.state.northstar_is_running }}</div>
+                </div>
+                <div>
+                    <div class="fc_version__line">Origin is running: </div>
+                    <div class="fc_version__line fc_version__line__boolean">{{ $store.state.origin_is_running }}</div>
+                </div>
+            </div>
+        </div>
     </div>
 </template>
 
@@ -60,4 +72,21 @@ button {
     color: rgb(168, 168, 168);
     margin-bottom: 20px;
 }
-</style>
\ No newline at end of file
+
+#fc_services__status {
+    display: inline-block;
+    position: fixed;
+    padding: 10px 20px;
+    color: #e8edef;
+}
+
+.fc_version__line {
+    display: inline-block;
+}
+
+.fc_version__line__boolean {
+    margin-left: 5px;
+    margin-bottom: 5px;
+    color: #b4b6b9;
+}
+</style>
-- 
cgit v1.2.3


From 8b96f540dd5b8549f737df74e9d5a8e52ff15c70 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sat, 24 Sep 2022 22:16:03 +0200
Subject: feat: add a "see patch notes" link to main view

---
 src-vue/src/App.vue            | 24 ++++++++++++------------
 src-vue/src/plugins/store.ts   | 17 +++++++++++------
 src-vue/src/utils/Tabs.ts      |  6 ++++++
 src-vue/src/views/PlayView.vue | 30 ++++++++++++++++++++++++++----
 4 files changed, 55 insertions(+), 22 deletions(-)
 create mode 100644 src-vue/src/utils/Tabs.ts

(limited to 'src-vue')

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index c8069bca..b97e9ef4 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -25,18 +25,18 @@ export default {
 </script>
 
 <template>
-  <div id="fc_bg__container" data-tauri-drag-region />
-  <el-tabs class="fc_menu__tabs" type="card">
-    <el-tab-pane label="Play"><PlayView /></el-tab-pane>
-    <el-tab-pane label="Changelog">Changelog</el-tab-pane>
-    <!-- <el-tab-pane label="Mods">Mods</el-tab-pane> -->
-    <el-tab-pane label="Settings">Settings</el-tab-pane>
-    <el-tab-pane v-if="$store.state.developer_mode" label="Dev">Developer tools</el-tab-pane>
-  </el-tabs>
-  <div id="fc_window__controls">
-    <el-button color="white" icon="SemiSelect" @click="minimize" circle />
-    <el-button color="white" icon="CloseBold" @click="close" circle />
-  </div>
+    <div id="fc_bg__container" data-tauri-drag-region />
+    <el-tabs v-model="$store.state.current_tab" class="fc_menu__tabs" type="card">
+        <el-tab-pane name="Play" label="Play"><PlayView /></el-tab-pane>
+        <el-tab-pane name="Changelog" label="Changelog">Changelog</el-tab-pane>
+        <!-- <el-tab-pane label="Mods">Mods</el-tab-pane> -->
+        <el-tab-pane name="Settings" label="Settings">Settings</el-tab-pane>
+        <el-tab-pane v-if="$store.state.developer_mode" name="Dev" label="Dev">Developer tools</el-tab-pane>
+    </el-tabs>
+    <div id="fc_window__controls">
+        <el-button color="white" icon="SemiSelect" @click="minimize" circle />
+        <el-button color="white" icon="CloseBold" @click="close" circle />
+    </div>
 </template>
 
 <style>
diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 5bc12c1b..f2d42e13 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -1,16 +1,18 @@
 import { createStore } from 'vuex';
 import { listen, Event as TauriEvent } from "@tauri-apps/api/event";
+import {Tabs} from "../utils/Tabs";
 
 export const store = createStore({
     state () {
-      return {
-        developer_mode: false,
+        return {
+            current_tab: Tabs.PLAY,
+            developer_mode: false,
 
-        installed_northstar_version: "1.9.7",
+            installed_northstar_version: "1.9.7",
 
-        northstar_is_running: false,
-        origin_is_running: false
-      }
+            northstar_is_running: false,
+            origin_is_running: false
+        }
     },
     mutations: {
         toggleDeveloperMode(state) {
@@ -18,6 +20,9 @@ export const store = createStore({
         },
         initializeListeners(state) {
             _initializeListeners(state);
+        },
+        updateCurrentTab(state: any, newTab: Tabs) {
+            state.current_tab = newTab;
         }
     }
 });
diff --git a/src-vue/src/utils/Tabs.ts b/src-vue/src/utils/Tabs.ts
new file mode 100644
index 00000000..5266da81
--- /dev/null
+++ b/src-vue/src/utils/Tabs.ts
@@ -0,0 +1,6 @@
+export enum Tabs {
+    PLAY = 'Play',
+    CHANGELOG = 'Changelog',
+    SETTINGS = 'Settings',
+    DEV = 'Dev'
+}
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
index cff872a2..28458b4f 100644
--- a/src-vue/src/views/PlayView.vue
+++ b/src-vue/src/views/PlayView.vue
@@ -1,5 +1,6 @@
 <script lang="ts">
 import { ElNotification } from 'element-plus';
+import {Tabs} from "../utils/Tabs";
 
 export default {
     data() {
@@ -19,6 +20,10 @@ export default {
                     position: 'bottom-right'
                 });
             }
+        },
+
+        showChangelogPage() {
+            this.$store.commit('updateCurrentTab', Tabs.CHANGELOG);
         }
     }
 };
@@ -27,8 +32,13 @@ export default {
 <template>
     <div class="fc_launch__container">
         <div class="fc_title">Northstar</div>
-        <div class="fc_northstar__version" @click="activateDeveloperMode">
-            v{{ $store.state.installed_northstar_version }}
+        <div class="fc_northstar__version__container">
+            <div class="fc_northstar__version" @click="activateDeveloperMode">
+                v{{ $store.state.installed_northstar_version }}
+            </div>
+            <div class="fc_changelog__link" @click="showChangelogPage">
+                (see patch notes)
+            </div>
         </div>
         <div>
             <el-button type="primary" size="large">Launch game</el-button>
@@ -68,11 +78,23 @@ button {
     font-weight: bold;
 }
 
-.fc_northstar__version {
-    color: rgb(168, 168, 168);
+/* Northstar version + changelog link */
+.fc_northstar__version__container {
     margin-bottom: 20px;
+    color: rgb(168, 168, 168);
 }
 
+.fc_northstar__version, .fc_changelog__link {
+    display: inline-block;
+}
+
+.fc_changelog__link {
+    margin-left: 3px;
+    text-decoration: underline;
+    cursor: pointer;
+}
+
+
 #fc_services__status {
     display: inline-block;
     position: fixed;
-- 
cgit v1.2.3


From b78ab195890dab262531d2f82f33b7d137726d13 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sun, 25 Sep 2022 00:49:43 +0200
Subject: play button is disabled when game is running

---
 src-vue/src/views/PlayView.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
index 28458b4f..2ac21ba4 100644
--- a/src-vue/src/views/PlayView.vue
+++ b/src-vue/src/views/PlayView.vue
@@ -8,6 +8,11 @@ export default {
             developerModeClicks: 0
         }
     },
+    computed: {
+        northstarIsRunning(): boolean {
+            return this.$store.state.northstar_is_running;
+        }
+    },
     methods: {
         activateDeveloperMode() {
             this.developerModeClicks += 1;
@@ -41,11 +46,13 @@ export default {
             </div>
         </div>
         <div>
-            <el-button type="primary" size="large">Launch game</el-button>
+            <el-button :disabled="northstarIsRunning" type="primary" size="large" class="fc_launch__button">
+                {{ northstarIsRunning ? "Game is running" : "Launch game" }}
+            </el-button>
             <div v-if="$store.state.developer_mode" id="fc_services__status">
                 <div>
                     <div class="fc_version__line">Northstar is running:    </div>
-                    <div class="fc_version__line fc_version__line__boolean"> {{ $store.state.northstar_is_running }}</div>
+                    <div class="fc_version__line fc_version__line__boolean"> {{ northstarIsRunning }}</div>
                 </div>
                 <div>
                     <div class="fc_version__line">Origin is running: </div>
@@ -95,6 +102,12 @@ button {
 }
 
 
+.fc_launch__button:focus {
+    background-color: var(--el-color-primary);
+    border-color: var(--el-color-primary);
+}
+
+
 #fc_services__status {
     display: inline-block;
     position: fixed;
-- 
cgit v1.2.3


From 65e20ab9430aa1935cba837336009e3960b556e6 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sun, 25 Sep 2022 12:15:48 +0200
Subject: feat: add component to see game folder path

---
 src-vue/src/App.vue                |  6 +++--
 src-vue/src/plugins/store.ts       |  1 +
 src-vue/src/views/SettingsView.vue | 50 ++++++++++++++++++++++++++++++++++++++
 3 files changed, 55 insertions(+), 2 deletions(-)
 create mode 100644 src-vue/src/views/SettingsView.vue

(limited to 'src-vue')

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index b97e9ef4..264f021d 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -1,11 +1,13 @@
 <script lang="ts">
 import PlayView from './views/PlayView.vue';
+import SettingsView from './views/SettingsView.vue';
 import { appWindow } from '@tauri-apps/api/window';
 import { store } from './plugins/store';
 
 export default {
   components: {
-    PlayView
+      PlayView,
+      SettingsView
   },
   data() {
     return {}
@@ -30,7 +32,7 @@ export default {
         <el-tab-pane name="Play" label="Play"><PlayView /></el-tab-pane>
         <el-tab-pane name="Changelog" label="Changelog">Changelog</el-tab-pane>
         <!-- <el-tab-pane label="Mods">Mods</el-tab-pane> -->
-        <el-tab-pane name="Settings" label="Settings">Settings</el-tab-pane>
+        <el-tab-pane name="Settings" label="Settings"><SettingsView/></el-tab-pane>
         <el-tab-pane v-if="$store.state.developer_mode" name="Dev" label="Dev">Developer tools</el-tab-pane>
     </el-tabs>
     <div id="fc_window__controls">
diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index f2d42e13..5519537e 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -7,6 +7,7 @@ export const store = createStore({
         return {
             current_tab: Tabs.PLAY,
             developer_mode: false,
+            game_path: "this/is/the/game/path",
 
             installed_northstar_version: "1.9.7",
 
diff --git a/src-vue/src/views/SettingsView.vue b/src-vue/src/views/SettingsView.vue
new file mode 100644
index 00000000..dbea2ce3
--- /dev/null
+++ b/src-vue/src/views/SettingsView.vue
@@ -0,0 +1,50 @@
+<template>
+    <div class="fc_settings__container">
+        <!-- Game folder location -->
+        <h3>Manage installation</h3>
+        <el-input
+            v-model="$store.state.game_path"
+            class="w-50 m-2"
+            placeholder="Choose installation folder"
+            @click="updateGamePath"
+        >
+            <template #prepend>
+                <el-button icon="Folder" @click="updateGamePath"/>
+            </template>
+        </el-input>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "SettingsView",
+    methods: {
+        updateGamePath() {
+            console.log('TODO: update path');
+        }
+    },
+    mounted() {
+        document.querySelector('input').disabled = true;
+    }
+}
+</script>
+
+<style scoped>
+.fc_settings__container {
+    max-width: 1200px;
+    padding: 20px 30px;
+    margin: 0 auto;
+    color: white;
+}
+
+h3:first-of-type {
+    margin-top: 0;
+    margin-bottom: 1em;
+    text-transform: uppercase;
+    font-weight: unset;
+}
+
+.el-input {
+    width: 50%;
+}
+</style>
-- 
cgit v1.2.3


From 39a2672580c07eabbed116178d93d20e712a6632 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sun, 25 Sep 2022 12:28:50 +0200
Subject: feat: load up installation path in app state on launch

---
 src-vue/src/App.vue              |  2 +-
 src-vue/src/plugins/store.ts     | 25 ++++++++++++++++++++++++-
 src-vue/src/utils/GameInstall.ts |  4 ++++
 3 files changed, 29 insertions(+), 2 deletions(-)
 create mode 100644 src-vue/src/utils/GameInstall.ts

(limited to 'src-vue')

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index 264f021d..64acc389 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -13,7 +13,7 @@ export default {
     return {}
   },
   mounted: () => {
-    store.commit('initializeListeners');
+    store.commit('initialize');
   },
   methods: {
     minimize() {
diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 5519537e..545f5484 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -1,6 +1,8 @@
 import { createStore } from 'vuex';
 import { listen, Event as TauriEvent } from "@tauri-apps/api/event";
 import {Tabs} from "../utils/Tabs";
+import {invoke} from "@tauri-apps/api";
+import {GameInstall} from "../utils/GameInstall";
 
 export const store = createStore({
     state () {
@@ -19,7 +21,9 @@ export const store = createStore({
         toggleDeveloperMode(state) {
             state.developer_mode = !state.developer_mode;
         },
-        initializeListeners(state) {
+        initialize(state) {
+            _initializeApp(state);
+            // _checkForFlightCoreUpdates(state);
             _initializeListeners(state);
         },
         updateCurrentTab(state: any, newTab: Tabs) {
@@ -28,6 +32,25 @@ export const store = createStore({
     }
 });
 
+
+async function _initializeApp(state: any) {
+    const result: GameInstall = await invoke("find_game_install_location_caller")
+        .catch((err) => {
+            // Gamepath not found or other error
+            console.error(err);
+            alert(err);
+        });
+    state.game_path = result.game_path;
+}
+
+// TODO
+async function _checkForFlightCoreUpdates(state: any) {
+    // Get version number
+    let version_number_string = await invoke("get_version_number") as string;
+    // Check if up-to-date
+    let flightcore_is_outdated = await invoke("check_is_flightcore_outdated_caller") as boolean;
+}
+
 function _initializeListeners(state: any) {
     listen("origin-running-ping", function (evt: TauriEvent<any>) {
         state.origin_is_running = evt.payload as boolean;
diff --git a/src-vue/src/utils/GameInstall.ts b/src-vue/src/utils/GameInstall.ts
new file mode 100644
index 00000000..07358f6c
--- /dev/null
+++ b/src-vue/src/utils/GameInstall.ts
@@ -0,0 +1,4 @@
+export interface GameInstall {
+    game_path: string;
+    install_type: string;
+}
-- 
cgit v1.2.3


From 634a0581c68e01d7f5155f369e1350010e7f7e91 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sun, 25 Sep 2022 12:39:39 +0200
Subject: feat: load northstar version in app state

---
 src-vue/src/plugins/store.ts      | 22 +++++++++++++++++++++-
 src-vue/src/utils/ReleaseCanal.ts |  4 ++++
 2 files changed, 25 insertions(+), 1 deletion(-)
 create mode 100644 src-vue/src/utils/ReleaseCanal.ts

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 545f5484..98ad2342 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -3,6 +3,7 @@ import { listen, Event as TauriEvent } from "@tauri-apps/api/event";
 import {Tabs} from "../utils/Tabs";
 import {invoke} from "@tauri-apps/api";
 import {GameInstall} from "../utils/GameInstall";
+import {ReleaseCanal} from "../utils/ReleaseCanal";
 
 export const store = createStore({
     state () {
@@ -11,7 +12,7 @@ export const store = createStore({
             developer_mode: false,
             game_path: "this/is/the/game/path",
 
-            installed_northstar_version: "1.9.7",
+            installed_northstar_version: "Unknown version",
 
             northstar_is_running: false,
             origin_is_running: false
@@ -41,6 +42,9 @@ async function _initializeApp(state: any) {
             alert(err);
         });
     state.game_path = result.game_path;
+
+    // Check installed Northstar version if found
+    await _get_northstar_version_number_and_set_button_accordingly(state);
 }
 
 // TODO
@@ -60,3 +64,19 @@ function _initializeListeners(state: any) {
         state.northstar_is_running = evt.payload as boolean;
     });
 }
+
+async function _get_northstar_version_number_and_set_button_accordingly(state: any) {
+    let northstar_version_number: string = await invoke("get_northstar_version_number_caller", { gamePath: state.game_path });
+    if (northstar_version_number && northstar_version_number.length > 0) {
+        state.installed_northstar_version = northstar_version_number;
+
+        await invoke("check_is_northstar_outdated", { gamePath: state.game_path, northstarPackageName: ReleaseCanal.RELEASE })
+            .then((message) => {
+                console.log(message);
+            })
+            .catch((error) => {
+                console.error(error);
+                alert(error);
+            });
+    }
+}
diff --git a/src-vue/src/utils/ReleaseCanal.ts b/src-vue/src/utils/ReleaseCanal.ts
new file mode 100644
index 00000000..ca1ba8a5
--- /dev/null
+++ b/src-vue/src/utils/ReleaseCanal.ts
@@ -0,0 +1,4 @@
+export enum ReleaseCanal {
+    RELEASE = 'Northstar',
+    RELEASE_CANDIDATE = 'NorthstarReleaseCandidate'
+}
-- 
cgit v1.2.3


From 13de634cff40efb0180ee0e440cefe9e1bcf2da1 Mon Sep 17 00:00:00 2001
From: Alystrasz <contact@remyraes.com>
Date: Mon, 26 Sep 2022 18:36:00 +0200
Subject: docs: add documentation to store methods

---
 src-vue/src/plugins/store.ts | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 98ad2342..0d5d8893 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -33,7 +33,10 @@ export const store = createStore({
     }
 });
 
-
+/**
+ * This is called when application root component has been mounted.
+ * It invokes all Rust methods that are needed to initialize UI.
+ */
 async function _initializeApp(state: any) {
     const result: GameInstall = await invoke("find_game_install_location_caller")
         .catch((err) => {
@@ -55,6 +58,10 @@ async function _checkForFlightCoreUpdates(state: any) {
     let flightcore_is_outdated = await invoke("check_is_flightcore_outdated_caller") as boolean;
 }
 
+/**
+ * This registers callbacks listening to events from Rust-backend.
+ * Those events include Origin and Northstar running state.
+ */
 function _initializeListeners(state: any) {
     listen("origin-running-ping", function (evt: TauriEvent<any>) {
         state.origin_is_running = evt.payload as boolean;
@@ -65,6 +72,10 @@ function _initializeListeners(state: any) {
     });
 }
 
+/**
+ * This retrieves Northstar version tag, and stores it in application 
+ * state, for it to be displayed in UI.
+ */
 async function _get_northstar_version_number_and_set_button_accordingly(state: any) {
     let northstar_version_number: string = await invoke("get_northstar_version_number_caller", { gamePath: state.game_path });
     if (northstar_version_number && northstar_version_number.length > 0) {
-- 
cgit v1.2.3


From 7c2d1e8c64ff098cf9d953db0c764161055fc62d Mon Sep 17 00:00:00 2001
From: Alystrasz <contact@remyraes.com>
Date: Mon, 26 Sep 2022 18:40:15 +0200
Subject: refactor: rename northstar version method

---
 src-vue/src/plugins/store.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 0d5d8893..4bb48f66 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -47,7 +47,7 @@ async function _initializeApp(state: any) {
     state.game_path = result.game_path;
 
     // Check installed Northstar version if found
-    await _get_northstar_version_number_and_set_button_accordingly(state);
+    await _get_northstar_version_number(state);
 }
 
 // TODO
@@ -76,7 +76,7 @@ function _initializeListeners(state: any) {
  * This retrieves Northstar version tag, and stores it in application 
  * state, for it to be displayed in UI.
  */
-async function _get_northstar_version_number_and_set_button_accordingly(state: any) {
+async function _get_northstar_version_number(state: any) {
     let northstar_version_number: string = await invoke("get_northstar_version_number_caller", { gamePath: state.game_path });
     if (northstar_version_number && northstar_version_number.length > 0) {
         state.installed_northstar_version = northstar_version_number;
-- 
cgit v1.2.3


From 7ebd5bbbdb4ce004e7d67ce33fb08957b89d1b53 Mon Sep 17 00:00:00 2001
From: Alystrasz <contact@remyraes.com>
Date: Mon, 26 Sep 2022 18:59:06 +0200
Subject: feat: add DeveloperView component

---
 src-vue/src/App.vue                 |  6 +++++-
 src-vue/src/views/DeveloperView.vue | 24 ++++++++++++++++++++++++
 2 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 src-vue/src/views/DeveloperView.vue

(limited to 'src-vue')

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index 64acc389..7fbe4045 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import DeveloperView from './views/DeveloperView.vue';
 import PlayView from './views/PlayView.vue';
 import SettingsView from './views/SettingsView.vue';
 import { appWindow } from '@tauri-apps/api/window';
@@ -6,6 +7,7 @@ import { store } from './plugins/store';
 
 export default {
   components: {
+      DeveloperView,
       PlayView,
       SettingsView
   },
@@ -33,7 +35,9 @@ export default {
         <el-tab-pane name="Changelog" label="Changelog">Changelog</el-tab-pane>
         <!-- <el-tab-pane label="Mods">Mods</el-tab-pane> -->
         <el-tab-pane name="Settings" label="Settings"><SettingsView/></el-tab-pane>
-        <el-tab-pane v-if="$store.state.developer_mode" name="Dev" label="Dev">Developer tools</el-tab-pane>
+        <el-tab-pane v-if="$store.state.developer_mode" name="Dev" label="Dev">
+          <DeveloperView/>
+        </el-tab-pane>
     </el-tabs>
     <div id="fc_window__controls">
         <el-button color="white" icon="SemiSelect" @click="minimize" circle />
diff --git a/src-vue/src/views/DeveloperView.vue b/src-vue/src/views/DeveloperView.vue
new file mode 100644
index 00000000..8dcc9608
--- /dev/null
+++ b/src-vue/src/views/DeveloperView.vue
@@ -0,0 +1,24 @@
+<template>
+    <div class="fc__developer__container">
+        <el-button type="primary" @click="disableDevMode">
+            Disable developer mode
+        </el-button>
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+    name: "DeveloperView",
+    methods: {
+        disableDevMode() {
+            this.$store.commit('toggleDeveloperMode');
+        }
+    }
+}
+</script>
+
+<style scoped>
+.fc__developer__container {
+    padding: 20px 30px;
+}
+</style>
-- 
cgit v1.2.3


From a930c0342a584b4e74566a354876585b02635bed Mon Sep 17 00:00:00 2001
From: Alystrasz <contact@remyraes.com>
Date: Mon, 26 Sep 2022 18:59:23 +0200
Subject: developer mode can be turned off from developer view

---
 src-vue/src/plugins/store.ts   | 5 +++++
 src-vue/src/views/PlayView.vue | 1 +
 2 files changed, 6 insertions(+)

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 4bb48f66..2d4b5684 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -21,6 +21,11 @@ export const store = createStore({
     mutations: {
         toggleDeveloperMode(state) {
             state.developer_mode = !state.developer_mode;
+
+            // Reset tab when closing dev mode.
+            if (!state.developer_mode) {
+                store.commit('updateCurrentTab', Tabs.PLAY);
+            }
         },
         initialize(state) {
             _initializeApp(state);
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
index 2ac21ba4..d6633f53 100644
--- a/src-vue/src/views/PlayView.vue
+++ b/src-vue/src/views/PlayView.vue
@@ -24,6 +24,7 @@ export default {
                     type: 'info',
                     position: 'bottom-right'
                 });
+                this.developerModeClicks = 0;
             }
         },
 
-- 
cgit v1.2.3


From ea94dd382d3ef759b83350ddf51eecf121eab18f Mon Sep 17 00:00:00 2001
From: Alystrasz <contact@remyraes.com>
Date: Mon, 26 Sep 2022 23:13:21 +0200
Subject: feat: game cannot be launched if Origin is not running

---
 src-vue/src/plugins/store.ts   | 16 ++++++++++++++++
 src-vue/src/views/PlayView.vue |  6 +++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 2d4b5684..14b96415 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -4,6 +4,7 @@ import {Tabs} from "../utils/Tabs";
 import {invoke} from "@tauri-apps/api";
 import {GameInstall} from "../utils/GameInstall";
 import {ReleaseCanal} from "../utils/ReleaseCanal";
+import { ElNotification } from 'element-plus';
 
 export const store = createStore({
     state () {
@@ -34,6 +35,21 @@ export const store = createStore({
         },
         updateCurrentTab(state: any, newTab: Tabs) {
             state.current_tab = newTab;
+        },
+        launchGame(state: any) {
+            // TODO update installation if release track was switched
+            // TODO install northstar if it wasn't detected
+            // Show an error message if Origin is not running.
+            if (!state.origin_is_running) {
+                ElNotification({
+                    title: 'Origin is not running',
+                    message: "Northstar cannot launch while you're not authenticated with Origin.",
+                    type: 'warning',
+                    position: 'bottom-right'
+                });
+            }
+
+            // TODO launch game
         }
     }
 });
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
index d6633f53..af891b5c 100644
--- a/src-vue/src/views/PlayView.vue
+++ b/src-vue/src/views/PlayView.vue
@@ -30,6 +30,10 @@ export default {
 
         showChangelogPage() {
             this.$store.commit('updateCurrentTab', Tabs.CHANGELOG);
+        },
+
+        launchGame() {
+            this.$store.commit('launchGame');
         }
     }
 };
@@ -47,7 +51,7 @@ export default {
             </div>
         </div>
         <div>
-            <el-button :disabled="northstarIsRunning" type="primary" size="large" class="fc_launch__button">
+            <el-button :disabled="northstarIsRunning" type="primary" size="large" @click="launchGame" class="fc_launch__button">
                 {{ northstarIsRunning ? "Game is running" : "Launch game" }}
             </el-button>
             <div v-if="$store.state.developer_mode" id="fc_services__status">
-- 
cgit v1.2.3


From b4531b34ca5232aadfa2cebaa1c26c66fbaea4cd Mon Sep 17 00:00:00 2001
From: Alystrasz <contact@remyraes.com>
Date: Mon, 26 Sep 2022 23:25:23 +0200
Subject: fix: do not display "see patch notes" link with unknown Northstar
 version

---
 src-vue/src/plugins/store.ts   | 2 +-
 src-vue/src/views/PlayView.vue | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 14b96415..58756a92 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -13,7 +13,7 @@ export const store = createStore({
             developer_mode: false,
             game_path: "this/is/the/game/path",
 
-            installed_northstar_version: "Unknown version",
+            installed_northstar_version: "",
 
             northstar_is_running: false,
             origin_is_running: false
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
index af891b5c..02d59b15 100644
--- a/src-vue/src/views/PlayView.vue
+++ b/src-vue/src/views/PlayView.vue
@@ -11,6 +11,9 @@ export default {
     computed: {
         northstarIsRunning(): boolean {
             return this.$store.state.northstar_is_running;
+        },
+        northstarVersion(): string {
+            return this.$store.state.installed_northstar_version;
         }
     },
     methods: {
@@ -44,9 +47,9 @@ export default {
         <div class="fc_title">Northstar</div>
         <div class="fc_northstar__version__container">
             <div class="fc_northstar__version" @click="activateDeveloperMode">
-                v{{ $store.state.installed_northstar_version }}
+                {{ northstarVersion === '' ? 'Unknown version' : `v${northstarVersion}` }}
             </div>
-            <div class="fc_changelog__link" @click="showChangelogPage">
+            <div v-if="northstarVersion !== ''" class="fc_changelog__link" @click="showChangelogPage">
                 (see patch notes)
             </div>
         </div>
-- 
cgit v1.2.3


From 238e340ffb4d1af175e29567a772a0790174fdff Mon Sep 17 00:00:00 2001
From: Alystrasz <contact@remyraes.com>
Date: Tue, 27 Sep 2022 23:33:17 +0200
Subject: feat: we can now install Northstar if it wasn't detected

---
 src-vue/src/plugins/store.ts        | 27 ++++++++++++++++++++++++---
 src-vue/src/utils/NorthstarState.ts |  7 +++++++
 src-vue/src/views/PlayView.vue      | 21 ++++++++++++++++++++-
 3 files changed, 51 insertions(+), 4 deletions(-)
 create mode 100644 src-vue/src/utils/NorthstarState.ts

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 58756a92..62d6f3ff 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -5,6 +5,7 @@ import {invoke} from "@tauri-apps/api";
 import {GameInstall} from "../utils/GameInstall";
 import {ReleaseCanal} from "../utils/ReleaseCanal";
 import { ElNotification } from 'element-plus';
+import { NorthstarState } from '../utils/NorthstarState';
 
 export const store = createStore({
     state () {
@@ -14,6 +15,7 @@ export const store = createStore({
             game_path: "this/is/the/game/path",
 
             installed_northstar_version: "",
+            northstar_state: NorthstarState.INSTALL,
 
             northstar_is_running: false,
             origin_is_running: false
@@ -36,9 +38,25 @@ export const store = createStore({
         updateCurrentTab(state: any, newTab: Tabs) {
             state.current_tab = newTab;
         },
-        launchGame(state: any) {
+        async launchGame(state: any) {
             // TODO update installation if release track was switched
-            // TODO install northstar if it wasn't detected
+
+            // Install northstar if it wasn't detected.
+            if (state.northstar_state === NorthstarState.INSTALL) {
+                let install_northstar_result = invoke("install_northstar_caller", { gamePath: state.game_path, northstarPackageName: ReleaseCanal.RELEASE });
+                state.northstar_state = NorthstarState.INSTALLING;
+
+                await install_northstar_result.then((message) => {
+                    console.log(message);
+                })
+                    .catch((error) => {
+                        console.error(error);
+                        alert(error);
+                    });
+
+                _get_northstar_version_number(state);
+            }
+
             // Show an error message if Origin is not running.
             if (!state.origin_is_running) {
                 ElNotification({
@@ -101,10 +119,13 @@ async function _get_northstar_version_number(state: any) {
     let northstar_version_number: string = await invoke("get_northstar_version_number_caller", { gamePath: state.game_path });
     if (northstar_version_number && northstar_version_number.length > 0) {
         state.installed_northstar_version = northstar_version_number;
+        state.northstar_state = NorthstarState.READY_TO_PLAY;
 
         await invoke("check_is_northstar_outdated", { gamePath: state.game_path, northstarPackageName: ReleaseCanal.RELEASE })
             .then((message) => {
-                console.log(message);
+                if (message) {
+                    state.northstar_state = NorthstarState.MUST_UPDATE;
+                }                
             })
             .catch((error) => {
                 console.error(error);
diff --git a/src-vue/src/utils/NorthstarState.ts b/src-vue/src/utils/NorthstarState.ts
new file mode 100644
index 00000000..d6e31923
--- /dev/null
+++ b/src-vue/src/utils/NorthstarState.ts
@@ -0,0 +1,7 @@
+export enum NorthstarState {
+    INSTALL,
+    INSTALLING,
+    MUST_UPDATE,
+    UPDATING,
+    READY_TO_PLAY
+}
\ No newline at end of file
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
index 02d59b15..03f54936 100644
--- a/src-vue/src/views/PlayView.vue
+++ b/src-vue/src/views/PlayView.vue
@@ -1,5 +1,6 @@
 <script lang="ts">
 import { ElNotification } from 'element-plus';
+import { NorthstarState } from '../utils/NorthstarState';
 import {Tabs} from "../utils/Tabs";
 
 export default {
@@ -14,6 +15,24 @@ export default {
         },
         northstarVersion(): string {
             return this.$store.state.installed_northstar_version;
+        },
+        playButtonLabel(): string {
+            if (this.$store.state.northstar_is_running) {
+                return "Game is running";
+            }
+
+            switch(this.$store.state.northstar_state) {
+                case NorthstarState.INSTALL:
+                    return "Install";
+                case NorthstarState.INSTALLING:
+                    return "Installing..."
+                case NorthstarState.MUST_UPDATE:
+                    return "Update";
+                case NorthstarState.UPDATING:
+                    return "Updating...";
+                case NorthstarState.READY_TO_PLAY:
+                    return "Launch game";
+            }
         }
     },
     methods: {
@@ -55,7 +74,7 @@ export default {
         </div>
         <div>
             <el-button :disabled="northstarIsRunning" type="primary" size="large" @click="launchGame" class="fc_launch__button">
-                {{ northstarIsRunning ? "Game is running" : "Launch game" }}
+                {{ playButtonLabel }}
             </el-button>
             <div v-if="$store.state.developer_mode" id="fc_services__status">
                 <div>
-- 
cgit v1.2.3


From 3fbff7947f206561d3dde7ad01b8712ee7c59311 Mon Sep 17 00:00:00 2001
From: Alystrasz <contact@remyraes.com>
Date: Tue, 27 Sep 2022 23:37:45 +0200
Subject: fix: do not try to run game after installing Northstar

---
 src-vue/src/plugins/store.ts | 1 +
 1 file changed, 1 insertion(+)

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 62d6f3ff..6ed0b522 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -55,6 +55,7 @@ export const store = createStore({
                     });
 
                 _get_northstar_version_number(state);
+                return;
             }
 
             // Show an error message if Origin is not running.
-- 
cgit v1.2.3


From 5c389c65d00accfb75277e4c91b40899e6f3c79f Mon Sep 17 00:00:00 2001
From: Alystrasz <contact@remyraes.com>
Date: Tue, 27 Sep 2022 23:46:40 +0200
Subject: refactor: export PlayButton component to dedicated file

---
 src-vue/src/components/PlayButton.vue | 49 +++++++++++++++++++++++++++++++++++
 src-vue/src/views/PlayView.vue        | 31 ++++------------------
 2 files changed, 54 insertions(+), 26 deletions(-)
 create mode 100644 src-vue/src/components/PlayButton.vue

(limited to 'src-vue')

diff --git a/src-vue/src/components/PlayButton.vue b/src-vue/src/components/PlayButton.vue
new file mode 100644
index 00000000..0cb75c94
--- /dev/null
+++ b/src-vue/src/components/PlayButton.vue
@@ -0,0 +1,49 @@
+<script lang="ts">
+import { NorthstarState } from '../utils/NorthstarState';
+
+export default {
+    name: 'PlayButton',
+    data() {},
+    computed: {
+        playButtonLabel(): string {
+            if (this.$store.state.northstar_is_running) {
+                return "Game is running";
+            }
+
+            switch(this.$store.state.northstar_state) {
+                case NorthstarState.INSTALL:
+                    return "Install";
+                case NorthstarState.INSTALLING:
+                    return "Installing..."
+                case NorthstarState.MUST_UPDATE:
+                    return "Update";
+                case NorthstarState.UPDATING:
+                    return "Updating...";
+                case NorthstarState.READY_TO_PLAY:
+                    return "Launch game";
+
+                default: 
+                    return "";
+            }
+        }
+    },
+    methods: {
+        launchGame() {
+            this.$store.commit('launchGame');
+        }
+    }
+};
+</script>
+
+<template>
+    <el-button :disabled="northstarIsRunning" type="primary" size="large" @click="launchGame" class="fc_launch__button">
+        {{ playButtonLabel }}
+    </el-button>
+</template>
+
+<style scoped>
+.fc_launch__button:focus {
+    background-color: var(--el-color-primary);
+    border-color: var(--el-color-primary);
+}
+</style>
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
index 03f54936..5042a127 100644
--- a/src-vue/src/views/PlayView.vue
+++ b/src-vue/src/views/PlayView.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
 import { ElNotification } from 'element-plus';
-import { NorthstarState } from '../utils/NorthstarState';
 import {Tabs} from "../utils/Tabs";
+import PlayButton from '../components/PlayButton.vue';
 
 export default {
     data() {
@@ -9,6 +9,9 @@ export default {
             developerModeClicks: 0
         }
     },
+    components: {
+        PlayButton
+    },
     computed: {
         northstarIsRunning(): boolean {
             return this.$store.state.northstar_is_running;
@@ -16,24 +19,6 @@ export default {
         northstarVersion(): string {
             return this.$store.state.installed_northstar_version;
         },
-        playButtonLabel(): string {
-            if (this.$store.state.northstar_is_running) {
-                return "Game is running";
-            }
-
-            switch(this.$store.state.northstar_state) {
-                case NorthstarState.INSTALL:
-                    return "Install";
-                case NorthstarState.INSTALLING:
-                    return "Installing..."
-                case NorthstarState.MUST_UPDATE:
-                    return "Update";
-                case NorthstarState.UPDATING:
-                    return "Updating...";
-                case NorthstarState.READY_TO_PLAY:
-                    return "Launch game";
-            }
-        }
     },
     methods: {
         activateDeveloperMode() {
@@ -52,10 +37,6 @@ export default {
 
         showChangelogPage() {
             this.$store.commit('updateCurrentTab', Tabs.CHANGELOG);
-        },
-
-        launchGame() {
-            this.$store.commit('launchGame');
         }
     }
 };
@@ -73,9 +54,7 @@ export default {
             </div>
         </div>
         <div>
-            <el-button :disabled="northstarIsRunning" type="primary" size="large" @click="launchGame" class="fc_launch__button">
-                {{ playButtonLabel }}
-            </el-button>
+            <PlayButton/>
             <div v-if="$store.state.developer_mode" id="fc_services__status">
                 <div>
                     <div class="fc_version__line">Northstar is running:    </div>
-- 
cgit v1.2.3


From f430aab6310a49c03bb3b244dd56fc00fc206926 Mon Sep 17 00:00:00 2001
From: GeckoEidechse <gecko.eidechse+git@pm.me>
Date: Wed, 28 Sep 2022 15:09:29 +0200
Subject: feat: Mention TFOR for UI inspiration

---
 src-vue/src/views/SettingsView.vue | 2 ++
 1 file changed, 2 insertions(+)

(limited to 'src-vue')

diff --git a/src-vue/src/views/SettingsView.vue b/src-vue/src/views/SettingsView.vue
index dbea2ce3..63ebbf8d 100644
--- a/src-vue/src/views/SettingsView.vue
+++ b/src-vue/src/views/SettingsView.vue
@@ -12,6 +12,8 @@
                 <el-button icon="Folder" @click="updateGamePath"/>
             </template>
         </el-input>
+        <h3>About:</h3>
+        UI design inspired by <a href="https://github.com/TFORevive/tforevive_launcher/">TFORevive Launcher</a> (not yet public)
     </div>
 </template>
 
-- 
cgit v1.2.3


From 518efdc3526cb8f4ced764beb85bfac145a1b459 Mon Sep 17 00:00:00 2001
From: Alystrasz <contact@remyraes.com>
Date: Wed, 28 Sep 2022 21:30:46 +0200
Subject: feat: add changelog view component

---
 src-vue/src/App.vue                 |  4 +++-
 src-vue/src/views/ChangelogView.vue | 23 +++++++++++++++++++++++
 2 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 src-vue/src/views/ChangelogView.vue

(limited to 'src-vue')

diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index 7fbe4045..219862bd 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import ChangelogView from './views/ChangelogView.vue';
 import DeveloperView from './views/DeveloperView.vue';
 import PlayView from './views/PlayView.vue';
 import SettingsView from './views/SettingsView.vue';
@@ -7,6 +8,7 @@ import { store } from './plugins/store';
 
 export default {
   components: {
+      ChangelogView,
       DeveloperView,
       PlayView,
       SettingsView
@@ -32,7 +34,7 @@ export default {
     <div id="fc_bg__container" data-tauri-drag-region />
     <el-tabs v-model="$store.state.current_tab" class="fc_menu__tabs" type="card">
         <el-tab-pane name="Play" label="Play"><PlayView /></el-tab-pane>
-        <el-tab-pane name="Changelog" label="Changelog">Changelog</el-tab-pane>
+        <el-tab-pane name="Changelog" label="Changelog"><ChangelogView /></el-tab-pane>
         <!-- <el-tab-pane label="Mods">Mods</el-tab-pane> -->
         <el-tab-pane name="Settings" label="Settings"><SettingsView/></el-tab-pane>
         <el-tab-pane v-if="$store.state.developer_mode" name="Dev" label="Dev">
diff --git a/src-vue/src/views/ChangelogView.vue b/src-vue/src/views/ChangelogView.vue
new file mode 100644
index 00000000..9fca5e5b
--- /dev/null
+++ b/src-vue/src/views/ChangelogView.vue
@@ -0,0 +1,23 @@
+<template>
+    <div class="fc__changelog__container">
+        <el-link :underline="false" icon="DocumentCopy" target="_blank" href="https://github.com/R2Northstar/Northstar/releases">
+            Open release notes
+        </el-link>
+    </div>
+</template>
+
+<script lang="ts">
+export default {
+    name: "ChangelogView"
+}
+</script>
+
+<style scoped>
+.fc__changelog__container {
+    padding: 20px 30px;
+}
+
+.el-link {
+  color: white;
+}
+</style>
-- 
cgit v1.2.3


From 6cce4b87da90d592916d3048c11d359996337716 Mon Sep 17 00:00:00 2001
From: GeckoEidechse <gecko.eidechse+git@pm.me>
Date: Wed, 28 Sep 2022 21:59:20 +0200
Subject: fix: Open tforevive github link in default browser

---
 src-vue/src/views/SettingsView.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src-vue')

diff --git a/src-vue/src/views/SettingsView.vue b/src-vue/src/views/SettingsView.vue
index 63ebbf8d..d972468b 100644
--- a/src-vue/src/views/SettingsView.vue
+++ b/src-vue/src/views/SettingsView.vue
@@ -13,7 +13,7 @@
             </template>
         </el-input>
         <h3>About:</h3>
-        UI design inspired by <a href="https://github.com/TFORevive/tforevive_launcher/">TFORevive Launcher</a> (not yet public)
+        UI design inspired by <a target="_blank" href="https://github.com/TFORevive/tforevive_launcher/">TFORevive Launcher</a> (not yet public)
     </div>
 </template>
 
-- 
cgit v1.2.3


From 9a4c8f4cdb580d2ec3cdd4852f56e86dfe6000e9 Mon Sep 17 00:00:00 2001
From: Alystrasz <contact@remyraes.com>
Date: Thu, 29 Sep 2022 08:29:37 +0200
Subject: feat: add basic canal selector

---
 src-vue/src/components/PlayButton.vue | 22 ++++++++++++++++++++++
 src-vue/src/plugins/store.ts          |  1 +
 2 files changed, 23 insertions(+)

(limited to 'src-vue')

diff --git a/src-vue/src/components/PlayButton.vue b/src-vue/src/components/PlayButton.vue
index 0cb75c94..cc6eb9f2 100644
--- a/src-vue/src/components/PlayButton.vue
+++ b/src-vue/src/components/PlayButton.vue
@@ -1,5 +1,6 @@
 <script lang="ts">
 import { NorthstarState } from '../utils/NorthstarState';
+import { ReleaseCanal } from '../utils/ReleaseCanal';
 
 export default {
     name: 'PlayButton',
@@ -25,6 +26,14 @@ export default {
                 default: 
                     return "";
             }
+        },
+        options(): {key: string, value: string}[] {
+            return Object.keys(ReleaseCanal).map(function (v) {
+                return {
+                    key: v,
+                    value: ReleaseCanal[v]
+                }
+            });
         }
     },
     methods: {
@@ -39,6 +48,19 @@ export default {
     <el-button :disabled="northstarIsRunning" type="primary" size="large" @click="launchGame" class="fc_launch__button">
         {{ playButtonLabel }}
     </el-button>
+    <el-select
+      v-model="$store.state.release_canal"
+      filterable
+      placeholder="Select release canal"
+      style="width: 240px"
+    >
+      <el-option
+        v-for="item in options"
+        :key="item.key"
+        :label="item.value"
+        :value="item.value"
+      />
+    </el-select>
 </template>
 
 <style scoped>
diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 6ed0b522..1ee3bfff 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -16,6 +16,7 @@ export const store = createStore({
 
             installed_northstar_version: "",
             northstar_state: NorthstarState.INSTALL,
+            release_canal: ReleaseCanal.RELEASE,
 
             northstar_is_running: false,
             origin_is_running: false
-- 
cgit v1.2.3


From cdf0fc521985cd41e1732038d1c57fd70452fa00 Mon Sep 17 00:00:00 2001
From: GeckoEidechse <gecko.eidechse+git@pm.me>
Date: Thu, 29 Sep 2022 12:23:18 +0200
Subject: fix: Use application wide style for link

---
 src-vue/src/views/SettingsView.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src-vue')

diff --git a/src-vue/src/views/SettingsView.vue b/src-vue/src/views/SettingsView.vue
index d972468b..b3336e51 100644
--- a/src-vue/src/views/SettingsView.vue
+++ b/src-vue/src/views/SettingsView.vue
@@ -13,7 +13,7 @@
             </template>
         </el-input>
         <h3>About:</h3>
-        UI design inspired by <a target="_blank" href="https://github.com/TFORevive/tforevive_launcher/">TFORevive Launcher</a> (not yet public)
+        UI design inspired by <el-link :underline="false" target="_blank" href="https://github.com/TFORevive/tforevive_launcher/" type="primary">TFORevive Launcher</el-link> (not yet public)
     </div>
 </template>
 
-- 
cgit v1.2.3


From 461b3507a5415723415852a410d4c32152acdaff Mon Sep 17 00:00:00 2001
From: Alystrasz <contact@remyraes.com>
Date: Thu, 29 Sep 2022 21:25:20 +0200
Subject: fix: restore launch button style

---
 src-vue/src/components/PlayButton.vue | 6 ++++++
 src-vue/src/views/PlayView.vue        | 8 --------
 2 files changed, 6 insertions(+), 8 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/components/PlayButton.vue b/src-vue/src/components/PlayButton.vue
index cc6eb9f2..dfac68e8 100644
--- a/src-vue/src/components/PlayButton.vue
+++ b/src-vue/src/components/PlayButton.vue
@@ -64,6 +64,12 @@ export default {
 </template>
 
 <style scoped>
+button {
+    text-transform: uppercase;
+    border-radius: 2px;
+    padding: 30px;
+    font-size: 15px;
+}
 .fc_launch__button:focus {
     background-color: var(--el-color-primary);
     border-color: var(--el-color-primary);
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
index 5042a127..3ca47e22 100644
--- a/src-vue/src/views/PlayView.vue
+++ b/src-vue/src/views/PlayView.vue
@@ -76,14 +76,6 @@ export default {
     bottom: 0;
 }
 
-/* Buttons */
-button {
-    text-transform: uppercase;
-    border-radius: 2px;
-    padding: 30px;
-    font-size: 15px;
-}
-
 /* Titles */
 .fc_title {
     color: white;
-- 
cgit v1.2.3


From e59529af2dfe8d51a10412dbc108f77c1af87053 Mon Sep 17 00:00:00 2001
From: Alystrasz <contact@remyraes.com>
Date: Thu, 29 Sep 2022 21:48:03 +0200
Subject: fix: add missing northstarIsRunning computed attribute to PlayButton
 component

---
 src-vue/src/components/PlayButton.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'src-vue')

diff --git a/src-vue/src/components/PlayButton.vue b/src-vue/src/components/PlayButton.vue
index dfac68e8..f465fb39 100644
--- a/src-vue/src/components/PlayButton.vue
+++ b/src-vue/src/components/PlayButton.vue
@@ -4,7 +4,6 @@ import { ReleaseCanal } from '../utils/ReleaseCanal';
 
 export default {
     name: 'PlayButton',
-    data() {},
     computed: {
         playButtonLabel(): string {
             if (this.$store.state.northstar_is_running) {
@@ -27,6 +26,9 @@ export default {
                     return "";
             }
         },
+        northstarIsRunning(): boolean {
+            return this.$store.state.northstar_is_running;
+        },
         options(): {key: string, value: string}[] {
             return Object.keys(ReleaseCanal).map(function (v) {
                 return {
-- 
cgit v1.2.3


From 9592ca243489fcc74fb82f4298769ea5b62c2cd8 Mon Sep 17 00:00:00 2001
From: GeckoEidechse <gecko.eidechse+git@pm.me>
Date: Sun, 2 Oct 2022 01:04:04 +0200
Subject: feat: Add update functionality

Simply does the same thing as install as it just overwrites old files
anyway
---
 src-vue/src/plugins/store.ts | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 1ee3bfff..7fdc7814 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -59,6 +59,24 @@ export const store = createStore({
                 return;
             }
 
+            // Update northstar if it is outdated.
+            if (state.northstar_state === NorthstarState.MUST_UPDATE) {
+                // Updating is the same as installing, simply overwrites the existing files
+                let install_northstar_result = invoke("install_northstar_caller", { gamePath: state.game_path, northstarPackageName: ReleaseCanal.RELEASE });
+                state.northstar_state = NorthstarState.UPDATING;
+
+                await install_northstar_result.then((message) => {
+                    console.log(message);
+                })
+                    .catch((error) => {
+                        console.error(error);
+                        alert(error);
+                    });
+
+                _get_northstar_version_number(state);
+                return;
+            }
+
             // Show an error message if Origin is not running.
             if (!state.origin_is_running) {
                 ElNotification({
-- 
cgit v1.2.3


From e545724c89c9299d9dbfa5342ec84e35967ed66b Mon Sep 17 00:00:00 2001
From: GeckoEidechse <gecko.eidechse+git@pm.me>
Date: Sun, 2 Oct 2022 01:05:50 +0200
Subject: feat: Add initial NS launch functionality

Adds logic to launch Northstar from FligthCore
---
 src-vue/src/plugins/store.ts | 41 +++++++++++++++++++++++++++++++----------
 1 file changed, 31 insertions(+), 10 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 7fdc7814..6914150c 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -13,6 +13,7 @@ export const store = createStore({
             current_tab: Tabs.PLAY,
             developer_mode: false,
             game_path: "this/is/the/game/path",
+            install_type: undefined,
 
             installed_northstar_version: "",
             northstar_state: NorthstarState.INSTALL,
@@ -77,17 +78,36 @@ export const store = createStore({
                 return;
             }
 
-            // Show an error message if Origin is not running.
-            if (!state.origin_is_running) {
-                ElNotification({
-                    title: 'Origin is not running',
-                    message: "Northstar cannot launch while you're not authenticated with Origin.",
-                    type: 'warning',
-                    position: 'bottom-right'
-                });
-            }
+            // Game is ready to play
+            if (state.northstar_state === NorthstarState.READY_TO_PLAY) {
+                // Show an error message if Origin is not running.
+                if (!state.origin_is_running) {
+                    ElNotification({
+                        title: 'Origin is not running',
+                        message: "Northstar cannot launch while you're not authenticated with Origin.",
+                        type: 'warning',
+                        position: 'bottom-right'
+                    });
 
-            // TODO launch game
+                    // If Origin isn't running, end here
+                    return;
+                }
+
+                let game_install = {
+                    game_path: state.game_path,
+                    install_type: state.install_type
+                } as GameInstall;
+                await invoke("launch_northstar_caller", { gameInstall: game_install })
+                    .then((message) => {
+                        console.log(message);
+                        // NorthstarState.RUNNING
+                    })
+                    .catch((error) => {
+                        console.error(error);
+                        alert(error);
+                    });
+                return;
+            }
         }
     }
 });
@@ -104,6 +124,7 @@ async function _initializeApp(state: any) {
             alert(err);
         });
     state.game_path = result.game_path;
+    state.install_type = result.install_type;
 
     // Check installed Northstar version if found
     await _get_northstar_version_number(state);
-- 
cgit v1.2.3


From a17edbf0cc2da4997048dd4196e7bfb3d8d2b21f Mon Sep 17 00:00:00 2001
From: GeckoEidechse <gecko.eidechse+git@pm.me>
Date: Sun, 2 Oct 2022 13:17:34 +0200
Subject: refactor: Use enum for install type

Same way like in backend code
---
 src-vue/src/plugins/store.ts     | 3 ++-
 src-vue/src/utils/InstallType.ts | 7 +++++++
 2 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 src-vue/src/utils/InstallType.ts

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 6914150c..87c8921f 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -1,6 +1,7 @@
 import { createStore } from 'vuex';
 import { listen, Event as TauriEvent } from "@tauri-apps/api/event";
 import {Tabs} from "../utils/Tabs";
+import {InstallType} from "../utils/InstallType";
 import {invoke} from "@tauri-apps/api";
 import {GameInstall} from "../utils/GameInstall";
 import {ReleaseCanal} from "../utils/ReleaseCanal";
@@ -124,7 +125,7 @@ async function _initializeApp(state: any) {
             alert(err);
         });
     state.game_path = result.game_path;
-    state.install_type = result.install_type;
+    state.install_type = result.install_type as InstallType;
 
     // Check installed Northstar version if found
     await _get_northstar_version_number(state);
diff --git a/src-vue/src/utils/InstallType.ts b/src-vue/src/utils/InstallType.ts
new file mode 100644
index 00000000..4e992ab2
--- /dev/null
+++ b/src-vue/src/utils/InstallType.ts
@@ -0,0 +1,7 @@
+// Enumerates the way Titanfall2 could be installed (Steam/Origin/EA-Desktop)
+export enum InstallType {
+    STEAM = 'STEAM',
+    ORIGIN = 'ORIGIN',
+    EAPLAY = 'EAPLAY',
+    UNKNOWN = 'UNKNOWN', // used when the install location was manually selected
+}
-- 
cgit v1.2.3


From 52394a3e86373801f5285843d6931a692a619be1 Mon Sep 17 00:00:00 2001
From: GeckoEidechse <gecko.eidechse+git@pm.me>
Date: Sun, 2 Oct 2022 14:18:06 +0200
Subject: chore: Reference enum in backend code in comment

---
 src-vue/src/utils/InstallType.ts | 1 +
 1 file changed, 1 insertion(+)

(limited to 'src-vue')

diff --git a/src-vue/src/utils/InstallType.ts b/src-vue/src/utils/InstallType.ts
index 4e992ab2..797f4077 100644
--- a/src-vue/src/utils/InstallType.ts
+++ b/src-vue/src/utils/InstallType.ts
@@ -1,4 +1,5 @@
 // Enumerates the way Titanfall2 could be installed (Steam/Origin/EA-Desktop)
+// Needs to be synced with `pub enum InstallType` in /src-tauri/src/lib.rs
 export enum InstallType {
     STEAM = 'STEAM',
     ORIGIN = 'ORIGIN',
-- 
cgit v1.2.3


From 8b1acb0af3a31260ac3357ede22ba737c1a96f86 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sun, 2 Oct 2022 18:58:50 +0200
Subject: fix: SettingsView is a Typescript component

---
 src-vue/src/views/SettingsView.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src-vue')

diff --git a/src-vue/src/views/SettingsView.vue b/src-vue/src/views/SettingsView.vue
index b3336e51..da81dc8a 100644
--- a/src-vue/src/views/SettingsView.vue
+++ b/src-vue/src/views/SettingsView.vue
@@ -17,7 +17,7 @@
     </div>
 </template>
 
-<script>
+<script lang="ts">
 export default {
     name: "SettingsView",
     methods: {
-- 
cgit v1.2.3


From 22a7bd16852498a95f9733e228e126a644b9c3ed Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sun, 2 Oct 2022 22:28:27 +0200
Subject: refactor: type issues

---
 src-vue/src/components/PlayButton.vue |  3 ++-
 src-vue/src/main.ts                   |  2 +-
 src-vue/src/plugins/store.ts          |  5 +++--
 src-vue/src/views/PlayView.vue        |  5 +++--
 src-vue/src/views/SettingsView.vue    |  2 +-
 src-vue/vuex-shim.d.ts                | 13 +++++++++++++
 6 files changed, 23 insertions(+), 7 deletions(-)
 create mode 100644 src-vue/vuex-shim.d.ts

(limited to 'src-vue')

diff --git a/src-vue/src/components/PlayButton.vue b/src-vue/src/components/PlayButton.vue
index f465fb39..d3176d87 100644
--- a/src-vue/src/components/PlayButton.vue
+++ b/src-vue/src/components/PlayButton.vue
@@ -22,7 +22,7 @@ export default {
                 case NorthstarState.READY_TO_PLAY:
                     return "Launch game";
 
-                default: 
+                default:
                     return "";
             }
         },
@@ -33,6 +33,7 @@ export default {
             return Object.keys(ReleaseCanal).map(function (v) {
                 return {
                     key: v,
+                    // @ts-ignore
                     value: ReleaseCanal[v]
                 }
             });
diff --git a/src-vue/src/main.ts b/src-vue/src/main.ts
index d13ef719..0ac31a2d 100644
--- a/src-vue/src/main.ts
+++ b/src-vue/src/main.ts
@@ -18,6 +18,6 @@ for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
 }
 
 // style
-app.use( store );
+app.use( store, '$store' );
 
 app.mount('#app')
diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 87c8921f..67856b47 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -118,6 +118,7 @@ export const store = createStore({
  * It invokes all Rust methods that are needed to initialize UI.
  */
 async function _initializeApp(state: any) {
+    // @ts-ignore
     const result: GameInstall = await invoke("find_game_install_location_caller")
         .catch((err) => {
             // Gamepath not found or other error
@@ -154,7 +155,7 @@ function _initializeListeners(state: any) {
 }
 
 /**
- * This retrieves Northstar version tag, and stores it in application 
+ * This retrieves Northstar version tag, and stores it in application
  * state, for it to be displayed in UI.
  */
 async function _get_northstar_version_number(state: any) {
@@ -167,7 +168,7 @@ async function _get_northstar_version_number(state: any) {
             .then((message) => {
                 if (message) {
                     state.northstar_state = NorthstarState.MUST_UPDATE;
-                }                
+                }
             })
             .catch((error) => {
                 console.error(error);
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
index 3ca47e22..64779f6a 100644
--- a/src-vue/src/views/PlayView.vue
+++ b/src-vue/src/views/PlayView.vue
@@ -2,8 +2,9 @@
 import { ElNotification } from 'element-plus';
 import {Tabs} from "../utils/Tabs";
 import PlayButton from '../components/PlayButton.vue';
+import { defineComponent } from "vue";
 
-export default {
+export default defineComponent({
     data() {
         return {
             developerModeClicks: 0
@@ -39,7 +40,7 @@ export default {
             this.$store.commit('updateCurrentTab', Tabs.CHANGELOG);
         }
     }
-};
+});
 </script>
 
 <template>
diff --git a/src-vue/src/views/SettingsView.vue b/src-vue/src/views/SettingsView.vue
index da81dc8a..e0ffc026 100644
--- a/src-vue/src/views/SettingsView.vue
+++ b/src-vue/src/views/SettingsView.vue
@@ -26,7 +26,7 @@ export default {
         }
     },
     mounted() {
-        document.querySelector('input').disabled = true;
+        document.querySelector('input')!.disabled = true;
     }
 }
 </script>
diff --git a/src-vue/vuex-shim.d.ts b/src-vue/vuex-shim.d.ts
new file mode 100644
index 00000000..cebc5ce8
--- /dev/null
+++ b/src-vue/vuex-shim.d.ts
@@ -0,0 +1,13 @@
+import { ComponentCustomProperties } from 'vue'
+import { Store } from 'vuex'
+
+declare module '@vue/runtime-core' {
+    // Declare your own store states.
+    interface State {
+        count: number
+    }
+
+    interface ComponentCustomProperties {
+        $store: Store<State>
+    }
+}
-- 
cgit v1.2.3


From 7a5ce8683993d056b68b52bfb9b37d09b7e71d2b Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sun, 2 Oct 2022 22:35:14 +0200
Subject: fix: store is now typed

---
 src-vue/src/components/PlayButton.vue |  5 +++--
 src-vue/src/plugins/store.ts          | 15 +++++++++++++++
 src-vue/src/views/DeveloperView.vue   |  6 ++++--
 src-vue/src/vuex-shim.d.ts            |  8 ++++++++
 src-vue/vuex-shim.d.ts                | 13 -------------
 5 files changed, 30 insertions(+), 17 deletions(-)
 create mode 100644 src-vue/src/vuex-shim.d.ts
 delete mode 100644 src-vue/vuex-shim.d.ts

(limited to 'src-vue')

diff --git a/src-vue/src/components/PlayButton.vue b/src-vue/src/components/PlayButton.vue
index d3176d87..1b0dbc77 100644
--- a/src-vue/src/components/PlayButton.vue
+++ b/src-vue/src/components/PlayButton.vue
@@ -1,8 +1,9 @@
 <script lang="ts">
+import { defineComponent } from 'vue';
 import { NorthstarState } from '../utils/NorthstarState';
 import { ReleaseCanal } from '../utils/ReleaseCanal';
 
-export default {
+export default defineComponent({
     name: 'PlayButton',
     computed: {
         playButtonLabel(): string {
@@ -44,7 +45,7 @@ export default {
             this.$store.commit('launchGame');
         }
     }
-};
+});
 </script>
 
 <template>
diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 67856b47..544d314a 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -8,6 +8,21 @@ import {ReleaseCanal} from "../utils/ReleaseCanal";
 import { ElNotification } from 'element-plus';
 import { NorthstarState } from '../utils/NorthstarState';
 
+
+export type Store = {
+    current_tab: Tabs,
+    developer_mode: boolean,
+    game_path: string,
+    install_type: InstallType,
+
+    installed_northstar_version: string,
+    northstar_state: NorthstarState,
+    release_canal: ReleaseCanal,
+
+    northstar_is_running: boolean,
+    origin_is_running: boolean
+}
+
 export const store = createStore({
     state () {
         return {
diff --git a/src-vue/src/views/DeveloperView.vue b/src-vue/src/views/DeveloperView.vue
index 8dcc9608..bfb206a2 100644
--- a/src-vue/src/views/DeveloperView.vue
+++ b/src-vue/src/views/DeveloperView.vue
@@ -7,14 +7,16 @@
 </template>
 
 <script lang="ts">
-export default {
+import {defineComponent} from "vue";
+
+export default defineComponent({
     name: "DeveloperView",
     methods: {
         disableDevMode() {
             this.$store.commit('toggleDeveloperMode');
         }
     }
-}
+});
 </script>
 
 <style scoped>
diff --git a/src-vue/src/vuex-shim.d.ts b/src-vue/src/vuex-shim.d.ts
new file mode 100644
index 00000000..1429115b
--- /dev/null
+++ b/src-vue/src/vuex-shim.d.ts
@@ -0,0 +1,8 @@
+import { ComponentCustomProperties } from 'vue'
+import { Store } from 'vuex'
+
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties {
+        $store: Store<State>
+    }
+}
diff --git a/src-vue/vuex-shim.d.ts b/src-vue/vuex-shim.d.ts
deleted file mode 100644
index cebc5ce8..00000000
--- a/src-vue/vuex-shim.d.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { ComponentCustomProperties } from 'vue'
-import { Store } from 'vuex'
-
-declare module '@vue/runtime-core' {
-    // Declare your own store states.
-    interface State {
-        count: number
-    }
-
-    interface ComponentCustomProperties {
-        $store: Store<State>
-    }
-}
-- 
cgit v1.2.3


From 355f3f79e091433c72e32a9845f0a2ba42fde172 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sun, 2 Oct 2022 22:47:05 +0200
Subject: Revert "feat: add basic canal selector"

This reverts commit 9a4c8f4cdb580d2ec3cdd4852f56e86dfe6000e9.
---
 src-vue/src/components/PlayButton.vue | 14 --------------
 1 file changed, 14 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/components/PlayButton.vue b/src-vue/src/components/PlayButton.vue
index 1b0dbc77..5c39168e 100644
--- a/src-vue/src/components/PlayButton.vue
+++ b/src-vue/src/components/PlayButton.vue
@@ -1,7 +1,6 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import { NorthstarState } from '../utils/NorthstarState';
-import { ReleaseCanal } from '../utils/ReleaseCanal';
 
 export default defineComponent({
     name: 'PlayButton',
@@ -52,19 +51,6 @@ export default defineComponent({
     <el-button :disabled="northstarIsRunning" type="primary" size="large" @click="launchGame" class="fc_launch__button">
         {{ playButtonLabel }}
     </el-button>
-    <el-select
-      v-model="$store.state.release_canal"
-      filterable
-      placeholder="Select release canal"
-      style="width: 240px"
-    >
-      <el-option
-        v-for="item in options"
-        :key="item.key"
-        :label="item.value"
-        :value="item.value"
-      />
-    </el-select>
 </template>
 
 <style scoped>
-- 
cgit v1.2.3


From 96f83ec9406e330444e5f0ab135dc4c169c832ce Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Sun, 2 Oct 2022 22:52:29 +0200
Subject: fix: add missing import

---
 src-vue/src/components/PlayButton.vue | 1 +
 1 file changed, 1 insertion(+)

(limited to 'src-vue')

diff --git a/src-vue/src/components/PlayButton.vue b/src-vue/src/components/PlayButton.vue
index 5c39168e..b5541abe 100644
--- a/src-vue/src/components/PlayButton.vue
+++ b/src-vue/src/components/PlayButton.vue
@@ -1,6 +1,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import { NorthstarState } from '../utils/NorthstarState';
+import { ReleaseCanal } from '../utils/ReleaseCanal';
 
 export default defineComponent({
     name: 'PlayButton',
-- 
cgit v1.2.3


From e0aad4f931a57aa7621d4dc7e0a1c1e54170146e Mon Sep 17 00:00:00 2001
From: GeckoEidechse <gecko.eidechse+git@pm.me>
Date: Mon, 3 Oct 2022 01:46:41 +0200
Subject: fix: Null out game path

to avoid installing to an unkown path.
---
 src-vue/src/plugins/store.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 544d314a..ddd46e53 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -28,7 +28,7 @@ export const store = createStore({
         return {
             current_tab: Tabs.PLAY,
             developer_mode: false,
-            game_path: "this/is/the/game/path",
+            game_path: undefined,
             install_type: undefined,
 
             installed_northstar_version: "",
-- 
cgit v1.2.3


From b09138a7f97559f2c59d240f882f16ec08d4934c Mon Sep 17 00:00:00 2001
From: GeckoEidechse <gecko.eidechse+git@pm.me>
Date: Mon, 3 Oct 2022 01:58:23 +0200
Subject: fix: Do not show install button if TF|2 not found

Instead show a button saying that Titanfall2 was not found
---
 src-vue/src/components/PlayButton.vue | 2 ++
 src-vue/src/plugins/store.ts          | 5 ++++-
 src-vue/src/utils/NorthstarState.ts   | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)

(limited to 'src-vue')

diff --git a/src-vue/src/components/PlayButton.vue b/src-vue/src/components/PlayButton.vue
index b5541abe..e2ee2bcc 100644
--- a/src-vue/src/components/PlayButton.vue
+++ b/src-vue/src/components/PlayButton.vue
@@ -12,6 +12,8 @@ export default defineComponent({
             }
 
             switch(this.$store.state.northstar_state) {
+                case NorthstarState.GAME_NOT_FOUND:
+                    return "Titanfall2 not found";
                 case NorthstarState.INSTALL:
                     return "Install";
                 case NorthstarState.INSTALLING:
diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index ddd46e53..5087221b 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -32,7 +32,7 @@ export const store = createStore({
             install_type: undefined,
 
             installed_northstar_version: "",
-            northstar_state: NorthstarState.INSTALL,
+            northstar_state: NorthstarState.GAME_NOT_FOUND,
             release_canal: ReleaseCanal.RELEASE,
 
             northstar_is_running: false,
@@ -190,4 +190,7 @@ async function _get_northstar_version_number(state: any) {
                 alert(error);
             });
     }
+    else {
+        state.northstar_state = NorthstarState.INSTALL;
+    }
 }
diff --git a/src-vue/src/utils/NorthstarState.ts b/src-vue/src/utils/NorthstarState.ts
index d6e31923..4150a380 100644
--- a/src-vue/src/utils/NorthstarState.ts
+++ b/src-vue/src/utils/NorthstarState.ts
@@ -1,4 +1,5 @@
 export enum NorthstarState {
+    GAME_NOT_FOUND,
     INSTALL,
     INSTALLING,
     MUST_UPDATE,
-- 
cgit v1.2.3


From 98d0e35e5a6e9966406e968e2d247e5e9b6f7768 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Mon, 3 Oct 2022 18:15:36 +0200
Subject: refactor: implement launchGame method with switch/case

---
 src-vue/src/plugins/store.ts | 116 +++++++++++++++++++++----------------------
 1 file changed, 57 insertions(+), 59 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 5087221b..62b1f887 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -58,71 +58,69 @@ export const store = createStore({
         },
         async launchGame(state: any) {
             // TODO update installation if release track was switched
+            switch (state.northstar_state) {
+                // Install northstar if it wasn't detected.
+                case NorthstarState.INSTALL:
+                    let install_northstar_result = invoke("install_northstar_caller", { gamePath: state.game_path, northstarPackageName: ReleaseCanal.RELEASE });
+                    state.northstar_state = NorthstarState.INSTALLING;
 
-            // Install northstar if it wasn't detected.
-            if (state.northstar_state === NorthstarState.INSTALL) {
-                let install_northstar_result = invoke("install_northstar_caller", { gamePath: state.game_path, northstarPackageName: ReleaseCanal.RELEASE });
-                state.northstar_state = NorthstarState.INSTALLING;
-
-                await install_northstar_result.then((message) => {
-                    console.log(message);
-                })
-                    .catch((error) => {
-                        console.error(error);
-                        alert(error);
-                    });
-
-                _get_northstar_version_number(state);
-                return;
-            }
+                    await install_northstar_result.then((message) => {
+                        console.log(message);
+                    })
+                        .catch((error) => {
+                            console.error(error);
+                            alert(error);
+                        });
 
-            // Update northstar if it is outdated.
-            if (state.northstar_state === NorthstarState.MUST_UPDATE) {
-                // Updating is the same as installing, simply overwrites the existing files
-                let install_northstar_result = invoke("install_northstar_caller", { gamePath: state.game_path, northstarPackageName: ReleaseCanal.RELEASE });
-                state.northstar_state = NorthstarState.UPDATING;
-
-                await install_northstar_result.then((message) => {
-                    console.log(message);
-                })
-                    .catch((error) => {
-                        console.error(error);
-                        alert(error);
-                    });
-
-                _get_northstar_version_number(state);
-                return;
-            }
+                    _get_northstar_version_number(state);
+                    break;
 
-            // Game is ready to play
-            if (state.northstar_state === NorthstarState.READY_TO_PLAY) {
-                // Show an error message if Origin is not running.
-                if (!state.origin_is_running) {
-                    ElNotification({
-                        title: 'Origin is not running',
-                        message: "Northstar cannot launch while you're not authenticated with Origin.",
-                        type: 'warning',
-                        position: 'bottom-right'
-                    });
-
-                    // If Origin isn't running, end here
-                    return;
-                }
+                // Update northstar if it is outdated.
+                case NorthstarState.MUST_UPDATE:
+                    // Updating is the same as installing, simply overwrites the existing files
+                    let reinstall_northstar_result = invoke("install_northstar_caller", { gamePath: state.game_path, northstarPackageName: ReleaseCanal.RELEASE });
+                    state.northstar_state = NorthstarState.UPDATING;
 
-                let game_install = {
-                    game_path: state.game_path,
-                    install_type: state.install_type
-                } as GameInstall;
-                await invoke("launch_northstar_caller", { gameInstall: game_install })
-                    .then((message) => {
+                    await reinstall_northstar_result.then((message) => {
                         console.log(message);
-                        // NorthstarState.RUNNING
                     })
-                    .catch((error) => {
-                        console.error(error);
-                        alert(error);
-                    });
-                return;
+                        .catch((error) => {
+                            console.error(error);
+                            alert(error);
+                        });
+
+                    _get_northstar_version_number(state);
+                    break;
+
+                // Game is ready to play.
+                case NorthstarState.READY_TO_PLAY:
+                    // Show an error message if Origin is not running.
+                    if (!state.origin_is_running) {
+                        ElNotification({
+                            title: 'Origin is not running',
+                            message: "Northstar cannot launch while you're not authenticated with Origin.",
+                            type: 'warning',
+                            position: 'bottom-right'
+                        });
+
+                        // If Origin isn't running, end here
+                        return;
+                    }
+
+                    let game_install = {
+                        game_path: state.game_path,
+                        install_type: state.install_type
+                    } as GameInstall;
+                    await invoke("launch_northstar_caller", { gameInstall: game_install })
+                        .then((message) => {
+                            console.log(message);
+                            // NorthstarState.RUNNING
+                        })
+                        .catch((error) => {
+                            console.error(error);
+                            alert(error);
+                        });
+                    break;
             }
         }
     }
-- 
cgit v1.2.3


From 56d886a4378dc4e7c986c2b7e8ccc99272c83d18 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Mon, 3 Oct 2022 18:22:17 +0200
Subject: docs: update readme

---
 src-vue/README.md | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/README.md b/src-vue/README.md
index 30b15e21..e6d7ea6e 100644
--- a/src-vue/README.md
+++ b/src-vue/README.md
@@ -1,16 +1,18 @@
-# Vue 3 + TypeScript + Vite
+# FlightCore UI
 
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+This folder holds FlightCore's interface repository.
 
-## Recommended IDE Setup
+This is a [Vue (v4)](https://vuejs.org/) project, using [Element Plus](https://element-plus.org/en-US/) component library.
 
-- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
+## Development
 
-## Type Support For `.vue` Imports in TS
+```shell
+# Install dependencies
+npm install
 
-Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's Take Over mode by following these steps:
+# Run in development mode
+npm run dev
 
-1. Run `Extensions: Show Built-in Extensions` from VS Code's command palette, look for `TypeScript and JavaScript Language Features`, then right click and select `Disable (Workspace)`. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
-2. Reload the VS Code window by running `Developer: Reload Window` from the command palette.
-
-You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).
+# Build for production
+npm run build
+```
-- 
cgit v1.2.3


From c508c62e8c098388cbcae942182c4909810beb70 Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Mon, 3 Oct 2022 18:29:43 +0200
Subject: refactor: Gecko is paranoid

---
 src-vue/src/views/PlayView.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src-vue')

diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
index 64779f6a..b02acc59 100644
--- a/src-vue/src/views/PlayView.vue
+++ b/src-vue/src/views/PlayView.vue
@@ -24,7 +24,7 @@ export default defineComponent({
     methods: {
         activateDeveloperMode() {
             this.developerModeClicks += 1;
-            if (this.developerModeClicks === 6) {
+            if (this.developerModeClicks >= 6) {
                 this.$store.state.developer_mode = true;
                 ElNotification({
                     title: 'Watch out!',
-- 
cgit v1.2.3


From c009cbe313e29b660e8776fa2c4d82eb5195edbc Mon Sep 17 00:00:00 2001
From: Remy Raes <raes.remy@gmail.com>
Date: Mon, 3 Oct 2022 18:37:26 +0200
Subject: fix: address _initializeApp result typing issue

---
 src-vue/src/plugins/store.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 62b1f887..bcca7701 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -131,15 +131,15 @@ export const store = createStore({
  * It invokes all Rust methods that are needed to initialize UI.
  */
 async function _initializeApp(state: any) {
-    // @ts-ignore
-    const result: GameInstall = await invoke("find_game_install_location_caller")
+    const result = await invoke("find_game_install_location_caller")
         .catch((err) => {
             // Gamepath not found or other error
             console.error(err);
             alert(err);
         });
-    state.game_path = result.game_path;
-    state.install_type = result.install_type as InstallType;
+    const typedResult: GameInstall = result as GameInstall;
+    state.game_path = typedResult.game_path;
+    state.install_type = typedResult.install_type;
 
     // Check installed Northstar version if found
     await _get_northstar_version_number(state);
-- 
cgit v1.2.3


From 02127ed8793e5344c28fa9c7c2c16c7a0b3f3ae9 Mon Sep 17 00:00:00 2001
From: Alystrasz <contact@remyraes.com>
Date: Mon, 3 Oct 2022 21:41:49 +0200
Subject: fix: address options() typing issue

---
 src-vue/src/components/PlayButton.vue | 3 +--
 src-vue/src/utils/ReleaseCanal.ts     | 4 ++--
 2 files changed, 3 insertions(+), 4 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/components/PlayButton.vue b/src-vue/src/components/PlayButton.vue
index e2ee2bcc..8e0b4149 100644
--- a/src-vue/src/components/PlayButton.vue
+++ b/src-vue/src/components/PlayButton.vue
@@ -36,8 +36,7 @@ export default defineComponent({
             return Object.keys(ReleaseCanal).map(function (v) {
                 return {
                     key: v,
-                    // @ts-ignore
-                    value: ReleaseCanal[v]
+                    value: Object.keys(ReleaseCanal)[Object.values(ReleaseCanal).indexOf(v)]
                 }
             });
         }
diff --git a/src-vue/src/utils/ReleaseCanal.ts b/src-vue/src/utils/ReleaseCanal.ts
index ca1ba8a5..9363aa25 100644
--- a/src-vue/src/utils/ReleaseCanal.ts
+++ b/src-vue/src/utils/ReleaseCanal.ts
@@ -1,4 +1,4 @@
 export enum ReleaseCanal {
-    RELEASE = 'Northstar',
-    RELEASE_CANDIDATE = 'NorthstarReleaseCandidate'
+    RELEASE = <any>'Northstar',
+    RELEASE_CANDIDATE = <any>'NorthstarReleaseCandidate'
 }
-- 
cgit v1.2.3


From 6665621da87811d2f219b83b21fb705b538dca90 Mon Sep 17 00:00:00 2001
From: Alystrasz <contact@remyraes.com>
Date: Mon, 3 Oct 2022 21:58:16 +0200
Subject: feat: implement updateGamePath method

---
 src-vue/src/plugins/store.ts       |  3 +++
 src-vue/src/views/SettingsView.vue | 44 ++++++++++++++++++++++++++++++++++----
 2 files changed, 43 insertions(+), 4 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index bcca7701..7f649a51 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -40,6 +40,9 @@ export const store = createStore({
         }
     },
     mutations: {
+        checkNorthstarUpdates(state) {
+            _get_northstar_version_number(state);
+        },
         toggleDeveloperMode(state) {
             state.developer_mode = !state.developer_mode;
 
diff --git a/src-vue/src/views/SettingsView.vue b/src-vue/src/views/SettingsView.vue
index e0ffc026..0e5498e9 100644
--- a/src-vue/src/views/SettingsView.vue
+++ b/src-vue/src/views/SettingsView.vue
@@ -18,17 +18,53 @@
 </template>
 
 <script lang="ts">
-export default {
+import { open } from '@tauri-apps/api/dialog';
+import { appDir } from '@tauri-apps/api/path';
+import { invoke } from "@tauri-apps/api";
+import { defineComponent } from "vue";
+import { ElNotification } from 'element-plus';
+
+export default defineComponent({
     name: "SettingsView",
     methods: {
-        updateGamePath() {
-            console.log('TODO: update path');
+        async updateGamePath() {
+            // Open a selection dialog for directories
+            const selected = await open({
+                directory: true,
+                multiple: false,
+                defaultPath: await appDir(),
+            });
+            if (Array.isArray(selected)) {
+                // user selected multiple directories
+                alert("Please only select a single directory");
+            } else if (selected === null) {
+                // user cancelled the selection
+            } else {
+                // user selected a single directory
+
+                // Verify if valid Titanfall2 install location
+                let is_valid_titanfall2_install = await invoke("verify_install_location", { gamePath: selected }) as boolean;
+                if (is_valid_titanfall2_install) {
+                    this.$store.state.game_path = selected;
+                    // Check for Northstar install
+                    this.$store.commit('checkNorthstarUpdates');
+                }
+                else {
+                    // Not valid Titanfall2 install
+                    ElNotification({
+                        title: 'Wrong folder',
+                        message: "Selected folder is not a valid Titanfall2 install.",
+                        type: 'error',
+                        position: 'bottom-right'
+                    });
+                }
+            }
         }
     },
     mounted() {
         document.querySelector('input')!.disabled = true;
     }
-}
+});
 </script>
 
 <style scoped>
-- 
cgit v1.2.3


From ba53e308a0908d0852e23d86efc66acf837485e4 Mon Sep 17 00:00:00 2001
From: Alystrasz <contact@remyraes.com>
Date: Mon, 3 Oct 2022 22:20:37 +0200
Subject: feat: add panic button to dev view

---
 src-vue/src/views/DeveloperView.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

(limited to 'src-vue')

diff --git a/src-vue/src/views/DeveloperView.vue b/src-vue/src/views/DeveloperView.vue
index bfb206a2..52dd29fd 100644
--- a/src-vue/src/views/DeveloperView.vue
+++ b/src-vue/src/views/DeveloperView.vue
@@ -3,17 +3,32 @@
         <el-button type="primary" @click="disableDevMode">
             Disable developer mode
         </el-button>
+
+        <el-button type="primary" @click="crashApplication">
+            Panic button
+        </el-button>
     </div>
 </template>
 
 <script lang="ts">
 import {defineComponent} from "vue";
+import { invoke } from "@tauri-apps/api";
+import { ElNotification } from "element-plus";
 
 export default defineComponent({
     name: "DeveloperView",
     methods: {
         disableDevMode() {
             this.$store.commit('toggleDeveloperMode');
+        },
+        async crashApplication() {
+            await invoke("force_panic");
+            ElNotification({
+                title: 'Error',
+                message: "Never should have been able to get here!",
+                type: 'error',
+                position: 'bottom-right'
+            });
         }
     }
 });
-- 
cgit v1.2.3


From 14d4248f679ca19ffaa40ef5a92992cfa13495d4 Mon Sep 17 00:00:00 2001
From: GeckoEidechse <gecko.eidechse+git@pm.me>
Date: Mon, 3 Oct 2022 22:53:25 +0200
Subject: chore: Fix import formatting

---
 src-vue/src/plugins/store.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 7f649a51..af835357 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -1,10 +1,10 @@
 import { createStore } from 'vuex';
 import { listen, Event as TauriEvent } from "@tauri-apps/api/event";
-import {Tabs} from "../utils/Tabs";
-import {InstallType} from "../utils/InstallType";
-import {invoke} from "@tauri-apps/api";
-import {GameInstall} from "../utils/GameInstall";
-import {ReleaseCanal} from "../utils/ReleaseCanal";
+import { Tabs } from "../utils/Tabs";
+import { InstallType } from "../utils/InstallType";
+import { invoke } from "@tauri-apps/api";
+import { GameInstall } from "../utils/GameInstall";
+import { ReleaseCanal } from "../utils/ReleaseCanal";
 import { ElNotification } from 'element-plus';
 import { NorthstarState } from '../utils/NorthstarState';
 
-- 
cgit v1.2.3


From c284e9aafc369784fa58cd0dc6a536c4bf2e1a84 Mon Sep 17 00:00:00 2001
From: Alystrasz <contact@remyraes.com>
Date: Tue, 4 Oct 2022 08:05:53 +0200
Subject: refactor: rename store type

---
 src-vue/src/plugins/store.ts | 10 +++++-----
 src-vue/src/vuex-shim.d.ts   |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 7f649a51..9d1bd89f 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -9,7 +9,7 @@ import { ElNotification } from 'element-plus';
 import { NorthstarState } from '../utils/NorthstarState';
 
 
-export type Store = {
+export interface FlightCoreStore {
     current_tab: Tabs,
     developer_mode: boolean,
     game_path: string,
@@ -23,13 +23,13 @@ export type Store = {
     origin_is_running: boolean
 }
 
-export const store = createStore({
-    state () {
+export const store = createStore<FlightCoreStore>({
+    state (): FlightCoreStore {
         return {
             current_tab: Tabs.PLAY,
             developer_mode: false,
-            game_path: undefined,
-            install_type: undefined,
+            game_path: undefined as unknown as string,
+            install_type: undefined as unknown as InstallType,
 
             installed_northstar_version: "",
             northstar_state: NorthstarState.GAME_NOT_FOUND,
diff --git a/src-vue/src/vuex-shim.d.ts b/src-vue/src/vuex-shim.d.ts
index 1429115b..40438a97 100644
--- a/src-vue/src/vuex-shim.d.ts
+++ b/src-vue/src/vuex-shim.d.ts
@@ -3,6 +3,6 @@ import { Store } from 'vuex'
 
 declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {
-        $store: Store<State>
+        $store: Store<FlightCoreStore>
     }
 }
-- 
cgit v1.2.3


From 4fc36ee367cb7abb18277ee59a7acdcead66ff82 Mon Sep 17 00:00:00 2001
From: Alystrasz <contact@remyraes.com>
Date: Tue, 4 Oct 2022 08:29:38 +0200
Subject: feat: migrate update check code to store

---
 src-vue/src/plugins/store.ts | 45 +++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 42 insertions(+), 3 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 9d1bd89f..20af73b3 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -53,7 +53,7 @@ export const store = createStore<FlightCoreStore>({
         },
         initialize(state) {
             _initializeApp(state);
-            // _checkForFlightCoreUpdates(state);
+            _checkForFlightCoreUpdates(state);
             _initializeListeners(state);
         },
         updateCurrentTab(state: any, newTab: Tabs) {
@@ -148,12 +148,51 @@ async function _initializeApp(state: any) {
     await _get_northstar_version_number(state);
 }
 
-// TODO
-async function _checkForFlightCoreUpdates(state: any) {
+async function _checkForFlightCoreUpdates(state: FlightCoreStore) {
     // Get version number
     let version_number_string = await invoke("get_version_number") as string;
     // Check if up-to-date
     let flightcore_is_outdated = await invoke("check_is_flightcore_outdated_caller") as boolean;
+    // Get host OS
+    let host_os_string = await invoke("get_host_os_caller") as string;
+    
+    // Get install location
+    await invoke("find_game_install_location_caller", { gamePath: state.game_path })
+        .then((game_install) => {
+            // Found some gamepath
+            let game_install_obj = game_install as GameInstall;
+
+            // Change installation state based on whether game install was found
+            state.northstar_state = NorthstarState.INSTALL;
+            state.game_path = game_install_obj.game_path;
+            state.install_type = game_install_obj.install_type as InstallType;
+
+            // Check installed Northstar version if found
+            _get_northstar_version_number(state);
+        })
+        .catch((error) => {
+            // Gamepath not found or other error
+            ElNotification({
+                title: "Couldn't find game path",
+                message: error,
+                type: 'warning',
+                position: 'bottom-right'
+            });
+            state.northstar_state = NorthstarState.GAME_NOT_FOUND;
+        });
+
+    // --- This should be moved and is only placed here temporarily -----
+    let game_install = {
+        game_path: state.game_path,
+        install_type: state.install_type.toString()
+    } as GameInstall;
+    await invoke("get_log_list_caller", { gameInstall: game_install })
+        .then((message) => {
+            console.log(message);
+        })
+        .catch((error) => {
+            console.error(error);
+        });
 }
 
 /**
-- 
cgit v1.2.3


From 2a0df9b69a3730e01ed6f0389d19843f5373f909 Mon Sep 17 00:00:00 2001
From: GeckoEidechse <gecko.eidechse+git@pm.me>
Date: Tue, 4 Oct 2022 15:42:44 +0200
Subject: refactor: Remove unused copied code

---
 src-vue/src/plugins/store.ts | 42 ------------------------------------------
 1 file changed, 42 deletions(-)

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index e392ea27..6ce16c80 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -149,50 +149,8 @@ async function _initializeApp(state: any) {
 }
 
 async function _checkForFlightCoreUpdates(state: FlightCoreStore) {
-    // Get version number
-    let version_number_string = await invoke("get_version_number") as string;
     // Check if up-to-date
     let flightcore_is_outdated = await invoke("check_is_flightcore_outdated_caller") as boolean;
-    // Get host OS
-    let host_os_string = await invoke("get_host_os_caller") as string;
-    
-    // Get install location
-    await invoke("find_game_install_location_caller", { gamePath: state.game_path })
-        .then((game_install) => {
-            // Found some gamepath
-            let game_install_obj = game_install as GameInstall;
-
-            // Change installation state based on whether game install was found
-            state.northstar_state = NorthstarState.INSTALL;
-            state.game_path = game_install_obj.game_path;
-            state.install_type = game_install_obj.install_type as InstallType;
-
-            // Check installed Northstar version if found
-            _get_northstar_version_number(state);
-        })
-        .catch((error) => {
-            // Gamepath not found or other error
-            ElNotification({
-                title: "Couldn't find game path",
-                message: error,
-                type: 'warning',
-                position: 'bottom-right'
-            });
-            state.northstar_state = NorthstarState.GAME_NOT_FOUND;
-        });
-
-    // --- This should be moved and is only placed here temporarily -----
-    let game_install = {
-        game_path: state.game_path,
-        install_type: state.install_type.toString()
-    } as GameInstall;
-    await invoke("get_log_list_caller", { gameInstall: game_install })
-        .then((message) => {
-            console.log(message);
-        })
-        .catch((error) => {
-            console.error(error);
-        });
 }
 
 /**
-- 
cgit v1.2.3


From dddbc93c3bab88a9d4ad3752cdfe35e15692e03f Mon Sep 17 00:00:00 2001
From: GeckoEidechse <gecko.eidechse+git@pm.me>
Date: Tue, 4 Oct 2022 15:53:10 +0200
Subject: feat: Show notification if FlightCore is outdated

---
 src-vue/src/plugins/store.ts | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

(limited to 'src-vue')

diff --git a/src-vue/src/plugins/store.ts b/src-vue/src/plugins/store.ts
index 6ce16c80..ccc90b1b 100644
--- a/src-vue/src/plugins/store.ts
+++ b/src-vue/src/plugins/store.ts
@@ -149,8 +149,21 @@ async function _initializeApp(state: any) {
 }
 
 async function _checkForFlightCoreUpdates(state: FlightCoreStore) {
-    // Check if up-to-date
+    // Check if FlightCore up-to-date
     let flightcore_is_outdated = await invoke("check_is_flightcore_outdated_caller") as boolean;
+
+    // Get FlightCore version number
+    let flightcore_version_number = await invoke("get_version_number") as string;
+
+    if (flightcore_is_outdated) {
+        ElNotification({
+            title: 'FlightCore outdated!',
+            message: `Please update FlightCore. Running outdated version ${flightcore_version_number}`,
+            type: 'warning',
+            position: 'bottom-right',
+            duration: 0 // Duration `0` means the notification will not auto-vanish
+        });
+    }
 }
 
 /**
-- 
cgit v1.2.3