test Prismatic plugin

測試 Prismatic 程式碼高亮外掛的效果,
(用編輯器的預覽看不到實際效果XDDD只會看到code被上底色)

真的很棒很漂亮!!

基本上就是在程式碼的前後就這段Html包上,
ex.
<pre class="line-numbers"><code class="language-javascript"> code1
code2
</code></pre>
稍微要留意的是,code1的部分就是第一行了,
所以如果原始碼有習慣性從code2的地方開始,
呈現時會多空1行。

export default {
 props: {
  value: {}
 },
 data () {
  return {
   select: ''
  }
 },
 computed: {
  checkselect () {
   this.select = this.value[0]
  }
 },
 methods: {
  callparent () {
   this.$emit('input', [this.select, this.value[1]])
  }
 }
}

不過不知道是不是算bug,一旦從原始碼模式又切回去文字模式,
就會造成跑版。
所以建議整篇文章都確定編輯完成之後再來加。
或者就是需要修正的地方就直接在原始碼模式下修正。