Fix process docs

Author: thewebartisan7

docs-src/index.js

@@ -13,63 +13,61 @@ const src = './docs-src/pages/';
 const dist = './docs/';
 const md = './docs-src/md';
 
-const plugins = [
-  components({
-    root: './docs-src',
-    folders: ['components', 'layouts'],
-    strict: true,
-    expressions: {
-      locals: {
-        title: 'PostHTML Components'
-      }
-    }
-  }),
+const options = {};
 
-  markdownIt({
-    root: md,
-    plugins: [
-      {
-        plugin: anchor,
-        options: {
-          level: [1, 2, 3],
-          permalink: anchor.permalink.linkInsideHeader({
-            symbol: '#',
-            placement: 'before'
-          })
-        }
-      },
-      {
-        plugin: markdownItToc,
-        options: {
-          level: [1, 2, 3],
-          containerClass: 'h-100 flex-column align-items-stretch ps-4 p-3 bg-white rounded-3 doc-shadow',
-          containerId: 'header-toc',
-          listClass: 'nav flex-column',
-          itemClass: 'nav-item',
-          linkClass: 'nav-link',
-          listType: 'ul'
+readdirSync(src).forEach(file => {
+  const html = readFileSync(path.resolve(`${src}${file}`), 'utf-8');
+
+  posthtml([
+    components({
+      root: './docs-src',
+      folders: ['components', 'layouts'],
+      strict: true,
+      expressions: {
+        locals: {
+          title: 'PostHTML Components'
         }
       }
-    ]
-  }),
-
-  beautify({
-    rules: {
-      indent: 2,
-      blankLines: false,
-      sortAttr: false
-    }
-  }),
+    }),
 
-  processCodeTags()
-];
-
-const options = {};
+    markdownIt({
+      root: md,
+      plugins: [
+        {
+          plugin: anchor,
+          options: {
+            level: [1, 2, 3],
+            permalink: anchor.permalink.linkInsideHeader({
+              symbol: '#',
+              placement: 'before'
+            })
+          }
+        },
+        {
+          plugin: markdownItToc,
+          options: {
+            level: [1, 2, 3],
+            containerClass: 'h-100 flex-column align-items-stretch ps-4 p-3 bg-white rounded-3 doc-shadow',
+            containerId: 'header-toc',
+            listClass: 'nav flex-column',
+            itemClass: 'nav-item',
+            linkClass: 'nav-link',
+            listType: 'ul'
+          }
+        }
+      ]
+    }),
 
-readdirSync(src).forEach(file => {
-  const html = readFileSync(path.resolve(`${src}${file}`), 'utf-8');
+    beautify({
+      rules: {
+        indent: 2,
+        blankLines: false,
+        sortAttr: false
+      }
+    }),
 
-  posthtml(plugins)
+    processCodeTags()
+  ])
     .process(html, options)
     .then(result => {
       writeFileSync(path.resolve(`${dist}${file}`), result.html, 'utf-8');

docs/test.html

@@ -49,7 +49,7 @@
             <h1 class="display-1 fw-bold mb-4">Playground</h1>
             <div class="wrapper">
               <div class="demo my-demo" computed:acomputed="true" something="alocal">
-                {"title":"PostHTML Components","close":true,"$slots":{},"aStringOverride":"My override string changed","anObjectOverride":{"third":"Third override item","fourth":"Fourth override item"},"computed:aComputed":true,"class":"my-demo","anObjectMerged":{"third":"Third merged item","fourth":"Fourth merged item","anObjectMerged1":{"third":"Third merged item (UPDATED?)","fourth1":"Fourth merged item"}},"post":{"title":"My post title","body":"My post body","comments":[{"id":1,"body":"My comment 1 new"},{"id":3,"body":"My comment 3"}]},"anArrayOfObjects":[{"id":1,"title":"My new title 1"},{"id":2,"title":"My new title 2","somethingnew":"New"}],"anArray":["first","third","fourth","ten"],"something":"alocal"}
+                {"title":"PostHTML Components","aStringOverride":"My override string changed","anObjectOverride":{"third":"Third override item","fourth":"Fourth override item"},"computed:aComputed":true,"class":"my-demo","anObjectMerged":{"third":"Third merged item","fourth":"Fourth merged item","anObjectMerged1":{"third":"Third merged item (UPDATED?)","fourth1":"Fourth merged item"}},"post":{"title":"My post title","body":"My post body","comments":[{"id":1,"body":"My comment 1 new"},{"id":3,"body":"My comment 3"}]},"anArrayOfObjects":[{"id":1,"title":"My new title 1"},{"id":2,"title":"My new title 2","somethingnew":"New"}],"anArray":["first","third","fourth","ten"],"something":"alocal"}
                 <div>
                   <a href="/my-page.html">
                     hi,