From 643278162c9cbb8db7bff4858df38f1d6b8b178c Mon Sep 17 00:00:00 2001
From: Wang Yiwen <e0968880@u.nus.edu>
Date: Fri, 29 Mar 2024 20:32:17 +0800
Subject: [PATCH 01/10] Rename core.index as Typescript

---
 packages/core/{index.js => index.ts} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename packages/core/{index.js => index.ts} (100%)

diff --git a/packages/core/index.js b/packages/core/index.ts
similarity index 100%
rename from packages/core/index.js
rename to packages/core/index.ts

From b0b566aeac56fcfedeeafca249d05fb2bd77b413 Mon Sep 17 00:00:00 2001
From: Wang Yiwen <e0968880@u.nus.edu>
Date: Fri, 29 Mar 2024 20:59:20 +0800
Subject: [PATCH 02/10] Adapt code/index to Typescript

Adapt code/index to Typescript
---
 .eslintignore                  | 1 +
 .gitignore                     | 1 +
 packages/cli/src/cmd/build.js  | 2 +-
 packages/cli/src/cmd/deploy.js | 2 +-
 packages/cli/src/cmd/serve.js  | 2 +-
 packages/core/index.ts         | 9 +++------
 6 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/.eslintignore b/.eslintignore
index 1bf59375c8..25ce62734d 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -24,6 +24,7 @@ packages/core/src/Site/*.js
 packages/core/src/utils/*.js
 packages/core/src/variables/*.js
 packages/core/test/unit/**/*.js
+packages/core/index.js
 
 # Rules for pure JS files
 packages/core/src/lib/markdown-it/patches/*
diff --git a/.gitignore b/.gitignore
index ff59cd5fff..1162c69117 100644
--- a/.gitignore
+++ b/.gitignore
@@ -89,5 +89,6 @@ packages/core/src/Site/*.js
 packages/core/src/utils/*.js
 packages/core/src/variables/*.js
 packages/core/test/unit/**/*.js
+packages/core/index.js
 
 # --- packages/core end ---
diff --git a/packages/cli/src/cmd/build.js b/packages/cli/src/cmd/build.js
index 6c73ac863d..3f6f54bde9 100755
--- a/packages/cli/src/cmd/build.js
+++ b/packages/cli/src/cmd/build.js
@@ -1,6 +1,6 @@
 const path = require('path');
 
-const { Site } = require('@markbind/core').Site;
+const { Site } = require('@markbind/core');
 
 const cliUtil = require('../util/cliUtil');
 const logger = require('../util/logger');
diff --git a/packages/cli/src/cmd/deploy.js b/packages/cli/src/cmd/deploy.js
index 475fed36cf..f38c79ade9 100755
--- a/packages/cli/src/cmd/deploy.js
+++ b/packages/cli/src/cmd/deploy.js
@@ -1,6 +1,6 @@
 const path = require('path');
 
-const { Site } = require('@markbind/core').Site;
+const { Site } = require('@markbind/core');
 
 const cliUtil = require('../util/cliUtil');
 const logger = require('../util/logger');
diff --git a/packages/cli/src/cmd/serve.js b/packages/cli/src/cmd/serve.js
index a43f33187e..21ff8e65dc 100755
--- a/packages/cli/src/cmd/serve.js
+++ b/packages/cli/src/cmd/serve.js
@@ -2,7 +2,7 @@ const chokidar = require('chokidar');
 const path = require('path');
 const readline = require('readline');
 
-const { Site } = require('@markbind/core').Site;
+const { Site } = require('@markbind/core');
 const { pageVueServerRenderer } = require('@markbind/core/src/Page/PageVueServerRenderer');
 
 const fsUtil = require('@markbind/core/src/utils/fsUtil');
diff --git a/packages/core/index.ts b/packages/core/index.ts
index 6aac50828f..fdcba93a6d 100644
--- a/packages/core/index.ts
+++ b/packages/core/index.ts
@@ -1,7 +1,4 @@
-const Site = require('./src/Site');
-const { Template } = require('./src/Site/template');
+import { Site } from './src/Site';
+import { Template } from './src/Site/template';
 
-module.exports = {
-  Site,
-  Template,
-};
+export { Site, Template };

