vue3-source-diff

Source code diff plugin for Vue@3 This plugin dependent on vue-diff

Install plugin

npm install vue3-source-diff

And install plugin in vue application

import SourceDiff from 'vue3-source-diff';
import 'vue3-source-diff/dist/index.css';

app.use(SourceDiff);

Options

app.use(SourceDiff, {
  componentName: 'SourceDiffNewName',
});

| name | type | detault | description | | ------------- | -------- |--------------| -------------------------- | | componentName | string | SourceDiff | Global diff component name |

Settings

<script setup lang="ts">
const configs = {
  mode: 'split',
  theme: 'dark',
  language: 'plaintext',
  prev: '',
  current: '',
  folding: false,
  inputDelay: 0,
  virtualScroll: false,
}
</script>
<template>
  <SourceDiff :prevLabel="'Prev Source:'"
              :currLabel="'Current Source:'"
              :diffConf="configs"
  />
</template>

Props

| name | type | detault | values | description | |------------|----------|--------------------|--------|----------------------------------------------------------------------------| | preLabel | string | '' | any | | currLabel | string | '' | any | | | diffConfig | object | Same with vue-diff | any | More Details please see vue-diff |