减少层级

Former-commit-id: 889b557de9234ebb4364ebb87f5bf8b0935294eb [formerly 889b557de9234ebb4364ebb87f5bf8b0935294eb [formerly 889b557de9234ebb4364ebb87f5bf8b0935294eb [formerly 889b557de9234ebb4364ebb87f5bf8b0935294eb [formerly 41b59da80ab4c5c0b9eceeec8fd2f527d22c4ab8 [formerly 3dc1bcda38f391962e102a990c2b68b7a33d4683]]]]]
Former-commit-id: 3cd64e384a81021adeab4674894f3e4ba934924a
Former-commit-id: 6c1d5c80613ac406276127f3b01566ace11becab
Former-commit-id: fb1dae74ec5eea07c96632f6e8841b1bc42a614a [formerly 159c5ea89b386d484b2ef90733075633b156d87e]
Former-commit-id: 5be175c876d576777072d4430a8520fc7b255112
Former-commit-id: ec65f0871fca703dbbc7a428ca9e4b582043c361
Former-commit-id: 80b73945bd350373ce7e3d15b8f0432c1427d8e3
Former-commit-id: cc2112baadf022e42428dd0019a764e266570b21
Former-commit-id: b7c059087a58e03c0d954af34b30f94b3e03b60c

src/components/d2-highlight/index.vue

@@ -0,0 +1,51 @@
+<template>
+  <pre class="d2-highlight" v-html="highlightHTML"></pre>
+</template>
+
+<script>
+// https://highlightjs.org/usage/
+// http://highlightjs.readthedocs.io/en/latest/api.html#configure-options
+import htmlFormat from './libs/htmlFormat'
+import highlight from 'highlight.js'
+export default {
+  name: 'd2-highlight',
+  props: {
+    code: {
+      type: String,
+      required: false,
+      default: `console.log('you lost code prop')`
+    },
+    formatHtml: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  data () {
+    return {
+      highlightHTML: ''
+    }
+  },
+  mounted () {
+    this.highlight()
+  },
+  watch: {
+    code () {
+      this.highlight()
+    }
+  },
+  methods: {
+    highlight () {
+      const code = this.formatHtml ? htmlFormat(this.code) : this.code
+      this.highlightHTML = highlight.highlightAuto(code).value
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.d2-highlight {
+  margin: 0px;
+  border-radius: 4px;
+}
+</style>

src/components/d2-highlight/libs/htmlFormat.js.REMOVED.git-id

@@ -0,0 +1 @@
+637e1ab54544a3296a996a352314ab659e5b43a2