diff --git a/hwe/ts/build_exports.json b/hwe/ts/build_exports.json
index bab37e61..b0c31118 100644
--- a/hwe/ts/build_exports.json
+++ b/hwe/ts/build_exports.json
@@ -19,7 +19,7 @@
         "currentCity": "currentCity.ts",
         "hallOfFame": "hallOfFame.ts",
         "history": "history.ts",
-        "join": "join.ts",
+        "join": "legacy/join.ts",
         "select_general_from_pool": "select_general_from_pool.ts",
         "extKingdoms": "extKingdoms.ts",
         "common": "common_deprecated.ts"
@@ -27,6 +27,7 @@
     "ingame_vue": {
         "v_inheritPoint": "v_inheritPoint.ts",
         "v_board": "v_board.ts",
-        "v_NPCControl": "v_NPCControl.ts"
+        "v_NPCControl": "v_NPCControl.ts",
+        "v_join": "v_join.ts"
     }
 }
\ No newline at end of file
diff --git a/hwe/ts/legacy/inheritPoint.ts b/hwe/ts/legacy/inheritPoint.ts
deleted file mode 100644
index 2de586d4..00000000
--- a/hwe/ts/legacy/inheritPoint.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import "../../scss/inheritPoint.scss";
-
-import { sum } from "lodash";
-import { unwrap } from "../util/unwrap";
-declare global {
-    interface Window {
-        formStart: ()=>void;
-        items: {[name: string]:number};
-        helpText: {[name: string]:string};
-    }
-}
-
-function formStart() {
-
-    const dSum = unwrap(document.querySelector('#inherit_sum_value')) as HTMLInputElement ;
-    const dOld = unwrap(document.querySelector('#inherit_previous_value')) as HTMLInputElement;
-    const dNew = unwrap(document.querySelector('#inherit_new_value')) as HTMLInputElement;
-
-    const sumPoint = Math.floor(sum(Object.values(window.items)));
-    const oldPoint = Math.floor(window.items['previous']);
-    const sumNewPoint = sumPoint - oldPoint;
-
-    dSum.value = sumPoint.toLocaleString();
-    dOld.value = oldPoint.toLocaleString();
-    dNew.value = sumNewPoint.toLocaleString();
-
-    for(const [key, val] of Object.entries(window.items)){
-        const dItem = unwrap(document.querySelector(`#inherit_${key}_value`)) as HTMLInputElement ;
-        dItem.value = Math.floor(val).toLocaleString();
-    }
-
-    for(const [key, text] of Object.entries(window.helpText)){
-        const dText = unwrap(document.querySelector(`#inherit_${key} small.form-text`)) as HTMLElement;
-        dText.innerHTML = text;
-    }
-}
-
-formStart();
\ No newline at end of file
diff --git a/hwe/ts/join.ts b/hwe/ts/legacy/join.ts
similarity index 97%
rename from hwe/ts/join.ts
rename to hwe/ts/legacy/join.ts
index 47be56c7..21b468bf 100644
--- a/hwe/ts/join.ts
+++ b/hwe/ts/legacy/join.ts
@@ -1,7 +1,7 @@
 import $ from 'jquery';
-import { exportWindow } from './util/exportWindow';
-import { mb_strwidth } from './util/mb_strwidth';
-import { unwrap_any } from './util/unwrap_any';
+import { exportWindow } from '../util/exportWindow';
+import { mb_strwidth } from '../util/mb_strwidth';
+import { unwrap_any } from '../util/unwrap_any';
 
 declare const defaultStatTotal: number;
 declare const defaultStatMax: number;
diff --git a/hwe/ts/v_join.ts b/hwe/ts/v_join.ts
new file mode 100644
index 00000000..74a5ff71
--- /dev/null
+++ b/hwe/ts/v_join.ts
@@ -0,0 +1 @@
+import { createApp } from 'vue'
\ No newline at end of file