diff --git a/docs/src/docPages/installation.md b/docs/src/docPages/installation.md
index 79144ba8..575e58fa 100644
--- a/docs/src/docPages/installation.md
+++ b/docs/src/docPages/installation.md
@@ -1,4 +1,4 @@
-# Getting started
+# Installation
 
 ## toc
 
@@ -32,7 +32,7 @@ npm install @tiptap/core @tiptap/starter-kit
 yarn add @tiptap/core @tiptap/starter-kit
 ```
 
-### 2. Add a container
+### 2. Add some markup
 Add the following HTML where you want the editor to be mounted:
 
 ```html
@@ -53,4 +53,4 @@ new Editor({
 })
 ```
 
-When you open the project in your browser, you should now see tiptap in action. Time to give yourself a pat on the back.
+Open your project in the browser and you should see tiptap. Good work! Time to give yourself a pat on the back.
diff --git a/docs/src/docPages/installation/alpine.md b/docs/src/docPages/installation/alpine.md
index 74de0b44..6dca23ac 100644
--- a/docs/src/docPages/installation/alpine.md
+++ b/docs/src/docPages/installation/alpine.md
@@ -7,10 +7,10 @@ The following guide describes how to integrate tiptap with your [Alpine.js](http
 
 TODO
 
+## CodeSandbox
 https://codesandbox.io/s/alpine-tiptap-2ro5e?file=/index.html:0-1419
 
-index.html
-
+## index.html
 ```html
 <!DOCTYPE html>
 <html>
@@ -31,7 +31,7 @@ index.html
     <div
       x-data="setupEditor('<p>My content goes here</p>')"
       x-init="() => init($refs.editor)"
-      x-on:click.away="inFocus = false;"
+      x-on:click.away="inFocus = false"
     >
       <template x-if="editor">
         <nav class="space-x-1">
@@ -66,11 +66,10 @@ index.html
 </html>
 ```
 
-index.js
-
+## index.js
 ```js
-import { Editor as TipTap } from "@tiptap/core";
-import { defaultExtensions } from "@tiptap/starter-kit";
+import { Editor as TipTap } from "@tiptap/core"
+import { defaultExtensions } from "@tiptap/starter-kit"
 
 window.setupEditor = function (content) {
   return {
@@ -91,22 +90,22 @@ window.setupEditor = function (content) {
             class: "prose-sm py-4 focus:outline-none"
           }
         }
-      });
+      })
 
       editor.on("update", () => {
-        this.content = this.editor.getHTML();
-      });
+        this.content = this.editor.getHTML()
+      })
 
       editor.on("focus", () => {
-        this.inFocus = true;
-      });
+        this.inFocus = true
+      })
 
       editor.on("selection", () => {
-        this.updatedAt = Date.now();
-      });
+        this.updatedAt = Date.now()
+      })
 
-      this.editor = editor;
+      this.editor = editor
     }
-  };
-};
+  }
+}
 ```
diff --git a/docs/src/docPages/installation/codesandbox.md b/docs/src/docPages/installation/codesandbox.md
index fdba82ec..633d24d6 100644
--- a/docs/src/docPages/installation/codesandbox.md
+++ b/docs/src/docPages/installation/codesandbox.md
@@ -1,5 +1,5 @@
 # CodeSandbox
-CodeSandbox is an online coding environment. It’s great to fiddle around without setting up a local project and to share your code with others.
+CodeSandbox is an online coding environment. It’s great to fiddle around without setting up a local project. You can also use it to share your code and collaborate with others.
 
 <iframe
   src="https://codesandbox.io/embed/tiptap-issue-template-b83rr?fontsize=14&hidenavigation=1&module=%2Fsrc%2Fcomponents%2FTiptap.vue&theme=dark"
@@ -8,4 +8,7 @@ CodeSandbox is an online coding environment. It’s great to fiddle around witho
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
 ></iframe>
 
-It’s also amazing for bug reports. Try to recreate a bug there and share it with us before you [file an issue on GitHub](https://github.com/ueberdosis/tiptap-next/issues/new/choose). That helps us to reproduce the bug easily, and release a fix faster.
+## Issue template
+It’s also amazing for bug reports. Try to recreate a bug there and share it with us before you [file an issue on GitHub](https://github.com/ueberdosis/tiptap-next/issues/new/choose).
+
+That helps us to reproduce the bug easily, and release a fix faster.
diff --git a/docs/src/docPages/installation/livewire.md b/docs/src/docPages/installation/livewire.md
index bba3daef..d8a61b21 100644
--- a/docs/src/docPages/installation/livewire.md
+++ b/docs/src/docPages/installation/livewire.md
@@ -7,8 +7,7 @@ The following guide describes how to integrate tiptap with your [Livewire](https
 
 TODO
 
-editor.blade.php
-
+## editor.blade.php
 ```html
 <!--
   In your livewire component you could add an
@@ -21,8 +20,7 @@ editor.blade.php
 ></x-editor>
 ```
 
-my-livewire-component.blade.php
-
+## my-livewire-component.blade.php
 ```html
 <div
   x-data="setupEditor(
@@ -36,3 +34,47 @@ my-livewire-component.blade.php
   <div x-ref="editor"></div>
 </div>
 ```
+
+## index.js
+```js
+import { Editor as TipTap } from "@tiptap/core"
+import { defaultExtensions } from "@tiptap/starter-kit"
+
+window.setupEditor = function (content) {
+  return {
+    content: content,
+    inFocus: false,
+    // updatedAt is to force Alpine to
+    // rerender on selection change
+    updatedAt: Date.now(),
+    editor: null,
+
+    init(el) {
+      let editor = new TipTap({
+        element: el,
+        extensions: defaultExtensions(),
+        content: this.content,
+        editorProps: {
+          attributes: {
+            class: "prose-sm py-4 focus:outline-none"
+          }
+        }
+      })
+
+      editor.on("update", () => {
+        this.content = this.editor.getHTML()
+      })
+
+      editor.on("focus", () => {
+        this.inFocus = true
+      })
+
+      editor.on("selection", () => {
+        this.updatedAt = Date.now()
+      })
+
+      this.editor = editor
+    }
+  }
+}
+```
