diff --git a/CHANGELOG.md b/CHANGELOG.md
index ea1d6b6..1e33dae 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,15 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+# [0.4.0](https://github.com/ikatyang/tree-sitter-toml/compare/v0.3.0...v0.4.0) (2020-07-04)
+
+
+### Features
+
+* add queries for highlighting ([#13](https://github.com/ikatyang/tree-sitter-toml/issues/13)) ([64da30c](https://github.com/ikatyang/tree-sitter-toml/commit/64da30c))
+
+
+
 # [0.3.0](https://github.com/ikatyang/tree-sitter-toml/compare/v0.2.0...v0.3.0) (2020-06-28)
 
 
diff --git a/docs/assets/tree-sitter-toml-0.3.0/tree-sitter-toml.wasm b/docs/assets/tree-sitter-toml-0.4.0/tree-sitter-toml.wasm
similarity index 71%
rename from docs/assets/tree-sitter-toml-0.3.0/tree-sitter-toml.wasm
rename to docs/assets/tree-sitter-toml-0.4.0/tree-sitter-toml.wasm
index bff2c84..34ac4b9 100644
Binary files a/docs/assets/tree-sitter-toml-0.3.0/tree-sitter-toml.wasm and b/docs/assets/tree-sitter-toml-0.4.0/tree-sitter-toml.wasm differ
diff --git a/docs/index.html b/docs/index.html
index 6e7a652..d7608ad 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -24,7 +24,7 @@
 }
 </style>
 
-<h1><a href="https://github.com/ikatyang/tree-sitter-toml">Tree-sitter TOML</a> <span class="version">v0.3.0</span></h1>
+<h1><a href="https://github.com/ikatyang/tree-sitter-toml">Tree-sitter TOML</a> <span class="version">v0.4.0</span></h1>
 
 <div id="playground-container" style="visibility: hidden;">
 
@@ -61,18 +61,24 @@
 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.45.0/codemirror.min.js"></script>
 
-<script>LANGUAGE_BASE_URL = "assets/tree-sitter-toml-0.3.0";</script>
+<script>LANGUAGE_BASE_URL = "assets/tree-sitter-toml-0.4.0";</script>
 <script src="assets/web-tree-sitter-0.16.7/tree-sitter.js"></script>
 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/clusterize.js/0.18.0/clusterize.min.js"></script>
 <script src="assets/tree-sitter-playground-0.16.7/playground.js"></script>
 
 <script>
-(codeExample => {
+((codeExample, queryExample) => {
   const handle = setInterval(() => {
     const $codeEditor = document.querySelector('.CodeMirror');
-    if ($codeEditor) {
+    const $queryEditor = document.querySelector('#query-container .CodeMirror');
+    const $queryCheckbox = document.querySelector('#query-checkbox');
+    if ($codeEditor && $queryEditor) {
       $codeEditor.CodeMirror.setValue(codeExample);
+      if (queryExample) {
+        $queryEditor.CodeMirror.setValue(queryExample);
+        if (!$queryCheckbox.checked) $queryCheckbox.click();
+      }
       clearInterval(handle);
     }
   }, 500);
@@ -109,6 +115,39 @@ hosts = [
   "alpha",
   "omega"
 ]
+`, `; Properties
+;-----------
+
+(bare_key) @property
+(quoted_key) @string
+
+; Literals
+;---------
+
+(boolean) @constant.builtin
+(comment) @comment
+(string) @string
+(integer) @number
+(float) @number
+(offset_date_time) @string.special
+(local_date_time) @string.special
+(local_date) @string.special
+(local_time) @string.special
+
+; Punctuation
+;------------
+
+"." @punctuation.delimiter
+"," @punctuation.delimiter
+
+"=" @operator
+
+"[" @punctuation.bracket
+"]" @punctuation.bracket
+"[[" @punctuation.bracket
+"]]" @punctuation.bracket
+"{" @punctuation.bracket
+"}" @punctuation.bracket
 `);
 </script>
 
diff --git a/package.json b/package.json
index 6c2420b..b9783f2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tree-sitter-toml",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "TOML grammar for tree-sitter",
   "keywords": [
     "parser",