From a1a3fe1294cf0daa89e30902d607addbdd525b6e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90=20Kevin=20Deng?=
 <sxzz@sxzz.moe>
Date: Thu, 22 Jun 2023 15:37:03 +0800
Subject: [PATCH] fix: larger font size (#100)

---
 src/editor/MonacoEditor.vue | 18 ++++++++----------
 src/monaco/Monaco.vue       |  1 +
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/editor/MonacoEditor.vue b/src/editor/MonacoEditor.vue
index 282942df..2d606a66 100644
--- a/src/editor/MonacoEditor.vue
+++ b/src/editor/MonacoEditor.vue
@@ -1,24 +1,22 @@
-<script lang="ts">
-export default {
-  editorType: 'monaco'
-}
-</script>
-
 <script setup lang="ts">
 import Monaco from '../monaco/Monaco.vue'
-import type { PreviewMode } from '../types';
+import type { PreviewMode } from '../types'
 
 defineProps<{
-  value: string;
-  filename: string;
+  value: string
+  filename: string
   readonly?: boolean
   mode?: PreviewMode
 }>()
 
 const emits = defineEmits<{
-  (e: 'change', code: string): void;
+  (e: 'change', code: string): void
 }>()
 
+defineOptions({
+  editorType: 'monaco',
+})
+
 const onChange = (code: string) => {
   emits('change', code)
 }
diff --git a/src/monaco/Monaco.vue b/src/monaco/Monaco.vue
index f17c2de3..6a0ad417 100644
--- a/src/monaco/Monaco.vue
+++ b/src/monaco/Monaco.vue
@@ -90,6 +90,7 @@ onMounted(async () => {
     ...(props.readonly
       ? { value: props.value, language: lang.value }
       : { model: null }),
+    fontSize: 13,
     theme,
     readOnly: props.readonly,
     automaticLayout: true,