feat: custom label

Author: sxzz

src/Repl.vue

@@ -36,7 +36,8 @@ export interface Props {
     showRuntimeWarning?: boolean
   }
   editorOptions?: {
-    showErrorText?: string
+    showErrorText?: string | false
+    autoSaveText?: string | false
     monacoOptions?: monaco.editor.IStandaloneEditorConstructionOptions
   }
 }

src/editor/EditorContainer.vue

@@ -45,10 +45,15 @@ watch(showMessage, () => {
 
     <div class="editor-floating">
       <ToggleButton
+        v-if="editorOptions?.showErrorText !== false"
         v-model="showMessage"
         :text="editorOptions?.showErrorText || 'Show Error'"
       />
-      <ToggleButton v-model="autoSave" text="Auto Save" bottom="48px" />
+      <ToggleButton
+        v-if="editorOptions?.autoSaveText !== false"
+        v-model="autoSave"
+        :text="editorOptions?.autoSaveText || 'Auto Save'"
+      />
     </div>
   </div>
 </template>

test/main.ts

@@ -68,6 +68,7 @@ const App = {
         // showCompileOutput: false,
         // showImportMap: false
         editorOptions: {
+          autoSaveText: '💾',
           monacoOptions: {
             // wordWrap: 'on',
           },