apply added settings in app

src/components/Result.vue

@@ -1,11 +1,19 @@
 <script>
 import { defineComponent } from 'vue';
+import settingsService from '../services/settingsService';
 
 export default defineComponent({
   name: 'Result',
   props: [
     'data'
   ],
+  watch: {
+    data(val) {
+      if (!settingsService.getItem('autoScroll')) return;
+      const pre = this.$refs.pre;
+      setTimeout(() => pre.scrollTo(0, pre.scrollHeight), 1);
+    },
+  }
 });
 </script>
 
@@ -24,7 +32,7 @@ export default defineComponent({
 </style>
 
 <template>
-  <div class="result">
+  <div class="result" ref="pre">
     <pre class="selectable">{{ data }}</pre>
   </div>
 </template>

src/file.worker.js

@@ -63,10 +63,12 @@ const e = err => {
 };
 
 addEventListener('message', ({ data }) => {
+  const { code, settings } = data;
   try {
-    const code = new Function(addDefaultLog(data));
+    const runner = new Function(settings.autoPrint ? addDefaultLog(code) : code);
-    code();
+    runner();
   } catch (e) {
     console.error(e);
+    log(e);
   }
 });

src/services/settingsService.mjs

@@ -30,7 +30,7 @@ const settingsService = {
     return data;
   },
   set(value) {
-    data = value;
+    data = { ...data, ...value };
     save();
   },
   // ee,

src/views/HomeView.vue

@@ -1,8 +1,9 @@
 <script>
 
+import { WELCOME_CODE, STORAGE_KEY_CODE } from '../app.config';
 import Result from '../components/Result.vue';
 import Code from '../components/Code.vue';
-import { WELCOME_CODE, STORAGE_KEY_CODE } from '../app.config';
+import settingsService from '../services/settingsService';
 
 import Worker from '../file.worker.js?worker';
 
@@ -54,7 +55,10 @@ export default defineComponent({
         this.result += error.message;
       };
 
-      this.worker.postMessage(code);
+      this.worker.postMessage({
+        code,
+        settings: settingsService.get(),
+      });
     },
     terminate() {
       if (this.worker) {