diff --git a/tests/e2e/__snapshots__/load-custom-resources.spec.ts.snap b/tests/e2e/__snapshots__/load-custom-resources.spec.ts.snap
index ccd07f04..a807bad3 100644
--- a/tests/e2e/__snapshots__/load-custom-resources.spec.ts.snap
+++ b/tests/e2e/__snapshots__/load-custom-resources.spec.ts.snap
@@ -48,7 +48,8 @@ exports[`Allow load custom resources md2html single page with custom resources 1
   "page.html",
   "project/config.html",
   "single-page.html",
-  "single-page.json"
+  "single-page.json",
+  "toc.js"
 ]"
 `;
 
@@ -98,7 +99,11 @@ exports[`Allow load custom resources md2html single page with custom resources 2
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"leading":true,"toc":{"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"},{"name":"Config","href":"project/config.html","id":"Config-RANDOM"}],"base":".","deepBase":0},"data":{"title":"Documentation","description":"","meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"links":[{"title":"Getting started with Documentation","description":"This guide will show you the basics of working with Documentation","href":"page.html"}]},"meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]}},"router":{"pathname":"index.html","depth":1},"lang":"ru","langs":["ru"]};
+                   window.__DATA__ = {"data":{"data":{"title":"Documentation","description":"","meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"links":[{"title":"Getting started with Documentation","description":"This guide will show you the basics of working with Documentation","href":"page.html"}]},"meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"title":"Documentation | Documentation","leading":true},"router":{"pathname":"index.html","depth":1},"lang":"ru","langs":["ru"]};
+    </script>
+    <script src="./toc.js"
+            type="application/javascript"
+    >
     </script>
     <script type="application/javascript"
             src="_bundle/search-js-0"
@@ -159,9 +164,13 @@ exports[`Allow load custom resources md2html single page with custom resources 3
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"leading":false,"toc":{"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"},{"name":"Config","href":"project/config.html","id":"Config-RANDOM"}],"base":".","deepBase":0},"meta":{"metadata":[{"name":"yfm","content":"builder"}],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"assets":[],"headings":[],"title":"","includes":[],"html":"
+                   window.__DATA__ = {"data":{"meta":{"metadata":[{"name":"yfm","content":"builder"}],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"assets":[],"headings":[],"title":"Documentation","includes":[],"html":"
       <p>Lorem
-      </p>/n"},"router":{"pathname":"page.html","depth":1},"lang":"ru","langs":["ru"]};
+      </p>/n","leading":false},"router":{"pathname":"page.html","depth":1},"lang":"ru","langs":["ru"]};
+    </script>
+    <script src="./toc.js"
+            type="application/javascript"
+    >
     </script>
     <script type="application/javascript"
             src="_bundle/search-js-0"
@@ -219,9 +228,13 @@ exports[`Allow load custom resources md2html single page with custom resources 4
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"leading":false,"toc":{"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"},{"name":"Config","href":"project/config.html","id":"Config-RANDOM"}],"base":".","deepBase":0},"meta":{"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"assets":[],"headings":[],"title":"","includes":[],"html":"
+                   window.__DATA__ = {"data":{"meta":{"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"assets":[],"headings":[],"title":"Documentation","includes":[],"html":"
       <p>Lorem
-      </p>/n"},"router":{"pathname":"project/config.html","depth":2},"lang":"ru","langs":["ru"]};
+      </p>/n","leading":false},"router":{"pathname":"project/config.html","depth":2},"lang":"ru","langs":["ru"]};
+    </script>
+    <script src="./toc.js"
+            type="application/javascript"
+    >
     </script>
     <script type="application/javascript"
             src="_bundle/search-js-0"
@@ -251,7 +264,7 @@ exports[`Allow load custom resources md2html single page with custom resources 5
           content="width=device-width, initial-scale=1.0"
     >
     <title>
-      Documentation
+      undefined
     </title>
     <style type="text/css">
       body {
@@ -280,12 +293,24 @@ exports[`Allow load custom resources md2html single page with custom resources 5
     <script type="application/javascript">
       window.STATIC_CONTENT = false
                    window.__DATA__ = {"data":{"leading":false,"html":"
+      <h2 data-original-article=\\"/page.html\\">Documentation
+      <a class=\\"yfm-anchor\\" aria-hidden=\\"true\\" href=\\"#_page\\" id=\\"_page\\">
+      </a>
+      </h2>
       <p>Lorem
       </p>/n
       <hr class=\\"yfm-page__delimeter\\">
+      <h2 data-original-article=\\"/project/config.html\\">Documentation
+      <a class=\\"yfm-anchor\\" aria-hidden=\\"true\\" href=\\"#_project_config\\" id=\\"_project_config\\">
+      </a>
+      </h2>
       <p>Lorem
       </p>/n","headings":[],"meta":{"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"toc":{"title":"Documentation","href":"index.yaml","items":[{"name":"Documentation","href":"#_page","id":"Documentation-RANDOM"},{"name":"Config","href":"#_project_config","id":"Config-RANDOM"}],"base":".","deepBase":0,"singlePage":true}},"router":{"pathname":"single-page.html"},"lang":"ru","langs":["ru"]};
     </script>
+    <script src="./toc.js"
+            type="application/javascript"
+    >
+    </script>
     <script type="application/javascript"
             src="_bundle/search-js-0"
     >
@@ -302,7 +327,9 @@ exports[`Allow load custom resources md2html single page with custom resources 5
 </html>
 `;
 
-exports[`Allow load custom resources md2html single page with custom resources 6`] = `"{"data":{"leading":false,"html":"<p>Lorem</p>/n<hr class=\\"yfm-page__delimeter\\"><p>Lorem</p>/n","headings":[],"meta":{"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"toc":{"title":"Documentation","href":"index.yaml","items":[{"name":"Documentation","href":"#_page","id":"Documentation-RANDOM"},{"name":"Config","href":"#_project_config","id":"Config-RANDOM"}],"base":".","deepBase":0,"singlePage":true}},"router":{"pathname":"single-page.html"},"lang":"ru","langs":["ru"]}"`;
+exports[`Allow load custom resources md2html single page with custom resources 6`] = `"{"data":{"leading":false,"html":"<h2 data-original-article=\\"/page.html\\">Documentation<a class=\\"yfm-anchor\\" aria-hidden=\\"true\\" href=\\"#_page\\" id=\\"_page\\"></a></h2><p>Lorem</p>/n<hr class=\\"yfm-page__delimeter\\"><h2 data-original-article=\\"/project/config.html\\">Documentation<a class=\\"yfm-anchor\\" aria-hidden=\\"true\\" href=\\"#_project_config\\" id=\\"_project_config\\"></a></h2><p>Lorem</p>/n","headings":[],"meta":{"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"toc":{"title":"Documentation","href":"index.yaml","items":[{"name":"Documentation","href":"#_page","id":"Documentation-RANDOM"},{"name":"Config","href":"#_project_config","id":"Config-RANDOM"}],"base":".","deepBase":0,"singlePage":true}},"router":{"pathname":"single-page.html"},"lang":"ru","langs":["ru"]}"`;
+
+exports[`Allow load custom resources md2html single page with custom resources 7`] = `"window.__DATA__.data.toc = {"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"},{"name":"Config","href":"project/config.html","id":"Config-RANDOM"}],"base":".","deepBase":0};"`;
 
 exports[`Allow load custom resources md2html with custom resources 1`] = `
 "[
@@ -350,7 +377,8 @@ exports[`Allow load custom resources md2html with custom resources 1`] = `
   "_bundle/search-css-1",
   "index.html",
   "page.html",
-  "project/config.html"
+  "project/config.html",
+  "toc.js"
 ]"
 `;
 
@@ -400,7 +428,11 @@ exports[`Allow load custom resources md2html with custom resources 2`] = `
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"leading":true,"toc":{"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"},{"name":"Config","href":"project/config.html","id":"Config-RANDOM"}],"base":".","deepBase":0},"data":{"title":"Documentation","description":"","meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"links":[{"title":"Getting started with Documentation","description":"This guide will show you the basics of working with Documentation","href":"page.html"}]},"meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]}},"router":{"pathname":"index.html","depth":1},"lang":"ru","langs":["ru"]};
+                   window.__DATA__ = {"data":{"data":{"title":"Documentation","description":"","meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"links":[{"title":"Getting started with Documentation","description":"This guide will show you the basics of working with Documentation","href":"page.html"}]},"meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"title":"Documentation | Documentation","leading":true},"router":{"pathname":"index.html","depth":1},"lang":"ru","langs":["ru"]};
+    </script>
+    <script src="./toc.js"
+            type="application/javascript"
+    >
     </script>
     <script type="application/javascript"
             src="_bundle/search-js-0"
@@ -461,9 +493,13 @@ exports[`Allow load custom resources md2html with custom resources 3`] = `
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"leading":false,"toc":{"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"},{"name":"Config","href":"project/config.html","id":"Config-RANDOM"}],"base":".","deepBase":0},"meta":{"metadata":[{"name":"yfm","content":"builder"}],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"assets":[],"headings":[],"title":"","includes":[],"html":"
+                   window.__DATA__ = {"data":{"meta":{"metadata":[{"name":"yfm","content":"builder"}],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"assets":[],"headings":[],"title":"Documentation","includes":[],"html":"
       <p>Lorem
-      </p>/n"},"router":{"pathname":"page.html","depth":1},"lang":"ru","langs":["ru"]};
+      </p>/n","leading":false},"router":{"pathname":"page.html","depth":1},"lang":"ru","langs":["ru"]};
+    </script>
+    <script src="./toc.js"
+            type="application/javascript"
+    >
     </script>
     <script type="application/javascript"
             src="_bundle/search-js-0"
@@ -521,9 +557,13 @@ exports[`Allow load custom resources md2html with custom resources 4`] = `
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"leading":false,"toc":{"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"},{"name":"Config","href":"project/config.html","id":"Config-RANDOM"}],"base":".","deepBase":0},"meta":{"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"assets":[],"headings":[],"title":"","includes":[],"html":"
+                   window.__DATA__ = {"data":{"meta":{"metadata":[],"style":["_assets/style/test.css"],"script":["_assets/script/test1.js"]},"assets":[],"headings":[],"title":"Documentation","includes":[],"html":"
       <p>Lorem
-      </p>/n"},"router":{"pathname":"project/config.html","depth":2},"lang":"ru","langs":["ru"]};
+      </p>/n","leading":false},"router":{"pathname":"project/config.html","depth":2},"lang":"ru","langs":["ru"]};
+    </script>
+    <script src="./toc.js"
+            type="application/javascript"
+    >
     </script>
     <script type="application/javascript"
             src="_bundle/search-js-0"
@@ -541,6 +581,8 @@ exports[`Allow load custom resources md2html with custom resources 4`] = `
 </html>
 `;
 
+exports[`Allow load custom resources md2html with custom resources 5`] = `"window.__DATA__.data.toc = {"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"},{"name":"Config","href":"project/config.html","id":"Config-RANDOM"}],"base":".","deepBase":0};"`;
+
 exports[`Allow load custom resources md2md with custom resources 1`] = `
 "[
   ".yfm",
diff --git a/tests/e2e/__snapshots__/metadata.spec.ts.snap b/tests/e2e/__snapshots__/metadata.spec.ts.snap
index f831258c..19f509df 100644
--- a/tests/e2e/__snapshots__/metadata.spec.ts.snap
+++ b/tests/e2e/__snapshots__/metadata.spec.ts.snap
@@ -44,7 +44,8 @@ exports[`Allow load custom resources md2html with metadata 1`] = `
   "_bundle/search-css-1",
   "index.html",
   "page.html",
-  "project/config.html"
+  "project/config.html",
+  "toc.js"
 ]"
 `;
 
@@ -93,7 +94,11 @@ exports[`Allow load custom resources md2html with metadata 2`] = `
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"leading":true,"toc":{"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"},{"name":"Config","href":"project/config.html","id":"Config-RANDOM"}],"base":".","deepBase":0},"data":{"title":"Documentation","description":"","meta":{"title":"Documentation","noIndex":true,"metadata":[{"name":"test-yfm","content":"inline test"},{"name":"yfm-config","content":"config test"}],"style":[],"script":[]},"links":[{"title":"Getting started with Documentation","description":"This guide will show you the basics of working with Documentation","href":"page.html"}]},"meta":{"title":"Documentation","noIndex":true,"metadata":[{"name":"test-yfm","content":"inline test"},{"name":"yfm-config","content":"config test"}],"style":[],"script":[]}},"router":{"pathname":"index.html","depth":1},"lang":"ru","langs":["ru"]};
+                   window.__DATA__ = {"data":{"data":{"title":"Documentation","description":"","meta":{"title":"Documentation","noIndex":true,"metadata":[{"name":"test-yfm","content":"inline test"},{"name":"yfm-config","content":"config test"}],"style":[],"script":[]},"links":[{"title":"Getting started with Documentation","description":"This guide will show you the basics of working with Documentation","href":"page.html"}]},"meta":{"title":"Documentation","noIndex":true,"metadata":[{"name":"test-yfm","content":"inline test"},{"name":"yfm-config","content":"config test"}],"style":[],"script":[]},"title":"Documentation | Documentation","leading":true},"router":{"pathname":"index.html","depth":1},"lang":"ru","langs":["ru"]};
+    </script>
+    <script src="./toc.js"
+            type="application/javascript"
+    >
     </script>
     <script type="application/javascript"
             src="_bundle/search-js-0"
