add syntax highlight for *.kdu component files

.gitmodules

@@ -653,6 +653,9 @@
 [submodule "vendor/grammars/language-kak"]
 	path = vendor/grammars/language-kak
 	url = https://github.com/kakoune-editor/language-kak
+[submodule "vendor/grammars/kdu-syntax-highlight"]
+	path = vendor/grammars/kdu-syntax-highlight
+	url = https://github.com/KduJS/kdu-syntax-highlight
 [submodule "vendor/grammars/language-kotlin"]
 	path = vendor/grammars/language-kotlin
 	url = https://github.com/nishtahir/language-kotlin

grammars.yml

@@ -613,6 +613,8 @@ vendor/grammars/language-jsonnet:
 - source.jsonnet
 vendor/grammars/language-kak:
 - source.kakscript
+vendor/grammars/kdu-syntax-highlight:
+  - text.html.kdu
 vendor/grammars/language-kotlin:
 - source.kotlin
 vendor/grammars/language-less:

lib/linguist/languages.yml

@@ -3278,6 +3278,14 @@ KakouneScript:
   - kakrc
   ace_mode: text
   language_id: 603336474
+Kdu:
+  type: markup
+  color: "#03a9f4"
+  extensions:
+    - ".kdu"
+  tm_scope: text.html.kdu
+  ace_mode: html
+  language_id: 1407
 KiCad Layout:
   type: data
   color: "#2f4aab"

samples/Kdu/basic.kdu

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

samples/Kdu/pre-processors.kdu

@@ -0,0 +1,30 @@
+<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.kdu'
+import compB from './components/b.kdu'
+export default {
+  data () {
+    return {
+      msg: 'Hello from Babel!'
+    }
+  },
+  components: {
+    'comp-a': compA,
+    'comp-b': compB
+  }
+}
+</script>