no message

Former-commit-id: de9fc7ee6ce7d2874bedb5d51fd2997f52870126
Former-commit-id: 70cb9e2b35ef7a76a62dc085aeb77eb914bc42ab
Former-commit-id: 47e9746d0a0fd6d32e798a0f6fbd684c8b555f09

src/components/core/d2-count-up/index.vue

@@ -5,6 +5,7 @@
 <script>
 import CountUp from 'countup.js'
 export default {
+  name: 'd2-count-up',
   props: {
     start: {
       type: Number,

src/components/core/d2-highlight/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <pre class="high-light-component" v-html="highlightHTML"></pre>
+  <pre class="d2-highlight" v-html="highlightHTML"></pre>
 </template>
 
 <script>
@@ -7,6 +7,7 @@
 // http://highlightjs.readthedocs.io/en/latest/api.html#configure-options
 import highlight from 'highlight.js'
 export default {
+  name: 'd2-highlight',
   props: {
     code: {
       type: String,
@@ -36,7 +37,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.high-light-component {
+.d2-highlight {
   margin: 0px;
   border-radius: 4px;
 }

src/components/core/register.js

@@ -1,8 +1,8 @@
 import Vue from 'vue'
 
 Vue.component('d2-container', resolve => { require(['@/components/core/d2-container'], resolve) })
-Vue.component('CountUp', resolve => { require(['@/components/core/CountUp'], resolve) })
-Vue.component('Highlight', resolve => { require(['@/components/core/Highlight'], resolve) })
+Vue.component('d2-count-up', resolve => { require(['@/components/core/d2-count-up'], resolve) })
+Vue.component('d2-highlight', resolve => { require(['@/components/core/d2-highlight'], resolve) })
 Vue.component('Icon', resolve => { require(['@/components/core/Icon'], resolve) })
 Vue.component('IconSelect', resolve => { require(['@/components/core/IconSelect/index.vue'], resolve) })
 Vue.component('IconSvg', resolve => { require(['@/components/core/IconSvg/index.vue'], resolve) })