@@ -153,9 +158,13 @@ exports[`Allow load custom resources md2html with metadata 3`] = `
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"leading":false,"toc":{"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"},{"name":"Config","href":"project/config.html","id":"Config-RANDOM"}],"base":".","deepBase":0},"meta":{"metadata":[{"name":"yfm","value":"builder in page"},{"name":"test-yfm","content":"inline test"},{"name":"yfm-config","content":"config test"}],"style":[],"script":[]},"assets":[],"headings":[],"title":"","includes":[],"html":"
+                   window.__DATA__ = {"data":{"meta":{"metadata":[{"name":"yfm","value":"builder in page"},{"name":"test-yfm","content":"inline test"},{"name":"yfm-config","content":"config test"}],"style":[],"script":[]},"assets":[],"headings":[],"title":"Documentation","includes":[],"html":"
       <p>Lorem
-      </p>/n"},"router":{"pathname":"page.html","depth":1},"lang":"ru","langs":["ru"]};
+      </p>/n","leading":false},"router":{"pathname":"page.html","depth":1},"lang":"ru","langs":["ru"]};
+    </script>
+    <script src="./toc.js"
+            type="application/javascript"
+    >
     </script>
     <script type="application/javascript"
             src="_bundle/search-js-0"
@@ -215,9 +224,13 @@ exports[`Allow load custom resources md2html with metadata 4`] = `
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"leading":false,"toc":{"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"},{"name":"Config","href":"project/config.html","id":"Config-RANDOM"}],"base":".","deepBase":0},"meta":{"metadata":[{"name":"yfm","value":"builder in config"},{"name":"test-yfm","content":"inline test"},{"name":"yfm-config","content":"config test"}],"style":[],"script":[]},"assets":[],"headings":[],"title":"","includes":[],"html":"
+                   window.__DATA__ = {"data":{"meta":{"metadata":[{"name":"yfm","value":"builder in config"},{"name":"test-yfm","content":"inline test"},{"name":"yfm-config","content":"config test"}],"style":[],"script":[]},"assets":[],"headings":[],"title":"Documentation","includes":[],"html":"
       <p>Lorem
-      </p>/n"},"router":{"pathname":"project/config.html","depth":2},"lang":"ru","langs":["ru"]};
+      </p>/n","leading":false},"router":{"pathname":"project/config.html","depth":2},"lang":"ru","langs":["ru"]};
+    </script>
+    <script src="./toc.js"
+            type="application/javascript"
+    >
     </script>
     <script type="application/javascript"
             src="_bundle/search-js-0"
@@ -235,6 +248,8 @@ exports[`Allow load custom resources md2html with metadata 4`] = `
 </html>
 `;
 
+exports[`Allow load custom resources md2html with metadata 5`] = `"window.__DATA__.data.toc = {"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"},{"name":"Config","href":"project/config.html","id":"Config-RANDOM"}],"base":".","deepBase":0};"`;
+
 exports[`Allow load custom resources md2md with metadata 1`] = `
 "[
   "index.yaml",
diff --git a/tests/e2e/__snapshots__/rtl.spec.ts.snap b/tests/e2e/__snapshots__/rtl.spec.ts.snap
index c96770fd..eb896ff0 100644
--- a/tests/e2e/__snapshots__/rtl.spec.ts.snap
+++ b/tests/e2e/__snapshots__/rtl.spec.ts.snap
@@ -43,7 +43,8 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
   "_bundle/search-js-2",
   "_bundle/search-css-1",
   "index.html",
-  "page.html"
+  "page.html",
+  "toc.js"
 ]"
 `;
 
@@ -80,7 +81,11 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"leading":true,"toc":{"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"}],"base":".","deepBase":0},"data":{"title":"Documentation","links":[{"title":"Documentation","href":"page.html"}]},"meta":{"metadata":[],"style":[],"script":[]}},"router":{"pathname":"index.html","depth":1},"lang":"he","langs":["he"]};
+                   window.__DATA__ = {"data":{"data":{"title":"Documentation","links":[{"title":"Documentation","href":"page.html"}]},"meta":{"metadata":[],"style":[],"script":[]},"title":"Documentation","leading":true},"router":{"pathname":"index.html","depth":1},"lang":"he","langs":["he"]};
+    </script>
+    <script src="./toc.js"
+            type="application/javascript"
+    >
     </script>
     <script type="application/javascript"
             src="_bundle/search-js-0"
