docs: use pluses as section separator

Author: nobkd

packages/examples/simple-blog/contact/index.md

@@ -10,7 +10,7 @@ title: Contact me
 
   [contact-me]
 
-  ---
+  +++
   [image]
     src: /img/profile.jpg
     size: 460 x 460

packages/nuejs.org/blog/rethinking-reactivity/index.md

@@ -82,7 +82,7 @@ To understand this choice we must go back in time. The world used to be slightly
   - Accessibility
   - UI libraries
 
-  ---
+  +++
   ### JS development
   - Advanced TypeScript/JS
   - Business logic

packages/nuejs.org/blog/tailwind-vs-semantic-css/index.md

@@ -13,7 +13,7 @@ This study compares two websites with similar design: The commercial Spotlight t
     href: //spotlight.tailwindui.com/
     small: img/tw-home.png
     large: img/tw-home-big.png
-  ---
+  +++
   [image]
     href: /@spotlight/
     large: img/nue-home-big.png
@@ -117,7 +117,7 @@ Here's a better example. Let's look at the "Uses" or "Setup" page on both implem
     small: img/tw-uses.png
     large: img/tw-uses-big.png
     caption: Tailwind UI version →
-  ---
+  +++
   [image]
     href: /@spotlight/setup/
     large: img/nue-uses-big.png

packages/nuejs.org/docs/_content-syntax.md

@@ -154,7 +154,7 @@ This expanded capability allows you to reference full concepts or phrases, impro
 
 
 ### Sections
-You can split your content into sections with a triple dash `---` making your content render like this:
+You can split your content into sections with a triple plus `+++` making your content render like this:
 
 ```
 <article>
@@ -274,7 +274,7 @@ And when styled with CSS, it takes on a visually structured layout:
 [render]
 
 #### Separator
-Nue automatically uses the first `h2` or `h3` tag within a block as the **separator** for the content blocks. If needed, you can use a **triple-dash** (`---`) as an explicit separator to customize content divisions.
+Nue automatically uses the first `h2` or `h3` tag within a block as the **separator** for the content blocks. If needed, you can use a **triple-plus** (`+++`) as an explicit separator to customize content divisions.
 
 For example:
 
@@ -283,7 +283,7 @@ For example:
   ### Design
   Design blends form and function.
 
-  ---
+  +++
 
   ### Engineering
   Code enhances the user experience while staying performant.

packages/nuejs.org/docs/content-tags.md

@@ -459,14 +459,14 @@ You can apply a specific class for styling. Here’s an example using `.card` to
 
 ### Defining separators
 
-Nue uses the first heading element (`h2` or `h3`) to create new accordion entries automatically. Alternatively, use the triple-dash (`---`) separator to define new entries explicitly:
+Nue uses the first heading element (`h2` or `h3`) to create new accordion entries automatically. Alternatively, use the triple-plus (`+++`) separator to define new entries explicitly:
 
 ```md
 [accordion]
   ## First element
   The contents of the first element.
 
-  ---
+  +++
 
   ## Second element
   The contents of the second element.

packages/nuejs.org/docs/content.md

@@ -100,16 +100,16 @@ This generates sections with corresponding class names:
 
 ### Manual sections
 
-For more granular control, you can use triple dashes (`---`) to explicitly create section breaks:
+For more granular control, you can use triple pluses (`+++`) to explicitly create section breaks:
 
 ```md
 First section content...
 
----
++++
 
 Second section content...
 
----
++++
 
 Third section content...
 ```
@@ -175,19 +175,19 @@ This generates:
 </div>
 ```
 
-You can also create more flexible grid layouts using triple dash as separator:
+You can also create more flexible grid layouts using triple plus as separator:
 
 ```md
 [.grid]
   [image feature-1.jpg]
   First feature description
 
-  ---
+  +++
 
   [image feature-2.jpg]
   Second feature description
 
-  ---
+  +++
 
   [image feature-3.jpg]
   Third feature description

packages/nuejs.org/docs/styling.md

@@ -181,7 +181,7 @@ Once your content is split into sections, you can style each section individuall
 
 Nue can automatically split your content into sections based on `<h2>` headings. Each `<h2>` tag starts a new section, and the section is automatically assigned a class matching the heading (e.g., `.hero`, `.features`). This allows you to structure your content naturally without manually managing section breaks.
 
-Alternatively, you can manually define section breaks using three dashes `---` in your Markdown or YAML configuration for greater control.
+Alternatively, you can manually define section breaks using three pluses `+++` in your Markdown or YAML configuration for greater control.
 
 #### Reusing section styles for consistency
 

packages/nuejs.org/index.md

@@ -1,5 +1,5 @@
 ---
-sections: [hero, clean-slate, rebirth ]
+sections: [hero, stats-section, clean-slate, rebirth ]
 include: [form, video]
 inline_css: true
 appdir: home
@@ -13,18 +13,18 @@ Nue is **HTML**, **CSS**, and **JavaScript** taken to their absolute peak
   Read the announcement ›
 [button.ghost "Get started →" href="/docs/installation.html"]
 
----
++++
 [.stats]
   Around
   ## 30× smaller
   Binary than Next.js [[1]](/docs/compare.html#install)
 
-  ---
+  +++
   Around
   ## 100× faster
   Tooling than Next.js [[2]](/docs/compare.html#build)
 
-  ---
+  +++
   Around
   ## 30× lighter
   Results than in Next.js [[3]](/docs/compare.html#output)
@@ -36,7 +36,7 @@ Nue is **HTML**, **CSS**, and **JavaScript** taken to their absolute peak
   — **Mauricio Wolff**, design engineering lead at **Loom**
 
 
-----
++++
 ## A clean slate
 Nue is built from scratch to get web development back on its track
 
@@ -56,7 +56,7 @@ Nue is built from scratch to get web development back on its track
   **Elliot Jay Stocks**, Pioneer in semantic HTML
 
 
-----
++++
 ## A rebirth of the frontend
 Nue makes a full cleanup for the overly complex ecosystem
 
@@ -70,4 +70,3 @@ Nue makes a full cleanup for the overly complex ecosystem
   alt: Nue roadmap
 
 [feedback]
-

packages/nuejs.org/tour/1-tooling/hmr.md

@@ -17,6 +17,6 @@
     Page changes          |         | ×
     CSS errors            |         | ×
 
-  ---
+  +++
 
   [image /tour/img/hmr-hero.png]

packages/nuejs.org/tour/1-tooling/speed-compare.md

@@ -9,7 +9,7 @@ class: compare-page
   [bunny-video]
     videoId: d9ebcf29-9314-4571-856c-0dfa7f49d6d1
     width: 587
-  ---
+  +++
   ## Nue blog *0.1 seconds to build*
   [bunny-video]
     videoId: 7bcfcde2-912c-4c30-a442-198bc25ba250