Merge pull request #179 from stockmind/patch-1

Add a Vue.js self-contained example

README.md

@@ -131,6 +131,37 @@ export class AppDiffComponent implements OnInit {
 ]
 ```
 
+### Vue.js
+
+```vue
+<template>
+    <div v-html="prettyHtml"></div>
+</template>
+
+<script>
+import { Diff2Html } from "diff2html";
+import "diff2html/dist/diff2html.min.css";
+
+export default {
+  data: function() {
+    return {
+      diffs: "--- a/server/vendor/golang.org/x/sys/unix/zsyscall_linux_mipsle.go\n+++ b/server/vendor/golang.org/x/sys/unix/zsyscall_linux_mipsle.go\n@@ -1035,6 +1035,17 @@ func Prctl(option int, arg2 uintptr, arg3 uintptr, arg4 uintptr, arg5 uintptr) (\n \n // THIS FILE IS GENERATED BY THE COMMAND AT THE TOP; DO NOT EDIT\n \n+func Pselect(nfd int, r *FdSet, w *FdSet, e *FdSet, timeout *Timespec, sigmask *Sigset_t) (n int, err error) {\n+\tr0, _, e1 := Syscall6(SYS_PSELECT6, uintptr(nfd), uintptr(unsafe.Pointer(r)), uintptr(unsafe.Pointer(w)), uintptr(unsafe.Pointer(e)), uintptr(unsafe.Pointer(timeout)), uintptr(unsafe.Pointer(sigmask)))\n+\tn = int(r0)\n+\tif e1 != 0 {\n+\t\terr = errnoErr(e1)\n+\t}\n+\treturn\n+}\n+\n+// THIS FILE IS GENERATED BY THE COMMAND AT THE TOP; DO NOT EDIT\n+\n func read(fd int, p []byte) (n int, err error) {\n \tvar _p0 unsafe.Pointer\n \tif len(p) > 0 {\n"
+    };
+  },
+  computed: {
+    prettyHtml: function() {
+      return Diff2Html.getPrettyHtml(this.diffs, {
+          inputFormat: "diff",
+          showFiles: true,
+          matching: "lines",
+          outputFormat: "side-by-side"
+        });
+    }
+  }
+};
+</script>
+```
+
 ## API
 
 > Intermediate Json From Git Word Diff Output