@@ -131,9 +136,13 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"leading":false,"toc":{"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"}],"base":".","deepBase":0},"meta":{"metadata":[],"style":[],"script":[]},"assets":[],"headings":[],"title":"","includes":[],"html":"
+                   window.__DATA__ = {"data":{"meta":{"metadata":[],"style":[],"script":[]},"assets":[],"headings":[],"title":"Documentation","includes":[],"html":"
       <p>תיעוד
-      </p>/n"},"router":{"pathname":"page.html","depth":1},"lang":"he","langs":["he"]};
+      </p>/n","leading":false},"router":{"pathname":"page.html","depth":1},"lang":"he","langs":["he"]};
+    </script>
+    <script src="./toc.js"
+            type="application/javascript"
+    >
     </script>
     <script type="application/javascript"
             src="_bundle/search-js-0"
@@ -151,6 +160,8 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
 </html>
 `;
 
+exports[`Generate html document with correct lang and dir attributes. Load correct bundles. documentation with only one rtl lang 4`] = `"window.__DATA__.data.toc = {"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"}],"base":".","deepBase":0};"`;
+
 exports[`Generate html document with correct lang and dir attributes. Load correct bundles. documentation with rtl and ltr langs 1`] = `
 "[
   "_bundle/search-async-0",
@@ -195,8 +206,10 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
   "_bundle/search-css-1",
   "ar/index.html",
   "ar/page.html",
+  "ar/toc.js",
   "en/index.html",
   "en/page.html",
+  "en/toc.js",
   "index.html"
 ]"
 `;
@@ -234,7 +247,11 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"leading":true,"toc":{"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"}],"base":"ar","deepBase":1},"data":{"title":"Documentation","links":[{"title":"Documentation","href":"page.html"}]},"meta":{"metadata":[],"style":[],"script":[]}},"router":{"pathname":"index.html","depth":2},"lang":"ar","langs":["ar","en"]};
+                   window.__DATA__ = {"data":{"data":{"title":"Documentation","links":[{"title":"Documentation","href":"page.html"}]},"meta":{"metadata":[],"style":[],"script":[]},"title":"Documentation","leading":true},"router":{"pathname":"index.html","depth":2},"lang":"ar","langs":["ar","en"]};
+    </script>
+    <script src="./toc.js"
+            type="application/javascript"
+    >
     </script>
     <script type="application/javascript"
             src="../_bundle/search-js-0"
@@ -285,9 +302,13 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"leading":false,"toc":{"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"}],"base":"ar","deepBase":1},"meta":{"metadata":[],"style":[],"script":[]},"assets":[],"headings":[],"title":"","includes":[],"html":"
+                   window.__DATA__ = {"data":{"meta":{"metadata":[],"style":[],"script":[]},"assets":[],"headings":[],"title":"Documentation","includes":[],"html":"
       <p>توثيق
-      </p>/n"},"router":{"pathname":"page.html","depth":2},"lang":"ar","langs":["ar","en"]};
+      </p>/n","leading":false},"router":{"pathname":"page.html","depth":2},"lang":"ar","langs":["ar","en"]};
+    </script>
+    <script src="./toc.js"
+            type="application/javascript"
+    >
     </script>
     <script type="application/javascript"
             src="../_bundle/search-js-0"
@@ -305,7 +326,9 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
 </html>
 `;
 
-exports[`Generate html document with correct lang and dir attributes. Load correct bundles. documentation with rtl and ltr langs 4`] = `
+exports[`Generate html document with correct lang and dir attributes. Load correct bundles. documentation with rtl and ltr langs 4`] = `"window.__DATA__.data.toc = {"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"}],"base":"ar","deepBase":1};"`;
+
+exports[`Generate html document with correct lang and dir attributes. Load correct bundles. documentation with rtl and ltr langs 5`] = `
 <!DOCTYPE html>
 <html lang="en"
       dir="ltr"
@@ -344,7 +367,11 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"leading":true,"toc":{"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"}],"base":"en","deepBase":1},"data":{"title":"Documentation","description":"","meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":[],"script":[]},"links":[{"title":"Getting started with Documentation","description":"This guide will show you the basics of working with Documentation","href":"page.html"}]},"meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":[],"script":[]}},"router":{"pathname":"index.html","depth":2},"lang":"en","langs":["ar","en"]};
+                   window.__DATA__ = {"data":{"data":{"title":"Documentation","description":"","meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":[],"script":[]},"links":[{"title":"Getting started with Documentation","description":"This guide will show you the basics of working with Documentation","href":"page.html"}]},"meta":{"title":"Documentation","noIndex":true,"metadata":[],"style":[],"script":[]},"title":"Documentation | Documentation","leading":true},"router":{"pathname":"index.html","depth":2},"lang":"en","langs":["ar","en"]};
+    </script>
+    <script src="./toc.js"
+            type="application/javascript"
+    >
     </script>
     <script type="application/javascript"
             src="../_bundle/search-js-0"
