<template>
    <CodeDiff :oldString="left" :newString="right" :language="language" :outputFormat="outputFormat"
        :maxHeight="maxHeight" :hideHeader="hideHeader" :hideStat="hideStat" :trim="trim" />
</template>

<script lang="ts" setup>
import { computed } from 'vue'
import { CodeDiff } from 'v-code-diff'

const props = defineProps({
    left: { type: String, default: () => '' },
    right: { type: String, default: () => '' },
    language: {
        type: String,
        default: () => 'javascript' // 常用: plaintext、xml/ html、javascript、json、yaml、python、java、bash、sql等
    },
    outputFormat: {
        type: String,
        default: () => 'side-by-side' // line-by-line，side-by-side
    },
    maxHeight: {
        type: String,
        default: () => ''
    },
    hideHeader: {
        type: Boolean,
        default: () => false
    },
    hideStat: {
        type: Boolean,
        default: () => false
    },
    trim: {
        type: Boolean,
        default: () => false
    }
})
</script>

<style lang="scss">
</style>
