diff --git a/package.json b/package.json
index c11b5b10..c272aeaa 100644
--- a/package.json
+++ b/package.json
@@ -47,7 +47,7 @@
     "camel-case": "^4.0.0",
     "cross-spawn": "^7.0.0",
     "deepmerge": "^4.2.2",
-    "highlight.js": "^9.13.1",
+    "highlight.js": "^10.0.0",
     "htmlparser2": "^4.0.0",
     "prismjs": "^1.17.1",
     "punycode.js": "^2.1.0",
diff --git a/test/highlight.spec.js b/test/highlight.spec.js
index 2a0a55cb..193fb79f 100644
--- a/test/highlight.spec.js
+++ b/test/highlight.spec.js
@@ -220,11 +220,11 @@ describe('highlight', () => {
 
   it('highlight sublanguages', done => {
     const str = '<node><?php echo "foo"; ?></node>';
-    const result = highlight(str, {lang: 'xml'});
+    const result = highlight(str, { autoDetect: true });
     result.should.eql([
-      '<figure class="highlight xml"><table><tr>',
+      '<figure class="highlight php-template"><table><tr>',
       gutter(1, 1),
-      code('<span class="tag">&lt;<span class="name">node</span>&gt;</span><span class="php"><span class="meta">&lt;?php</span> <span class="keyword">echo</span> <span class="string">"foo"</span>; <span class="meta">?&gt;</span></span><span class="tag">&lt;/<span class="name">node</span>&gt;</span>', null),
+      code('<span class="xml"><span class="tag">&lt;<span class="name">node</span>&gt;</span></span><span class="php"><span class="meta">&lt;?php</span> <span class="keyword">echo</span> <span class="string">"foo"</span>; <span class="meta">?&gt;</span></span><span class="xml"><span class="tag">&lt;/<span class="name">node</span>&gt;</span></span>', null),
       end
     ].join(''));
     validateHtmlAsync(result, done);