diff --git a/src/main/resources/generator/client/tikui/style/atom/atom.pug.mustache b/src/main/resources/generator/client/tikui/style/atom/atom.pug.mustache
index 0cc1ce8906..4c44dbaa9b 100644
--- a/src/main/resources/generator/client/tikui/style/atom/atom.pug.mustache
+++ b/src/main/resources/generator/client/tikui/style/atom/atom.pug.mustache
@@ -1,7 +1,7 @@
extends /layout-documentation
block append vars
- -active='atom'
+ - active = 'atom';
block title
title Tikui - Atoms
@@ -9,7 +9,7 @@ block title
block content
.tikui-vertical-spacing.-s32
.tikui-vertical-spacing--line
- h1.tikui-title-main#atoms Atoms
+ h1#atoms.tikui-title-main Atoms
.tikui-vertical-spacing--line
include /documentation/atomic-design/quote/atom
.tikui-vertical-spacing--line
diff --git a/src/main/resources/generator/client/tikui/style/atom/button/button.mixin.pug.mustache b/src/main/resources/generator/client/tikui/style/atom/button/button.mixin.pug.mustache
index 0f6724f67e..1df662a999 100644
--- a/src/main/resources/generator/client/tikui/style/atom/button/button.mixin.pug.mustache
+++ b/src/main/resources/generator/client/tikui/style/atom/button/button.mixin.pug.mustache
@@ -1,5 +1,5 @@
mixin button(options)
- -const { disabled, type, placeholder } = options || {};
- -const placeholderClass = placeholder ? '-placeholder' : null;
- button.button(disabled=disabled type=type class=placeholderClass)
+ - const { disabled, type, placeholder } = options || {};
+ - const placeholderClass = placeholder ? '-placeholder' : null;
+ button.button(disabled=disabled, type=type, class=placeholderClass)
block
diff --git a/src/main/resources/generator/client/tikui/style/atom/input-text/input-text.mixin.pug.mustache b/src/main/resources/generator/client/tikui/style/atom/input-text/input-text.mixin.pug.mustache
index f40ec2b968..743c5abf2f 100644
--- a/src/main/resources/generator/client/tikui/style/atom/input-text/input-text.mixin.pug.mustache
+++ b/src/main/resources/generator/client/tikui/style/atom/input-text/input-text.mixin.pug.mustache
@@ -1,4 +1,4 @@
mixin input-text(options)
- -const {id, placeholder, value, placeholderLoading} = options || {};
- -const placeholderClass = placeholderLoading ? '-placeholder' : null;
- input.input-text(id=id type='text' placeholder=placeholder class=placeholderClass)
+ - const { id, placeholder, value, placeholderLoading } = options || {};
+ - const placeholderClass = placeholderLoading ? '-placeholder' : null;
+ input.input-text(id=id, type='text', placeholder=placeholder, class=placeholderClass)
diff --git a/src/main/resources/generator/client/tikui/style/atom/label/label.mixin.pug.mustache b/src/main/resources/generator/client/tikui/style/atom/label/label.mixin.pug.mustache
index 1616bd8f2e..94c7797523 100644
--- a/src/main/resources/generator/client/tikui/style/atom/label/label.mixin.pug.mustache
+++ b/src/main/resources/generator/client/tikui/style/atom/label/label.mixin.pug.mustache
@@ -1,5 +1,5 @@
mixin label(options)
- -const {forId, placeholder} = options || {};
- -const placeholderClass = placeholder ? '-placeholder' : null;
- label.label(for=forId class=placeholderClass)
+ - const { forId, placeholder } = options || {};
+ - const placeholderClass = placeholder ? '-placeholder' : null;
+ label.label(for=forId, class=placeholderClass)
block
diff --git a/src/main/resources/generator/client/tikui/style/index.pug.mustache b/src/main/resources/generator/client/tikui/style/index.pug.mustache
index 59bcccaade..f08df6d54c 100644
--- a/src/main/resources/generator/client/tikui/style/index.pug.mustache
+++ b/src/main/resources/generator/client/tikui/style/index.pug.mustache
@@ -19,10 +19,10 @@ block content
.tikui-vertical-spacing--line
pre
code.language-html.
- #{''}
- #{''}
- #{''}
- #{''}
+ #{ '' }
+ #{ '' }
+ #{ '' }
+ #{ '' }
.tikui-vertical-spacing--line
p.tikui-paragraph
em Pug
@@ -36,7 +36,7 @@ block content
.tikui-vertical-spacing--line
h2.tikui-title-section Documentation
.tikui-vertical-spacing--line
- p.tikui-paragraph The Style have an #[a.tikui-link(href='http://atomicdesign.bradfrost.com' target='_blank') Atomic Design] structure.
+ p.tikui-paragraph The Style have an #[a.tikui-link(href='http://atomicdesign.bradfrost.com', target='_blank') Atomic Design] structure.
.tikui-vertical-spacing--line
ul.tikui-list
li
diff --git a/src/main/resources/generator/client/tikui/style/layout-documentation.pug.mustache b/src/main/resources/generator/client/tikui/style/layout-documentation.pug.mustache
index 02614b1125..612a59bd0b 100644
--- a/src/main/resources/generator/client/tikui/style/layout-documentation.pug.mustache
+++ b/src/main/resources/generator/client/tikui/style/layout-documentation.pug.mustache
@@ -4,8 +4,8 @@ include /documentation/mixin
block header
block vars
- -let active='';
- -const isActive = current => current === active;
+ - let active = '';
+ - const isActive = current => current === active;
+tikui-navbar('[[TIKUI_BASEPATH]]index.html', 'Tikui')
+tikui-navbar-item('[[TIKUI_BASEPATH]]atom/atom.html', 'Atoms', isActive('atom'))
+tikui-navbar-item('[[TIKUI_BASEPATH]]molecule/molecule.html', 'Molecules', isActive('molecule'))
diff --git a/src/main/resources/generator/client/tikui/style/layout.pug.mustache b/src/main/resources/generator/client/tikui/style/layout.pug.mustache
index bb772bd2d5..932329f22e 100644
--- a/src/main/resources/generator/client/tikui/style/layout.pug.mustache
+++ b/src/main/resources/generator/client/tikui/style/layout.pug.mustache
@@ -2,11 +2,11 @@ doctype html
html
head
meta(charset='utf-8')
- meta(name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no')
+ meta(name='viewport', content='width=device-width, initial-scale=1, shrink-to-fit=no')
block title
title Tikui
- link(href='https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap' rel='stylesheet')
- link(href='[[TIKUI_BASEPATH]]tikui.css' rel='stylesheet')
+ link(href='https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap', rel='stylesheet')
+ link(href='[[TIKUI_BASEPATH]]tikui.css', rel='stylesheet')
body
block body
p Please include a body here.
diff --git a/src/main/resources/generator/client/tikui/style/molecule/field/field.mixin.pug.mustache b/src/main/resources/generator/client/tikui/style/molecule/field/field.mixin.pug.mustache
index 256e76588a..719c7a707f 100644
--- a/src/main/resources/generator/client/tikui/style/molecule/field/field.mixin.pug.mustache
+++ b/src/main/resources/generator/client/tikui/style/molecule/field/field.mixin.pug.mustache
@@ -1,9 +1,9 @@
include /atom/label/label.mixin.pug
mixin field(label, options)
- -const {forId} = options || {};
+ - const { forId } = options || {};
.field
.field--label
- +label({forId: forId})=label
+ +label({forId: forId})= label
.field--input
block
diff --git a/src/main/resources/generator/client/tikui/style/molecule/molecule.pug.mustache b/src/main/resources/generator/client/tikui/style/molecule/molecule.pug.mustache
index 2762b60922..054c0da549 100644
--- a/src/main/resources/generator/client/tikui/style/molecule/molecule.pug.mustache
+++ b/src/main/resources/generator/client/tikui/style/molecule/molecule.pug.mustache
@@ -1,7 +1,7 @@
extends /layout-documentation
block append vars
- -active='molecule'
+ - active = 'molecule';
block title
title Tikui - Molecules
@@ -9,7 +9,7 @@ block title
block content
.tikui-vertical-spacing.-s32
.tikui-vertical-spacing--line
- h1.tikui-title-main#molecules Molecules
+ h1#molecules.tikui-title-main Molecules
.tikui-vertical-spacing--line
include /documentation/atomic-design/quote/molecule
.tikui-vertical-spacing--line
diff --git a/src/main/resources/generator/client/tikui/style/organism/lines/lines.mixin.pug.mustache b/src/main/resources/generator/client/tikui/style/organism/lines/lines.mixin.pug.mustache
index 4cd72469b1..3f11852cb3 100644
--- a/src/main/resources/generator/client/tikui/style/organism/lines/lines.mixin.pug.mustache
+++ b/src/main/resources/generator/client/tikui/style/organism/lines/lines.mixin.pug.mustache
@@ -3,7 +3,7 @@ mixin lines(gap)
block
mixin lines-line(options)
- -const { align } = options || {};
- -const alignClass = align ? `-align-${align}` : null;
+ - const { align } = options || {};
+ - const alignClass = align ? `-align-${align}` : null;
.lines--line(class=alignClass)
block