Fixing bug (issue widgetbot-io#20): Corrected Navigation Links for Ne…

…xt and Previous Section Buttons
SerpentSociety · Dec 10, 2023 · cfba795 · cfba795
1 parent 6fe80c0
commit cfba795
Show file tree

Hide file tree

Showing 14 changed files with 2,065 additions and 7 deletions.
diff --git a/.vitepress/config.mts b/.vitepress/config.mts
@@ -65,12 +65,15 @@ export default defineConfig({
               link: '/embed/crate/',
               items: [
                 { text: 'Intro', link: '/embed/crate/' },
-                { text: 'Tutorial', link: 'embed/crate/tutorial' },
-                { text: 'Options', link: 'embed/crate/options' },
-                { text: 'API', link: 'embed/crate/api' },
-                { text: 'Examples', link: 'embed/crate/examples' }
+                { text: 'Tutorial', link: '/embed/crate/tutorial' },
+                { text: 'Options', link: '/embed/crate/options' },
+                { text: 'API', link: '/embed/crate/api' },
+                { text: 'Examples', link: '/embed/crate/examples' }
               ]
             },
+
+
+
             {
               text: 'html-embed',
               link: '/embed/html-embed/',

diff --git a/embed/crate/index.md b/embed/crate/index.md
@@ -1,12 +1,21 @@
+---
+next:
+  text: 'tutorial'
+  link: '/embed/crate/tutorial'
+---
+
 # Crate
 
+
 ![Demo](https://i.imgur.com/oq4W4Rk.gif)
 
----
+
 ::: tip Crate (recommended)
 [`@widgetbot/crate`](/embed/crate/tutorial) provides a little chat button in the corner of your website. It shows message notifications from your server and provides an extensive API.
 :::
 
+
+
 ```html
 <script src="https://cdn.jsdelivr.net/npm/@widgetbot/crate@3" async defer>
   new Crate({
@@ -15,3 +24,4 @@
   })
 </script>
 ```
+
diff --git a/embed/crate/tutorial.md b/embed/crate/tutorial.md
@@ -43,3 +43,4 @@ You can use Crate's API to do things such as changing options, showing notificat
 
 ### Examples
 You can see tons of Crate examples [here](/embed/crate/examples).
+
diff --git a/embed/embed-api/commands.md b/embed/embed-api/commands.md
@@ -1,3 +1,12 @@
+---
+prev:
+  text: 'Intro'
+  link: '/embed/embed-api/'
+next:
+  text: 'Events'
+  link:  '/embed/embed-api/events'
+---
+
 # Commands
 
 `embed-api` commands (client events) are used to control the state of the embed.

diff --git a/embed/embed-api/events.md b/embed/embed-api/events.md
@@ -1,3 +1,12 @@
+---
+prev:
+  text: 'Commands'
+  link: '/embed/embed-api/commands'
+next:
+  text: 'Moderation'
+  link:  '/bot/moderation'
+---
+
 # Events
 
 `embed-api` events (server events) are used to listen to actions that occur in the embed.

diff --git a/embed/embed-api/index.md b/embed/embed-api/index.md
@@ -1,3 +1,12 @@
+---
+prev:
+  text: 'API'
+  link: '/embed/react-embed/api'
+next:
+  text: 'Commands'
+  link:  '/embed/embed-api/commands'
+---
+
 # embed-api
 
 `embed-api` lets you interface with WidgetBot from your website's JavaScript. It provides [commands](commands) to control the embed and [events](events) to listen to actions. You can use `embed-api` with all of our client libraries: Crate, html-embed, and react-embed.
diff --git a/embed/html-embed/api.md b/embed/html-embed/api.md
@@ -1,3 +1,12 @@
+---
+prev:
+  text: 'Attributes'
+  link: '/embed/html-embed/attributes'
+next:
+  text: 'Intro'
+  link:  '/embed/react-embed/'
+---
+
 # html-embed API
 
 Once you've created a new WidgetBot element, the `html-embed` script adds the API methods onto the Elements prototype.

diff --git a/embed/html-embed/attributes.md b/embed/html-embed/attributes.md
@@ -1,3 +1,12 @@
+---
+prev:
+  text: 'Tutorial'
+  link: '/embed/html-embed/tutorial'
+next:
+  text: 'API'
+  link:  '/embed/html-embed/api'
+---
+
 # html-embed Attributes
 
 You can pass custom attributes to the `<widgetbot>` element, to change the options when initializing it, for example:

diff --git a/embed/html-embed/index.md b/embed/html-embed/index.md
@@ -1,3 +1,9 @@
+---
+next:
+  text: 'Tutorial'
+  link:  '/embed/html-embed/tutorial'
+---
+
 # html-embed
 
 ![Demo](https://i.imgur.com/Dgd7dKI.png)

diff --git a/embed/react-embed/api.md b/embed/react-embed/api.md
@@ -1,3 +1,12 @@
+---
+prev:
+  text: 'Props'
+  link: '/embed/react-embed/props'
+next:
+  text: 'Intro'
+  link:  '/embed/embed-api/'
+---
+
 # react-embed API
 
 You can access [embed-api](/embed/embed-api/) by passing a function to the `onAPI` prop.

diff --git a/embed/react-embed/index.md b/embed/react-embed/index.md
@@ -1,3 +1,9 @@
+---
+next:
+  text: 'Props'
+  link:  '/embed/react-embed/props'
+---
+
 # react-embed
 
 ![Demo](https://i.imgur.com/b2SirC2.png)

diff --git a/embed/react-embed/props.md b/embed/react-embed/props.md
@@ -1,3 +1,12 @@
+---
+prev:
+  text: 'Intro'
+  link: '/embed/react-embed/'
+next:
+  text: 'API'
+  link:  '/embed/react-embed/api'
+---
+
 The WidgetBot component accepts the following props
 
 ## Props