UICodeEditor

UICodeEditor

Code editor component with syntax highlighting.

<template>
  <UICodeEditor
    v-model:value="code"
    language="javascript"
    :resize="true"
    :prettify="true"
    :editable="true"
    :hideGutters="false"
    :darkMode="false"
  />
</template>

Props

• language (‘javascript’ | ‘json’ | ‘html’ | ‘css’): Code language
• value (string): Editor content
• resize (boolean): Allow resizing
• prettify (boolean): Auto-format code
• editable (boolean): Allow editing
• hideGutters (boolean): Hide line numbers
• darkMode (boolean): Use dark theme
• id (string): Unique identifier

Events

• update:value: Emitted when content changes

Methods

• setContent(value: string): Set editor content programmatically