Options
hideEditor from @0.3.0
default: false
markdown code
md
null
<template> <h1>Hello {{ msg }}</h1> </template> <script setup> import { ref } from 'vue'; const msg = ref('world'); </script>
autorun
default: true
set autorun=false，then you should click the run button in editor area.
markdown code
md
null
<template> <h1>Hello {{ msg }}</h1> </template> <script setup> import { ref } from 'vue'; const msg = ref('world'); </script>
coderHeight from @0.3.0
default: undefined
markdown code
md
null
<template> <h1>Hello {{ msg }}</h1> </template> <script setup> import { ref } from 'vue'; const msg = ref('world'); </script>
previewHeight from @0.3.0
default: undefined
markdown code
md
null
<template> <h1>Hello {{ msg }}</h1> </template> <script setup> import { ref } from 'vue'; const msg = ref('world'); </script>
showNavigator
default: false
markdown code
md
null
<template> <h1>Hello {{ msg }}</h1> </template> <script setup> import { ref } from 'vue'; const msg = ref('world'); </script>
showLineNumbers
default: false
markdown code
md
null
<template> <h1>Hello {{ msg }}</h1> </template> <script setup> import { ref } from 'vue'; const msg = ref('world'); </script>
wrapContent
default: false
markdown code
md
null
<template> <h1>Hello {{ msg }}</h1> </template> <script setup> import { ref } from 'vue'; const msg = ref('world'); </script>
showRefreshButton
default: true
It will not take effect when enable showNavigator
markdown code
md
null
<template> <h1>Hello {{ msg }}</h1> </template> <script setup> import { ref } from 'vue'; const msg = ref('world'); </script>
showTabs
default: true
markdown code
md
null
<template> <h1>Hello {{ msg }}</h1> </template> <script setup> import { ref } from 'vue'; const msg = ref('world'); </script>
closableTabs
show the close icon of tabs
default: false
markdown code
md
null
<template> <h1>Hello {{ msg }}</h1> </template> <script setup lang="ts"> import { ref } from 'vue'; const msg = ref<string>('world'); </script>
showConsole
show the console log panel.
default: false
markdown code
md
null
<template> <h1>Hello {{ msg }}</h1> </template> <script setup> import { ref } from 'vue'; const msg = ref('world'); </script>
showConsoleButton
show the button which can toggle the console panel.
default: true
markdown code
md
null
<template> <h1>Hello {{ msg }}</h1> </template> <script setup> import { ref } from 'vue'; const msg = ref('world'); </script>
resizablePanels
enable resizable editor width
default: true
markdown code
md
null
<template> <h1>Hello {{ msg }}</h1> </template> <script setup> import { ref } from 'vue'; const msg = ref('world'); </script>
readOnly
set all files readonly or not.
default: false
- readOnly globally
all files are readOnly
markdown code
md
null
<template>
<h1>Hello {{ msg }}</h1>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const msg = ref<string>('world');
</script>- readOnly by file
set
/src/App.vuewith readOnly
markdown code
md
null
<template> <h1>Hello {{ msg }}</h1> </template> <script setup lang="ts"> import { ref } from 'vue'; const msg = ref<string>('world'); </script>
showReadOnly
show readOnly label of file.
default: true
markdown code
md
null
<template>
<h1>Hello {{ msg }}</h1>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const msg = ref<string>('world');
</script>