From 4528c21cb990e6f51ce26dbb978aa23e8d38015e Mon Sep 17 00:00:00 2001
From: misitebao <i@misitebao.com>
Date: Wed, 8 Dec 2021 01:02:17 +0800
Subject: [PATCH] feat: add typescript template option(#12)

---
 frontend/{ => JS}/.gitignore                  |   0
 frontend/{ => JS}/.vscode/extensions.json     |   0
 frontend/JS/README.md                         |   7 +
 frontend/{ => JS}/index.html                  |   0
 frontend/JS/package.json                      |  20 +
 frontend/{ => JS}/public/favicon.ico          | Bin
 frontend/{ => JS}/src/App.vue                 |   0
 frontend/{ => JS}/src/assets/css/font.css     |   0
 frontend/{ => JS}/src/assets/css/reset.css    |   0
 .../src/assets/fonts/JetBrainsMono-Bold.woff2 | Bin
 .../fonts/JetBrainsMono-BoldItalic.woff2      | Bin
 .../fonts/JetBrainsMono-ExtraBold.woff2       | Bin
 .../fonts/JetBrainsMono-ExtraBoldItalic.woff2 | Bin
 .../fonts/JetBrainsMono-ExtraLight.woff2      | Bin
 .../JetBrainsMono-ExtraLightItalic.woff2      | Bin
 .../assets/fonts/JetBrainsMono-Italic.woff2   | Bin
 .../assets/fonts/JetBrainsMono-Light.woff2    | Bin
 .../fonts/JetBrainsMono-LightItalic.woff2     | Bin
 .../assets/fonts/JetBrainsMono-Medium.woff2   | Bin
 .../fonts/JetBrainsMono-MediumItalic.woff2    | Bin
 .../assets/fonts/JetBrainsMono-Regular.woff2  | Bin
 .../assets/fonts/JetBrainsMono-SemiBold.woff2 | Bin
 .../fonts/JetBrainsMono-SemiBoldItalic.woff2  | Bin
 .../src/assets/fonts/JetBrainsMono-Thin.woff2 | Bin
 .../fonts/JetBrainsMono-ThinItalic.woff2      | Bin
 .../{ => JS}/src/assets/images/comeon.gif     | Bin
 frontend/{ => JS}/src/assets/logo.png         | Bin
 .../{ => JS}/src/components/HelloWorld.vue    |   0
 .../src/components/public/OpenLink.vue        |   0
 .../{ => JS}/src/components/public/index.js   |   0
 frontend/{ => JS}/src/i18n/index.js           |   0
 frontend/{ => JS}/src/i18n/messages/en.json   |   0
 frontend/{ => JS}/src/i18n/messages/fr.json   |   0
 .../{ => JS}/src/i18n/messages/zh-Hans.json   |   0
 frontend/{ => JS}/src/main.js                 |   0
 frontend/{ => JS}/src/router/index.js         |   0
 frontend/{ => JS}/src/views/About.vue         |   0
 frontend/{ => JS}/src/views/Home.vue          |   0
 frontend/{ => JS}/vite.config.js              |   1 +
 frontend/TS/.gitignore                        |   5 +
 frontend/TS/.vscode/extensions.json           |   3 +
 frontend/TS/README.md                         |  11 +
 frontend/TS/index.html                        |  13 +
 frontend/TS/package.json                      |  18 +
 frontend/TS/public/favicon.ico                | Bin 0 -> 4286 bytes
 frontend/TS/src/App.vue                       |  21 +
 frontend/TS/src/assets/logo.png               | Bin 0 -> 6849 bytes
 frontend/TS/src/components/HelloWorld.vue     |  52 ++
 frontend/TS/src/env.d.ts                      |   8 +
 frontend/TS/src/main.ts                       |   4 +
 frontend/TS/tsconfig.json                     |  15 +
 frontend/TS/vite.config.ts                    |  10 +
 frontend/package-lock.tmpl.json               | 609 ------------------
 frontend/package.json                         |  15 +
 frontend/package.tmpl.json                    |  21 -
 wails.tmpl.json                               |   2 +-
 56 files changed, 204 insertions(+), 631 deletions(-)
 rename frontend/{ => JS}/.gitignore (100%)
 rename frontend/{ => JS}/.vscode/extensions.json (100%)
 create mode 100644 frontend/JS/README.md
 rename frontend/{ => JS}/index.html (100%)
 create mode 100644 frontend/JS/package.json
 rename frontend/{ => JS}/public/favicon.ico (100%)
 rename frontend/{ => JS}/src/App.vue (100%)
 rename frontend/{ => JS}/src/assets/css/font.css (100%)
 rename frontend/{ => JS}/src/assets/css/reset.css (100%)
 rename frontend/{ => JS}/src/assets/fonts/JetBrainsMono-Bold.woff2 (100%)
 rename frontend/{ => JS}/src/assets/fonts/JetBrainsMono-BoldItalic.woff2 (100%)
 rename frontend/{ => JS}/src/assets/fonts/JetBrainsMono-ExtraBold.woff2 (100%)
 rename frontend/{ => JS}/src/assets/fonts/JetBrainsMono-ExtraBoldItalic.woff2 (100%)
 rename frontend/{ => JS}/src/assets/fonts/JetBrainsMono-ExtraLight.woff2 (100%)
 rename frontend/{ => JS}/src/assets/fonts/JetBrainsMono-ExtraLightItalic.woff2 (100%)
 rename frontend/{ => JS}/src/assets/fonts/JetBrainsMono-Italic.woff2 (100%)
 rename frontend/{ => JS}/src/assets/fonts/JetBrainsMono-Light.woff2 (100%)
 rename frontend/{ => JS}/src/assets/fonts/JetBrainsMono-LightItalic.woff2 (100%)
 rename frontend/{ => JS}/src/assets/fonts/JetBrainsMono-Medium.woff2 (100%)
 rename frontend/{ => JS}/src/assets/fonts/JetBrainsMono-MediumItalic.woff2 (100%)
 rename frontend/{ => JS}/src/assets/fonts/JetBrainsMono-Regular.woff2 (100%)
 rename frontend/{ => JS}/src/assets/fonts/JetBrainsMono-SemiBold.woff2 (100%)
 rename frontend/{ => JS}/src/assets/fonts/JetBrainsMono-SemiBoldItalic.woff2 (100%)
 rename frontend/{ => JS}/src/assets/fonts/JetBrainsMono-Thin.woff2 (100%)
 rename frontend/{ => JS}/src/assets/fonts/JetBrainsMono-ThinItalic.woff2 (100%)
 rename frontend/{ => JS}/src/assets/images/comeon.gif (100%)
 rename frontend/{ => JS}/src/assets/logo.png (100%)
 rename frontend/{ => JS}/src/components/HelloWorld.vue (100%)
 rename frontend/{ => JS}/src/components/public/OpenLink.vue (100%)
 rename frontend/{ => JS}/src/components/public/index.js (100%)
 rename frontend/{ => JS}/src/i18n/index.js (100%)
 rename frontend/{ => JS}/src/i18n/messages/en.json (100%)
 rename frontend/{ => JS}/src/i18n/messages/fr.json (100%)
 rename frontend/{ => JS}/src/i18n/messages/zh-Hans.json (100%)
 rename frontend/{ => JS}/src/main.js (100%)
 rename frontend/{ => JS}/src/router/index.js (100%)
 rename frontend/{ => JS}/src/views/About.vue (100%)
 rename frontend/{ => JS}/src/views/Home.vue (100%)
 rename frontend/{ => JS}/vite.config.js (95%)
 create mode 100644 frontend/TS/.gitignore
 create mode 100644 frontend/TS/.vscode/extensions.json
 create mode 100644 frontend/TS/README.md
 create mode 100644 frontend/TS/index.html
 create mode 100644 frontend/TS/package.json
 create mode 100644 frontend/TS/public/favicon.ico
 create mode 100644 frontend/TS/src/App.vue
 create mode 100644 frontend/TS/src/assets/logo.png
 create mode 100644 frontend/TS/src/components/HelloWorld.vue
 create mode 100644 frontend/TS/src/env.d.ts
 create mode 100644 frontend/TS/src/main.ts
 create mode 100644 frontend/TS/tsconfig.json
 create mode 100644 frontend/TS/vite.config.ts
 delete mode 100644 frontend/package-lock.tmpl.json
 create mode 100644 frontend/package.json
 delete mode 100644 frontend/package.tmpl.json

diff --git a/frontend/.gitignore b/frontend/JS/.gitignore
similarity index 100%
rename from frontend/.gitignore
rename to frontend/JS/.gitignore
diff --git a/frontend/.vscode/extensions.json b/frontend/JS/.vscode/extensions.json
similarity index 100%
rename from frontend/.vscode/extensions.json
rename to frontend/JS/.vscode/extensions.json
diff --git a/frontend/JS/README.md b/frontend/JS/README.md
new file mode 100644
index 0000000..c0793a8
--- /dev/null
+++ b/frontend/JS/README.md
@@ -0,0 +1,7 @@
+# Vue 3 + Vite
+
+This template should help get you started developing with Vue 3 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
+
+- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)
diff --git a/frontend/index.html b/frontend/JS/index.html
similarity index 100%
rename from frontend/index.html
rename to frontend/JS/index.html
diff --git a/frontend/JS/package.json b/frontend/JS/package.json
new file mode 100644
index 0000000..2a16041
--- /dev/null
+++ b/frontend/JS/package.json
@@ -0,0 +1,20 @@
+{
+  "name": "js",
+  "version": "0.1.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "build:watch": "vite build -w --emptyOutDir",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "vue": "^3.2.23",
+    "vue-i18n": "^9.1.9",
+    "vue-router": "^4.0.12"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^1.10.2",
+    "sass": "^1.44.0",
+    "vite": "^2.7.0"
+  }
+}
diff --git a/frontend/public/favicon.ico b/frontend/JS/public/favicon.ico
similarity index 100%
rename from frontend/public/favicon.ico
rename to frontend/JS/public/favicon.ico
diff --git a/frontend/src/App.vue b/frontend/JS/src/App.vue
similarity index 100%
rename from frontend/src/App.vue
rename to frontend/JS/src/App.vue
diff --git a/frontend/src/assets/css/font.css b/frontend/JS/src/assets/css/font.css
similarity index 100%
rename from frontend/src/assets/css/font.css
rename to frontend/JS/src/assets/css/font.css
diff --git a/frontend/src/assets/css/reset.css b/frontend/JS/src/assets/css/reset.css
similarity index 100%
rename from frontend/src/assets/css/reset.css
rename to frontend/JS/src/assets/css/reset.css
diff --git a/frontend/src/assets/fonts/JetBrainsMono-Bold.woff2 b/frontend/JS/src/assets/fonts/JetBrainsMono-Bold.woff2
similarity index 100%
rename from frontend/src/assets/fonts/JetBrainsMono-Bold.woff2
rename to frontend/JS/src/assets/fonts/JetBrainsMono-Bold.woff2
diff --git a/frontend/src/assets/fonts/JetBrainsMono-BoldItalic.woff2 b/frontend/JS/src/assets/fonts/JetBrainsMono-BoldItalic.woff2
similarity index 100%
rename from frontend/src/assets/fonts/JetBrainsMono-BoldItalic.woff2
rename to frontend/JS/src/assets/fonts/JetBrainsMono-BoldItalic.woff2
diff --git a/frontend/src/assets/fonts/JetBrainsMono-ExtraBold.woff2 b/frontend/JS/src/assets/fonts/JetBrainsMono-ExtraBold.woff2
similarity index 100%
rename from frontend/src/assets/fonts/JetBrainsMono-ExtraBold.woff2
rename to frontend/JS/src/assets/fonts/JetBrainsMono-ExtraBold.woff2
diff --git a/frontend/src/assets/fonts/JetBrainsMono-ExtraBoldItalic.woff2 b/frontend/JS/src/assets/fonts/JetBrainsMono-ExtraBoldItalic.woff2
similarity index 100%
rename from frontend/src/assets/fonts/JetBrainsMono-ExtraBoldItalic.woff2
rename to frontend/JS/src/assets/fonts/JetBrainsMono-ExtraBoldItalic.woff2
diff --git a/frontend/src/assets/fonts/JetBrainsMono-ExtraLight.woff2 b/frontend/JS/src/assets/fonts/JetBrainsMono-ExtraLight.woff2
similarity index 100%
rename from frontend/src/assets/fonts/JetBrainsMono-ExtraLight.woff2
rename to frontend/JS/src/assets/fonts/JetBrainsMono-ExtraLight.woff2
diff --git a/frontend/src/assets/fonts/JetBrainsMono-ExtraLightItalic.woff2 b/frontend/JS/src/assets/fonts/JetBrainsMono-ExtraLightItalic.woff2
similarity index 100%
rename from frontend/src/assets/fonts/JetBrainsMono-ExtraLightItalic.woff2
rename to frontend/JS/src/assets/fonts/JetBrainsMono-ExtraLightItalic.woff2
diff --git a/frontend/src/assets/fonts/JetBrainsMono-Italic.woff2 b/frontend/JS/src/assets/fonts/JetBrainsMono-Italic.woff2
similarity index 100%
rename from frontend/src/assets/fonts/JetBrainsMono-Italic.woff2
rename to frontend/JS/src/assets/fonts/JetBrainsMono-Italic.woff2
diff --git a/frontend/src/assets/fonts/JetBrainsMono-Light.woff2 b/frontend/JS/src/assets/fonts/JetBrainsMono-Light.woff2
similarity index 100%
rename from frontend/src/assets/fonts/JetBrainsMono-Light.woff2
rename to frontend/JS/src/assets/fonts/JetBrainsMono-Light.woff2
diff --git a/frontend/src/assets/fonts/JetBrainsMono-LightItalic.woff2 b/frontend/JS/src/assets/fonts/JetBrainsMono-LightItalic.woff2
similarity index 100%
rename from frontend/src/assets/fonts/JetBrainsMono-LightItalic.woff2
rename to frontend/JS/src/assets/fonts/JetBrainsMono-LightItalic.woff2
diff --git a/frontend/src/assets/fonts/JetBrainsMono-Medium.woff2 b/frontend/JS/src/assets/fonts/JetBrainsMono-Medium.woff2
similarity index 100%
rename from frontend/src/assets/fonts/JetBrainsMono-Medium.woff2
rename to frontend/JS/src/assets/fonts/JetBrainsMono-Medium.woff2
diff --git a/frontend/src/assets/fonts/JetBrainsMono-MediumItalic.woff2 b/frontend/JS/src/assets/fonts/JetBrainsMono-MediumItalic.woff2
similarity index 100%
rename from frontend/src/assets/fonts/JetBrainsMono-MediumItalic.woff2
rename to frontend/JS/src/assets/fonts/JetBrainsMono-MediumItalic.woff2
diff --git a/frontend/src/assets/fonts/JetBrainsMono-Regular.woff2 b/frontend/JS/src/assets/fonts/JetBrainsMono-Regular.woff2
similarity index 100%
rename from frontend/src/assets/fonts/JetBrainsMono-Regular.woff2
rename to frontend/JS/src/assets/fonts/JetBrainsMono-Regular.woff2
diff --git a/frontend/src/assets/fonts/JetBrainsMono-SemiBold.woff2 b/frontend/JS/src/assets/fonts/JetBrainsMono-SemiBold.woff2
similarity index 100%
rename from frontend/src/assets/fonts/JetBrainsMono-SemiBold.woff2
rename to frontend/JS/src/assets/fonts/JetBrainsMono-SemiBold.woff2
diff --git a/frontend/src/assets/fonts/JetBrainsMono-SemiBoldItalic.woff2 b/frontend/JS/src/assets/fonts/JetBrainsMono-SemiBoldItalic.woff2
similarity index 100%
rename from frontend/src/assets/fonts/JetBrainsMono-SemiBoldItalic.woff2
rename to frontend/JS/src/assets/fonts/JetBrainsMono-SemiBoldItalic.woff2
diff --git a/frontend/src/assets/fonts/JetBrainsMono-Thin.woff2 b/frontend/JS/src/assets/fonts/JetBrainsMono-Thin.woff2
similarity index 100%
rename from frontend/src/assets/fonts/JetBrainsMono-Thin.woff2
rename to frontend/JS/src/assets/fonts/JetBrainsMono-Thin.woff2
diff --git a/frontend/src/assets/fonts/JetBrainsMono-ThinItalic.woff2 b/frontend/JS/src/assets/fonts/JetBrainsMono-ThinItalic.woff2
similarity index 100%
rename from frontend/src/assets/fonts/JetBrainsMono-ThinItalic.woff2
rename to frontend/JS/src/assets/fonts/JetBrainsMono-ThinItalic.woff2
diff --git a/frontend/src/assets/images/comeon.gif b/frontend/JS/src/assets/images/comeon.gif
similarity index 100%
rename from frontend/src/assets/images/comeon.gif
rename to frontend/JS/src/assets/images/comeon.gif
diff --git a/frontend/src/assets/logo.png b/frontend/JS/src/assets/logo.png
similarity index 100%
rename from frontend/src/assets/logo.png
rename to frontend/JS/src/assets/logo.png
diff --git a/frontend/src/components/HelloWorld.vue b/frontend/JS/src/components/HelloWorld.vue
similarity index 100%
rename from frontend/src/components/HelloWorld.vue
rename to frontend/JS/src/components/HelloWorld.vue
diff --git a/frontend/src/components/public/OpenLink.vue b/frontend/JS/src/components/public/OpenLink.vue
similarity index 100%
rename from frontend/src/components/public/OpenLink.vue
rename to frontend/JS/src/components/public/OpenLink.vue
diff --git a/frontend/src/components/public/index.js b/frontend/JS/src/components/public/index.js
similarity index 100%
rename from frontend/src/components/public/index.js
rename to frontend/JS/src/components/public/index.js
diff --git a/frontend/src/i18n/index.js b/frontend/JS/src/i18n/index.js
similarity index 100%
rename from frontend/src/i18n/index.js
rename to frontend/JS/src/i18n/index.js
diff --git a/frontend/src/i18n/messages/en.json b/frontend/JS/src/i18n/messages/en.json
similarity index 100%
rename from frontend/src/i18n/messages/en.json
rename to frontend/JS/src/i18n/messages/en.json
diff --git a/frontend/src/i18n/messages/fr.json b/frontend/JS/src/i18n/messages/fr.json
similarity index 100%
rename from frontend/src/i18n/messages/fr.json
rename to frontend/JS/src/i18n/messages/fr.json
diff --git a/frontend/src/i18n/messages/zh-Hans.json b/frontend/JS/src/i18n/messages/zh-Hans.json
similarity index 100%
rename from frontend/src/i18n/messages/zh-Hans.json
rename to frontend/JS/src/i18n/messages/zh-Hans.json
diff --git a/frontend/src/main.js b/frontend/JS/src/main.js
similarity index 100%
rename from frontend/src/main.js
rename to frontend/JS/src/main.js
diff --git a/frontend/src/router/index.js b/frontend/JS/src/router/index.js
similarity index 100%
rename from frontend/src/router/index.js
rename to frontend/JS/src/router/index.js
diff --git a/frontend/src/views/About.vue b/frontend/JS/src/views/About.vue
similarity index 100%
rename from frontend/src/views/About.vue
rename to frontend/JS/src/views/About.vue
diff --git a/frontend/src/views/Home.vue b/frontend/JS/src/views/Home.vue
similarity index 100%
rename from frontend/src/views/Home.vue
rename to frontend/JS/src/views/Home.vue
diff --git a/frontend/vite.config.js b/frontend/JS/vite.config.js
similarity index 95%
rename from frontend/vite.config.js
rename to frontend/JS/vite.config.js
index a29d710..fde588a 100644
--- a/frontend/vite.config.js
+++ b/frontend/JS/vite.config.js
@@ -11,6 +11,7 @@ export default defineConfig({
     },
   },
   build: {
+    outDir:"../dist",
     rollupOptions: {
       output: {
         entryFileNames: `assets/[name].js`,
diff --git a/frontend/TS/.gitignore b/frontend/TS/.gitignore
new file mode 100644
index 0000000..d451ff1
--- /dev/null
+++ b/frontend/TS/.gitignore
@@ -0,0 +1,5 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
diff --git a/frontend/TS/.vscode/extensions.json b/frontend/TS/.vscode/extensions.json
new file mode 100644
index 0000000..3dc5b08
--- /dev/null
+++ b/frontend/TS/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["johnsoncodehk.volar"]
+}
diff --git a/frontend/TS/README.md b/frontend/TS/README.md
new file mode 100644
index 0000000..f5342b7
--- /dev/null
+++ b/frontend/TS/README.md
@@ -0,0 +1,11 @@
+# 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
+
+- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.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 `.vue` type support plugin by running `Volar: Switch TS Plugin on/off` from VSCode command palette.
diff --git a/frontend/TS/index.html b/frontend/TS/index.html
new file mode 100644
index 0000000..11603f8
--- /dev/null
+++ b/frontend/TS/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/frontend/TS/package.json b/frontend/TS/package.json
new file mode 100644
index 0000000..7530619
--- /dev/null
+++ b/frontend/TS/package.json
@@ -0,0 +1,18 @@
+{
+  "name": "ts",
+  "version": "0.1.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build  --emptyOutDir",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "vue": "^3.2.23"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^1.10.2",
+    "typescript": "^4.4.4",
+    "vite": "^2.7.0",
+    "vue-tsc": "^0.28.10"
+  }
+}
\ No newline at end of file
diff --git a/frontend/TS/public/favicon.ico b/frontend/TS/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..df36fcfb72584e00488330b560ebcf34a41c64c2
GIT binary patch
literal 4286
zcmds*O-Phc6o&64GDVCEQHxsW(p4>LW*W<827=Unuo8sGpRux(DN@jWP-e29Wl%wj
zY84_aq9}^Am9-cWTD5GGEo#+5Fi2wX_P*bo+xO!)p*7B;iKlbFd(U~_d(U?#hLj56
zPhFkj-|A6~Qk#@g^#D^U0XT1cu=c-vu1+SElX9NR;kzAUV(q0|dl0|%h|dI$%VICy
zJnu2^L*Te9JrJMGh%-P79CL0}dq92RGU6gI{v2~|)p}sG5x0U*z<8U;Ij*hB9z?ei
z@g6Xq-pDoPl=MANPiR7%172VA%r)kev<ISBgE$F{SFy+(=9Z)f)De0Se}ZDZW}Z3B
zElCeVrw;K0Fdl_Cg=gZOFXXc3pL)Q05CAuT+XucQ<8g~3dteP~|7s7c6QYP;fy;mF
zMN;>tV-_5H*QJKFmd;8yA$98zCxBZYXTNZ#QFk2(TX0;Y2dt&WitL#$96|gJY=3xX
zpCoi|YNzgO3R`f@IiEeSmKrPSf#h#Qd<$%Ej^RIeeYfsxhPMOG`S`Pz8q``=511zm
zAm)MX5AV^5xIWPyEu7u>qYs?pn$I4nL9J!=K=SGlKLXpE<5x+2cDTXq?brj?n6sp=
zphe9;_JHf40^9~}9i08r{XM$7HB!`{Ys~TK0kx<}ZQng`UPvH*11|q7&l9?@FQz;8
zx!=3<4seY*%=OlbCbcae?<QnEgvj4i?s}Yk=qA2z`-^*<eK3c)MS4JOdbsTQEOa0)
z0NWqlna2rzs>5^V_}*K>Uo6ZWV8mTyE^B=DKy7-sdLYkR5Z?paTgK-zyIkKjIcpyO
z{+uIt&YSa_$QnN_@t~L014dyK(fOOo+W*MIxbA6Ndgr=Y!f#Tokqv}n<7-9qfHkc3
z=>a|HWqcX8fzQCT=dqVbogRq!-S>H%yA{1w#2Pn;=e>JiEj7Hl;zdt-2f+j2%DeVD
zsW0Ab)ZK@0cIW%W7<X*Er!BfRbvU93$DH%#v6dRt^6HBxz1xBNHx=$&_Gv<&J}Ljk
zJN<Fzx(`Oe@KgQ0F$<14=XV#WK`o#6Ku>z}H{&~yGhn~D;aiP4=;m-HCo`BEI+Kd6
z={Xwx{T<?%b6i9IjI)Ls)S{-*mq<@~R{?$}ZKjf;^k75i_}(2MXt}^SEBVg7AI@28
zo_uPg2V)_e-`2Ois=PYoe%9u*n9({PFR)OnHJPi{dNx>Kx<YG`4QQ>D#iCLfl2<BD
h7L=-;Q>vQGDitKtN>z|-AdCN|$jTFDg0m3O`WLD4_s#$S

literal 0
HcmV?d00001

diff --git a/frontend/TS/src/App.vue b/frontend/TS/src/App.vue
new file mode 100644
index 0000000..df4e2d7
--- /dev/null
+++ b/frontend/TS/src/App.vue
@@ -0,0 +1,21 @@
+<script setup lang="ts">
+// This starter template is using Vue 3 <script setup> SFCs
+// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
+import HelloWorld from './components/HelloWorld.vue'
+</script>
+
+<template>
+  <img alt="Vue logo" src="./assets/logo.png" />
+  <HelloWorld msg="Hello Vue 3 + TypeScript + Vite" />
+</template>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>
diff --git a/frontend/TS/src/assets/logo.png b/frontend/TS/src/assets/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..f3d2503fc2a44b5053b0837ebea6e87a2d339a43
GIT binary patch
literal 6849
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

literal 0
HcmV?d00001

diff --git a/frontend/TS/src/components/HelloWorld.vue b/frontend/TS/src/components/HelloWorld.vue
new file mode 100644
index 0000000..2d61249
--- /dev/null
+++ b/frontend/TS/src/components/HelloWorld.vue
@@ -0,0 +1,52 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+defineProps<{ msg: string }>()
+
+const count = ref(0)
+</script>
+
+<template>
+  <h1>{{ msg }}</h1>
+
+  <p>
+    Recommended IDE setup:
+    <a href="https://code.visualstudio.com/" target="_blank">VSCode</a>
+    +
+    <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
+  </p>
+
+  <p>See <code>README.md</code> for more information.</p>
+
+  <p>
+    <a href="https://vitejs.dev/guide/features.html" target="_blank">
+      Vite Docs
+    </a>
+    |
+    <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Docs</a>
+  </p>
+
+  <button type="button" @click="count++">count is: {{ count }}</button>
+  <p>
+    Edit
+    <code>components/HelloWorld.vue</code> to test hot module replacement.
+  </p>
+</template>
+
+<style scoped>
+a {
+  color: #42b983;
+}
+
+label {
+  margin: 0 0.5em;
+  font-weight: bold;
+}
+
+code {
+  background-color: #eee;
+  padding: 2px 4px;
+  border-radius: 4px;
+  color: #304455;
+}
+</style>
diff --git a/frontend/TS/src/env.d.ts b/frontend/TS/src/env.d.ts
new file mode 100644
index 0000000..d27eb5a
--- /dev/null
+++ b/frontend/TS/src/env.d.ts
@@ -0,0 +1,8 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
diff --git a/frontend/TS/src/main.ts b/frontend/TS/src/main.ts
new file mode 100644
index 0000000..01433bc
--- /dev/null
+++ b/frontend/TS/src/main.ts
@@ -0,0 +1,4 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')
diff --git a/frontend/TS/tsconfig.json b/frontend/TS/tsconfig.json
new file mode 100644
index 0000000..8617c8a
--- /dev/null
+++ b/frontend/TS/tsconfig.json
@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "lib": ["esnext", "dom"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
+}
diff --git a/frontend/TS/vite.config.ts b/frontend/TS/vite.config.ts
new file mode 100644
index 0000000..77f9c00
--- /dev/null
+++ b/frontend/TS/vite.config.ts
@@ -0,0 +1,10 @@
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+  build: {
+    outDir: "../dist",
+  },
+});
diff --git a/frontend/package-lock.tmpl.json b/frontend/package-lock.tmpl.json
deleted file mode 100644
index e797dd2..0000000
--- a/frontend/package-lock.tmpl.json
+++ /dev/null
@@ -1,609 +0,0 @@
-{
-  "name": "{{.ProjectName}}",
-  "version": "0.0.1",
-  "lockfileVersion": 1,
-  "requires": true,
-  "dependencies": {
-    "@babel/parser": {
-      "version": "7.16.2",
-      "resolved": "https://registry.npmmirror.com/@babel/parser/download/@babel/parser-7.16.2.tgz",
-      "integrity": "sha1-NyPNXI2Hc+75bOV+odm3+qzNEqw="
-    },
-    "@intlify/core-base": {
-      "version": "9.1.9",
-      "resolved": "https://registry.npmmirror.com/@intlify/core-base/download/@intlify/core-base-9.1.9.tgz?cache=0&sync_timestamp=1636268414302&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40intlify%2Fcore-base%2Fdownload%2F%40intlify%2Fcore-base-9.1.9.tgz",
-      "integrity": "sha1-5OjJUQEHKOSvOg0T10zz+eet1/Y=",
-      "requires": {
-        "@intlify/devtools-if": "9.1.9",
-        "@intlify/message-compiler": "9.1.9",
-        "@intlify/message-resolver": "9.1.9",
-        "@intlify/runtime": "9.1.9",
-        "@intlify/shared": "9.1.9",
-        "@intlify/vue-devtools": "9.1.9"
-      }
-    },
-    "@intlify/devtools-if": {
-      "version": "9.1.9",
-      "resolved": "https://registry.npmmirror.com/@intlify/devtools-if/download/@intlify/devtools-if-9.1.9.tgz",
-      "integrity": "sha1-ow4d0SVv8sXJjY110HU4T7qJjl0=",
-      "requires": {
-        "@intlify/shared": "9.1.9"
-      }
-    },
-    "@intlify/message-compiler": {
-      "version": "9.1.9",
-      "resolved": "https://registry.npmmirror.com/@intlify/message-compiler/download/@intlify/message-compiler-9.1.9.tgz?cache=0&sync_timestamp=1635879705003&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40intlify%2Fmessage-compiler%2Fdownload%2F%40intlify%2Fmessage-compiler-9.1.9.tgz",
-      "integrity": "sha1-EZPL0iSnHC+5gUVbhTSjx2bSlI0=",
-      "requires": {
-        "@intlify/message-resolver": "9.1.9",
-        "@intlify/shared": "9.1.9",
-        "source-map": "0.6.1"
-      }
-    },
-    "@intlify/message-resolver": {
-      "version": "9.1.9",
-      "resolved": "https://registry.npmmirror.com/@intlify/message-resolver/download/@intlify/message-resolver-9.1.9.tgz",
-      "integrity": "sha1-MVXM0vXm0NwWyti38djpf82gW/w="
-    },
-    "@intlify/runtime": {
-      "version": "9.1.9",
-      "resolved": "https://registry.npmmirror.com/@intlify/runtime/download/@intlify/runtime-9.1.9.tgz?cache=0&sync_timestamp=1633535744601&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40intlify%2Fruntime%2Fdownload%2F%40intlify%2Fruntime-9.1.9.tgz",
-      "integrity": "sha1-LBLOKVGKB1Yp7+0KjtKT7nQMsoU=",
-      "requires": {
-        "@intlify/message-compiler": "9.1.9",
-        "@intlify/message-resolver": "9.1.9",
-        "@intlify/shared": "9.1.9"
-      }
-    },
-    "@intlify/shared": {
-      "version": "9.1.9",
-      "resolved": "https://registry.npmmirror.com/@intlify/shared/download/@intlify/shared-9.1.9.tgz?cache=0&sync_timestamp=1635879705225&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40intlify%2Fshared%2Fdownload%2F%40intlify%2Fshared-9.1.9.tgz",
-      "integrity": "sha1-C6r5YSi4VWBma+x4T/sB9mI8wXo="
-    },
-    "@intlify/vue-devtools": {
-      "version": "9.1.9",
-      "resolved": "https://registry.npmmirror.com/@intlify/vue-devtools/download/@intlify/vue-devtools-9.1.9.tgz",
-      "integrity": "sha1-K+j02+f37UEVZ26zI0gUHUEeQms=",
-      "requires": {
-        "@intlify/message-resolver": "9.1.9",
-        "@intlify/runtime": "9.1.9",
-        "@intlify/shared": "9.1.9"
-      }
-    },
-    "@vitejs/plugin-vue": {
-      "version": "1.9.4",
-      "resolved": "https://registry.npmmirror.com/@vitejs/plugin-vue/download/@vitejs/plugin-vue-1.9.4.tgz",
-      "integrity": "sha1-T0hIVDLLuYap+50lTcM84w3cy/o=",
-      "dev": true
-    },
-    "@vue/compiler-core": {
-      "version": "3.2.21",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-core/download/@vue/compiler-core-3.2.21.tgz",
-      "integrity": "sha1-JlZsMrKtg4GZ1HHvXfYgqDhG8k4=",
-      "requires": {
-        "@babel/parser": "^7.15.0",
-        "@vue/shared": "3.2.21",
-        "estree-walker": "^2.0.2",
-        "source-map": "^0.6.1"
-      }
-    },
-    "@vue/compiler-dom": {
-      "version": "3.2.21",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/download/@vue/compiler-dom-3.2.21.tgz",
-      "integrity": "sha1-1vbIU2TviIj5xOkSK/uhHnj7OYw=",
-      "requires": {
-        "@vue/compiler-core": "3.2.21",
-        "@vue/shared": "3.2.21"
-      }
-    },
-    "@vue/compiler-sfc": {
-      "version": "3.2.21",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/download/@vue/compiler-sfc-3.2.21.tgz",
-      "integrity": "sha1-QmOe5J5yWvt9jx0ZQOddwXpWACw=",
-      "requires": {
-        "@babel/parser": "^7.15.0",
-        "@vue/compiler-core": "3.2.21",
-        "@vue/compiler-dom": "3.2.21",
-        "@vue/compiler-ssr": "3.2.21",
-        "@vue/ref-transform": "3.2.21",
-        "@vue/shared": "3.2.21",
-        "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.21",
-      "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/download/@vue/compiler-ssr-3.2.21.tgz?cache=0&sync_timestamp=1635836341195&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40vue%2Fcompiler-ssr%2Fdownload%2F%40vue%2Fcompiler-ssr-3.2.21.tgz",
-      "integrity": "sha1-N9Ek+J6K3vn9VrhXdd5LUxCgQ24=",
-      "requires": {
-        "@vue/compiler-dom": "3.2.21",
-        "@vue/shared": "3.2.21"
-      }
-    },
-    "@vue/devtools-api": {
-      "version": "6.0.0-beta.20",
-      "resolved": "https://registry.npmmirror.com/@vue/devtools-api/download/@vue/devtools-api-6.0.0-beta.20.tgz?cache=0&sync_timestamp=1635944976169&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40vue%2Fdevtools-api%2Fdownload%2F%40vue%2Fdevtools-api-6.0.0-beta.20.tgz",
-      "integrity": "sha1-tUBcmoT7RGh9BefEx4VLFjkUEQY="
-    },
-    "@vue/reactivity": {
-      "version": "3.2.21",
-      "resolved": "https://registry.npmmirror.com/@vue/reactivity/download/@vue/reactivity-3.2.21.tgz?cache=0&sync_timestamp=1635836342408&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40vue%2Freactivity%2Fdownload%2F%40vue%2Freactivity-3.2.21.tgz",
-      "integrity": "sha1-BzrRRBku14oH4VHpWjuqUV5AmaI=",
-      "requires": {
-        "@vue/shared": "3.2.21"
-      }
-    },
-    "@vue/ref-transform": {
-      "version": "3.2.21",
-      "resolved": "https://registry.npmmirror.com/@vue/ref-transform/download/@vue/ref-transform-3.2.21.tgz?cache=0&sync_timestamp=1635836341560&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40vue%2Fref-transform%2Fdownload%2F%40vue%2Fref-transform-3.2.21.tgz",
-      "integrity": "sha1-sMVUyfZAw/AF935nYGaqD6upCYQ=",
-      "requires": {
-        "@babel/parser": "^7.15.0",
-        "@vue/compiler-core": "3.2.21",
-        "@vue/shared": "3.2.21",
-        "estree-walker": "^2.0.2",
-        "magic-string": "^0.25.7"
-      }
-    },
-    "@vue/runtime-core": {
-      "version": "3.2.21",
-      "resolved": "https://registry.npmmirror.com/@vue/runtime-core/download/@vue/runtime-core-3.2.21.tgz?cache=0&sync_timestamp=1635836340681&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40vue%2Fruntime-core%2Fdownload%2F%40vue%2Fruntime-core-3.2.21.tgz",
-      "integrity": "sha1-4S2sjDiTt66/w34yBmcY2KpoasU=",
-      "requires": {
-        "@vue/reactivity": "3.2.21",
-        "@vue/shared": "3.2.21"
-      }
-    },
-    "@vue/runtime-dom": {
-      "version": "3.2.21",
-      "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/download/@vue/runtime-dom-3.2.21.tgz",
-      "integrity": "sha1-M90VvIUoHncxd6MNxpMcKUvXeqE=",
-      "requires": {
-        "@vue/runtime-core": "3.2.21",
-        "@vue/shared": "3.2.21",
-        "csstype": "^2.6.8"
-      }
-    },
-    "@vue/server-renderer": {
-      "version": "3.2.21",
-      "resolved": "https://registry.npmmirror.com/@vue/server-renderer/download/@vue/server-renderer-3.2.21.tgz?cache=0&sync_timestamp=1635836339682&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40vue%2Fserver-renderer%2Fdownload%2F%40vue%2Fserver-renderer-3.2.21.tgz",
-      "integrity": "sha1-iH0KRN529yMTz/JoaiTAMVIx1jQ=",
-      "requires": {
-        "@vue/compiler-ssr": "3.2.21",
-        "@vue/shared": "3.2.21"
-      }
-    },
-    "@vue/shared": {
-      "version": "3.2.21",
-      "resolved": "https://registry.npmmirror.com/@vue/shared/download/@vue/shared-3.2.21.tgz?cache=0&sync_timestamp=1635836337223&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40vue%2Fshared%2Fdownload%2F%40vue%2Fshared-3.2.21.tgz",
-      "integrity": "sha1-TNgMDmLPZaetqyRJ6GtvDLM6Ews="
-    },
-    "anymatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.nlark.com/anymatch/download/anymatch-3.1.2.tgz",
-      "integrity": "sha1-wFV8CWrzLxBhmPT04qODU343hxY=",
-      "dev": true,
-      "requires": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      }
-    },
-    "binary-extensions": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npm.taobao.org/binary-extensions/download/binary-extensions-2.2.0.tgz?cache=0&sync_timestamp=1610299285874&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbinary-extensions%2Fdownload%2Fbinary-extensions-2.2.0.tgz",
-      "integrity": "sha1-dfUC7q+f/eQvyYgpZFvk6na9ni0=",
-      "dev": true
-    },
-    "braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npm.taobao.org/braces/download/braces-3.0.2.tgz",
-      "integrity": "sha1-NFThpGLujVmeI23zNs2epPiv4Qc=",
-      "dev": true,
-      "requires": {
-        "fill-range": "^7.0.1"
-      }
-    },
-    "chokidar": {
-      "version": "3.5.2",
-      "resolved": "https://registry.nlark.com/chokidar/download/chokidar-3.5.2.tgz",
-      "integrity": "sha1-26OXb8rbAW9m/TZQIdkWANAcHnU=",
-      "dev": true,
-      "requires": {
-        "anymatch": "~3.1.2",
-        "braces": "~3.0.2",
-        "fsevents": "~2.3.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
-      }
-    },
-    "csstype": {
-      "version": "2.6.18",
-      "resolved": "https://registry.nlark.com/csstype/download/csstype-2.6.18.tgz",
-      "integrity": "sha1-mAqLUwhfNK8xNBCvBk8r0kF4Qhg="
-    },
-    "esbuild": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmmirror.com/esbuild/download/esbuild-0.13.12.tgz",
-      "integrity": "sha1-nKxkFZS/A880FFJYwJPXQ+u958o=",
-      "dev": true,
-      "requires": {
-        "esbuild-android-arm64": "0.13.12",
-        "esbuild-darwin-64": "0.13.12",
-        "esbuild-darwin-arm64": "0.13.12",
-        "esbuild-freebsd-64": "0.13.12",
-        "esbuild-freebsd-arm64": "0.13.12",
-        "esbuild-linux-32": "0.13.12",
-        "esbuild-linux-64": "0.13.12",
-        "esbuild-linux-arm": "0.13.12",
-        "esbuild-linux-arm64": "0.13.12",
-        "esbuild-linux-mips64le": "0.13.12",
-        "esbuild-linux-ppc64le": "0.13.12",
-        "esbuild-netbsd-64": "0.13.12",
-        "esbuild-openbsd-64": "0.13.12",
-        "esbuild-sunos-64": "0.13.12",
-        "esbuild-windows-32": "0.13.12",
-        "esbuild-windows-64": "0.13.12",
-        "esbuild-windows-arm64": "0.13.12"
-      }
-    },
-    "esbuild-android-arm64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmmirror.com/esbuild-android-arm64/download/esbuild-android-arm64-0.13.12.tgz?cache=0&sync_timestamp=1635657401958&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-android-arm64%2Fdownload%2Fesbuild-android-arm64-0.13.12.tgz",
-      "integrity": "sha1-4fGZ3AVAXNxmcMAPtseTgiv4rkw=",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-darwin-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmmirror.com/esbuild-darwin-64/download/esbuild-darwin-64-0.13.12.tgz?cache=0&sync_timestamp=1635657367910&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-darwin-64%2Fdownload%2Fesbuild-darwin-64-0.13.12.tgz",
-      "integrity": "sha1-9cWeYilVwB8FDlp6ycHUHbcUuU0=",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-darwin-arm64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmmirror.com/esbuild-darwin-arm64/download/esbuild-darwin-arm64-0.13.12.tgz?cache=0&sync_timestamp=1635657375258&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-darwin-arm64%2Fdownload%2Fesbuild-darwin-arm64-0.13.12.tgz",
-      "integrity": "sha1-irrnTClWqKpWj8UseIKTOMSkuYg=",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-freebsd-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmmirror.com/esbuild-freebsd-64/download/esbuild-freebsd-64-0.13.12.tgz?cache=0&sync_timestamp=1635657406487&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-freebsd-64%2Fdownload%2Fesbuild-freebsd-64-0.13.12.tgz",
-      "integrity": "sha1-atKrjANk7n3S1uMk2Hao5grnXRI=",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-freebsd-arm64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmmirror.com/esbuild-freebsd-arm64/download/esbuild-freebsd-arm64-0.13.12.tgz?cache=0&sync_timestamp=1636439938914&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-freebsd-arm64%2Fdownload%2Fesbuild-freebsd-arm64-0.13.12.tgz",
-      "integrity": "sha1-bzgVX0wwCsTIrd4f3jzGpEQKgpQ=",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-linux-32": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmmirror.com/esbuild-linux-32/download/esbuild-linux-32-0.13.12.tgz?cache=0&sync_timestamp=1635657409413&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-linux-32%2Fdownload%2Fesbuild-linux-32-0.13.12.tgz",
-      "integrity": "sha1-sdFeMwGIqMId51w/AFhiij7vrec=",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-linux-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmmirror.com/esbuild-linux-64/download/esbuild-linux-64-0.13.12.tgz?cache=0&sync_timestamp=1636440041227&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-linux-64%2Fdownload%2Fesbuild-linux-64-0.13.12.tgz",
-      "integrity": "sha1-Jb1ktmFisCNI4y2PEuTJ7mHx0HA=",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-linux-arm": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmmirror.com/esbuild-linux-arm/download/esbuild-linux-arm-0.13.12.tgz?cache=0&sync_timestamp=1635657412162&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-linux-arm%2Fdownload%2Fesbuild-linux-arm-0.13.12.tgz",
-      "integrity": "sha1-a8gclXv/InJWiMxjWcKaJXZb4Js=",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-linux-arm64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmmirror.com/esbuild-linux-arm64/download/esbuild-linux-arm64-0.13.12.tgz?cache=0&sync_timestamp=1635657413709&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-linux-arm64%2Fdownload%2Fesbuild-linux-arm64-0.13.12.tgz",
-      "integrity": "sha1-ulgimEV8xcmsgjonXeEXYgwGU38=",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-linux-mips64le": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmmirror.com/esbuild-linux-mips64le/download/esbuild-linux-mips64le-0.13.12.tgz?cache=0&sync_timestamp=1635657414836&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-linux-mips64le%2Fdownload%2Fesbuild-linux-mips64le-0.13.12.tgz",
-      "integrity": "sha1-7zxKuj5YXYR8ut5ZRai0pcYsfOI=",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-linux-ppc64le": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmmirror.com/esbuild-linux-ppc64le/download/esbuild-linux-ppc64le-0.13.12.tgz?cache=0&sync_timestamp=1635657416015&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-linux-ppc64le%2Fdownload%2Fesbuild-linux-ppc64le-0.13.12.tgz",
-      "integrity": "sha1-oh+2ToDDi+8GEi5IKDmQ/G21eOE=",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-netbsd-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmmirror.com/esbuild-netbsd-64/download/esbuild-netbsd-64-0.13.12.tgz?cache=0&sync_timestamp=1636439938172&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-netbsd-64%2Fdownload%2Fesbuild-netbsd-64-0.13.12.tgz",
-      "integrity": "sha1-Hqf8jPzoiiCkBHuGfvGEBJpmQa4=",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-openbsd-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmmirror.com/esbuild-openbsd-64/download/esbuild-openbsd-64-0.13.12.tgz?cache=0&sync_timestamp=1636439937478&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-openbsd-64%2Fdownload%2Fesbuild-openbsd-64-0.13.12.tgz",
-      "integrity": "sha1-rd4y8vGwXcS9T8VE1upaQ3n5yk0=",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-sunos-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmmirror.com/esbuild-sunos-64/download/esbuild-sunos-64-0.13.12.tgz?cache=0&sync_timestamp=1636439945353&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-sunos-64%2Fdownload%2Fesbuild-sunos-64-0.13.12.tgz",
-      "integrity": "sha1-p+yvUrc2T77nbciqcH+j4c/zNCw=",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-windows-32": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmmirror.com/esbuild-windows-32/download/esbuild-windows-32-0.13.12.tgz?cache=0&sync_timestamp=1636439939703&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-windows-32%2Fdownload%2Fesbuild-windows-32-0.13.12.tgz",
-      "integrity": "sha1-qHVgM9yQXEt76hm+affuaICfh3A=",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-windows-64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmmirror.com/esbuild-windows-64/download/esbuild-windows-64-0.13.12.tgz",
-      "integrity": "sha1-rmlKpmygeKy4UJstoxGX7R9A95g=",
-      "dev": true,
-      "optional": true
-    },
-    "esbuild-windows-arm64": {
-      "version": "0.13.12",
-      "resolved": "https://registry.npmmirror.com/esbuild-windows-arm64/download/esbuild-windows-arm64-0.13.12.tgz?cache=0&sync_timestamp=1636439936785&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fesbuild-windows-arm64%2Fdownload%2Fesbuild-windows-arm64-0.13.12.tgz",
-      "integrity": "sha1-eCxai9bXF+pVqq/mSPmSbKNqSog=",
-      "dev": true,
-      "optional": true
-    },
-    "estree-walker": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npm.taobao.org/estree-walker/download/estree-walker-2.0.2.tgz?cache=0&sync_timestamp=1611956983677&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Festree-walker%2Fdownload%2Festree-walker-2.0.2.tgz",
-      "integrity": "sha1-UvAQF4wqTBF6d1fP6UKtt9LaTKw="
-    },
-    "fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npm.taobao.org/fill-range/download/fill-range-7.0.1.tgz",
-      "integrity": "sha1-GRmmp8df44ssfHflGYU12prN2kA=",
-      "dev": true,
-      "requires": {
-        "to-regex-range": "^5.0.1"
-      }
-    },
-    "fsevents": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmmirror.com/fsevents/download/fsevents-2.3.2.tgz",
-      "integrity": "sha1-ilJveLj99GI7cJ4Ll1xSwkwC/Ro=",
-      "dev": true,
-      "optional": true
-    },
-    "function-bind": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npm.taobao.org/function-bind/download/function-bind-1.1.1.tgz",
-      "integrity": "sha1-pWiZ0+o8m6uHS7l3O3xe3pL0iV0=",
-      "dev": true
-    },
-    "glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmmirror.com/glob-parent/download/glob-parent-5.1.2.tgz?cache=0&sync_timestamp=1632953697891&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fglob-parent%2Fdownload%2Fglob-parent-5.1.2.tgz",
-      "integrity": "sha1-hpgyxYA0/mikCTwX3BXoNA2EAcQ=",
-      "dev": true,
-      "requires": {
-        "is-glob": "^4.0.1"
-      }
-    },
-    "has": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npm.taobao.org/has/download/has-1.0.3.tgz",
-      "integrity": "sha1-ci18v8H2qoJB8W3YFOAR4fQeh5Y=",
-      "dev": true,
-      "requires": {
-        "function-bind": "^1.1.1"
-      }
-    },
-    "is-binary-path": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npm.taobao.org/is-binary-path/download/is-binary-path-2.1.0.tgz",
-      "integrity": "sha1-6h9/O4DwZCNug0cPhsCcJU+0Wwk=",
-      "dev": true,
-      "requires": {
-        "binary-extensions": "^2.0.0"
-      }
-    },
-    "is-core-module": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmmirror.com/is-core-module/download/is-core-module-2.8.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fis-core-module%2Fdownload%2Fis-core-module-2.8.0.tgz",
-      "integrity": "sha1-AyEzbD0JJeSX/Zf12VyxFKXM1Ug=",
-      "dev": true,
-      "requires": {
-        "has": "^1.0.3"
-      }
-    },
-    "is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npm.taobao.org/is-extglob/download/is-extglob-2.1.1.tgz",
-      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
-      "dev": true
-    },
-    "is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmmirror.com/is-glob/download/is-glob-4.0.3.tgz",
-      "integrity": "sha1-ZPYeQsu7LuwgcanawLKLoeZdUIQ=",
-      "dev": true,
-      "requires": {
-        "is-extglob": "^2.1.1"
-      }
-    },
-    "is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npm.taobao.org/is-number/download/is-number-7.0.0.tgz",
-      "integrity": "sha1-dTU0W4lnNNX4DE0GxQlVUnoU8Ss=",
-      "dev": true
-    },
-    "magic-string": {
-      "version": "0.25.7",
-      "resolved": "https://registry.npm.taobao.org/magic-string/download/magic-string-0.25.7.tgz",
-      "integrity": "sha1-P0l9b9NMZpxnmNy4IfLvMfVEUFE=",
-      "requires": {
-        "sourcemap-codec": "^1.4.4"
-      }
-    },
-    "nanoid": {
-      "version": "3.1.30",
-      "resolved": "https://registry.npmmirror.com/nanoid/download/nanoid-3.1.30.tgz?cache=0&sync_timestamp=1634166192601&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fnanoid%2Fdownload%2Fnanoid-3.1.30.tgz",
-      "integrity": "sha1-Y/k8xUjSoRPcXfvGO/oJ4rm2Q2I="
-    },
-    "normalize-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npm.taobao.org/normalize-path/download/normalize-path-3.0.0.tgz",
-      "integrity": "sha1-Dc1p/yOhybEf0JeDFmRKA4ghamU=",
-      "dev": true
-    },
-    "path-parse": {
-      "version": "1.0.7",
-      "resolved": "https://registry.nlark.com/path-parse/download/path-parse-1.0.7.tgz?cache=0&sync_timestamp=1621947812221&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fpath-parse%2Fdownload%2Fpath-parse-1.0.7.tgz",
-      "integrity": "sha1-+8EUtgykKzDZ2vWFjkvWi77bZzU=",
-      "dev": true
-    },
-    "picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmmirror.com/picocolors/download/picocolors-1.0.0.tgz?cache=0&sync_timestamp=1634093442271&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fpicocolors%2Fdownload%2Fpicocolors-1.0.0.tgz",
-      "integrity": "sha1-y1vcdP8/UYkiNur3nWi8RFZKuBw="
-    },
-    "picomatch": {
-      "version": "2.3.0",
-      "resolved": "https://registry.nlark.com/picomatch/download/picomatch-2.3.0.tgz?cache=0&sync_timestamp=1621648246651&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fpicomatch%2Fdownload%2Fpicomatch-2.3.0.tgz",
-      "integrity": "sha1-8fBh3o9qS/AiiS4tEoI0+5gwKXI=",
-      "dev": true
-    },
-    "postcss": {
-      "version": "8.3.11",
-      "resolved": "https://registry.npmmirror.com/postcss/download/postcss-8.3.11.tgz",
-      "integrity": "sha1-w77KfqgRzV4cSj7G0udZnvH4+Fg=",
-      "requires": {
-        "nanoid": "^3.1.30",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^0.6.2"
-      }
-    },
-    "readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.nlark.com/readdirp/download/readdirp-3.6.0.tgz",
-      "integrity": "sha1-dKNwvYVxFuJFspzJc0DNQxoCpsc=",
-      "dev": true,
-      "requires": {
-        "picomatch": "^2.2.1"
-      }
-    },
-    "resolve": {
-      "version": "1.20.0",
-      "resolved": "https://registry.npm.taobao.org/resolve/download/resolve-1.20.0.tgz?cache=0&sync_timestamp=1613054822645&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fresolve%2Fdownload%2Fresolve-1.20.0.tgz",
-      "integrity": "sha1-YpoBP7P3B1XW8LeTXMHCxTeLGXU=",
-      "dev": true,
-      "requires": {
-        "is-core-module": "^2.2.0",
-        "path-parse": "^1.0.6"
-      }
-    },
-    "rollup": {
-      "version": "2.59.0",
-      "resolved": "https://registry.npmmirror.com/rollup/download/rollup-2.59.0.tgz?cache=0&sync_timestamp=1635760107164&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Frollup%2Fdownload%2Frollup-2.59.0.tgz",
-      "integrity": "sha1-EIxhsPoKN+vI0fFk8oFiIFbw21k=",
-      "dev": true,
-      "requires": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "sass": {
-      "version": "1.43.4",
-      "resolved": "https://registry.npmmirror.com/sass/download/sass-1.43.4.tgz",
-      "integrity": "sha1-aMfWobAEvvSa8NnK91DpslIQXR8=",
-      "dev": true,
-      "requires": {
-        "chokidar": ">=3.0.0 <4.0.0"
-      }
-    },
-    "source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz",
-      "integrity": "sha1-dHIq8y6WFOnCh6jQu95IteLxomM="
-    },
-    "source-map-js": {
-      "version": "0.6.2",
-      "resolved": "https://registry.npmmirror.com/source-map-js/download/source-map-js-0.6.2.tgz?cache=0&sync_timestamp=1636400772640&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fsource-map-js%2Fdownload%2Fsource-map-js-0.6.2.tgz",
-      "integrity": "sha1-C7XeYxtBz72mz7qL0FqA79/SOF4="
-    },
-    "sourcemap-codec": {
-      "version": "1.4.8",
-      "resolved": "https://registry.nlark.com/sourcemap-codec/download/sourcemap-codec-1.4.8.tgz",
-      "integrity": "sha1-6oBL2UhXQC5pktBaOO8a41qatMQ="
-    },
-    "to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npm.taobao.org/to-regex-range/download/to-regex-range-5.0.1.tgz",
-      "integrity": "sha1-FkjESq58jZiKMmAY7XL1tN0DkuQ=",
-      "dev": true,
-      "requires": {
-        "is-number": "^7.0.0"
-      }
-    },
-    "vite": {
-      "version": "2.6.13",
-      "resolved": "https://registry.npmmirror.com/vite/download/vite-2.6.13.tgz",
-      "integrity": "sha1-FrPshaZtW0YawpqQOHTUNX+a9DI=",
-      "dev": true,
-      "requires": {
-        "esbuild": "^0.13.2",
-        "fsevents": "~2.3.2",
-        "postcss": "^8.3.8",
-        "resolve": "^1.20.0",
-        "rollup": "^2.57.0"
-      }
-    },
-    "vue": {
-      "version": "3.2.21",
-      "resolved": "https://registry.npmmirror.com/vue/download/vue-3.2.21.tgz",
-      "integrity": "sha1-VfVmUXLZXPl+gGuarQo3UYC+I6E=",
-      "requires": {
-        "@vue/compiler-dom": "3.2.21",
-        "@vue/compiler-sfc": "3.2.21",
-        "@vue/runtime-dom": "3.2.21",
-        "@vue/server-renderer": "3.2.21",
-        "@vue/shared": "3.2.21"
-      }
-    },
-    "vue-i18n": {
-      "version": "9.1.9",
-      "resolved": "https://registry.npmmirror.com/vue-i18n/download/vue-i18n-9.1.9.tgz",
-      "integrity": "sha1-y1PgarXMW37tWTMvFRyvSNR76bs=",
-      "requires": {
-        "@intlify/core-base": "9.1.9",
-        "@intlify/shared": "9.1.9",
-        "@intlify/vue-devtools": "9.1.9",
-        "@vue/devtools-api": "^6.0.0-beta.7"
-      }
-    },
-    "vue-router": {
-      "version": "4.0.12",
-      "resolved": "https://registry.npmmirror.com/vue-router/download/vue-router-4.0.12.tgz",
-      "integrity": "sha1-jceSzd9bsavMOQj5BkE23n4TxGA=",
-      "requires": {
-        "@vue/devtools-api": "^6.0.0-beta.18"
-      }
-    }
-  }
-}
diff --git a/frontend/package.json b/frontend/package.json
new file mode 100644
index 0000000..7f95374
--- /dev/null
+++ b/frontend/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "{{.ProjectName}}",
+  "version": "0.1.0",
+  "description": "",
+  "main": "",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "{{.AuthorName}}",
+  "license": "ISC",
+  "workspaces": [
+    "JS",
+    "TS"
+  ]
+}
diff --git a/frontend/package.tmpl.json b/frontend/package.tmpl.json
deleted file mode 100644
index 52ca1dc..0000000
--- a/frontend/package.tmpl.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-  "name": "{{.ProjectName}}",
-  "version": "0.0.1",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "build:watch": "vite build -w",
-    "serve": "vite preview"
-  },
-  "dependencies": {
-    "vue": "^3.2.16",
-    "vue-i18n": "^9.1.9",
-    "vue-router": "^4.0.12"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^1.9.3",
-    "sass": "^1.43.4",
-    "vite": "^2.6.4"
-  },
-  "author": "{{.AuthorName}}"
-}
diff --git a/wails.tmpl.json b/wails.tmpl.json
index b8d0810..f981212 100644
--- a/wails.tmpl.json
+++ b/wails.tmpl.json
@@ -3,7 +3,7 @@
   "outputfilename": "{{.BinaryName}}",
   "assetdir": "frontend/dist",
   "frontend:install": "npm install",
-  "frontend:build": "npm run build",
+  "frontend:build": "npm run build -w js",
   "author": {
     "name": "{{.AuthorName}}",
     "email": "{{.AuthorEmail}}"