@@ -362,7 +389,7 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
 </html>
 `;
 
-exports[`Generate html document with correct lang and dir attributes. Load correct bundles. documentation with rtl and ltr langs 5`] = `
+exports[`Generate html document with correct lang and dir attributes. Load correct bundles. documentation with rtl and ltr langs 6`] = `
 <!DOCTYPE html>
 <html lang="en"
       dir="ltr"
@@ -398,9 +425,13 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
     </div>
     <script type="application/javascript">
       window.STATIC_CONTENT = false
-                   window.__DATA__ = {"data":{"leading":false,"toc":{"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"}],"base":"en","deepBase":1},"meta":{"metadata":[{"name":"yfm","content":"builder"}],"style":[],"script":[]},"assets":[],"headings":[],"title":"","includes":[],"html":"
+                   window.__DATA__ = {"data":{"meta":{"metadata":[{"name":"yfm","content":"builder"}],"style":[],"script":[]},"assets":[],"headings":[],"title":"Documentation","includes":[],"html":"
       <p>Lorem
-      </p>/n"},"router":{"pathname":"page.html","depth":2},"lang":"en","langs":["ar","en"]};
+      </p>/n","leading":false},"router":{"pathname":"page.html","depth":2},"lang":"en","langs":["ar","en"]};
+    </script>
+    <script src="./toc.js"
+            type="application/javascript"
+    >
     </script>
     <script type="application/javascript"
             src="../_bundle/search-js-0"
@@ -418,7 +449,9 @@ exports[`Generate html document with correct lang and dir attributes. Load corre
 </html>
 `;
 
-exports[`Generate html document with correct lang and dir attributes. Load correct bundles. documentation with rtl and ltr langs 6`] = `
+exports[`Generate html document with correct lang and dir attributes. Load correct bundles. documentation with rtl and ltr langs 7`] = `"window.__DATA__.data.toc = {"title":"Documentation","href":"index.html","items":[{"name":"Documentation","href":"page.html","id":"Documentation-RANDOM"}],"base":"en","deepBase":1};"`;
+
+exports[`Generate html document with correct lang and dir attributes. Load correct bundles. documentation with rtl and ltr langs 8`] = `
 <!DOCTYPE html>
 <html lang="ar"
       dir="rtl"