Sha256: a0d24f2580d1d83b3cd1453d3649a1f8148ce4cc512861061bebd12a28e6a78e
Contents?: true
Size: 821 Bytes
Versions: 16
Compression:
Stored size: 821 Bytes
Contents
<template>
<div class="block">
<VAceEditor
class="vue-ace-editor"
v-model:value="yamlInput"
lang="yaml"
theme="monokai"
:options="{
fontSize: 16,
minLines: 6,
maxLines: 10000
}"
></VAceEditor>
</div>
</template>
<script lang="ts">
import "@/ace-config"
import { defineComponent, toRef, watchEffect } from "vue"
import { VAceEditor } from "vue3-ace-editor"
export default defineComponent({
name: "RuleInputForm",
components: {
VAceEditor
},
props: {
yaml: {
type: String,
required: true
}
},
emits: ["update-yaml"],
setup(props, context) {
const yamlInput = toRef(props, "yaml")
watchEffect(() => {
context.emit("update-yaml", yamlInput.value)
})
return { yamlInput }
}
})
</script>
Version data entries
16 entries across 16 versions & 1 rubygems