js editor + fix js runner

src/pages/rules/EditRuleBook.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import {useRoute, useRouter} from "vue-router";
 import {ref, watch} from "vue";
-import {useDebounceFn} from "@vueuse/core";
+import {useDebounceFn, useEventListener} from "@vueuse/core";
 import log from "loglevel";
 import {ScriptEditor, useRuleBooksStore} from "@/rules";
 import {PlusIcon, TrashIcon} from "@heroicons/vue/24/outline";
@@ -37,6 +37,13 @@ const save = async () => {
   }
 }
 
+useEventListener(window, 'keydown', (event: KeyboardEvent) => {
+  if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === 's') {
+    event.preventDefault();
+    save();
+  }
+}, {capture: true});
+
 const addLedgerRef = () => {
   ledgerRefs.value = [...ledgerRefs.value, '']
 }
@@ -100,7 +107,7 @@ watch(useRoute(), async route => {
       </div>
       <div class="flex flex-col grow border-b-1">
         Script:
-        <ScriptEditor class="mt-2 mb-2" v-model="script" />
+        <ScriptEditor class="mt-2 mb-2" v-model="script" :ledgerRefs="ledgerRefs" />
       </div>
     </div>
     <div class="mt-2 justify-end flex">