Merge pull request #2513 from yyx990803/master

add syntax highlight for *.vue component files
This commit is contained in:
Arfon Smith
2015-08-04 12:47:12 +01:00
6 changed files with 66 additions and 0 deletions

21
samples/Vue/basic.vue Normal file
View File

@@ -0,0 +1,21 @@
<style>
.red {
color: #f00;
}
</style>
<template>
<div>
<h2 v-class="red">{{msg}}</h2>
</div>
</template>
<script>
module.exports = {
data: function () {
return {
msg: 'Hello from Vue!'
}
}
}
</script>

View File

@@ -0,0 +1,31 @@
<style lang="stylus">
font-stack = Helvetica, sans-serif
primary-color = #999
body
font 100% font-stack
color primary-color
</style>
<template lang="jade">
div
h1 {{msg}}
comp-a
comp-b
</template>
<script lang="babel">
import compA from './components/a.vue'
import compB from './components/b.vue'
export default {
data () {
return {
msg: 'Hello from Babel!'
}
},
components: {
'comp-a': compA,
'comp-b': compB
}
}
</script>