From 69ec838cb1c2ddb0cf58359d5a576fb7ec5e8663 Mon Sep 17 00:00:00 2001
From: "Lee Xiong Jie, Isaac" <68138671+luminousleek@users.noreply.github.com>
Date: Thu, 4 Apr 2024 23:34:05 +0800
Subject: [PATCH 03/10] Standardise NodeProcessor.data.ts constant names
 (#2483)

Currently, there are two naming formats for constant names. This
has led to a redundant test being created in a previous PR.

Let's standardise the naming format to make the purpose of these
constants clearer. Let's also split some constants to test for one
overridden attribute at a time.
---
 .../core/test/unit/html/NodeProcessor.data.ts | 89 +++++++++++--------
 .../core/test/unit/html/NodeProcessor.test.ts | 25 +++---
 2 files changed, 65 insertions(+), 49 deletions(-)

diff --git a/packages/core/test/unit/html/NodeProcessor.data.ts b/packages/core/test/unit/html/NodeProcessor.data.ts
index b255e4de57..0f6900c05a 100644
--- a/packages/core/test/unit/html/NodeProcessor.data.ts
+++ b/packages/core/test/unit/html/NodeProcessor.data.ts
@@ -19,26 +19,6 @@ export const PROCESS_PANEL_ATTRIBUTES_EXPECTED = `
 `;
 
 export const PROCESS_PANEL_HEADER_SLOT_TAKES_PRIORITY = `
-<panel header="# Lorem ipsum">
-  <div slot="header">
-    This existing header slot should be preserved in favour over header attribute, with a logger warning for repeated attributes.
-  </div>
-  Header attribute should be ignored and deleted while header slot is reserved.
-</panel>
-`;
-
-export const PROCESS_PANEL_HEADER_SLOT_TAKES_PRIORITY_EXPECTED = `
-<panel>
-  <template #header><div>
-    This existing header slot should be preserved in favour over header attribute, with a logger warning for repeated attributes.
-  </div></template>
-  Header attribute should be ignored and deleted while header slot is reserved.
-</panel>
-`;
-
-export const PROCESS_PANEL_HEADER_SLOT_TAKES_PRIORITY_WARN_MSG = "panel has a header slot, 'header' attribute has no effect.";
-
-export const PROCESS_PANEL_HEADER_NO_OVERRIDE = `
 <panel header="# Lorem ipsum" alt="**strong alt**">
   <div slot="header">
     This existing header slot should be preserved in favour over header attribute.
@@ -49,7 +29,7 @@ export const PROCESS_PANEL_HEADER_NO_OVERRIDE = `
 </panel>
 `;
 
-export const PROCESS_PANEL_HEADER_NO_OVERRIDE_EXPECTED = `
+export const PROCESS_PANEL_HEADER_SLOT_TAKES_PRIORITY_EXPECTED = `
 <panel><template #_alt><p><strong>strong alt</strong></p>
 </template>
   <template #header><div>
@@ -61,6 +41,8 @@ export const PROCESS_PANEL_HEADER_NO_OVERRIDE_EXPECTED = `
 </panel>
 `;
 
+export const PROCESS_PANEL_HEADER_SLOT_TAKES_PRIORITY_WARN_MSG = "panel has a header slot, 'header' attribute has no effect.";
+
 // Post Process
 
 export const POST_PROCESS_PANEL_ID_ASSIGNED_USING_HEADER_SLOT = `
@@ -92,18 +74,38 @@ export const PROCESS_QUESTION_ATTRIBUTES_EXPECTED = `
 </question>
 `;
 
-export const PROCESS_QUESTION_ATTRIBUTES_NO_OVERRIDE = `
-<question header="**header**" hint="**hint**" answer="**answer**">
+export const PROCESS_QUESTION_HEADER_SLOT_TAKES_PRIORITY = `
+<question header="**lorem ipsum**">
 <template slot="header"></template>
-<template slot="hint"></template>
-<template slot="answer"></template>
 </question>
 `;
 
-export const PROCESS_QUESTION_ATTRIBUTES_NO_OVERRIDE_EXPECTED = `
+export const PROCESS_QUESTION_HEADER_SLOT_TAKES_PRIORITY_EXPECTED = `
 <question>
 <template #header></template>
+</question>
+`;
+
+export const PROCESS_QUESTION_HINT_SLOT_TAKES_PRIORITY = `
+<question hint="**lorem ipsum**">
+<template slot="hint"></template>
+</question>
+`;
+
+export const PROCESS_QUESTION_HINT_SLOT_TAKES_PRIORITY_EXPECTED = `
+<question>
 <template #hint></template>
+</question>
+`;
+
+export const PROCESS_QUESTION_ANSWER_SLOT_TAKES_PRIORITY = `
+<question answer="**lorem ipsum**">
+<template slot="answer"></template>
+</question>
+`;
+
+export const PROCESS_QUESTION_ANSWER_SLOT_TAKES_PRIORITY_EXPECTED = `
+<question>
 <template #answer></template>
 </question>
 `;
@@ -119,13 +121,13 @@ export const PROCESS_QOPTION_ATTRIBUTES_EXPECTED = `
 </q-option>
 `;
 
-export const PROCESS_QOPTION_ATTRIBUTES_NO_OVERRIDE = `
+export const PROCESS_QOPTION_REASON_SLOT_TAKES_PRIORITY = `
 <q-option reason="**lorem ipsum**">
 <template slot="reason"></template>
 </q-option>
 `;
 
-export const PROCESS_QOPTION_ATTRIBUTES_NO_OVERRIDE_EXPECTED = `
+export const PROCESS_QOPTION_REASON_SLOT_TAKES_PRIORITY_EXPECTED = `
 <q-option>
 <template #reason></template>
 </q-option>
@@ -142,13 +144,13 @@ export const PROCESS_QUIZ_ATTRIBUTES_EXPECTED = `
 </quiz>
 `;
 
-export const PROCESS_QUIZ_ATTRIBUTES_NO_OVERRIDE = `
+export const PROCESS_QUIZ_INTRO_SLOT_TAKES_PRIORITY = `
 <quiz intro="**lorem ipsum**">
 <template slot="intro"></template>
 </quiz>
 `;
 
-export const PROCESS_QUIZ_ATTRIBUTES_NO_OVERRIDE_EXPECTED = `
+export const PROCESS_QUIZ_INTRO_SLOT_TAKES_PRIORITY_EXPECTED = `
 <quiz>
 <template #intro></template>
 </quiz>
@@ -171,24 +173,35 @@ export const PROCESS_POPOVER_ATTRIBUTES_EXPECTED = `
 </popover>
 `;
 
-export const PROCESS_POPOVER_ATTRIBUTES_NO_OVERRIDE = `
-<popover content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel tellus elit." 
-         header="_Lorem ipsum_">
+export const PROCESS_POPOVER_HEADER_SLOT_TAKES_PRIORITY = `
+<popover header="_Lorem ipsum_">
   <div slot="header">Some header slot content that should not be overwritten</div>
-  <div slot="content">Some content slot that should not be overwritten</div>
-  Content and header attributes should not be inserted under panel as slots, but should be deleted.
+  Header attribute should not be inserted under panel as slot, but should be deleted.
 </popover>
 `;
 
-export const PROCESS_POPOVER_ATTRIBUTES_NO_OVERRIDE_EXPECTED = `
+export const PROCESS_POPOVER_HEADER_SLOT_TAKES_PRIORITY_EXPECTED = `
 <popover>
   <template #header><div>Some header slot content that should not be overwritten</div></template>
-  <template #content><div>Some content slot that should not be overwritten</div></template>
-  Content and header attributes should not be inserted under panel as slots, but should be deleted.
+  Header attribute should not be inserted under panel as slot, but should be deleted.
 </popover>
 `;
 
 export const PROCESS_POPOVER_ATTRIBUTES_NO_OVERRIDE_HEADER_WARN_MSG = "popover has a header slot, 'header' attribute has no effect.";
+
+export const PROCESS_POPOVER_CONTENT_SLOT_TAKES_PRIORITY = `
+<popover content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel tellus elit.">
+  <div slot="content">Some content slot that should not be overwritten</div>
+  Content attribute should not be inserted under panel as slot, but should be deleted.
+</popover>
+`;
+
+export const PROCESS_POPOVER_CONTENT_SLOT_TAKES_PRIORITY_EXPECTED = `
+<popover>
+  <template #content><div>Some content slot that should not be overwritten</div></template>
+  Content attribute should not be inserted under panel as slot, but should be deleted.
+</popover>
+`;
 export const PROCESS_POPOVER_ATTRIBUTES_NO_OVERRIDE_CONTENT_WARN_MSG = "popover has a content slot, 'content' attribute has no effect.";
 
 /*
diff --git a/packages/core/test/unit/html/NodeProcessor.test.ts b/packages/core/test/unit/html/NodeProcessor.test.ts
index 10505ccd2c..8e7e8cf5be 100644
--- a/packages/core/test/unit/html/NodeProcessor.test.ts
+++ b/packages/core/test/unit/html/NodeProcessor.test.ts
@@ -58,39 +58,42 @@ test('processNode processes panel attributes and inserts into dom as slots corre
   processAndVerifyTemplate(testData.PROCESS_PANEL_HEADER_SLOT_TAKES_PRIORITY,
                            testData.PROCESS_PANEL_HEADER_SLOT_TAKES_PRIORITY_EXPECTED);
   expect(warnSpy).toHaveBeenCalledWith(testData.PROCESS_PANEL_HEADER_SLOT_TAKES_PRIORITY_WARN_MSG);
-  processAndVerifyTemplate(testData.PROCESS_PANEL_HEADER_NO_OVERRIDE,
-                           testData.PROCESS_PANEL_HEADER_NO_OVERRIDE_EXPECTED);
-  expect(warnSpy).toHaveBeenCalledWith(testData.PROCESS_PANEL_HEADER_SLOT_TAKES_PRIORITY_WARN_MSG);
 });
 
 test('processNode processes question attributes and inserts into dom as slots correctly', () => {
   processAndVerifyTemplate(testData.PROCESS_QUESTION_ATTRIBUTES,
                            testData.PROCESS_QUESTION_ATTRIBUTES_EXPECTED);
-  processAndVerifyTemplate(testData.PROCESS_QUESTION_ATTRIBUTES_NO_OVERRIDE,
-                           testData.PROCESS_QUESTION_ATTRIBUTES_NO_OVERRIDE_EXPECTED);
+  processAndVerifyTemplate(testData.PROCESS_QUESTION_HEADER_SLOT_TAKES_PRIORITY,
+                           testData.PROCESS_QUESTION_HEADER_SLOT_TAKES_PRIORITY_EXPECTED);
+  processAndVerifyTemplate(testData.PROCESS_QUESTION_HINT_SLOT_TAKES_PRIORITY,
+                           testData.PROCESS_QUESTION_HINT_SLOT_TAKES_PRIORITY_EXPECTED);
+  processAndVerifyTemplate(testData.PROCESS_QUESTION_ANSWER_SLOT_TAKES_PRIORITY,
+                           testData.PROCESS_QUESTION_ANSWER_SLOT_TAKES_PRIORITY_EXPECTED);
 });
 
 test('processNode processes q-option attributes and inserts into dom as slots correctly', () => {
   processAndVerifyTemplate(testData.PROCESS_QOPTION_ATTRIBUTES,
                            testData.PROCESS_QOPTION_ATTRIBUTES_EXPECTED);
-  processAndVerifyTemplate(testData.PROCESS_QOPTION_ATTRIBUTES_NO_OVERRIDE,
-                           testData.PROCESS_QOPTION_ATTRIBUTES_NO_OVERRIDE_EXPECTED);
+  processAndVerifyTemplate(testData.PROCESS_QOPTION_REASON_SLOT_TAKES_PRIORITY,
+                           testData.PROCESS_QOPTION_REASON_SLOT_TAKES_PRIORITY_EXPECTED);
 });
 
 test('processNode processes quiz attributes and inserts into dom as slots correctly', () => {
   processAndVerifyTemplate(testData.PROCESS_QUIZ_ATTRIBUTES,
                            testData.PROCESS_QUIZ_ATTRIBUTES_EXPECTED);
-  processAndVerifyTemplate(testData.PROCESS_QUIZ_ATTRIBUTES_NO_OVERRIDE,
-                           testData.PROCESS_QUIZ_ATTRIBUTES_NO_OVERRIDE_EXPECTED);
+  processAndVerifyTemplate(testData.PROCESS_QUIZ_INTRO_SLOT_TAKES_PRIORITY,
+                           testData.PROCESS_QUIZ_INTRO_SLOT_TAKES_PRIORITY_EXPECTED);
 });
 
 test('processNode processes popover attributes and inserts into dom as slots correctly', () => {
   const warnSpy = jest.spyOn(logger, 'warn');
   processAndVerifyTemplate(testData.PROCESS_POPOVER_ATTRIBUTES,
                            testData.PROCESS_POPOVER_ATTRIBUTES_EXPECTED);
-  processAndVerifyTemplate(testData.PROCESS_POPOVER_ATTRIBUTES_NO_OVERRIDE,
-                           testData.PROCESS_POPOVER_ATTRIBUTES_NO_OVERRIDE_EXPECTED);
+  processAndVerifyTemplate(testData.PROCESS_POPOVER_HEADER_SLOT_TAKES_PRIORITY,
+                           testData.PROCESS_POPOVER_HEADER_SLOT_TAKES_PRIORITY_EXPECTED);
   expect(warnSpy).toHaveBeenCalledWith(testData.PROCESS_POPOVER_ATTRIBUTES_NO_OVERRIDE_HEADER_WARN_MSG);
+  processAndVerifyTemplate(testData.PROCESS_POPOVER_CONTENT_SLOT_TAKES_PRIORITY,
+                           testData.PROCESS_POPOVER_CONTENT_SLOT_TAKES_PRIORITY_EXPECTED);
   expect(warnSpy).toHaveBeenCalledWith(testData.PROCESS_POPOVER_ATTRIBUTES_NO_OVERRIDE_CONTENT_WARN_MSG);
 });
 

From 6778b84c51213378acf2b53f62fd78b69c3e55e3 Mon Sep 17 00:00:00 2001
From: Chan Yu Cheng <77204346+yucheng11122017@users.noreply.github.com>
Date: Fri, 5 Apr 2024 14:35:25 +0800
Subject: [PATCH 04/10] Allocate space for scrollbar in nav components

---
 docs/css/main.css                             |   2 +-
 .../expected/stylesheets/main.css             |   2 +-
 .../non_markbind_site/stylesheets/main.css    |   2 +-
 .../expected/stylesheets/main.css             |   2 +-
 .../non_markbind_site/stylesheets/main.css    |   2 +-
 .../expected/stylesheets/main.css             |   2 +-
 .../expected/diagrams/example.png             | Bin 10112 -> 10649 bytes
 .../expected/stylesheets/main.css             |   2 +-
 .../template/default/stylesheets/main.css     |   2 +-
 .../template/project/stylesheets/main.css     |   2 +-
 10 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/docs/css/main.css b/docs/css/main.css
index a380ffd4c2..f02b3a062d 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -85,7 +85,7 @@ mark {
 }
 
 .nav-component {
-    overflow-y: auto;
+    overflow-y: scroll;
 }
 
 #page-nav {
diff --git a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/stylesheets/main.css b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/stylesheets/main.css
index e53043d5d3..86706015bd 100644
--- a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/stylesheets/main.css
+++ b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/stylesheets/main.css
@@ -85,7 +85,7 @@ mark {
 }
 
 .nav-component {
-    overflow-y: auto;
+    overflow-y: scroll;
 }
 
 #page-nav {
diff --git a/packages/cli/test/functional/test_site_convert/test_basic_convert/non_markbind_site/stylesheets/main.css b/packages/cli/test/functional/test_site_convert/test_basic_convert/non_markbind_site/stylesheets/main.css
index e53043d5d3..86706015bd 100644
--- a/packages/cli/test/functional/test_site_convert/test_basic_convert/non_markbind_site/stylesheets/main.css
+++ b/packages/cli/test/functional/test_site_convert/test_basic_convert/non_markbind_site/stylesheets/main.css
@@ -85,7 +85,7 @@ mark {
 }
 
 .nav-component {
-    overflow-y: auto;
+    overflow-y: scroll;
 }
 
 #page-nav {
diff --git a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/stylesheets/main.css b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/stylesheets/main.css
index a380ffd4c2..f02b3a062d 100644
--- a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/stylesheets/main.css
+++ b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/stylesheets/main.css
@@ -85,7 +85,7 @@ mark {
 }
 
 .nav-component {
-    overflow-y: auto;
+    overflow-y: scroll;
 }
 
 #page-nav {
diff --git a/packages/cli/test/functional/test_site_convert/test_navigation_convert/non_markbind_site/stylesheets/main.css b/packages/cli/test/functional/test_site_convert/test_navigation_convert/non_markbind_site/stylesheets/main.css
index a380ffd4c2..f02b3a062d 100644
--- a/packages/cli/test/functional/test_site_convert/test_navigation_convert/non_markbind_site/stylesheets/main.css
+++ b/packages/cli/test/functional/test_site_convert/test_navigation_convert/non_markbind_site/stylesheets/main.css
@@ -85,7 +85,7 @@ mark {
 }
 
 .nav-component {
-    overflow-y: auto;
+    overflow-y: scroll;
 }
 
 #page-nav {
diff --git a/packages/cli/test/functional/test_site_templates/test_default/expected/stylesheets/main.css b/packages/cli/test/functional/test_site_templates/test_default/expected/stylesheets/main.css
index a380ffd4c2..f02b3a062d 100644
--- a/packages/cli/test/functional/test_site_templates/test_default/expected/stylesheets/main.css
+++ b/packages/cli/test/functional/test_site_templates/test_default/expected/stylesheets/main.css
@@ -85,7 +85,7 @@ mark {
 }
 
 .nav-component {
-    overflow-y: auto;
+    overflow-y: scroll;
 }
 
 #page-nav {
diff --git a/packages/cli/test/functional/test_site_templates/test_project/expected/diagrams/example.png b/packages/cli/test/functional/test_site_templates/test_project/expected/diagrams/example.png
index 2adfadb33a0309daeff6803da6869da96b636451..0fa4897e7477a41b92e326bb28fae302325dd535 100644
GIT binary patch
literal 10649
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

literal 10112
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
XDmW&-mkao^4nz5gx_ptW+1vjEsjTmJ

diff --git a/packages/cli/test/functional/test_site_templates/test_project/expected/stylesheets/main.css b/packages/cli/test/functional/test_site_templates/test_project/expected/stylesheets/main.css
index 2393adcd9b..1f31d51706 100644
--- a/packages/cli/test/functional/test_site_templates/test_project/expected/stylesheets/main.css
+++ b/packages/cli/test/functional/test_site_templates/test_project/expected/stylesheets/main.css
@@ -80,7 +80,7 @@ mark {
 }
 
 .nav-component {
-    overflow-y: auto;
+    overflow-y: scroll;
 }
 
 #page-nav {
diff --git a/packages/core/template/default/stylesheets/main.css b/packages/core/template/default/stylesheets/main.css
index a380ffd4c2..f02b3a062d 100644
--- a/packages/core/template/default/stylesheets/main.css
+++ b/packages/core/template/default/stylesheets/main.css
@@ -85,7 +85,7 @@ mark {
 }
 
 .nav-component {
-    overflow-y: auto;
+    overflow-y: scroll;
 }
 
 #page-nav {
diff --git a/packages/core/template/project/stylesheets/main.css b/packages/core/template/project/stylesheets/main.css
index 2393adcd9b..1f31d51706 100644
--- a/packages/core/template/project/stylesheets/main.css
+++ b/packages/core/template/project/stylesheets/main.css
@@ -80,7 +80,7 @@ mark {
 }
 
 .nav-component {
-    overflow-y: auto;
+    overflow-y: scroll;
 }
 
 #page-nav {

From 6cc2461c46b2b1d9ceab34d77e003b2244171086 Mon Sep 17 00:00:00 2001
From: Chan Yu Cheng <77204346+yucheng11122017@users.noreply.github.com>
Date: Fri, 5 Apr 2024 14:35:46 +0800
Subject: [PATCH 05/10] Fix stray space before popover and tooltip


From 003822f9acef4f36ecc942e2aef668e36085a8d5 Mon Sep 17 00:00:00 2001
From: Chan Yu Cheng <77204346+yucheng11122017@users.noreply.github.com>
Date: Sat, 6 Apr 2024 11:57:46 +0800
Subject: [PATCH 06/10] Enable ignoring of plantuml images for test sites
 (#2502)

---
 packages/cli/test/functional/test.js          |  27 ++++++++-----
 packages/cli/test/functional/testSites.js     |  36 +++++++++++-------
 .../expected/diagrams/example.png             | Bin 10649 -> 0 bytes
 3 files changed, 40 insertions(+), 23 deletions(-)
 delete mode 100644 packages/cli/test/functional/test_site_templates/test_project/expected/diagrams/example.png

diff --git a/packages/cli/test/functional/test.js b/packages/cli/test/functional/test.js
index cd1a0d5582..e76fdfb30d 100644
--- a/packages/cli/test/functional/test.js
+++ b/packages/cli/test/functional/test.js
@@ -10,7 +10,9 @@ const {
   testSites,
   testConvertSites,
   testTemplateSites,
-  plantumlGeneratedFiles,
+  plantumlGeneratedFilesForTestSites,
+  plantumlGeneratedFilesForConvertSites,
+  plantumlGeneratedFilesForTemplateSites,
 } = require('./testSites');
 
 /* eslint-disable no-console */
@@ -31,38 +33,43 @@ testSites.forEach((siteName) => {
   console.log(`Running ${siteName} tests`);
   try {
     execSync(`node ../../index.js build ${siteName}`, execOptions);
-    compare(siteName, 'expected', '_site', siteName === 'test_site' ? plantumlGeneratedFiles : []);
+    const siteIgnoredFiles = plantumlGeneratedFilesForTestSites[siteName];
+    compare(siteName, 'expected', '_site', siteIgnoredFiles);
   } catch (err) {
     printFailedMessage(err, siteName);
     process.exit(1);
   }
 });
 
-testConvertSites.forEach((siteName) => {
-  console.log(`Running ${siteName} tests`);
-  const nonMarkBindSitePath = path.join(siteName, 'non_markbind_site');
+testConvertSites.forEach((sitePath) => {
+  console.log(`Running ${sitePath} tests`);
+  const nonMarkBindSitePath = path.join(sitePath, 'non_markbind_site');
+  const siteName = sitePath.split('/')[1];
   try {
     execSync(`node ../../index.js init ${nonMarkBindSitePath} -c`, execOptions);
     execSync(`node ../../index.js build ${nonMarkBindSitePath}`, execOptions);
-    compare(siteName, 'expected', 'non_markbind_site/_site');
+    const siteIgnoredFiles = plantumlGeneratedFilesForConvertSites[siteName];
+    compare(sitePath, 'expected', 'non_markbind_site/_site', siteIgnoredFiles);
   } catch (err) {
-    printFailedMessage(err, siteName);
-    cleanupConvert(path.resolve(__dirname, siteName));
+    printFailedMessage(err, sitePath);
+    cleanupConvert(path.resolve(__dirname, sitePath));
     process.exit(1);
   }
-  cleanupConvert(path.resolve(__dirname, siteName));
+  cleanupConvert(path.resolve(__dirname, sitePath));
 });
 
 testTemplateSites.forEach((templateAndSitePath) => {
   const flag = templateAndSitePath.split(',')[0];
   const sitePath = templateAndSitePath.split(',')[1];
   const siteCreationTempPath = path.join(sitePath, 'tmp');
+  const siteName = sitePath.split('/')[1];
 
   console.log(`Running ${sitePath} tests`);
   try {
     execSync(`node ../../index.js init ${siteCreationTempPath} --template ${flag}`, execOptions);
     execSync(`node ../../index.js build ${siteCreationTempPath}`, execOptions);
-    compare(sitePath, 'expected', 'tmp/_site');
+    const siteIgnoredFiles = plantumlGeneratedFilesForTemplateSites[siteName];
+    compare(sitePath, 'expected', 'tmp/_site', siteIgnoredFiles);
   } catch (err) {
     printFailedMessage(err, sitePath);
     fs.removeSync(path.resolve(__dirname, siteCreationTempPath));
diff --git a/packages/cli/test/functional/testSites.js b/packages/cli/test/functional/testSites.js
index 63d1007133..a5f2084db0 100644
--- a/packages/cli/test/functional/testSites.js
+++ b/packages/cli/test/functional/testSites.js
@@ -20,22 +20,32 @@ const testTemplateSites = [
 // these files create git diffs every time they are generated,
 // we decided to not commit them to the repository.
 // However, we still want to verify that they are present.
-const plantumlGeneratedFiles = [
-  '9c9e77fc0a983cb6b592e65733787bec.png',
-  'inline-output.png',
-  'diagrams/activity.png',
-  'diagrams/class.png',
-  'diagrams/component.png',
-  'diagrams/object.png',
-  'diagrams/sequence.png',
-  'diagrams/state.png',
-  'diagrams/usecase.png',
-  'sub_site/inline-output/inline-puml-image.png',
-];
+const plantumlGeneratedFilesForTestSites = {
+  test_site: [
+    '9c9e77fc0a983cb6b592e65733787bec.png',
+    'inline-output.png',
+    'diagrams/activity.png',
+    'diagrams/class.png',
+    'diagrams/component.png',
+    'diagrams/object.png',
+    'diagrams/sequence.png',
+    'diagrams/state.png',
+    'diagrams/usecase.png',
+    'sub_site/inline-output/inline-puml-image.png',
+  ],
+};
+
+const plantumlGeneratedFilesForConvertSites = {};
+
+const plantumlGeneratedFilesForTemplateSites = {
+  test_project: ['diagrams/example.png'],
+};
 
 module.exports = {
   testSites,
   testConvertSites,
   testTemplateSites,
-  plantumlGeneratedFiles,
+  plantumlGeneratedFilesForTestSites,
+  plantumlGeneratedFilesForConvertSites,
+  plantumlGeneratedFilesForTemplateSites,
 };
diff --git a/packages/cli/test/functional/test_site_templates/test_project/expected/diagrams/example.png b/packages/cli/test/functional/test_site_templates/test_project/expected/diagrams/example.png
deleted file mode 100644
index 0fa4897e7477a41b92e326bb28fae302325dd535..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 10649
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


From 2d6ca0113a9d90f713a70aea9c81087ecedc09b4 Mon Sep 17 00:00:00 2001
From: Hannah <59471320+kaixin-hc@users.noreply.github.com>
Date: Sat, 6 Apr 2024 12:07:44 +0800
Subject: [PATCH 07/10] Chore: Remove generated PUML image and exclude it from
 .gitignore (#2497)

---
 .gitignore | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.gitignore b/.gitignore
index 1162c69117..405e236ac0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -58,6 +58,7 @@ packages/cli/test/functional/test_site/expected/diagrams/sequence.png
 packages/cli/test/functional/test_site/expected/diagrams/state.png
 packages/cli/test/functional/test_site/expected/diagrams/usecase.png
 packages/cli/test/functional/test_site/expected/sub_site/inline-output/inline-puml-image.png
+packages/cli/test/functional/test_site_templates/test_project/expected/diagrams/example.png
 
 # vscode configuration
 .vscode/

From 74e580b837730a44f9fb5dc7b92cd2ad2de1ae5c Mon Sep 17 00:00:00 2001
From: Hannah <59471320+kaixin-hc@users.noreply.github.com>
Date: Sat, 6 Apr 2024 22:59:24 +0800
Subject: [PATCH 08/10] Update documentation for recommended IDE

---
 docs/devGuide/development/settingUp.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/devGuide/development/settingUp.md b/docs/devGuide/development/settingUp.md
index d78a6e7919..051dc90a14 100644
--- a/docs/devGuide/development/settingUp.md
+++ b/docs/devGuide/development/settingUp.md
@@ -34,7 +34,7 @@ This page explains how to set up your development environment to start contribut
 
 <box type="tip" seamless>
 
-We recommend the **WebStorm IDE** for working with MarkBind code.
+We recommend the **WebStorm IDE** or **VS Code** for working with MarkBind code.
 </box>
 
 ## Setting up the dev environment

From fa483439e7057b002287d4b96d017cecf99481a3 Mon Sep 17 00:00:00 2001
From: Kevin Eyo <105847348+KevinEyo1@users.noreply.github.com>
Date: Sun, 7 Apr 2024 12:14:50 +0800
Subject: [PATCH 09/10] Add `once` attribute to custom lists so attributes only
 apply to current item

---
 docs/devGuide/projectManagement.md            |   2 +-
 docs/userGuide/syntax/lists.md                |  27 ++
 .../test_site/expected/testList.html          | 386 ++++++++++++++++++
 .../expected/testList.page-vue-render.js      |  92 ++++-
 .../cli/test/functional/test_site/testList.md | 141 +++++++
 .../core/src/html/CustomListIconProcessor.ts  |  59 ++-
 6 files changed, 693 insertions(+), 14 deletions(-)

diff --git a/docs/devGuide/projectManagement.md b/docs/devGuide/projectManagement.md
index 4e9a4a849d..ea2b287399 100644
--- a/docs/devGuide/projectManagement.md
+++ b/docs/devGuide/projectManagement.md
@@ -381,4 +381,4 @@ Note that:
   * Result: 'tlylt' will be updated to have both icons(code and doc)
 
 {% from "njk/common.njk" import previous_next %}
-{{ previous_next('githubActions/markbindReusableWorkflows', 'styleGuides') }}
\ No newline at end of file
+{{ previous_next('githubActions/markbindReusableWorkflows', 'styleGuides') }}
diff --git a/docs/userGuide/syntax/lists.md b/docs/userGuide/syntax/lists.md
index bcff639133..1b7b0292ed 100644
--- a/docs/userGuide/syntax/lists.md
+++ b/docs/userGuide/syntax/lists.md
@@ -72,6 +72,33 @@ Markdown can also be used in texts.
 You may need to add escape characters when using special characters for Markdown in text. 
 </box>
 
+**You can add an icon or text that only applies to a specific item by using the `once` attribute.**
+
+<include src="codeAndOutput.md" boilerplate >
+<variable name="highlightStyle">markdown</variable>
+<variable name="code">
+* Item 1 { icon="glyphicon-education" }
+* Item 2 { icon="fas-code-branch" once=true }
+  * Item 2.1
+  * Item 2.2
+* Item 3
+  </variable>
+</include>
+
+Subsequent items at the same level will not inherit icons or texts with the `once` attribute and will instead inherit the icons or texts before it.
+
+The `once` attribute also applies to all other attributes such as `i-size` and `t-size` as seen below.
+
+<include src="codeAndOutput.md" boilerplate >
+<variable name="highlightStyle">markdown</variable>
+<variable name="code">
+* Item 1 { icon="glyphicon-education" i-size="40px" i-class="text-primary" }
+* Item 2 { i-size="25px" once=true }
+  * Sub-item 2.1
+* Item 3
+  </variable>
+</include>
+
 **You can adjust the icon and text's size by using the `i-size` and `t-size` attribute respectively.**
 
 <include src="codeAndOutput.md" boilerplate >
diff --git a/packages/cli/test/functional/test_site/expected/testList.html b/packages/cli/test/functional/test_site/expected/testList.html
index 58c3cc3470..246d4c3586 100644
--- a/packages/cli/test/functional/test_site/expected/testList.html
+++ b/packages/cli/test/functional/test_site/expected/testList.html
@@ -220,6 +220,14 @@ <h3 id="testing-site-nav">Testing Site-Nav<a class="fa fa-anchor" href="#testing
             <div>Only 1 item</div>
           </li>
         </ul>
+        <ol>
+          <li>One item with once customization</li>
+        </ol>
+        <ul style="list-style-type: none; padding-inline-start: 0px;">
+          <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Only 1 item</div>
+          </li>
+        </ul>
         <ol>
           <li>One item with customization text</li>
         </ol>
@@ -252,6 +260,20 @@ <h3 id="testing-site-nav">Testing Site-Nav<a class="fa fa-anchor" href="#testing
             </div>
           </li>
         </ul>
+        <ol>
+          <li>One item + nested list with once customization</li>
+        </ol>
+        <ul style="list-style-type: none; padding-inline-start: 0px;">
+          <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Only 1 item
+              <ul style="list-style-type: none; padding-inline-start: 0px;">
+                <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+                  <div>Only 1 item</div>
+                </li>
+              </ul>
+            </div>
+          </li>
+        </ul>
         <ol>
           <li>One item + nested list with text customization</li>
         </ol>
@@ -633,6 +655,370 @@ <h3 id="testing-site-nav">Testing Site-Nav<a class="fa fa-anchor" href="#testing
             </div>
           </li>
         </ul>
+        <ol>
+          <li>Once + none + customization</li>
+        </ol>
+        <ul style="list-style-type: none; padding-inline-start: 0px;">
+          <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item A</div>
+          </li>
+          <li>Item B
+            <ul style="list-style-type: none; padding-inline-start: 0px;">
+              <li style="display: flex;"><span aria-hidden="true" class="fas fa-file-code" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+                <div>Sub-item B1</div>
+              </li>
+              <li style="display: flex;"><span aria-hidden="true" class="fas fa-file-code" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+                <div>Sub-item B2</div>
+              </li>
+              <li style="display: flex;"><span aria-hidden="true" class="fas fa-file-code" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+                <div>Sub-item B3
+                  <ul style="list-style-type: none; padding-inline-start: 0px;">
+                    <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                      <div>Sub-sub-item B3.1</div>
+                    </li>
+                    <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                      <div>Sub-sub-item B3.2</div>
+                    </li>
+                  </ul>
+                </div>
+              </li>
+              <li style="display: flex;"><span aria-hidden="true" class="fas fa-file-code" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+                <div>Sub-item B4</div>
+              </li>
+            </ul>
+          </li>
+          <li style="display: flex;"><span aria-hidden="true" class="fas fa-file-code" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item C</div>
+          </li>
+        </ul>
+        <ol>
+          <li>Customization + none + once</li>
+        </ol>
+        <ul style="list-style-type: none; padding-inline-start: 0px;">
+          <li style="display: flex;"><span aria-hidden="true" class="fas fa-file-code" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item A</div>
+          </li>
+          <li style="display: flex;"><span aria-hidden="true" class="fas fa-file-code" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item B
+              <ul style="list-style-type: none; padding-inline-start: 0px;">
+                <li style="display: flex;"><span aria-hidden="true" class="fas fa-file-code" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+                  <div>Sub-item B1</div>
+                </li>
+                <li style="display: flex;"><span aria-hidden="true" class="fas fa-file-code" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+                  <div>Sub-item B2</div>
+                </li>
+                <li style="display: flex;"><span aria-hidden="true" class="fas fa-file-code" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+                  <div>Sub-item B3
+                    <ul style="list-style-type: none; padding-inline-start: 0px;">
+                      <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                        <div>Sub-sub-item B3.1</div>
+                      </li>
+                      <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                        <div>Sub-sub-item B3.2</div>
+                      </li>
+                    </ul>
+                  </div>
+                </li>
+                <li style="display: flex;"><span aria-hidden="true" class="fas fa-file-code" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+                  <div>Sub-item B4</div>
+                </li>
+              </ul>
+            </div>
+          </li>
+          <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item C</div>
+          </li>
+        </ul>
+        <ol>
+          <li>Customization + once + none</li>
+        </ol>
+        <ul style="list-style-type: none; padding-inline-start: 0px;">
+          <li style="display: flex;"><span aria-hidden="true" class="fas fa-file-code" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item A</div>
+          </li>
+          <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item B
+              <ul>
+                <li>Sub-item B1</li>
+                <li>Sub-item B2</li>
+                <li>Sub-item B3
+                  <ul style="list-style-type: none; padding-inline-start: 0px;">
+                    <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                      <div>Sub-sub-item B3.1</div>
+                    </li>
+                    <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                      <div>Sub-sub-item B3.2</div>
+                    </li>
+                  </ul>
+                </li>
+                <li>Sub-item B4</li>
+              </ul>
+            </div>
+          </li>
+          <li style="display: flex;"><span aria-hidden="true" class="fas fa-file-code" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item C</div>
+          </li>
+        </ul>
+        <ol>
+          <li>Once + customization + none</li>
+        </ol>
+        <ul style="list-style-type: none; padding-inline-start: 0px;">
+          <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item A</div>
+          </li>
+          <li style="display: flex;"><span aria-hidden="true" class="fas fa-file-code" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item B
+              <ul>
+                <li>Sub-item B1</li>
+                <li>Sub-item B2</li>
+                <li>Sub-item B3
+                  <ul style="list-style-type: none; padding-inline-start: 0px;">
+                    <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                      <div>Sub-sub-item B3.1</div>
+                    </li>
+                    <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                      <div>Sub-sub-item B3.2</div>
+                    </li>
+                  </ul>
+                </li>
+                <li>Sub-item B4</li>
+              </ul>
+            </div>
+          </li>
+          <li style="display: flex;"><span aria-hidden="true" class="fas fa-file-code" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item C</div>
+          </li>
+        </ul>
+        <ol>
+          <li>None + customization + once</li>
+        </ol>
+        <ul>
+          <li>Item A</li>
+          <li icon="fas-file-code">Item B
+            <ul>
+              <li>Sub-item B1</li>
+              <li>Sub-item B2</li>
+              <li>Sub-item B3
+                <ul style="list-style-type: none; padding-inline-start: 0px;">
+                  <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                    <div>Sub-sub-item B3.1</div>
+                  </li>
+                  <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                    <div>Sub-sub-item B3.2</div>
+                  </li>
+                </ul>
+              </li>
+              <li>Sub-item B4</li>
+            </ul>
+          </li>
+          <li icon="glyphicon-education" once="true">Item C</li>
+        </ul>
+        <ol>
+          <li>None + once + customization</li>
+        </ol>
+        <ul>
+          <li>Item A</li>
+          <li icon="glyphicon-education" once="true">Item B
+            <ul>
+              <li>Sub-item B1</li>
+              <li>Sub-item B2</li>
+              <li>Sub-item B3
+                <ul style="list-style-type: none; padding-inline-start: 0px;">
+                  <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                    <div>Sub-sub-item B3.1</div>
+                  </li>
+                  <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                    <div>Sub-sub-item B3.2</div>
+                  </li>
+                </ul>
+              </li>
+              <li>Sub-item B4</li>
+            </ul>
+          </li>
+          <li icon="fas-file-code">Item C</li>
+        </ul>
+        <ol>
+          <li>Customization + once + customization</li>
+        </ol>
+        <ul style="list-style-type: none; padding-inline-start: 0px;">
+          <li style="display: flex;"><span aria-hidden="true" class="fas fa-file-code" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item A</div>
+          </li>
+          <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item B
+              <ul>
+                <li>Sub-item B1</li>
+                <li>Sub-item B2</li>
+                <li>Sub-item B3
+                  <ul style="list-style-type: none; padding-inline-start: 0px;">
+                    <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                      <div>Sub-sub-item B3.1</div>
+                    </li>
+                    <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                      <div>Sub-sub-item B3.2</div>
+                    </li>
+                  </ul>
+                </li>
+                <li>Sub-item B4</li>
+              </ul>
+            </div>
+          </li>
+          <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+            <div>Item C</div>
+          </li>
+        </ul>
+        <ol>
+          <li>String once</li>
+        </ol>
+        <ul style="list-style-type: none; padding-inline-start: 0px;">
+          <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item A</div>
+          </li>
+          <li>Item B
+            <ul>
+              <li>Sub-item B1</li>
+              <li>Sub-item B2</li>
+              <li>Sub-item B3
+                <ul style="list-style-type: none; padding-inline-start: 0px;">
+                  <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                    <div>Sub-sub-item B3.1</div>
+                  </li>
+                  <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                    <div>Sub-sub-item B3.2</div>
+                  </li>
+                </ul>
+              </li>
+              <li>Sub-item B4</li>
+            </ul>
+          </li>
+          <li>Item C</li>
+        </ul>
+        <ol>
+          <li>False once for item A, rest of items will inherit</li>
+        </ol>
+        <ul style="list-style-type: none; padding-inline-start: 0px;">
+          <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item A</div>
+          </li>
+          <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item B
+              <ul>
+                <li>Sub-item B1</li>
+                <li>Sub-item B2</li>
+                <li>Sub-item B3
+                  <ul style="list-style-type: none; padding-inline-start: 0px;">
+                    <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                      <div>Sub-sub-item B3.1</div>
+                    </li>
+                    <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                      <div>Sub-sub-item B3.2</div>
+                    </li>
+                  </ul>
+                </li>
+                <li>Sub-item B4</li>
+              </ul>
+            </div>
+          </li>
+          <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item C</div>
+          </li>
+        </ul>
+        <ol>
+          <li>False once for item B, will overwrite item A</li>
+        </ol>
+        <ul style="list-style-type: none; padding-inline-start: 0px;">
+          <li style="display: flex;"><span aria-hidden="true" class="fas fa-file-code" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item A</div>
+          </li>
+          <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item B
+              <ul>
+                <li>Sub-item B1</li>
+                <li>Sub-item B2</li>
+                <li>Sub-item B3
+                  <ul style="list-style-type: none; padding-inline-start: 0px;">
+                    <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                      <div>Sub-sub-item B3.1</div>
+                    </li>
+                    <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                      <div>Sub-sub-item B3.2</div>
+                    </li>
+                  </ul>
+                </li>
+                <li>Sub-item B4</li>
+              </ul>
+            </div>
+          </li>
+          <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item C</div>
+          </li>
+        </ul>
+        <ol>
+          <li>Once for specific attributes besides icon, does not overwrite</li>
+        </ol>
+        <ul style="list-style-type: none; padding-inline-start: 0px;">
+          <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education text-primary" style="font-size: 70px; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item A</div>
+          </li>
+          <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education text-primary" style="font-size: 40px; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item B
+              <ul>
+                <li>Sub-item B1</li>
+              </ul>
+            </div>
+          </li>
+          <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education text-primary" style="font-size: 70px; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item C</div>
+          </li>
+        </ul>
+        <ol>
+          <li>False once for specific attributes besides icon, does overwrite</li>
+        </ol>
+        <ul style="list-style-type: none; padding-inline-start: 0px;">
+          <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education text-primary" style="font-size: 70px; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item A</div>
+          </li>
+          <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education text-primary" style="font-size: 40px; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item B
+              <ul>
+                <li>Sub-item B1</li>
+              </ul>
+            </div>
+          </li>
+          <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education text-primary" style="font-size: 40px; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+            <div>Item C</div>
+          </li>
+        </ul>
+        <ol>
+          <li>Sub-level</li>
+        </ol>
+        <ul>
+          <li>Item A</li>
+          <li>Item B
+            <ul style="list-style-type: none; padding-inline-start: 0px;">
+              <li style="display: flex;"><span aria-hidden="true" class="glyphicon glyphicon-education" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+                <div>Sub-item B1</div>
+              </li>
+              <li>Sub-item B2</li>
+              <li style="display: flex;"><span aria-hidden="true" class="fas fa-file-code" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+                <div>Sub-item B3
+                  <ul style="list-style-type: none; padding-inline-start: 0px;">
+                    <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                      <div>Sub-sub-item B3.1</div>
+                    </li>
+                    <li style="display: flex;"><span style="padding-bottom: 0.3em; padding-top: 0.3em; font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;"><img src="/test_site/images/deer.jpg" alt="Icon" style="width: 50px; display: inline-block;">​​</span>
+                      <div>Sub-sub-item B3.2</div>
+                    </li>
+                  </ul>
+                </div>
+              </li>
+              <li style="display: flex;"><span aria-hidden="true" class="fas fa-file-code" style="font-size: unset; min-width: 16px; line-height: unset; margin-inline-end: 0.35em; align-self: flex-start; flex-shrink: 0;">​</span>
+                <div>Sub-item B4</div>
+              </li>
+            </ul>
+          </li>
+          <li icon="./images/deer.jpg" i-width="50px">Item C</li>
+        </ul>
       </div>
       <overlay-source id="page-nav" tag-name="nav" to="page-nav">
         <div class="nav-component slim-scroll">
diff --git a/packages/cli/test/functional/test_site/expected/testList.page-vue-render.js b/packages/cli/test/functional/test_site/expected/testList.page-vue-render.js
index 809f18f38f..01e9446c97 100644
--- a/packages/cli/test/functional/test_site/expected/testList.page-vue-render.js
+++ b/packages/cli/test/functional/test_site/expected/testList.page-vue-render.js
@@ -1,7 +1,7 @@
 
     var pageVueRenderFn = function anonymous(
 ) {
-with(this){return _c('div',{attrs:{"id":"app"}},[_c('div',[_c('header',[_c('navbar',{attrs:{"type":"dark","default-highlight-on":"sibling-or-child"},scopedSlots:_u([{key:"brand",fn:function(){return [_c('a',{staticClass:"navbar-brand",attrs:{"href":"/","title":"Home"}},[_v("MarkBind Test Site")])]},proxy:true}])},[_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/test_site/bugs/index.html"}},[_v("Open Bugs")])])]),_v(" "),_m(0)],1),_v(" "),_m(1)]),_v(" "),_c('div',{attrs:{"id":"flex-body"}},[_c('overlay-source',{attrs:{"id":"site-nav","tag-name":"nav","to":"site-nav"}},[_c('div',{staticClass:"site-nav-top"},[_c('div',{staticClass:"fw-bold mb-2",staticStyle:{"font-size":"1.25rem"}},[_c('div',[_c('h2',{attrs:{"id":"default-layout"}},[_v("Default Layout"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#default-layout","onclick":"event.stopPropagation()"}})])])])]),_v(" "),_c('div',{staticClass:"nav-component slim-scroll"},[_c('div',[_c('site-nav',[_c('overlay-source',{staticClass:"site-nav-list site-nav-list-root",attrs:{"tag-name":"ul","to":"mb-site-nav"}},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/test_site/index.html"}},[_v("Home 🏠")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/test_site/bugs/index.html"}},[_v("Open Bugs 🐛")])])]),_v(" "),_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-0"},[_c('h3',{attrs:{"id":"testing-site-nav"}},[_v("Testing Site-Nav"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#testing-site-nav","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('strong',[_v("Dropdown ")]),_v(" "),_c('span',{staticClass:"glyphicon glyphicon-search",attrs:{"aria-hidden":"true"}}),_v(" title ✏️ "),_v(" "),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon site-nav-rotate-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_v("Dropdown link one")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_v("Html within site-nav "),_c('span',{staticStyle:{"color":"red"}},[_v("should")]),_v(" be displayed properly")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Nested Dropdown title 📐\n\n"),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-2",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_c('strong',[_v("Nested")]),_v(" Dropdown link one")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-2",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_c('strong',[_v("Nested")]),_v(" Dropdown link two")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_v("Dropdown link two")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_c('mark',[_v("Third Link")]),_v(" 📋")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Filler text "),_c('a',{attrs:{"href":"https://www.youtube.com/"}},[_c('span',{staticClass:"glyphicon glyphicon-facetime-video",attrs:{"aria-hidden":"true"}}),_v(" Youtube 📺")]),_v(" filler text"),_v(" "),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.youtube.com/watch?v=dQw4w9WgXcQ"}},[_v("The answer to everything in the universe")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('mark',[_v("Dropdown title")]),_v(" "),_c('span',{staticClass:"glyphicon glyphicon-comment",attrs:{"aria-hidden":"true"}}),_v(" ✏️ "),_v(" "),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon site-nav-rotate-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-2",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_c('strong',[_v("Nested")]),_v(" Dropdown link one")])])])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Really Long Dropdown Title Really Long Dropdown Title Really Long Dropdown Title Really Long Dropdown\n\n"),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-1"},[_v("Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text")]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Nested Dropdown Title\n\n"),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-2"},[_v("Hello Doge Hello Doge 🐶")]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-2",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/test_site/index.html"}},[_c('strong',[_v("NESTED LINK")]),_v(" Home 🏠")])])]),_v(" "),_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-2"},[_v("Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Test line break in navigation layout\n\n"),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-1"},[_v("Nested line break text ✂️")]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/test_site/index.html"}},[_v("Nested line break href")]),_v(" "),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-2"},[_v("Nested Nested line break text ✂️")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Nested line break dropdown menu\n\n"),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-2"},[_v("Line break item 2 📘")])])])])])])],1)],1)])]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_c('breadcrumb'),_v(" "),_m(2),_v(" "),_m(3),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_m(6),_v(" "),_m(7),_v(" "),_m(8),_v(" "),_m(9),_v(" "),_m(10),_v(" "),_m(11),_v(" "),_m(12),_v(" "),_m(13),_v(" "),_m(14),_v(" "),_m(15),_v(" "),_m(16),_v(" "),_m(17),_v(" "),_m(18),_v(" "),_m(19),_v(" "),_m(20),_v(" "),_m(21),_v(" "),_m(22),_v(" "),_m(23),_v(" "),_m(24),_v(" "),_m(25),_v(" "),_m(26),_v(" "),_m(27),_v(" "),_m(28),_v(" "),_m(29),_v(" "),_m(30),_v(" "),_m(31),_v(" "),_m(32),_v(" "),_m(33),_v(" "),_m(34),_v(" "),_m(35)],1),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"})]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(36)])}
+with(this){return _c('div',{attrs:{"id":"app"}},[_c('div',[_c('header',[_c('navbar',{attrs:{"type":"dark","default-highlight-on":"sibling-or-child"},scopedSlots:_u([{key:"brand",fn:function(){return [_c('a',{staticClass:"navbar-brand",attrs:{"href":"/","title":"Home"}},[_v("MarkBind Test Site")])]},proxy:true}])},[_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/test_site/bugs/index.html"}},[_v("Open Bugs")])])]),_v(" "),_m(0)],1),_v(" "),_m(1)]),_v(" "),_c('div',{attrs:{"id":"flex-body"}},[_c('overlay-source',{attrs:{"id":"site-nav","tag-name":"nav","to":"site-nav"}},[_c('div',{staticClass:"site-nav-top"},[_c('div',{staticClass:"fw-bold mb-2",staticStyle:{"font-size":"1.25rem"}},[_c('div',[_c('h2',{attrs:{"id":"default-layout"}},[_v("Default Layout"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#default-layout","onclick":"event.stopPropagation()"}})])])])]),_v(" "),_c('div',{staticClass:"nav-component slim-scroll"},[_c('div',[_c('site-nav',[_c('overlay-source',{staticClass:"site-nav-list site-nav-list-root",attrs:{"tag-name":"ul","to":"mb-site-nav"}},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/test_site/index.html"}},[_v("Home 🏠")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/test_site/bugs/index.html"}},[_v("Open Bugs 🐛")])])]),_v(" "),_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-0"},[_c('h3',{attrs:{"id":"testing-site-nav"}},[_v("Testing Site-Nav"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#testing-site-nav","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('strong',[_v("Dropdown ")]),_v(" "),_c('span',{staticClass:"glyphicon glyphicon-search",attrs:{"aria-hidden":"true"}}),_v(" title ✏️ "),_v(" "),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon site-nav-rotate-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_v("Dropdown link one")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_v("Html within site-nav "),_c('span',{staticStyle:{"color":"red"}},[_v("should")]),_v(" be displayed properly")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Nested Dropdown title 📐\n\n"),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-2",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_c('strong',[_v("Nested")]),_v(" Dropdown link one")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-2",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_c('strong',[_v("Nested")]),_v(" Dropdown link two")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_v("Dropdown link two")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_c('mark',[_v("Third Link")]),_v(" 📋")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Filler text "),_c('a',{attrs:{"href":"https://www.youtube.com/"}},[_c('span',{staticClass:"glyphicon glyphicon-facetime-video",attrs:{"aria-hidden":"true"}}),_v(" Youtube 📺")]),_v(" filler text"),_v(" "),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.youtube.com/watch?v=dQw4w9WgXcQ"}},[_v("The answer to everything in the universe")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('mark',[_v("Dropdown title")]),_v(" "),_c('span',{staticClass:"glyphicon glyphicon-comment",attrs:{"aria-hidden":"true"}}),_v(" ✏️ "),_v(" "),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon site-nav-rotate-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-2",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_c('strong',[_v("Nested")]),_v(" Dropdown link one")])])])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Really Long Dropdown Title Really Long Dropdown Title Really Long Dropdown Title Really Long Dropdown\n\n"),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-1"},[_v("Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text")]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Nested Dropdown Title\n\n"),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-2"},[_v("Hello Doge Hello Doge 🐶")]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-2",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/test_site/index.html"}},[_c('strong',[_v("NESTED LINK")]),_v(" Home 🏠")])])]),_v(" "),_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-2"},[_v("Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Test line break in navigation layout\n\n"),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-1"},[_v("Nested line break text ✂️")]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/test_site/index.html"}},[_v("Nested line break href")]),_v(" "),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-2"},[_v("Nested Nested line break text ✂️")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Nested line break dropdown menu\n\n"),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-2"},[_v("Line break item 2 📘")])])])])])])],1)],1)])]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_c('breadcrumb'),_v(" "),_m(2),_v(" "),_m(3),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_m(6),_v(" "),_m(7),_v(" "),_m(8),_v(" "),_m(9),_v(" "),_m(10),_v(" "),_m(11),_v(" "),_m(12),_v(" "),_m(13),_v(" "),_m(14),_v(" "),_m(15),_v(" "),_m(16),_v(" "),_m(17),_v(" "),_m(18),_v(" "),_m(19),_v(" "),_m(20),_v(" "),_m(21),_v(" "),_m(22),_v(" "),_m(23),_v(" "),_m(24),_v(" "),_m(25),_v(" "),_m(26),_v(" "),_m(27),_v(" "),_m(28),_v(" "),_m(29),_v(" "),_m(30),_v(" "),_m(31),_v(" "),_m(32),_v(" "),_m(33),_v(" "),_m(34),_v(" "),_m(35),_v(" "),_m(36),_v(" "),_m(37),_v(" "),_m(38),_v(" "),_m(39),_v(" "),_m(40),_v(" "),_m(41),_v(" "),_m(42),_v(" "),_m(43),_v(" "),_m(44),_v(" "),_m(45),_v(" "),_m(46),_v(" "),_m(47),_v(" "),_m(48),_v(" "),_m(49),_v(" "),_m(50),_v(" "),_m(51),_v(" "),_m(52),_v(" "),_m(53),_v(" "),_m(54),_v(" "),_m(55),_v(" "),_m(56),_v(" "),_m(57),_v(" "),_m(58),_v(" "),_m(59),_v(" "),_m(60),_v(" "),_m(61),_v(" "),_m(62),_v(" "),_m(63),_v(" "),_m(64),_v(" "),_m(65)],1),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"})]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(66)])}
 };
     var pageVueStaticRenderFns = [function anonymous(
 ) {
@@ -23,6 +23,12 @@ with(this){return _c('ol',[_c('li',[_v("One item with customization icon")])])}
 with(this){return _c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Only 1 item")])])])}
 },function anonymous(
 ) {
+with(this){return _c('ol',[_c('li',[_v("One item with once customization")])])}
+},function anonymous(
+) {
+with(this){return _c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Only 1 item")])])])}
+},function anonymous(
+) {
 with(this){return _c('ol',[_c('li',[_v("One item with customization text")])])}
 },function anonymous(
 ) {
@@ -41,6 +47,12 @@ with(this){return _c('ol',[_c('li',[_v("One item + nested list with icon customi
 with(this){return _c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Only 1 item\n"),_c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Only 1 item")])])])])])])}
 },function anonymous(
 ) {
+with(this){return _c('ol',[_c('li',[_v("One item + nested list with once customization")])])}
+},function anonymous(
+) {
+with(this){return _c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Only 1 item\n"),_c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Only 1 item")])])])])])])}
+},function anonymous(
+) {
 with(this){return _c('ol',[_c('li',[_v("One item + nested list with text customization")])])}
 },function anonymous(
 ) {
@@ -113,6 +125,84 @@ with(this){return _c('ol',[_c('li',[_v("Every second list item customized")])])}
 with(this){return _c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education text-primary",staticStyle:{"font-size":"20px","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item A")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education text-primary",staticStyle:{"font-size":"20px","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item B\n"),_c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code text-success",staticStyle:{"font-size":"30px","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Sub-item B1")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code text-success",staticStyle:{"font-size":"30px","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Sub-item B2")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticClass:"text-warning",staticStyle:{"width":"200px","height":"100px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-item B3")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticClass:"text-warning",staticStyle:{"width":"200px","height":"100px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-item B4")])])])])])])}
 },function anonymous(
 ) {
+with(this){return _c('ol',[_c('li',[_v("Once + none + customization")])])}
+},function anonymous(
+) {
+with(this){return _c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item A")])]),_v(" "),_c('li',[_v("Item B\n"),_c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Sub-item B1")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Sub-item B2")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Sub-item B3\n"),_c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.1")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.2")])])])])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Sub-item B4")])])])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item C")])])])}
+},function anonymous(
+) {
+with(this){return _c('ol',[_c('li',[_v("Customization + none + once")])])}
+},function anonymous(
+) {
+with(this){return _c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item A")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item B\n"),_c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Sub-item B1")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Sub-item B2")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Sub-item B3\n"),_c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.1")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.2")])])])])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Sub-item B4")])])])])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item C")])])])}
+},function anonymous(
+) {
+with(this){return _c('ol',[_c('li',[_v("Customization + once + none")])])}
+},function anonymous(
+) {
+with(this){return _c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item A")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item B\n"),_c('ul',[_c('li',[_v("Sub-item B1")]),_v(" "),_c('li',[_v("Sub-item B2")]),_v(" "),_c('li',[_v("Sub-item B3\n"),_c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.1")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.2")])])])]),_v(" "),_c('li',[_v("Sub-item B4")])])])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item C")])])])}
+},function anonymous(
+) {
+with(this){return _c('ol',[_c('li',[_v("Once + customization + none")])])}
+},function anonymous(
+) {
+with(this){return _c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item A")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item B\n"),_c('ul',[_c('li',[_v("Sub-item B1")]),_v(" "),_c('li',[_v("Sub-item B2")]),_v(" "),_c('li',[_v("Sub-item B3\n"),_c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.1")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.2")])])])]),_v(" "),_c('li',[_v("Sub-item B4")])])])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item C")])])])}
+},function anonymous(
+) {
+with(this){return _c('ol',[_c('li',[_v("None + customization + once")])])}
+},function anonymous(
+) {
+with(this){return _c('ul',[_c('li',[_v("Item A")]),_v(" "),_c('li',{attrs:{"icon":"fas-file-code"}},[_v("Item B\n"),_c('ul',[_c('li',[_v("Sub-item B1")]),_v(" "),_c('li',[_v("Sub-item B2")]),_v(" "),_c('li',[_v("Sub-item B3\n"),_c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.1")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.2")])])])]),_v(" "),_c('li',[_v("Sub-item B4")])])]),_v(" "),_c('li',{attrs:{"icon":"glyphicon-education","once":"true"}},[_v("Item C")])])}
+},function anonymous(
+) {
+with(this){return _c('ol',[_c('li',[_v("None + once + customization")])])}
+},function anonymous(
+) {
+with(this){return _c('ul',[_c('li',[_v("Item A")]),_v(" "),_c('li',{attrs:{"icon":"glyphicon-education","once":"true"}},[_v("Item B\n"),_c('ul',[_c('li',[_v("Sub-item B1")]),_v(" "),_c('li',[_v("Sub-item B2")]),_v(" "),_c('li',[_v("Sub-item B3\n"),_c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.1")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.2")])])])]),_v(" "),_c('li',[_v("Sub-item B4")])])]),_v(" "),_c('li',{attrs:{"icon":"fas-file-code"}},[_v("Item C")])])}
+},function anonymous(
+) {
+with(this){return _c('ol',[_c('li',[_v("Customization + once + customization")])])}
+},function anonymous(
+) {
+with(this){return _c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item A")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item B\n"),_c('ul',[_c('li',[_v("Sub-item B1")]),_v(" "),_c('li',[_v("Sub-item B2")]),_v(" "),_c('li',[_v("Sub-item B3\n"),_c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.1")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.2")])])])]),_v(" "),_c('li',[_v("Sub-item B4")])])])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Item C")])])])}
+},function anonymous(
+) {
+with(this){return _c('ol',[_c('li',[_v("String once")])])}
+},function anonymous(
+) {
+with(this){return _c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item A")])]),_v(" "),_c('li',[_v("Item B\n"),_c('ul',[_c('li',[_v("Sub-item B1")]),_v(" "),_c('li',[_v("Sub-item B2")]),_v(" "),_c('li',[_v("Sub-item B3\n"),_c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.1")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.2")])])])]),_v(" "),_c('li',[_v("Sub-item B4")])])]),_v(" "),_c('li',[_v("Item C")])])}
+},function anonymous(
+) {
+with(this){return _c('ol',[_c('li',[_v("False once for item A, rest of items will inherit")])])}
+},function anonymous(
+) {
+with(this){return _c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item A")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item B\n"),_c('ul',[_c('li',[_v("Sub-item B1")]),_v(" "),_c('li',[_v("Sub-item B2")]),_v(" "),_c('li',[_v("Sub-item B3\n"),_c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.1")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.2")])])])]),_v(" "),_c('li',[_v("Sub-item B4")])])])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item C")])])])}
+},function anonymous(
+) {
+with(this){return _c('ol',[_c('li',[_v("False once for item B, will overwrite item A")])])}
+},function anonymous(
+) {
+with(this){return _c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item A")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item B\n"),_c('ul',[_c('li',[_v("Sub-item B1")]),_v(" "),_c('li',[_v("Sub-item B2")]),_v(" "),_c('li',[_v("Sub-item B3\n"),_c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.1")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.2")])])])]),_v(" "),_c('li',[_v("Sub-item B4")])])])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item C")])])])}
+},function anonymous(
+) {
+with(this){return _c('ol',[_c('li',[_v("Once for specific attributes besides icon, does not overwrite")])])}
+},function anonymous(
+) {
+with(this){return _c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education text-primary",staticStyle:{"font-size":"70px","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item A")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education text-primary",staticStyle:{"font-size":"40px","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item B\n"),_c('ul',[_c('li',[_v("Sub-item B1")])])])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education text-primary",staticStyle:{"font-size":"70px","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item C")])])])}
+},function anonymous(
+) {
+with(this){return _c('ol',[_c('li',[_v("False once for specific attributes besides icon, does overwrite")])])}
+},function anonymous(
+) {
+with(this){return _c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education text-primary",staticStyle:{"font-size":"70px","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item A")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education text-primary",staticStyle:{"font-size":"40px","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item B\n"),_c('ul',[_c('li',[_v("Sub-item B1")])])])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education text-primary",staticStyle:{"font-size":"40px","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Item C")])])])}
+},function anonymous(
+) {
+with(this){return _c('ol',[_c('li',[_v("Sub-level")])])}
+},function anonymous(
+) {
+with(this){return _c('ul',[_c('li',[_v("Item A")]),_v(" "),_c('li',[_v("Item B\n"),_c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"glyphicon glyphicon-education",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Sub-item B1")])]),_v(" "),_c('li',[_v("Sub-item B2")]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Sub-item B3\n"),_c('ul',{staticStyle:{"list-style-type":"none","padding-inline-start":"0px"}},[_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.1")])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"padding-bottom":"0.3em","padding-top":"0.3em","font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"}},[_c('img',{staticStyle:{"width":"50px","display":"inline-block"},attrs:{"src":"/test_site/images/deer.jpg","alt":"Icon"}}),_v("​​")]),_c('div',[_v("Sub-sub-item B3.2")])])])])]),_v(" "),_c('li',{staticStyle:{"display":"flex"}},[_c('span',{staticClass:"fas fa-file-code",staticStyle:{"font-size":"unset","min-width":"16px","line-height":"unset","margin-inline-end":"0.35em","align-self":"flex-start","flex-shrink":"0"},attrs:{"aria-hidden":"true"}},[_v("​")]),_c('div',[_v("Sub-item B4")])])])]),_v(" "),_c('li',{attrs:{"icon":"./images/deer.jpg","i-width":"50px"}},[_v("Item C")])])}
+},function anonymous(
+) {
 with(this){return _c('div',[_c('footer',[_c('h1',{attrs:{"id":"heading-in-footer-should-not-be-indexed"}},[_v("Heading in footer should not be indexed"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#heading-in-footer-should-not-be-indexed","onclick":"event.stopPropagation()"}})]),_v(" "),_c('div',{staticClass:"text-center"},[_v("\n    This is a dynamic height footer that supports markdown "),_c('span',[_v("😄")]),_v("!\n  ")])])])}
 }];
   
\ No newline at end of file
diff --git a/packages/cli/test/functional/test_site/testList.md b/packages/cli/test/functional/test_site/testList.md
index 584f024874..a83d8b378e 100644
--- a/packages/cli/test/functional/test_site/testList.md
+++ b/packages/cli/test/functional/test_site/testList.md
@@ -4,6 +4,9 @@
 1. One item with customization icon
 - Only 1 item { icon="glyphicon-education" }
 
+1. One item with once customization
+- Only 1 item { icon="glyphicon-education" once=true }
+
 1. One item with customization text
 - Only 1 item { text="Step 1" }
 
@@ -15,6 +18,10 @@
 - Only 1 item { icon="glyphicon-education" }
    - Only 1 item { icon="glyphicon-education" }
 
+1. One item + nested list with once customization
+- Only 1 item { icon="glyphicon-education" once=true }
+   - Only 1 item { icon="glyphicon-education" once=true }
+
 1. One item + nested list with text customization
 - Only 1 item { text="Step 1" }
   - Only 1 item { text="Step 1.1" }
@@ -136,3 +143,137 @@
   * Sub-item B2 
   * Sub-item B3 {icon="./images/deer.jpg" i-width="200px" i-height="100px" i-class="text-warning"}
   * Sub-item B4
+
+1. Once + none + customization
+* Item A { icon="glyphicon-education" once=true }
+* Item B 
+  * Sub-item B1 { icon="fas-file-code" }
+  * Sub-item B2
+  * Sub-item B3 
+    * Sub-sub-item B3.1 { icon="./images/deer.jpg" i-width="50px" }
+    * Sub-sub-item B3.2
+  * Sub-item B4 
+* Item C { icon="fas-file-code" }
+
+1. Customization + none + once
+* Item A { icon="fas-file-code" }
+* Item B
+  * Sub-item B1 { icon="fas-file-code" }
+  * Sub-item B2
+  * Sub-item B3 
+    * Sub-sub-item B3.1 { icon="./images/deer.jpg" i-width="50px" }
+    * Sub-sub-item B3.2
+  * Sub-item B4 
+* Item C { icon="glyphicon-education" once=true }
+
+1. Customization + once + none
+* Item A { icon="fas-file-code" }
+* Item B { icon="glyphicon-education" once=true }
+  * Sub-item B1
+  * Sub-item B2
+  * Sub-item B3 
+    * Sub-sub-item B3.1 { icon="./images/deer.jpg" i-width="50px" }
+    * Sub-sub-item B3.2
+  * Sub-item B4 
+* Item C
+
+1. Once + customization + none
+* Item A { icon="glyphicon-education" once=true }
+* Item B { icon="fas-file-code" }
+  * Sub-item B1
+  * Sub-item B2
+  * Sub-item B3 
+    * Sub-sub-item B3.1 { icon="./images/deer.jpg" i-width="50px" }
+    * Sub-sub-item B3.2
+  * Sub-item B4 
+* Item C
+
+1. None + customization + once
+* Item A 
+* Item B { icon="fas-file-code" }
+  * Sub-item B1
+  * Sub-item B2
+  * Sub-item B3 
+    * Sub-sub-item B3.1 { icon="./images/deer.jpg" i-width="50px" }
+    * Sub-sub-item B3.2
+  * Sub-item B4 
+* Item C { icon="glyphicon-education" once=true }
+
+1. None + once + customization
+* Item A 
+* Item B { icon="glyphicon-education" once=true }
+  * Sub-item B1
+  * Sub-item B2
+  * Sub-item B3 
+    * Sub-sub-item B3.1 { icon="./images/deer.jpg" i-width="50px" }
+    * Sub-sub-item B3.2
+  * Sub-item B4 
+* Item C { icon="fas-file-code" }
+
+1. Customization + once + customization
+* Item A { icon="fas-file-code" }
+* Item B { icon="glyphicon-education" once=true }
+  * Sub-item B1
+  * Sub-item B2
+  * Sub-item B3 
+    * Sub-sub-item B3.1 { icon="./images/deer.jpg" i-width="50px" }
+    * Sub-sub-item B3.2
+  * Sub-item B4 
+* Item C { icon="./images/deer.jpg" i-width="50px" }
+
+1. String once
+* Item A { icon="glyphicon-education" once="true" }
+* Item B 
+  * Sub-item B1
+  * Sub-item B2
+  * Sub-item B3 
+    * Sub-sub-item B3.1 { icon="./images/deer.jpg" i-width="50px" }
+    * Sub-sub-item B3.2
+  * Sub-item B4 
+* Item C
+
+1. False once for item A, rest of items will inherit
+* Item A { icon="glyphicon-education" once=false }
+* Item B 
+  * Sub-item B1
+  * Sub-item B2
+  * Sub-item B3 
+    * Sub-sub-item B3.1 { icon="./images/deer.jpg" i-width="50px" }
+    * Sub-sub-item B3.2
+  * Sub-item B4 
+* Item C
+
+
+1. False once for item B, will overwrite item A
+* Item A { icon="fas-file-code" }
+* Item B { icon="glyphicon-education" once=false }
+  * Sub-item B1
+  * Sub-item B2
+  * Sub-item B3 
+    * Sub-sub-item B3.1 { icon="./images/deer.jpg" i-width="50px" }
+    * Sub-sub-item B3.2
+  * Sub-item B4 
+* Item C
+
+1. Once for specific attributes besides icon, does not overwrite
+* Item A { icon="glyphicon-education" i-size="70px" i-class="text-primary" }
+* Item B { i-size="40px" once=true }
+  * Sub-item B1
+* Item C
+
+1. False once for specific attributes besides icon, does overwrite
+* Item A { icon="glyphicon-education" i-size="70px" i-class="text-primary" }
+* Item B { i-size="40px" once=false }
+  * Sub-item B1
+* Item C
+
+1. Sub-level
+* Item A 
+* Item B 
+  * Sub-item B1 { icon="glyphicon-education" once=true }
+  * Sub-item B2
+  * Sub-item B3 { icon="fas-file-code" }
+    * Sub-sub-item B3.1 { icon="./images/deer.jpg" i-width="50px" }
+    * Sub-sub-item B3.2
+  * Sub-item B4 
+* Item C { icon="./images/deer.jpg" i-width="50px" }
diff --git a/packages/core/src/html/CustomListIconProcessor.ts b/packages/core/src/html/CustomListIconProcessor.ts
index b574ead3a4..7be0629510 100644
--- a/packages/core/src/html/CustomListIconProcessor.ts
+++ b/packages/core/src/html/CustomListIconProcessor.ts
@@ -9,9 +9,8 @@ interface EmojiData {
 }
 
 const emojiData = emojiDictionary as unknown as EmojiData;
-
 const ICON_ATTRIBUTES
-    = ['icon', 'i-width', 'i-height', 'i-size', 'i-class', 'i-spacing', 'text', 't-size', 't-class'];
+    = ['icon', 'i-width', 'i-height', 'i-size', 'i-class', 'i-spacing', 'text', 't-size', 't-class', 'once'];
 
 interface IconAttributes {
   icon?: string;
@@ -23,10 +22,12 @@ interface IconAttributes {
   textClassName?: string;
   textSize?: string;
   spacing?: string;
+  once?: boolean;
 }
 
 type IconAttributeDetail = {
   isFirst: boolean;
+  addIcons: boolean;
   iconAttrs: IconAttributes | null;
 };
 
@@ -110,8 +111,13 @@ function updateNodeStyle(node: NodeOrText) {
   });
 }
 
-// If an item has a specified icon, that icon will be used for it and for subsequent
-// items at that level to prevent duplication of icons attribute declarations.
+// If an item has a specified icon, that icon and its attributes will be saved and used
+// for it and for subsequent items at that level to prevent duplication of icons
+// attribute declarations.
+// If once is true, its icons and/or attributes will only be used for that item.
+// Items with once icons/attributes do not overwrite the previously saved icon/
+// attributes, meaning that subsequent items will still use the last saved
+// icon/attributes.
 const getIconAttributes = (node: MbNode, renderMdInline: (text: string) => string,
                            iconAttrsSoFar?: IconAttributes):
 IconAttributes | null => {
@@ -134,6 +140,7 @@ IconAttributes | null => {
       : iconAttrsSoFar?.textClassName,
     textSize: node.attribs['t-size'] !== undefined ? node.attribs['t-size'] : iconAttrsSoFar?.textSize,
     spacing: node.attribs['i-spacing'] !== undefined ? node.attribs['i-spacing'] : iconAttrsSoFar?.spacing,
+    once: (node.attribs.once === true || node.attribs.once === 'true'),
   };
 };
 
@@ -144,9 +151,6 @@ const deleteAttributes = (node: MbNode, attributes: string[]) => {
 };
 
 function updateLi(node: MbNode, iconAttributes: IconAttributes, renderMdInline: (text: string) => string) {
-  if (
-    iconAttributes.icon === undefined && iconAttributes.text === undefined
-  ) return;
   const curLiIcon = getIconAttributes(node, renderMdInline, iconAttributes);
 
   deleteAttributes(node, ICON_ATTRIBUTES);
@@ -179,12 +183,43 @@ function updateLi(node: MbNode, iconAttributes: IconAttributes, renderMdInline:
 function handleLiNode(node: MbNode, iconAttrValue: IconAttributeDetail,
                       renderMdInline: (text: string) => string) {
   if (iconAttrValue.isFirst) {
-    iconAttrValue.iconAttrs = getIconAttributes(node, renderMdInline);
+    const nodeIconAttrs = getIconAttributes(node, renderMdInline);
+    // Check if first item is customized with icon or text
+    if (nodeIconAttrs?.icon !== undefined || nodeIconAttrs?.text !== undefined) {
+      iconAttrValue.addIcons = true;
+    }
+    // Save if the icon is not once
+    if (!nodeIconAttrs?.once) {
+      iconAttrValue.iconAttrs = nodeIconAttrs;
+    }
     iconAttrValue.isFirst = false;
   } else if (iconAttrValue.iconAttrs) {
-    iconAttrValue.iconAttrs = getIconAttributes(node, renderMdInline, iconAttrValue.iconAttrs);
+    const nodeIconAttrs = getIconAttributes(node, renderMdInline, iconAttrValue.iconAttrs);
+    // Save if there is icon or text, and not once
+    if ((nodeIconAttrs?.icon !== undefined || nodeIconAttrs?.text !== undefined) && !nodeIconAttrs?.once) {
+      iconAttrValue.iconAttrs = nodeIconAttrs;
+    }
+  }
+  if (!iconAttrValue.addIcons) {
+    return;
+  }
+  // for subsequent items, if first item is once, there is no previous icon
+  // so future attributes that are not once will need to be saved
+  if (iconAttrValue.iconAttrs?.icon === undefined && iconAttrValue.iconAttrs?.text === undefined) {
+    // There is no previous icon and no previous text
+    const nodeIconAttrs = getIconAttributes(node, renderMdInline);
+    // Save if current item has icon or text, and it is not once
+    if ((nodeIconAttrs?.icon !== undefined || nodeIconAttrs?.text !== undefined) && !nodeIconAttrs?.once) {
+      iconAttrValue.iconAttrs = nodeIconAttrs;
+    }
+  }
+
+  // update only if current item has icon/text or previous items have saved icon/text
+  const nodeIconAttrs = getIconAttributes(node, renderMdInline);
+  if (nodeIconAttrs?.icon !== undefined || iconAttrValue.iconAttrs?.icon !== undefined
+    || nodeIconAttrs?.text !== undefined || iconAttrValue.iconAttrs?.text !== undefined) {
+    updateLi(node, iconAttrValue.iconAttrs ?? {}, renderMdInline);
   }
-  updateLi(node, iconAttrValue.iconAttrs ?? {}, renderMdInline);
 }
 
 export function processUlNode(node: NodeOrText, renderMdInline: (text: string) => string) {
@@ -197,7 +232,7 @@ export function processUlNode(node: NodeOrText, renderMdInline: (text: string) =
   const iconAttrs: IconAttributeDetail[] = [];
   function dfs(currentNode: NodeOrText, level: number) {
     if (!iconAttrs[level]) {
-      iconAttrs[level] = { isFirst: true, iconAttrs: null };
+      iconAttrs[level] = { isFirst: true, addIcons: false, iconAttrs: null };
     }
 
     const ulNode = currentNode as MbNode;
@@ -217,7 +252,7 @@ export function processUlNode(node: NodeOrText, renderMdInline: (text: string) =
         }
       });
     });
-    if (iconAttrs[level].iconAttrs !== null) {
+    if (iconAttrs[level].addIcons) {
       updateNodeStyle(ulNode);
     }
   }

From 8ad1b0c7e1b5bc42635a83398701f256ada274f2 Mon Sep 17 00:00:00 2001
From: Lam Jiu Fong <122192553+LamJiuFong@users.noreply.github.com>
Date: Sun, 7 Apr 2024 17:47:40 +0800
Subject: [PATCH 10/10] Add defer attribute to scripts in page template (#2492)

---
 .../test/functional/test_site/expected/bugs/index.html    | 8 ++++----
 .../cli/test/functional/test_site/expected/index.html     | 8 ++++----
 .../functional/test_site/expected/sub_site/index.html     | 8 ++++----
 .../expected/sub_site/nested_sub_site/index.html          | 8 ++++----
 .../nested_sub_site/testNunjucksPathResolving.html        | 8 ++++----
 .../expected/sub_site/testNunjucksPathResolving.html      | 8 ++++----
 .../expected/testAltFrontMatterInvalidKeyValue.html       | 8 ++++----
 .../test_site/expected/testAltFrontMatterParsing.html     | 8 ++++----
 .../test_site/expected/testAnchorGeneration.html          | 8 ++++----
 .../test/functional/test_site/expected/testAnnotate.html  | 8 ++++----
 .../functional/test_site/expected/testAntiFOUCStyles.html | 8 ++++----
 .../functional/test_site/expected/testCenterText.html     | 8 ++++----
 .../functional/test_site/expected/testCodeBlocks.html     | 8 ++++----
 .../cli/test/functional/test_site/expected/testDates.html | 8 ++++----
 .../test_site/expected/testEmptyAltFrontMatter.html       | 8 ++++----
 .../test_site/expected/testEmptyFrontmatter.html          | 8 ++++----
 .../test_site/expected/testExternalScripts.html           | 8 ++++----
 .../test_site/expected/testFontAwesomeInPage.html         | 8 ++++----
 .../test_site/expected/testGlyphiconInPage.html           | 8 ++++----
 .../cli/test/functional/test_site/expected/testHr.html    | 8 ++++----
 .../test_site/expected/testIconsInSiteLayout.html         | 8 ++++----
 .../test/functional/test_site/expected/testImages.html    | 8 ++++----
 .../test_site/expected/testIncludeBoilerplate.html        | 8 ++++----
 .../test_site/expected/testIncludeMultipleModals.html     | 8 ++++----
 .../test_site/expected/testIncludePluginsRendered.html    | 8 ++++----
 .../test/functional/test_site/expected/testLayouts.html   | 8 ++++----
 .../test_site/expected/testLayoutsOverride.html           | 8 ++++----
 .../expected/testLayoutsOverrideWithAltFrontmatter.html   | 8 ++++----
 .../test_site/expected/testLayoutsWithAltFrontMatter.html | 8 ++++----
 .../cli/test/functional/test_site/expected/testLinks.html | 8 ++++----
 .../cli/test/functional/test_site/expected/testList.html  | 8 ++++----
 .../test_site/expected/testMaterialIconsInPage.html       | 8 ++++----
 .../cli/test/functional/test_site/expected/testMath.html  | 8 ++++----
 .../test/functional/test_site/expected/testModals.html    | 8 ++++----
 .../test_site/expected/testNunjucksPathResolving.html     | 8 ++++----
 .../functional/test_site/expected/testOcticonInPage.html  | 8 ++++----
 .../test/functional/test_site/expected/testPageNav.html   | 8 ++++----
 .../functional/test_site/expected/testPageNavPrint.html   | 8 ++++----
 .../functional/test_site/expected/testPageNavTarget.html  | 8 ++++----
 .../test_site/expected/testPageNavWithOnlyTitle.html      | 8 ++++----
 .../expected/testPageNavWithoutTitleAndNavHeadings.html   | 8 ++++----
 .../test_site/expected/testPanelMarkdownParsing.html      | 8 ++++----
 .../test/functional/test_site/expected/testPanels.html    | 8 ++++----
 .../test_site/expected/testPanelsClosingTransition.html   | 8 ++++----
 .../test/functional/test_site/expected/testPlantUML.html  | 8 ++++----
 .../functional/test_site/expected/testPopoverTrigger.html | 8 ++++----
 .../test/functional/test_site/expected/testPopovers.html  | 8 ++++----
 .../test_site/expected/testSingleAltFrontMatter.html      | 8 ++++----
 .../test_site/expected/testSourceContainScript.html       | 8 ++++----
 .../functional/test_site/expected/testThumbnails.html     | 8 ++++----
 .../functional/test_site/expected/testTooltipSpacing.html | 8 ++++----
 .../cli/test/functional/test_site/expected/testTree.html  | 8 ++++----
 .../test_site/expected/testVariableContainsInclude.html   | 8 ++++----
 .../functional/test_site/expected/testWeb3FormPlugin.html | 8 ++++----
 .../functional/test_site/expected/test_md_fragment.html   | 8 ++++----
 .../test_site_algolia_plugin/expected/index.html          | 8 ++++----
 .../test_basic_convert/expected/404.html                  | 8 ++++----
 .../test_basic_convert/expected/Home.html                 | 8 ++++----
 .../test_basic_convert/expected/Page-1.html               | 8 ++++----
 .../test_basic_convert/expected/_Footer.html              | 8 ++++----
 .../test_basic_convert/expected/_Sidebar.html             | 8 ++++----
 .../test_basic_convert/expected/about.html                | 8 ++++----
 .../test_basic_convert/expected/contents/topic1.html      | 8 ++++----
 .../test_basic_convert/expected/contents/topic2.html      | 8 ++++----
 .../test_basic_convert/expected/contents/topic3a.html     | 8 ++++----
 .../test_basic_convert/expected/contents/topic3b.html     | 8 ++++----
 .../test_basic_convert/expected/index.html                | 8 ++++----
 .../test_navigation_convert/expected/404.html             | 8 ++++----
 .../test_navigation_convert/expected/Home.html            | 8 ++++----
 .../test_navigation_convert/expected/Page-1.html          | 8 ++++----
 .../test_navigation_convert/expected/README.html          | 8 ++++----
 .../test_navigation_convert/expected/about.html           | 8 ++++----
 .../test_navigation_convert/expected/contents/topic1.html | 8 ++++----
 .../test_navigation_convert/expected/contents/topic2.html | 8 ++++----
 .../expected/contents/topic3a.html                        | 8 ++++----
 .../expected/contents/topic3b.html                        | 8 ++++----
 .../test_navigation_convert/expected/index.html           | 8 ++++----
 .../expected/test_folder/extra_1.html                     | 8 ++++----
 .../expected/test_folder/extra_2.html                     | 8 ++++----
 .../expected/test_folder/extra_3.html                     | 8 ++++----
 .../functional/test_site_special_tags/expected/index.html | 8 ++++----
 .../test_site_templates/test_default/expected/404.html    | 8 ++++----
 .../test_default/expected/contents/topic1.html            | 8 ++++----
 .../test_default/expected/contents/topic2.html            | 8 ++++----
 .../test_default/expected/contents/topic3a.html           | 8 ++++----
 .../test_default/expected/contents/topic3b.html           | 8 ++++----
 .../test_site_templates/test_default/expected/index.html  | 8 ++++----
 .../test_site_templates/test_minimal/expected/index.html  | 8 ++++----
 .../expected/developerGuide/Configuration.html            | 8 ++++----
 .../test_project/expected/developerGuide/Design.html      | 8 ++++----
 .../test_project/expected/developerGuide/DevOps.html      | 8 ++++----
 .../expected/developerGuide/DeveloperGuide.html           | 8 ++++----
 .../expected/developerGuide/Documentation.html            | 8 ++++----
 .../expected/developerGuide/Implementation.html           | 8 ++++----
 .../expected/developerGuide/Requirements.html             | 8 ++++----
 .../test_project/expected/developerGuide/SettingUp.html   | 8 ++++----
 .../test_project/expected/developerGuide/Testing.html     | 8 ++++----
 .../test_project/expected/developerGuide/TracingCode.html | 8 ++++----
 .../test_site_templates/test_project/expected/index.html  | 8 ++++----
 .../test_project/expected/team/AboutUs.html               | 8 ++++----
 .../test_project/expected/team/johndoe.html               | 8 ++++----
 .../test_project/expected/userGuide/FAQ.html              | 8 ++++----
 .../test_project/expected/userGuide/Features.html         | 8 ++++----
 .../test_project/expected/userGuide/QuickStart.html       | 8 ++++----
 .../test_project/expected/userGuide/UserGuide.html        | 8 ++++----
 packages/core/src/Page/page.njk                           | 8 ++++----
 106 files changed, 424 insertions(+), 424 deletions(-)

diff --git a/packages/cli/test/functional/test_site/expected/bugs/index.html b/packages/cli/test/functional/test_site/expected/bugs/index.html
index 057cc6dfb4..692c321853 100644
--- a/packages/cli/test/functional/test_site/expected/bugs/index.html
+++ b/packages/cli/test/functional/test_site/expected/bugs/index.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="index.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="index.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/index.html b/packages/cli/test/functional/test_site/expected/index.html
index 45ee9b7871..f194e449f6 100644
--- a/packages/cli/test/functional/test_site/expected/index.html
+++ b/packages/cli/test/functional/test_site/expected/index.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="index.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="index.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/sub_site/index.html b/packages/cli/test/functional/test_site/expected/sub_site/index.html
index d16df81a54..7e1f8ef14c 100644
--- a/packages/cli/test/functional/test_site/expected/sub_site/index.html
+++ b/packages/cli/test/functional/test_site/expected/sub_site/index.html
@@ -15,10 +15,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="index.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="index.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/sub_site/nested_sub_site/index.html b/packages/cli/test/functional/test_site/expected/sub_site/nested_sub_site/index.html
index cea632ed1b..4d9cbf9b5f 100644
--- a/packages/cli/test/functional/test_site/expected/sub_site/nested_sub_site/index.html
+++ b/packages/cli/test/functional/test_site/expected/sub_site/nested_sub_site/index.html
@@ -15,10 +15,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="index.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="index.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/sub_site/nested_sub_site/testNunjucksPathResolving.html b/packages/cli/test/functional/test_site/expected/sub_site/nested_sub_site/testNunjucksPathResolving.html
index 0476a7b136..7302208abc 100644
--- a/packages/cli/test/functional/test_site/expected/sub_site/nested_sub_site/testNunjucksPathResolving.html
+++ b/packages/cli/test/functional/test_site/expected/sub_site/nested_sub_site/testNunjucksPathResolving.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testNunjucksPathResolving.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testNunjucksPathResolving.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/sub_site/testNunjucksPathResolving.html b/packages/cli/test/functional/test_site/expected/sub_site/testNunjucksPathResolving.html
index 0476a7b136..7302208abc 100644
--- a/packages/cli/test/functional/test_site/expected/sub_site/testNunjucksPathResolving.html
+++ b/packages/cli/test/functional/test_site/expected/sub_site/testNunjucksPathResolving.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testNunjucksPathResolving.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testNunjucksPathResolving.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testAltFrontMatterInvalidKeyValue.html b/packages/cli/test/functional/test_site/expected/testAltFrontMatterInvalidKeyValue.html
index 2394a781ce..24f275398d 100644
--- a/packages/cli/test/functional/test_site/expected/testAltFrontMatterInvalidKeyValue.html
+++ b/packages/cli/test/functional/test_site/expected/testAltFrontMatterInvalidKeyValue.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testAltFrontMatterInvalidKeyValue.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testAltFrontMatterInvalidKeyValue.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testAltFrontMatterParsing.html b/packages/cli/test/functional/test_site/expected/testAltFrontMatterParsing.html
index b0f96e8fad..c30e932d49 100644
--- a/packages/cli/test/functional/test_site/expected/testAltFrontMatterParsing.html
+++ b/packages/cli/test/functional/test_site/expected/testAltFrontMatterParsing.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testAltFrontMatterParsing.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testAltFrontMatterParsing.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testAnchorGeneration.html b/packages/cli/test/functional/test_site/expected/testAnchorGeneration.html
index 9f86039578..39286c1018 100644
--- a/packages/cli/test/functional/test_site/expected/testAnchorGeneration.html
+++ b/packages/cli/test/functional/test_site/expected/testAnchorGeneration.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testAnchorGeneration.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testAnchorGeneration.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testAnnotate.html b/packages/cli/test/functional/test_site/expected/testAnnotate.html
index 94877f920c..84fa249db3 100644
--- a/packages/cli/test/functional/test_site/expected/testAnnotate.html
+++ b/packages/cli/test/functional/test_site/expected/testAnnotate.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testAnnotate.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testAnnotate.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testAntiFOUCStyles.html b/packages/cli/test/functional/test_site/expected/testAntiFOUCStyles.html
index f3f7a30ae1..bb9ea65b18 100644
--- a/packages/cli/test/functional/test_site/expected/testAntiFOUCStyles.html
+++ b/packages/cli/test/functional/test_site/expected/testAntiFOUCStyles.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testAntiFOUCStyles.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testAntiFOUCStyles.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testCenterText.html b/packages/cli/test/functional/test_site/expected/testCenterText.html
index 8c6070cd64..33d0256f99 100644
--- a/packages/cli/test/functional/test_site/expected/testCenterText.html
+++ b/packages/cli/test/functional/test_site/expected/testCenterText.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testCenterText.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testCenterText.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testCodeBlocks.html b/packages/cli/test/functional/test_site/expected/testCodeBlocks.html
index 24989e8bd9..a685bb7fa7 100644
--- a/packages/cli/test/functional/test_site/expected/testCodeBlocks.html
+++ b/packages/cli/test/functional/test_site/expected/testCodeBlocks.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testCodeBlocks.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testCodeBlocks.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testDates.html b/packages/cli/test/functional/test_site/expected/testDates.html
index 71b850bf53..04275753fd 100644
--- a/packages/cli/test/functional/test_site/expected/testDates.html
+++ b/packages/cli/test/functional/test_site/expected/testDates.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testDates.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testDates.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testEmptyAltFrontMatter.html b/packages/cli/test/functional/test_site/expected/testEmptyAltFrontMatter.html
index 32c839fbf9..21a3fed2e6 100644
--- a/packages/cli/test/functional/test_site/expected/testEmptyAltFrontMatter.html
+++ b/packages/cli/test/functional/test_site/expected/testEmptyAltFrontMatter.html
@@ -19,10 +19,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testEmptyAltFrontMatter.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testEmptyAltFrontMatter.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testEmptyFrontmatter.html b/packages/cli/test/functional/test_site/expected/testEmptyFrontmatter.html
index fd8c60d424..211f042d00 100644
--- a/packages/cli/test/functional/test_site/expected/testEmptyFrontmatter.html
+++ b/packages/cli/test/functional/test_site/expected/testEmptyFrontmatter.html
@@ -19,10 +19,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testEmptyFrontmatter.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testEmptyFrontmatter.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testExternalScripts.html b/packages/cli/test/functional/test_site/expected/testExternalScripts.html
index 987a8a8675..964924ef76 100644
--- a/packages/cli/test/functional/test_site/expected/testExternalScripts.html
+++ b/packages/cli/test/functional/test_site/expected/testExternalScripts.html
@@ -19,10 +19,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testExternalScripts.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testExternalScripts.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testFontAwesomeInPage.html b/packages/cli/test/functional/test_site/expected/testFontAwesomeInPage.html
index 659abc4857..4b3de6843c 100644
--- a/packages/cli/test/functional/test_site/expected/testFontAwesomeInPage.html
+++ b/packages/cli/test/functional/test_site/expected/testFontAwesomeInPage.html
@@ -14,10 +14,10 @@
   <link rel="stylesheet" href="/test_site/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testFontAwesomeInPage.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testFontAwesomeInPage.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testGlyphiconInPage.html b/packages/cli/test/functional/test_site/expected/testGlyphiconInPage.html
index b7dfed599f..439a376d04 100644
--- a/packages/cli/test/functional/test_site/expected/testGlyphiconInPage.html
+++ b/packages/cli/test/functional/test_site/expected/testGlyphiconInPage.html
@@ -14,10 +14,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testGlyphiconInPage.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testGlyphiconInPage.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testHr.html b/packages/cli/test/functional/test_site/expected/testHr.html
index f477a99c48..fdeb104441 100644
--- a/packages/cli/test/functional/test_site/expected/testHr.html
+++ b/packages/cli/test/functional/test_site/expected/testHr.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testHr.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testHr.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testIconsInSiteLayout.html b/packages/cli/test/functional/test_site/expected/testIconsInSiteLayout.html
index 46c2949e5f..f7eda03ead 100644
--- a/packages/cli/test/functional/test_site/expected/testIconsInSiteLayout.html
+++ b/packages/cli/test/functional/test_site/expected/testIconsInSiteLayout.html
@@ -15,10 +15,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testIconsInSiteLayout.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testIconsInSiteLayout.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testImages.html b/packages/cli/test/functional/test_site/expected/testImages.html
index 82030358b8..bff26d471e 100644
--- a/packages/cli/test/functional/test_site/expected/testImages.html
+++ b/packages/cli/test/functional/test_site/expected/testImages.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testImages.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testImages.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testIncludeBoilerplate.html b/packages/cli/test/functional/test_site/expected/testIncludeBoilerplate.html
index 6a03165efa..17a09d9570 100644
--- a/packages/cli/test/functional/test_site/expected/testIncludeBoilerplate.html
+++ b/packages/cli/test/functional/test_site/expected/testIncludeBoilerplate.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testIncludeBoilerplate.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testIncludeBoilerplate.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testIncludeMultipleModals.html b/packages/cli/test/functional/test_site/expected/testIncludeMultipleModals.html
index 01c2f798d8..f31bfccd4d 100644
--- a/packages/cli/test/functional/test_site/expected/testIncludeMultipleModals.html
+++ b/packages/cli/test/functional/test_site/expected/testIncludeMultipleModals.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testIncludeMultipleModals.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testIncludeMultipleModals.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testIncludePluginsRendered.html b/packages/cli/test/functional/test_site/expected/testIncludePluginsRendered.html
index e0ab4eb839..02b9f23fb4 100644
--- a/packages/cli/test/functional/test_site/expected/testIncludePluginsRendered.html
+++ b/packages/cli/test/functional/test_site/expected/testIncludePluginsRendered.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testIncludePluginsRendered.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testIncludePluginsRendered.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testLayouts.html b/packages/cli/test/functional/test_site/expected/testLayouts.html
index cf8feb8d68..1a83ef51a1 100644
--- a/packages/cli/test/functional/test_site/expected/testLayouts.html
+++ b/packages/cli/test/functional/test_site/expected/testLayouts.html
@@ -19,10 +19,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testLayouts.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testLayouts.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testLayoutsOverride.html b/packages/cli/test/functional/test_site/expected/testLayoutsOverride.html
index 00545cce33..e1ed3dea1b 100644
--- a/packages/cli/test/functional/test_site/expected/testLayoutsOverride.html
+++ b/packages/cli/test/functional/test_site/expected/testLayoutsOverride.html
@@ -19,10 +19,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testLayoutsOverride.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testLayoutsOverride.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testLayoutsOverrideWithAltFrontmatter.html b/packages/cli/test/functional/test_site/expected/testLayoutsOverrideWithAltFrontmatter.html
index 70dcfca773..ec7f79fb46 100644
--- a/packages/cli/test/functional/test_site/expected/testLayoutsOverrideWithAltFrontmatter.html
+++ b/packages/cli/test/functional/test_site/expected/testLayoutsOverrideWithAltFrontmatter.html
@@ -19,10 +19,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testLayoutsOverrideWithAltFrontmatter.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testLayoutsOverrideWithAltFrontmatter.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testLayoutsWithAltFrontMatter.html b/packages/cli/test/functional/test_site/expected/testLayoutsWithAltFrontMatter.html
index 578fc81c8e..65c487c072 100644
--- a/packages/cli/test/functional/test_site/expected/testLayoutsWithAltFrontMatter.html
+++ b/packages/cli/test/functional/test_site/expected/testLayoutsWithAltFrontMatter.html
@@ -19,10 +19,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testLayoutsWithAltFrontMatter.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testLayoutsWithAltFrontMatter.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testLinks.html b/packages/cli/test/functional/test_site/expected/testLinks.html
index 34576fda88..8b1052973a 100644
--- a/packages/cli/test/functional/test_site/expected/testLinks.html
+++ b/packages/cli/test/functional/test_site/expected/testLinks.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testLinks.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testLinks.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testList.html b/packages/cli/test/functional/test_site/expected/testList.html
index 246d4c3586..01ceb75128 100644
--- a/packages/cli/test/functional/test_site/expected/testList.html
+++ b/packages/cli/test/functional/test_site/expected/testList.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testList.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testList.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testMaterialIconsInPage.html b/packages/cli/test/functional/test_site/expected/testMaterialIconsInPage.html
index 9c2dc6b8a5..e23f7bd756 100644
--- a/packages/cli/test/functional/test_site/expected/testMaterialIconsInPage.html
+++ b/packages/cli/test/functional/test_site/expected/testMaterialIconsInPage.html
@@ -14,10 +14,10 @@
   <link rel="stylesheet" href="/test_site/markbind/material-icons/material-icons.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testMaterialIconsInPage.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testMaterialIconsInPage.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testMath.html b/packages/cli/test/functional/test_site/expected/testMath.html
index 19e743fa01..9a9127008b 100644
--- a/packages/cli/test/functional/test_site/expected/testMath.html
+++ b/packages/cli/test/functional/test_site/expected/testMath.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testMath.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testMath.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testModals.html b/packages/cli/test/functional/test_site/expected/testModals.html
index 2af69c5ea4..45b4e01568 100644
--- a/packages/cli/test/functional/test_site/expected/testModals.html
+++ b/packages/cli/test/functional/test_site/expected/testModals.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testModals.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testModals.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testNunjucksPathResolving.html b/packages/cli/test/functional/test_site/expected/testNunjucksPathResolving.html
index 0476a7b136..7302208abc 100644
--- a/packages/cli/test/functional/test_site/expected/testNunjucksPathResolving.html
+++ b/packages/cli/test/functional/test_site/expected/testNunjucksPathResolving.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testNunjucksPathResolving.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testNunjucksPathResolving.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testOcticonInPage.html b/packages/cli/test/functional/test_site/expected/testOcticonInPage.html
index 00b83de4db..a16896136b 100644
--- a/packages/cli/test/functional/test_site/expected/testOcticonInPage.html
+++ b/packages/cli/test/functional/test_site/expected/testOcticonInPage.html
@@ -14,10 +14,10 @@
   <link rel="stylesheet" href="/test_site/markbind/css/octicons.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testOcticonInPage.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testOcticonInPage.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testPageNav.html b/packages/cli/test/functional/test_site/expected/testPageNav.html
index cdb1f4fd30..b1a75b964d 100644
--- a/packages/cli/test/functional/test_site/expected/testPageNav.html
+++ b/packages/cli/test/functional/test_site/expected/testPageNav.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testPageNav.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testPageNav.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testPageNavPrint.html b/packages/cli/test/functional/test_site/expected/testPageNavPrint.html
index 5142d16ad5..d23ff961bf 100644
--- a/packages/cli/test/functional/test_site/expected/testPageNavPrint.html
+++ b/packages/cli/test/functional/test_site/expected/testPageNavPrint.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testPageNavPrint.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testPageNavPrint.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testPageNavTarget.html b/packages/cli/test/functional/test_site/expected/testPageNavTarget.html
index bb24c7a4cb..10606c843a 100644
--- a/packages/cli/test/functional/test_site/expected/testPageNavTarget.html
+++ b/packages/cli/test/functional/test_site/expected/testPageNavTarget.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testPageNavTarget.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testPageNavTarget.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testPageNavWithOnlyTitle.html b/packages/cli/test/functional/test_site/expected/testPageNavWithOnlyTitle.html
index 2745f67e77..8ca7a159d5 100644
--- a/packages/cli/test/functional/test_site/expected/testPageNavWithOnlyTitle.html
+++ b/packages/cli/test/functional/test_site/expected/testPageNavWithOnlyTitle.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testPageNavWithOnlyTitle.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testPageNavWithOnlyTitle.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testPageNavWithoutTitleAndNavHeadings.html b/packages/cli/test/functional/test_site/expected/testPageNavWithoutTitleAndNavHeadings.html
index 83d1cc25c0..25d9215fc8 100644
--- a/packages/cli/test/functional/test_site/expected/testPageNavWithoutTitleAndNavHeadings.html
+++ b/packages/cli/test/functional/test_site/expected/testPageNavWithoutTitleAndNavHeadings.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testPageNavWithoutTitleAndNavHeadings.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testPageNavWithoutTitleAndNavHeadings.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testPanelMarkdownParsing.html b/packages/cli/test/functional/test_site/expected/testPanelMarkdownParsing.html
index e06287b5e9..1aae12a777 100644
--- a/packages/cli/test/functional/test_site/expected/testPanelMarkdownParsing.html
+++ b/packages/cli/test/functional/test_site/expected/testPanelMarkdownParsing.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testPanelMarkdownParsing.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testPanelMarkdownParsing.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testPanels.html b/packages/cli/test/functional/test_site/expected/testPanels.html
index 225f7a9757..537b3270e6 100644
--- a/packages/cli/test/functional/test_site/expected/testPanels.html
+++ b/packages/cli/test/functional/test_site/expected/testPanels.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testPanels.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testPanels.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testPanelsClosingTransition.html b/packages/cli/test/functional/test_site/expected/testPanelsClosingTransition.html
index 1cea9e5c8a..978639beae 100644
--- a/packages/cli/test/functional/test_site/expected/testPanelsClosingTransition.html
+++ b/packages/cli/test/functional/test_site/expected/testPanelsClosingTransition.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testPanelsClosingTransition.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testPanelsClosingTransition.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testPlantUML.html b/packages/cli/test/functional/test_site/expected/testPlantUML.html
index e048a41e44..d1d4e04f07 100644
--- a/packages/cli/test/functional/test_site/expected/testPlantUML.html
+++ b/packages/cli/test/functional/test_site/expected/testPlantUML.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testPlantUML.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testPlantUML.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testPopoverTrigger.html b/packages/cli/test/functional/test_site/expected/testPopoverTrigger.html
index 265d901104..bb488e42b1 100644
--- a/packages/cli/test/functional/test_site/expected/testPopoverTrigger.html
+++ b/packages/cli/test/functional/test_site/expected/testPopoverTrigger.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testPopoverTrigger.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testPopoverTrigger.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testPopovers.html b/packages/cli/test/functional/test_site/expected/testPopovers.html
index 7add324f63..b6e284ebce 100644
--- a/packages/cli/test/functional/test_site/expected/testPopovers.html
+++ b/packages/cli/test/functional/test_site/expected/testPopovers.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testPopovers.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testPopovers.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testSingleAltFrontMatter.html b/packages/cli/test/functional/test_site/expected/testSingleAltFrontMatter.html
index 630f086a2d..6ad4af2d32 100644
--- a/packages/cli/test/functional/test_site/expected/testSingleAltFrontMatter.html
+++ b/packages/cli/test/functional/test_site/expected/testSingleAltFrontMatter.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testSingleAltFrontMatter.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testSingleAltFrontMatter.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testSourceContainScript.html b/packages/cli/test/functional/test_site/expected/testSourceContainScript.html
index ea8eb34df3..5c056ca681 100644
--- a/packages/cli/test/functional/test_site/expected/testSourceContainScript.html
+++ b/packages/cli/test/functional/test_site/expected/testSourceContainScript.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testSourceContainScript.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testSourceContainScript.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testThumbnails.html b/packages/cli/test/functional/test_site/expected/testThumbnails.html
index 4535319263..6cc79bde38 100644
--- a/packages/cli/test/functional/test_site/expected/testThumbnails.html
+++ b/packages/cli/test/functional/test_site/expected/testThumbnails.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testThumbnails.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testThumbnails.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testTooltipSpacing.html b/packages/cli/test/functional/test_site/expected/testTooltipSpacing.html
index ca27a9bcd8..edb1a20ad2 100644
--- a/packages/cli/test/functional/test_site/expected/testTooltipSpacing.html
+++ b/packages/cli/test/functional/test_site/expected/testTooltipSpacing.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testTooltipSpacing.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testTooltipSpacing.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testTree.html b/packages/cli/test/functional/test_site/expected/testTree.html
index 4c4f33ccc9..8a7370f724 100644
--- a/packages/cli/test/functional/test_site/expected/testTree.html
+++ b/packages/cli/test/functional/test_site/expected/testTree.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testTree.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testTree.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testVariableContainsInclude.html b/packages/cli/test/functional/test_site/expected/testVariableContainsInclude.html
index 3a509cb17b..b06a9376c4 100644
--- a/packages/cli/test/functional/test_site/expected/testVariableContainsInclude.html
+++ b/packages/cli/test/functional/test_site/expected/testVariableContainsInclude.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testVariableContainsInclude.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testVariableContainsInclude.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/testWeb3FormPlugin.html b/packages/cli/test/functional/test_site/expected/testWeb3FormPlugin.html
index d814f49596..0fd2f2fbb3 100644
--- a/packages/cli/test/functional/test_site/expected/testWeb3FormPlugin.html
+++ b/packages/cli/test/functional/test_site/expected/testWeb3FormPlugin.html
@@ -16,10 +16,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="testWeb3FormPlugin.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="testWeb3FormPlugin.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site/expected/test_md_fragment.html b/packages/cli/test/functional/test_site/expected/test_md_fragment.html
index 57f0360600..e97f0a8ebf 100644
--- a/packages/cli/test/functional/test_site/expected/test_md_fragment.html
+++ b/packages/cli/test/functional/test_site/expected/test_md_fragment.html
@@ -15,10 +15,10 @@
   <link rel="stylesheet" href="/test_site/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site/markbind/css/markbind.min.css">
-  <script src="/test_site/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site/markbind/js/vue.min.js"></script>
-  <script src="/test_site/markbind/js/markbind.min.js"></script>
-  <script src="test_md_fragment.page-vue-render.js"></script>
+  <script src="/test_site/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site/markbind/js/markbind.min.js" defer></script>
+  <script src="test_md_fragment.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/test_site/plugins/testMarkbindPlugin/testMarkbindPluginStylesheet.css">
   <link rel="stylesheet" href="/test_site/plugins/web3Form/web-3-form.css">
   <link rel="stylesheet" href="/test_site/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site_algolia_plugin/expected/index.html b/packages/cli/test/functional/test_site_algolia_plugin/expected/index.html
index 7bb556d0d5..d1c43447af 100644
--- a/packages/cli/test/functional/test_site_algolia_plugin/expected/index.html
+++ b/packages/cli/test/functional/test_site_algolia_plugin/expected/index.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/test_site_algolia_plugin/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/test_site_algolia_plugin/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/test_site_algolia_plugin/markbind/css/markbind.min.css">
-  <script src="/test_site_algolia_plugin/markbind/js/polyfill.min.js"></script>
-  <script src="/test_site_algolia_plugin/markbind/js/vue.min.js"></script>
-  <script src="/test_site_algolia_plugin/markbind/js/markbind.min.js"></script>
-  <script src="index.page-vue-render.js"></script>
+  <script src="/test_site_algolia_plugin/markbind/js/polyfill.min.js" defer></script>
+  <script src="/test_site_algolia_plugin/markbind/js/vue.min.js" defer></script>
+  <script src="/test_site_algolia_plugin/markbind/js/markbind.min.js" defer></script>
+  <script src="index.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3.2.0/dist/style.css">
   <link rel="preconnect" href="https://R2IYF7ETH7-dsn.algolia.net" crossorigin>
   <link rel="stylesheet" href="/test_site_algolia_plugin/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
diff --git a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/404.html b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/404.html
index ed977ada33..3b966eabdb 100644
--- a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/404.html
+++ b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/404.html
@@ -11,10 +11,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="404.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="404.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/Home.html b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/Home.html
index 8c95b5b779..bfac68ccd3 100644
--- a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/Home.html
+++ b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/Home.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="Home.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="Home.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/Page-1.html b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/Page-1.html
index a5531c38dc..8557276c7c 100644
--- a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/Page-1.html
+++ b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/Page-1.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="Page-1.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="Page-1.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/_Footer.html b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/_Footer.html
index 47c15b964f..929d17933a 100644
--- a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/_Footer.html
+++ b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/_Footer.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="_Footer.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="_Footer.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/_Sidebar.html b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/_Sidebar.html
index 4e5de5436d..a1eeffd342 100644
--- a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/_Sidebar.html
+++ b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/_Sidebar.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="_Sidebar.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="_Sidebar.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/about.html b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/about.html
index 2f9e6635d3..522ff60d2a 100644
--- a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/about.html
+++ b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/about.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="about.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="about.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/contents/topic1.html b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/contents/topic1.html
index 1e9638e1c9..df220f9f1f 100644
--- a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/contents/topic1.html
+++ b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/contents/topic1.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="topic1.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="topic1.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/contents/topic2.html b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/contents/topic2.html
index c4d8a9efd3..cf71de511f 100644
--- a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/contents/topic2.html
+++ b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/contents/topic2.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="topic2.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="topic2.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/contents/topic3a.html b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/contents/topic3a.html
index e728e6c1d7..be748dc546 100644
--- a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/contents/topic3a.html
+++ b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/contents/topic3a.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="topic3a.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="topic3a.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/contents/topic3b.html b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/contents/topic3b.html
index 7d5e44902d..a1979a274f 100644
--- a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/contents/topic3b.html
+++ b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/contents/topic3b.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="topic3b.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="topic3b.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/index.html b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/index.html
index 9630ba0437..a163b174e4 100644
--- a/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/index.html
+++ b/packages/cli/test/functional/test_site_convert/test_basic_convert/expected/index.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="index.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="index.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/404.html b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/404.html
index e58c7a3dfc..26e2d097d1 100644
--- a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/404.html
+++ b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/404.html
@@ -11,10 +11,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="404.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="404.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/Home.html b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/Home.html
index 07cb99c9ee..09bcb19018 100644
--- a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/Home.html
+++ b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/Home.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="Home.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="Home.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/Page-1.html b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/Page-1.html
index adf6ccb57e..ea2949a70b 100644
--- a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/Page-1.html
+++ b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/Page-1.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="Page-1.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="Page-1.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/README.html b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/README.html
index 7f0e2190d8..c02190a99f 100644
--- a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/README.html
+++ b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/README.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="README.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="README.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/about.html b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/about.html
index 9d3e948c45..4f5043ad40 100644
--- a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/about.html
+++ b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/about.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="about.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="about.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/contents/topic1.html b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/contents/topic1.html
index 84b9021fe3..d272bd8ed7 100644
--- a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/contents/topic1.html
+++ b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/contents/topic1.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="topic1.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="topic1.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/contents/topic2.html b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/contents/topic2.html
index cf6a0b5a15..5f80af08e7 100644
--- a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/contents/topic2.html
+++ b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/contents/topic2.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="topic2.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="topic2.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/contents/topic3a.html b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/contents/topic3a.html
index 1144bd4f67..f011050dda 100644
--- a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/contents/topic3a.html
+++ b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/contents/topic3a.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="topic3a.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="topic3a.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/contents/topic3b.html b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/contents/topic3b.html
index bb2c23e045..d334be2e53 100644
--- a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/contents/topic3b.html
+++ b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/contents/topic3b.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="topic3b.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="topic3b.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/index.html b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/index.html
index fdab152fdb..ff96a42c58 100644
--- a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/index.html
+++ b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/index.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="index.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="index.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/test_folder/extra_1.html b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/test_folder/extra_1.html
index 4fc11ac6d3..774ac1b88c 100644
--- a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/test_folder/extra_1.html
+++ b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/test_folder/extra_1.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="extra_1.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="extra_1.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/test_folder/extra_2.html b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/test_folder/extra_2.html
index 801b4bde27..e8208ce321 100644
--- a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/test_folder/extra_2.html
+++ b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/test_folder/extra_2.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="extra_2.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="extra_2.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/test_folder/extra_3.html b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/test_folder/extra_3.html
index 87dbd18301..7defad9155 100644
--- a/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/test_folder/extra_3.html
+++ b/packages/cli/test/functional/test_site_convert/test_navigation_convert/expected/test_folder/extra_3.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="extra_3.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="extra_3.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_special_tags/expected/index.html b/packages/cli/test/functional/test_site_special_tags/expected/index.html
index 58a5f83a85..a187234975 100644
--- a/packages/cli/test/functional/test_site_special_tags/expected/index.html
+++ b/packages/cli/test/functional/test_site_special_tags/expected/index.html
@@ -11,10 +11,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="index.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="index.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 </head>
diff --git a/packages/cli/test/functional/test_site_templates/test_default/expected/404.html b/packages/cli/test/functional/test_site_templates/test_default/expected/404.html
index 668452dbab..ffd3eecc46 100644
--- a/packages/cli/test/functional/test_site_templates/test_default/expected/404.html
+++ b/packages/cli/test/functional/test_site_templates/test_default/expected/404.html
@@ -10,10 +10,10 @@
   <link rel="stylesheet" href="/markbind/css/bootstrap.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="404.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="404.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 </head>
diff --git a/packages/cli/test/functional/test_site_templates/test_default/expected/contents/topic1.html b/packages/cli/test/functional/test_site_templates/test_default/expected/contents/topic1.html
index 17bcd3785d..32db02a784 100644
--- a/packages/cli/test/functional/test_site_templates/test_default/expected/contents/topic1.html
+++ b/packages/cli/test/functional/test_site_templates/test_default/expected/contents/topic1.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="topic1.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="topic1.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_default/expected/contents/topic2.html b/packages/cli/test/functional/test_site_templates/test_default/expected/contents/topic2.html
index 99fc999181..96ddd1304e 100644
--- a/packages/cli/test/functional/test_site_templates/test_default/expected/contents/topic2.html
+++ b/packages/cli/test/functional/test_site_templates/test_default/expected/contents/topic2.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="topic2.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="topic2.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_default/expected/contents/topic3a.html b/packages/cli/test/functional/test_site_templates/test_default/expected/contents/topic3a.html
index 883d51b3eb..34e09cbebe 100644
--- a/packages/cli/test/functional/test_site_templates/test_default/expected/contents/topic3a.html
+++ b/packages/cli/test/functional/test_site_templates/test_default/expected/contents/topic3a.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="topic3a.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="topic3a.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_default/expected/contents/topic3b.html b/packages/cli/test/functional/test_site_templates/test_default/expected/contents/topic3b.html
index ced1e8255c..2dd927f869 100644
--- a/packages/cli/test/functional/test_site_templates/test_default/expected/contents/topic3b.html
+++ b/packages/cli/test/functional/test_site_templates/test_default/expected/contents/topic3b.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="topic3b.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="topic3b.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_default/expected/index.html b/packages/cli/test/functional/test_site_templates/test_default/expected/index.html
index a4da5f7b79..b8dfcd5434 100644
--- a/packages/cli/test/functional/test_site_templates/test_default/expected/index.html
+++ b/packages/cli/test/functional/test_site_templates/test_default/expected/index.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="index.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="index.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_minimal/expected/index.html b/packages/cli/test/functional/test_site_templates/test_minimal/expected/index.html
index be834d27ff..be1f5a63fe 100644
--- a/packages/cli/test/functional/test_site_templates/test_minimal/expected/index.html
+++ b/packages/cli/test/functional/test_site_templates/test_minimal/expected/index.html
@@ -11,10 +11,10 @@
   <link rel="stylesheet" href="/markbind/fontawesome/css/all.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-dark.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="index.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="index.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 </head>
diff --git a/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Configuration.html b/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Configuration.html
index 58b9fdca8d..ae1953a749 100644
--- a/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Configuration.html
+++ b/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Configuration.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-light.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="Configuration.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="Configuration.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Design.html b/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Design.html
index 0ad6284676..4ae346fdaa 100644
--- a/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Design.html
+++ b/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Design.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-light.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="Design.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="Design.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/DevOps.html b/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/DevOps.html
index 4aa22e5f4c..4a819e9ad0 100644
--- a/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/DevOps.html
+++ b/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/DevOps.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-light.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="DevOps.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="DevOps.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/DeveloperGuide.html b/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/DeveloperGuide.html
index ca2ae6bf38..a195624ece 100644
--- a/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/DeveloperGuide.html
+++ b/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/DeveloperGuide.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-light.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="DeveloperGuide.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="DeveloperGuide.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Documentation.html b/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Documentation.html
index e2cb67c48c..865a3a44a3 100644
--- a/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Documentation.html
+++ b/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Documentation.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-light.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="Documentation.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="Documentation.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Implementation.html b/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Implementation.html
index 9694d22b5b..f5cef99f6c 100644
--- a/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Implementation.html
+++ b/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Implementation.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-light.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="Implementation.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="Implementation.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Requirements.html b/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Requirements.html
index d96fefec0a..06bfe0e22c 100644
--- a/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Requirements.html
+++ b/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Requirements.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-light.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="Requirements.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="Requirements.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/SettingUp.html b/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/SettingUp.html
index 63cc34db32..69f9d9cadf 100644
--- a/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/SettingUp.html
+++ b/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/SettingUp.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-light.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="SettingUp.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="SettingUp.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Testing.html b/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Testing.html
index 313a0436ae..8ba4c3c073 100644
--- a/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Testing.html
+++ b/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/Testing.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-light.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="Testing.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="Testing.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/TracingCode.html b/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/TracingCode.html
index 8133b7f7e5..e768c1e6f2 100644
--- a/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/TracingCode.html
+++ b/packages/cli/test/functional/test_site_templates/test_project/expected/developerGuide/TracingCode.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-light.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="TracingCode.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="TracingCode.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_project/expected/index.html b/packages/cli/test/functional/test_site_templates/test_project/expected/index.html
index 3f7d936070..3ac063f9a5 100644
--- a/packages/cli/test/functional/test_site_templates/test_project/expected/index.html
+++ b/packages/cli/test/functional/test_site_templates/test_project/expected/index.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-light.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="index.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="index.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_project/expected/team/AboutUs.html b/packages/cli/test/functional/test_site_templates/test_project/expected/team/AboutUs.html
index 675b87c548..895588a539 100644
--- a/packages/cli/test/functional/test_site_templates/test_project/expected/team/AboutUs.html
+++ b/packages/cli/test/functional/test_site_templates/test_project/expected/team/AboutUs.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-light.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="AboutUs.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="AboutUs.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_project/expected/team/johndoe.html b/packages/cli/test/functional/test_site_templates/test_project/expected/team/johndoe.html
index 45dbfe0590..4627afe055 100644
--- a/packages/cli/test/functional/test_site_templates/test_project/expected/team/johndoe.html
+++ b/packages/cli/test/functional/test_site_templates/test_project/expected/team/johndoe.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-light.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="johndoe.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="johndoe.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_project/expected/userGuide/FAQ.html b/packages/cli/test/functional/test_site_templates/test_project/expected/userGuide/FAQ.html
index a499ff50a7..985173da4f 100644
--- a/packages/cli/test/functional/test_site_templates/test_project/expected/userGuide/FAQ.html
+++ b/packages/cli/test/functional/test_site_templates/test_project/expected/userGuide/FAQ.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-light.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="FAQ.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="FAQ.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_project/expected/userGuide/Features.html b/packages/cli/test/functional/test_site_templates/test_project/expected/userGuide/Features.html
index 726840475d..2bba63a1d4 100644
--- a/packages/cli/test/functional/test_site_templates/test_project/expected/userGuide/Features.html
+++ b/packages/cli/test/functional/test_site_templates/test_project/expected/userGuide/Features.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-light.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="Features.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="Features.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_project/expected/userGuide/QuickStart.html b/packages/cli/test/functional/test_site_templates/test_project/expected/userGuide/QuickStart.html
index 38bc11a48f..ecc67aeb74 100644
--- a/packages/cli/test/functional/test_site_templates/test_project/expected/userGuide/QuickStart.html
+++ b/packages/cli/test/functional/test_site_templates/test_project/expected/userGuide/QuickStart.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-light.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="QuickStart.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="QuickStart.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/cli/test/functional/test_site_templates/test_project/expected/userGuide/UserGuide.html b/packages/cli/test/functional/test_site_templates/test_project/expected/userGuide/UserGuide.html
index 34f9655afb..072c508df3 100644
--- a/packages/cli/test/functional/test_site_templates/test_project/expected/userGuide/UserGuide.html
+++ b/packages/cli/test/functional/test_site_templates/test_project/expected/userGuide/UserGuide.html
@@ -12,10 +12,10 @@
   <link rel="stylesheet" href="/markbind/glyphicons/css/bootstrap-glyphicons.min.css">
   <link rel="stylesheet" href="/markbind/css/codeblock-light.min.css">
   <link rel="stylesheet" href="/markbind/css/markbind.min.css">
-  <script src="/markbind/js/polyfill.min.js"></script>
-  <script src="/markbind/js/vue.min.js"></script>
-  <script src="/markbind/js/markbind.min.js"></script>
-  <script src="UserGuide.page-vue-render.js"></script>
+  <script src="/markbind/js/polyfill.min.js" defer></script>
+  <script src="/markbind/js/vue.min.js" defer></script>
+  <script src="/markbind/js/markbind.min.js" defer></script>
+  <script src="UserGuide.page-vue-render.js" defer></script>
   <link rel="stylesheet" href="/plugins/markbind-plugin-anchors/markbind-plugin-anchors.css">
   <link rel="stylesheet" href="/plugins/markbind-plugin-tree/markbind-plugin-tree.css">
 
diff --git a/packages/core/src/Page/page.njk b/packages/core/src/Page/page.njk
index a04af81956..acbde4d3a9 100644
--- a/packages/core/src/Page/page.njk
+++ b/packages/core/src/Page/page.njk
@@ -18,10 +18,10 @@
     {% if asset.materialIcons %} <link rel="stylesheet" href="{{ asset.materialIcons }}"> {%- endif -%}
     <link rel="stylesheet" href="{{ asset.highlight }}">
     {%- if not dev -%}<link rel="stylesheet" href="{{ asset.markBindCss }}">{%- endif -%}
-    <script src="{{ asset.polyfillJs }}"></script>
-    <script src="{{ asset.vue }}"></script>
-    <script src="{{ asset.markBindJs }}"></script>
-    <script src="{{ asset.pageVueRenderJs }}"></script>
+    <script src="{{ asset.polyfillJs }}" defer></script>
+    <script src="{{ asset.vue }}" defer></script>
+    <script src="{{ asset.markBindJs }}" defer></script>
+    <script src="{{ asset.pageVueRenderJs }}" defer></script>
     {%- if asset.pluginLinks -%}
     {%- for link in asset.pluginLinks -%}
         {{ link }}