diff --git a/Api/Posts.go b/Api/Posts.go
index f5aed9c..77f37a4 100644
--- a/Api/Posts.go
+++ b/Api/Posts.go
@@ -21,6 +21,7 @@ func getPosts(w http.ResponseWriter, r *http.Request) {
 		returnJson     []byte
 		values         url.Values
 		page, pageSize int
+		search         string
 		err            error
 	)
 
@@ -33,20 +34,27 @@ func getPosts(w http.ResponseWriter, r *http.Request) {
 		return
 	}
 
-	page, err = strconv.Atoi(values.Get("pageSize"))
+	pageSize, err = strconv.Atoi(values.Get("pageSize"))
 	if err != nil {
 		log.Println("Could not parse pageSize url argument")
 		Util.JsonReturn(w, 500, "An error occured")
 		return
 	}
 
-	posts, err = Database.GetPosts(page, pageSize)
+	search = values.Get("search")
+
+	posts, err = Database.GetPosts(page, pageSize, search)
 	if err != nil {
 		log.Printf("An error occured: %s\n", err.Error())
 		Util.JsonReturn(w, 500, "An error occured")
 		return
 	}
 
+	if len(posts) == 0 {
+		Util.JsonReturn(w, 404, "No more data")
+		return
+	}
+
 	returnJson, err = json.MarshalIndent(posts, "", "  ")
 	if err != nil {
 		Util.JsonReturn(w, 500, "An error occured")
diff --git a/Api/Users.go b/Api/Users.go
index 324ba3b..e84a9e4 100644
--- a/Api/Users.go
+++ b/Api/Users.go
@@ -171,19 +171,26 @@ func createUser(w http.ResponseWriter, r *http.Request) {
 
 func updateUser(w http.ResponseWriter, r *http.Request) {
 	var (
-		currentUserData Models.User
-		userData        Models.User
-		requestBody     []byte
-		returnJson      []byte
-		err             error
+		userData    Models.User
+		requestBody []byte
+		returnJson  []byte
+		id          string
+		err         error
 	)
 
-	currentUserData, err = Auth.CheckCookieCurrentUser(w, r)
+	_, err = Auth.CheckCookie(r)
 	if err != nil {
 		w.WriteHeader(http.StatusUnauthorized)
 		return
 	}
 
+	id, err = Util.GetUserId(r)
+	if err != nil {
+		log.Printf("Error encountered reading POST body: %s\n", err.Error())
+		Util.JsonReturn(w, 500, "An error occured")
+		return
+	}
+
 	requestBody, err = ioutil.ReadAll(r.Body)
 	if err != nil {
 		log.Printf("Error encountered reading POST body: %s\n", err.Error())
@@ -198,7 +205,7 @@ func updateUser(w http.ResponseWriter, r *http.Request) {
 		return
 	}
 
-	err = Database.UpdateUser(currentUserData.ID.String(), &userData)
+	err = Database.UpdateUser(id, &userData)
 	if err != nil {
 		log.Printf("An error occured: %s\n", err.Error())
 		Util.JsonReturn(w, 500, "An error occured")
diff --git a/Database/Posts.go b/Database/Posts.go
index 3b84c58..2e5a360 100644
--- a/Database/Posts.go
+++ b/Database/Posts.go
@@ -1,22 +1,22 @@
 package Database
 
 import (
+	"fmt"
+
 	"git.tovijaeschke.xyz/tovi/SuddenImpactRecords/Models"
 
 	"gorm.io/gorm"
 	"gorm.io/gorm/clause"
 )
 
-func GetPosts(page, pageSize int) ([]Models.Post, error) {
+func GetPosts(page, pageSize int, search string) ([]Models.Post, error) {
 	var (
-		posts []Models.Post
-		err   error
+		posts  []Models.Post
+		query  *gorm.DB
+		offset int
+		err    error
 	)
 
-	if page == 0 {
-		page = 1
-	}
-
 	switch {
 	case pageSize > 100:
 		pageSize = 100
@@ -24,8 +24,23 @@ func GetPosts(page, pageSize int) ([]Models.Post, error) {
 		pageSize = 10
 	}
 
-	err = DB.Offset(page).
+	offset = page * pageSize
+
+	search = fmt.Sprintf("%%%s%%", search)
+
+	query = DB.Model(Models.Post{}).
+		Preload(clause.Associations).
+		Offset(offset).
 		Limit(pageSize).
+		Order("created_at desc")
+
+	if search != "%%" {
+		query = query.
+			Where("title LIKE ?", search).
+			Or("content LIKE ?", search)
+	}
+
+	err = query.
 		Find(&posts).
 		Error
 
diff --git a/Database/Seeder/PostSeeder.go b/Database/Seeder/PostSeeder.go
new file mode 100644
index 0000000..896f002
--- /dev/null
+++ b/Database/Seeder/PostSeeder.go
@@ -0,0 +1,55 @@
+package Seeder
+
+import (
+	"git.tovijaeschke.xyz/tovi/SuddenImpactRecords/Database"
+	"git.tovijaeschke.xyz/tovi/SuddenImpactRecords/Models"
+)
+
+func createPost(userData Models.User) (Models.Post, error) {
+	var (
+		postData Models.Post
+		err      error
+	)
+
+	postData = Models.Post{
+		UserID:    userData.ID,
+		Title:     "Test post",
+		Content:   "Test content",
+		FrontPage: true,
+		Order:     1,
+		PostLinks: []Models.PostLink{
+			{
+				Type: "Facebook",
+				Link: "http://facebook.com/",
+			},
+		},
+	}
+
+	err = Database.CreatePost(&postData)
+	return postData, err
+
+}
+
+func SeedPosts() {
+	var (
+		userData Models.User
+		i        int
+		err      error
+	)
+
+	err = Database.DB.
+		Model(Models.User{}).
+		First(&userData).
+		Error
+
+	if err != nil {
+		panic(err)
+	}
+
+	for i = 0; i <= 20; i++ {
+		_, err = createPost(userData)
+		if err != nil {
+			panic(err)
+		}
+	}
+}
diff --git a/Database/Seeder/Seed.go b/Database/Seeder/Seed.go
index 0d56ef7..48873ed 100644
--- a/Database/Seeder/Seed.go
+++ b/Database/Seeder/Seed.go
@@ -5,4 +5,6 @@ import "log"
 func Seed() {
 	log.Println("Seeding users...")
 	SeedUsers()
+	log.Println("Seeding posts...")
+	SeedPosts()
 }
diff --git a/Database/Seeder/UserSeeder.go b/Database/Seeder/UserSeeder.go
index 00882f5..cdbbdcc 100644
--- a/Database/Seeder/UserSeeder.go
+++ b/Database/Seeder/UserSeeder.go
@@ -63,7 +63,7 @@ func createUser() (Models.User, error) {
 	firstName = randName(false)
 	lastName = randName(true)
 
-	email = fmt.Sprintf("%s%s+%s@email.com", firstName, lastName, Util.RandomString(4))
+	email = fmt.Sprintf("%s%s+%s@email.com", firstName, lastName, Util.RandomString(10))
 
 	password, err = Auth.HashPassword("password")
 	if err != nil {
diff --git a/Database/Users.go b/Database/Users.go
index 19a04c5..752093f 100644
--- a/Database/Users.go
+++ b/Database/Users.go
@@ -127,6 +127,15 @@ func UpdateUser(id string, userData *Models.User) error {
 		Updates(userData).
 		Error
 
+	if err != nil {
+		return err
+	}
+
+	err = DB.Model(Models.User{}).
+		Where("id = ?", id).
+		First(userData).
+		Error
+
 	userData.Password = ""
 
 	return err
diff --git a/Frontend/Routes.go b/Frontend/Routes.go
index de86e6a..3ce773a 100644
--- a/Frontend/Routes.go
+++ b/Frontend/Routes.go
@@ -17,7 +17,7 @@ var (
 		"/admin/signup",
 		"/admin/users",
 		"/admin/users/new",
-		"/admin/users/{id}",
+		"/admin/posts",
 	}
 )
 
diff --git a/Frontend/vue/package-lock.json b/Frontend/vue/package-lock.json
index 5ea110d..55af1f8 100644
--- a/Frontend/vue/package-lock.json
+++ b/Frontend/vue/package-lock.json
@@ -8,7 +8,14 @@
       "name": "vue",
       "version": "0.1.0",
       "dependencies": {
+        "@fortawesome/fontawesome-svg-core": "^6.1.1",
+        "@fortawesome/free-brands-svg-icons": "^6.1.1",
+        "@fortawesome/free-regular-svg-icons": "^6.1.1",
+        "@fortawesome/free-solid-svg-icons": "^6.1.1",
+        "@fortawesome/vue-fontawesome": "^3.0.0-5",
         "@meforma/vue-toaster": "^1.3.0",
+        "@tiptap/starter-kit": "^2.0.0-beta.183",
+        "@tiptap/vue-3": "^2.0.0-beta.90",
         "@vee-validate/rules": "^4.5.10",
         "@vuepic/vue-datepicker": "^3.0.0",
         "axios": "^0.26.1",
@@ -1743,6 +1750,72 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@fortawesome/fontawesome-common-types": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.1.1.tgz",
+      "integrity": "sha512-wVn5WJPirFTnzN6tR95abCx+ocH+3IFLXAgyavnf9hUmN0CfWoDjPT/BAWsUVwSlYYVBeCLJxaqi7ZGe4uSjBA==",
+      "hasInstallScript": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/fontawesome-svg-core": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.1.1.tgz",
+      "integrity": "sha512-NCg0w2YIp81f4V6cMGD9iomfsIj7GWrqmsa0ZsPh59G7PKiGN1KymZNxmF00ssuAlo/VZmpK6xazsGOwzKYUMg==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.1.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/free-brands-svg-icons": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.1.1.tgz",
+      "integrity": "sha512-mFbI/czjBZ+paUtw5NPr2IXjun5KAC8eFqh1hnxowjA4mMZxWz4GCIksq6j9ZSa6Uxj9JhjjDVEd77p2LN2Blg==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.1.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/free-regular-svg-icons": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.1.1.tgz",
+      "integrity": "sha512-xXiW7hcpgwmWtndKPOzG+43fPH7ZjxOaoeyooptSztGmJxCAflHZxXNK0GcT0uEsR4jTGQAfGklDZE5NHoBhKg==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.1.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/free-solid-svg-icons": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.1.1.tgz",
+      "integrity": "sha512-0/5exxavOhI/D4Ovm2r3vxNojGZioPwmFrKg0ZUH69Q68uFhFPs6+dhAToh6VEQBntxPRYPuT5Cg1tpNa9JUPg==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.1.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/vue-fontawesome": {
+      "version": "3.0.0-5",
+      "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.0.0-5.tgz",
+      "integrity": "sha512-aNmBT4bOecrFsZTog1l6AJDQHPP3ocXV+WQ3Ogy8WZCqstB/ahfhH4CPu5i4N9Hw0MBKXqE+LX+NbUxcj8cVTw==",
+      "peerDependencies": {
+        "@fortawesome/fontawesome-svg-core": "~1 || >=1.3.0-beta1",
+        "vue": ">= 3.0.0 < 4"
+      }
+    },
     "node_modules/@hapi/hoek": {
       "version": "9.2.1",
       "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.2.1.tgz",
@@ -1857,7 +1930,6 @@
       "version": "2.11.4",
       "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.4.tgz",
       "integrity": "sha512-q/ytXxO5NKvyT37pmisQAItCFqA7FD/vNb8dgaJy3/630Fsc+Mz9/9f2SziBoIZ30TJooXyTwZmhi1zjXmObYg==",
-      "peer": true,
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/popperjs"
@@ -1975,6 +2047,348 @@
       "integrity": "sha512-T7VNNlYVM1SgQ+VsMYhnDkcGmWhQdL0bDyGm5TlQ3GBXnJscEClUUOKduWTmm2zCnvNLC1hc3JpuXjs/nFOc5w==",
       "dev": true
     },
+    "node_modules/@tiptap/core": {
+      "version": "2.0.0-beta.174",
+      "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-2.0.0-beta.174.tgz",
+      "integrity": "sha512-APQDto40PdvagG1HTwkKlieQS4Vp6GXNe7qgV1Qo2QCgJCLyxc/fXCTghtrOx0CQb+9JT7fjSLZxbSyUFXjx7Q==",
+      "dependencies": {
+        "@types/prosemirror-commands": "^1.0.4",
+        "@types/prosemirror-keymap": "^1.0.4",
+        "@types/prosemirror-model": "^1.16.0",
+        "@types/prosemirror-schema-list": "^1.0.3",
+        "@types/prosemirror-state": "^1.2.8",
+        "@types/prosemirror-transform": "^1.1.5",
+        "@types/prosemirror-view": "^1.23.1",
+        "prosemirror-commands": "^1.2.1",
+        "prosemirror-keymap": "^1.1.5",
+        "prosemirror-model": "^1.16.1",
+        "prosemirror-schema-list": "^1.1.6",
+        "prosemirror-state": "^1.3.4",
+        "prosemirror-transform": "^1.3.3",
+        "prosemirror-view": "^1.23.6"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      }
+    },
+    "node_modules/@tiptap/extension-blockquote": {
+      "version": "2.0.0-beta.26",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-2.0.0-beta.26.tgz",
+      "integrity": "sha512-A6yjcYovONJfOjQFk6vDYXswaCdCtCwjL7w9VTB0R2DLTuJvvRt9DWN0IDcMrj5G+aMgDq4GUUTitv+2Y8krDg==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1"
+      }
+    },
+    "node_modules/@tiptap/extension-bold": {
+      "version": "2.0.0-beta.26",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-2.0.0-beta.26.tgz",
+      "integrity": "sha512-pnO0I5sEQM3pmowjMGQ74adLzvc6HqGyLyqMizaGMicPu9uTYlSdId+qckYEEgPwPMaEShtv2Vg+ZHs7KVqfcg==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1"
+      }
+    },
+    "node_modules/@tiptap/extension-bubble-menu": {
+      "version": "2.0.0-beta.55",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bubble-menu/-/extension-bubble-menu-2.0.0-beta.55.tgz",
+      "integrity": "sha512-v32/QnwwRbepdbrho8mTYru1/XNW/rJi3Mjrgo3rrIs67R86aEPmhmdzD3QEQUJhAJkduuwdw8zElmVWqIJQ9w==",
+      "dependencies": {
+        "prosemirror-state": "^1.3.4",
+        "prosemirror-view": "^1.23.6",
+        "tippy.js": "^6.3.7"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1"
+      }
+    },
+    "node_modules/@tiptap/extension-bullet-list": {
+      "version": "2.0.0-beta.26",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-2.0.0-beta.26.tgz",
+      "integrity": "sha512-1n5HV8gY1tLjPk4x48nva6SZlFHoPlRfF6pqSu9JcJxPO7FUSPxUokuz4swYNe0LRrtykfyNz44dUcxKVhoFow==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1"
+      }
+    },
+    "node_modules/@tiptap/extension-code": {
+      "version": "2.0.0-beta.26",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-2.0.0-beta.26.tgz",
+      "integrity": "sha512-QcFWdEFfbJ1n5UFFBD17QPPAJ3J5p/b7XV484u0shCzywO7aNPV32QeHy1z0eMoyZtCbOWf6hg/a7Ugv8IwpHw==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1"
+      }
+    },
+    "node_modules/@tiptap/extension-code-block": {
+      "version": "2.0.0-beta.37",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-2.0.0-beta.37.tgz",
+      "integrity": "sha512-mJAM+PHaNoKRYwM3D36lZ51/aoPxxvZNQn3UBnZ6G7l0ZJSgB3JvBEzqK6S8nNFeYIIxGwv4QF6vXe4MG9ie2g==",
+      "dependencies": {
+        "prosemirror-state": "^1.3.4"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1"
+      }
+    },
+    "node_modules/@tiptap/extension-document": {
+      "version": "2.0.0-beta.15",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-2.0.0-beta.15.tgz",
+      "integrity": "sha512-ypENC+xUYD5m2t+KOKNYqyXnanXd5fxyIyhR1qeEEwwQwMXGNrO3kCH6O4mIDCpy+/WqHvVay2tV5dVsXnvY8w==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1"
+      }
+    },
+    "node_modules/@tiptap/extension-dropcursor": {
+      "version": "2.0.0-beta.25",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-2.0.0-beta.25.tgz",
+      "integrity": "sha512-GYf5s6dkZtsDy+TEkrQK6kLbfbitG4qnk02D+FlhlJMI/Nnx8rYCRJbwEHDdqrfX7XwZzULMqqqHvzxZYrEeNg==",
+      "dependencies": {
+        "@types/prosemirror-dropcursor": "^1.0.3",
+        "prosemirror-dropcursor": "^1.4.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1"
+      }
+    },
+    "node_modules/@tiptap/extension-floating-menu": {
+      "version": "2.0.0-beta.50",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-floating-menu/-/extension-floating-menu-2.0.0-beta.50.tgz",
+      "integrity": "sha512-aQu1HtthMIYEPylr6kzioLxMiObLbcgwx9xZzF03KwNnkjQLbjZOeJX2RwSYVpiVgtfPBGOm3N/br6NSYec4yQ==",
+      "dependencies": {
+        "prosemirror-state": "^1.3.4",
+        "prosemirror-view": "^1.23.6",
+        "tippy.js": "^6.3.7"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1"
+      }
+    },
+    "node_modules/@tiptap/extension-gapcursor": {
+      "version": "2.0.0-beta.34",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-2.0.0-beta.34.tgz",
+      "integrity": "sha512-Vm8vMWWQ2kJcUOLfB5CEo5pYgyudI7JeeiZvX9ScPmUmgKVYhEpt3EAICY9pUYJ41aAVH35gZLXkUtsz2f9GHw==",
+      "dependencies": {
+        "@types/prosemirror-gapcursor": "^1.0.4",
+        "prosemirror-gapcursor": "^1.2.1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1"
+      }
+    },
+    "node_modules/@tiptap/extension-hard-break": {
+      "version": "2.0.0-beta.30",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-2.0.0-beta.30.tgz",
+      "integrity": "sha512-X9xj/S+CikrbIE7ccUFVwit5QHEbflnKVxod+4zPwr1cxogFbE9AyLZE2MpYdx3z9LcnTYYi9leBqFrP4T/Olw==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1"
+      }
+    },
+    "node_modules/@tiptap/extension-heading": {
+      "version": "2.0.0-beta.26",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-2.0.0-beta.26.tgz",
+      "integrity": "sha512-nR6W/3rjnZH1Swo7tGBoYsmO6xMvu9MGq6jlm3WVHCB7B3CsrRvCkTwGjVIbKTaZC4bQfx5gvAUpQFvwuU+M5w==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1"
+      }
+    },
+    "node_modules/@tiptap/extension-history": {
+      "version": "2.0.0-beta.21",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-history/-/extension-history-2.0.0-beta.21.tgz",
+      "integrity": "sha512-0v8Cl30V4dsabdpspLdk+f+lMoIvLFlJN5WRxtc7RRZ5gfJVxPHwooIKdvC51brfh/oJtWFCNMRjhoz0fRaF9A==",
+      "dependencies": {
+        "@types/prosemirror-history": "^1.0.3",
+        "prosemirror-history": "^1.2.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1"
+      }
+    },
+    "node_modules/@tiptap/extension-horizontal-rule": {
+      "version": "2.0.0-beta.31",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.0.0-beta.31.tgz",
+      "integrity": "sha512-MNc4retfjRgkv3qxqGya0+/BEd1Kmn+oMsCRvE+8x3sXyKIse+vdqMuG5qUcA6np0ZD/9hh1riiQ1GQdgc23Ng==",
+      "dependencies": {
+        "prosemirror-state": "^1.3.4"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1"
+      }
+    },
+    "node_modules/@tiptap/extension-italic": {
+      "version": "2.0.0-beta.26",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-2.0.0-beta.26.tgz",
+      "integrity": "sha512-vejGe2ra4K5ipFOn1U9viqF9X9nPTX8WSJpSOux+9UbKjHpANy7bz69tp66OIi/Wh5L/MMDc+luH/04qfVnpZw==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1"
+      }
+    },
+    "node_modules/@tiptap/extension-list-item": {
+      "version": "2.0.0-beta.20",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-2.0.0-beta.20.tgz",
+      "integrity": "sha512-5IPEspJt38t9ROj4xLUesOVEYlTT/R9Skd9meHRxJQZX1qrzBICs5PC/WRIsnexrvTBhdxpYgCYjpvpsJBlKuQ==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1"
+      }
+    },
+    "node_modules/@tiptap/extension-ordered-list": {
+      "version": "2.0.0-beta.27",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-2.0.0-beta.27.tgz",
+      "integrity": "sha512-apFDeignxdZb3cA3p1HJu0zw1JgJdBYUBz1r7f99qdNybYuk3I/1MPUvlOuOgvIrBB/wydoyVDP+v9F7QN3tfQ==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1"
+      }
+    },
+    "node_modules/@tiptap/extension-paragraph": {
+      "version": "2.0.0-beta.23",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-2.0.0-beta.23.tgz",
+      "integrity": "sha512-VWAxyzecErYWk97Kv/Gkghh97zAQTcaVOisEnYYArZAlyYDaYM48qVssAC/vnRRynP2eQxb1EkppbAxE+bMHAA==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1"
+      }
+    },
+    "node_modules/@tiptap/extension-strike": {
+      "version": "2.0.0-beta.27",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-2.0.0-beta.27.tgz",
+      "integrity": "sha512-2dmCgtesuDdivM/54Q+Y6Tc3JbGz1SkHP6c62piuqBiYLWg3xa16zChZOhfN8szbbQlBgLT6XRTDt3c2Ux+Dug==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1"
+      }
+    },
+    "node_modules/@tiptap/extension-text": {
+      "version": "2.0.0-beta.15",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.0.0-beta.15.tgz",
+      "integrity": "sha512-S3j2+HyV2gsXZP8Wg/HA+YVXQsZ3nrXgBM9HmGAxB0ESOO50l7LWfip0f3qcw1oRlh5H3iLPkA6/f7clD2/TFA==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1"
+      }
+    },
+    "node_modules/@tiptap/starter-kit": {
+      "version": "2.0.0-beta.183",
+      "resolved": "https://registry.npmjs.org/@tiptap/starter-kit/-/starter-kit-2.0.0-beta.183.tgz",
+      "integrity": "sha512-Lcms6lEfFfdL1oHoATcNKfu1C8+yhuZnI5Pq+U6o2zSslfnUSDf3jgmy6nSoZrrkqvFoXjQk4dxMDFg3giw2Kg==",
+      "dependencies": {
+        "@tiptap/core": "^2.0.0-beta.174",
+        "@tiptap/extension-blockquote": "^2.0.0-beta.26",
+        "@tiptap/extension-bold": "^2.0.0-beta.26",
+        "@tiptap/extension-bullet-list": "^2.0.0-beta.26",
+        "@tiptap/extension-code": "^2.0.0-beta.26",
+        "@tiptap/extension-code-block": "^2.0.0-beta.37",
+        "@tiptap/extension-document": "^2.0.0-beta.15",
+        "@tiptap/extension-dropcursor": "^2.0.0-beta.25",
+        "@tiptap/extension-gapcursor": "^2.0.0-beta.34",
+        "@tiptap/extension-hard-break": "^2.0.0-beta.30",
+        "@tiptap/extension-heading": "^2.0.0-beta.26",
+        "@tiptap/extension-history": "^2.0.0-beta.21",
+        "@tiptap/extension-horizontal-rule": "^2.0.0-beta.31",
+        "@tiptap/extension-italic": "^2.0.0-beta.26",
+        "@tiptap/extension-list-item": "^2.0.0-beta.20",
+        "@tiptap/extension-ordered-list": "^2.0.0-beta.27",
+        "@tiptap/extension-paragraph": "^2.0.0-beta.23",
+        "@tiptap/extension-strike": "^2.0.0-beta.27",
+        "@tiptap/extension-text": "^2.0.0-beta.15"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      }
+    },
+    "node_modules/@tiptap/vue-3": {
+      "version": "2.0.0-beta.90",
+      "resolved": "https://registry.npmjs.org/@tiptap/vue-3/-/vue-3-2.0.0-beta.90.tgz",
+      "integrity": "sha512-5QwYpwqomqD1DmEL9DVS0wXuVouzp+2CThXl9QzPxXXsE+pm03yjjk+VhNMiFkA+DaY0hhnrvtWU7n0o00ExRQ==",
+      "dependencies": {
+        "@tiptap/extension-bubble-menu": "^2.0.0-beta.55",
+        "@tiptap/extension-floating-menu": "^2.0.0-beta.50",
+        "prosemirror-state": "^1.3.4",
+        "prosemirror-view": "^1.23.6"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0-beta.1",
+        "vue": "^3.0.0"
+      }
+    },
     "node_modules/@trysound/sax": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
@@ -2116,12 +2530,110 @@
       "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
       "dev": true
     },
+    "node_modules/@types/orderedmap": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@types/orderedmap/-/orderedmap-1.0.0.tgz",
+      "integrity": "sha512-dxKo80TqYx3YtBipHwA/SdFmMMyLCnP+5mkEqN0eMjcTBzHkiiX0ES118DsjDBjvD+zeSsSU9jULTZ+frog+Gw=="
+    },
     "node_modules/@types/parse-json": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
       "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
       "dev": true
     },
+    "node_modules/@types/prosemirror-commands": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@types/prosemirror-commands/-/prosemirror-commands-1.0.4.tgz",
+      "integrity": "sha512-utDNYB3EXLjAfYIcRWJe6pn3kcQ5kG4RijbT/0Y/TFOm6yhvYS/D9eJVnijdg9LDjykapcezchxGRqFD5LcyaQ==",
+      "dependencies": {
+        "@types/prosemirror-model": "*",
+        "@types/prosemirror-state": "*",
+        "@types/prosemirror-view": "*"
+      }
+    },
+    "node_modules/@types/prosemirror-dropcursor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@types/prosemirror-dropcursor/-/prosemirror-dropcursor-1.0.3.tgz",
+      "integrity": "sha512-b0/8njnJ4lwyHKcGuCMf3x7r1KjxyugB1R/c2iMCjplsJHSC7UY9+OysqgJR5uUXRekUSGniiLgBtac/lvH6wg==",
+      "dependencies": {
+        "@types/prosemirror-state": "*"
+      }
+    },
+    "node_modules/@types/prosemirror-gapcursor": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@types/prosemirror-gapcursor/-/prosemirror-gapcursor-1.0.4.tgz",
+      "integrity": "sha512-9xKjFIG5947dzerFvkLWp6F53JwrUYoYwh3SgcTFEp8SbSfNNrez/PFYVZKPnoqPoaK5WtTdQTaMwpCV9rXQIg==",
+      "dependencies": {
+        "@types/prosemirror-model": "*",
+        "@types/prosemirror-state": "*"
+      }
+    },
+    "node_modules/@types/prosemirror-history": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@types/prosemirror-history/-/prosemirror-history-1.0.3.tgz",
+      "integrity": "sha512-5TloMDRavgLjOAKXp1Li8u0xcsspzbT1Cm9F2pwHOkgvQOz1jWQb2VIXO7RVNsFjLBZdIXlyfSLivro3DuMWXg==",
+      "dependencies": {
+        "@types/prosemirror-model": "*",
+        "@types/prosemirror-state": "*"
+      }
+    },
+    "node_modules/@types/prosemirror-keymap": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@types/prosemirror-keymap/-/prosemirror-keymap-1.0.4.tgz",
+      "integrity": "sha512-ycevwkqUh+jEQtPwqO7sWGcm+Sybmhu8MpBsM8DlO3+YTKnXbKA6SDz/+q14q1wK3UA8lHJyfR+v+GPxfUSemg==",
+      "dependencies": {
+        "@types/prosemirror-commands": "*",
+        "@types/prosemirror-model": "*",
+        "@types/prosemirror-state": "*",
+        "@types/prosemirror-view": "*"
+      }
+    },
+    "node_modules/@types/prosemirror-model": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/@types/prosemirror-model/-/prosemirror-model-1.16.1.tgz",
+      "integrity": "sha512-SrrCe2cHlYrQ9o55e2i/c3wt1yRajTTpRLvzfmB+2DWjWEbBLTByVWyjrdpKtQTxAaTeU2aeDGo1iuwl/jF27w==",
+      "dependencies": {
+        "@types/orderedmap": "*"
+      }
+    },
+    "node_modules/@types/prosemirror-schema-list": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@types/prosemirror-schema-list/-/prosemirror-schema-list-1.0.3.tgz",
+      "integrity": "sha512-uWybOf+M2Ea7rlbs0yLsS4YJYNGXYtn4N+w8HCw3Vvfl6wBAROzlMt0gV/D/VW/7J/LlAjwMezuGe8xi24HzXA==",
+      "dependencies": {
+        "@types/orderedmap": "*",
+        "@types/prosemirror-model": "*",
+        "@types/prosemirror-state": "*"
+      }
+    },
+    "node_modules/@types/prosemirror-state": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@types/prosemirror-state/-/prosemirror-state-1.2.8.tgz",
+      "integrity": "sha512-mq9uyQWcpu8jeamO6Callrdvf/e1H/aRLR2kZWSpZrPHctEsxWHBbluD/wqVjXBRIOoMHLf6ZvOkrkmGLoCHVA==",
+      "dependencies": {
+        "@types/prosemirror-model": "*",
+        "@types/prosemirror-transform": "*",
+        "@types/prosemirror-view": "*"
+      }
+    },
+    "node_modules/@types/prosemirror-transform": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@types/prosemirror-transform/-/prosemirror-transform-1.1.6.tgz",
+      "integrity": "sha512-7HwXOWc5vZQqIfEUUVAz13lPgBqAWJTv89qEpzAtBFB6hOszFmhsvQ02Jqe2LvKauAoJDa3Qpv/dbJAmgyiTuQ==",
+      "dependencies": {
+        "@types/prosemirror-model": "*"
+      }
+    },
+    "node_modules/@types/prosemirror-view": {
+      "version": "1.23.1",
+      "resolved": "https://registry.npmjs.org/@types/prosemirror-view/-/prosemirror-view-1.23.1.tgz",
+      "integrity": "sha512-6e1B2oKUnhmZPUrsVvYjDqeVjE6jGezygjtoHsAK4ZENAxHzHqy5NT4jUvdPTWjCYeH0t2Y7pSfRPNrPIyQX4A==",
+      "dependencies": {
+        "@types/prosemirror-model": "*",
+        "@types/prosemirror-state": "*",
+        "@types/prosemirror-transform": "*"
+      }
+    },
     "node_modules/@types/qs": {
       "version": "6.9.7",
       "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.7.tgz",
@@ -8245,6 +8757,11 @@
         "node": ">=8"
       }
     },
+    "node_modules/orderedmap": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-1.1.5.tgz",
+      "integrity": "sha512-/fzlCGKRmfayGoI9UUXvJfc2nMZlJHW30QqEvwPvlg8tsX7jyiUSomYie6mYqx7Z9bOMGoag0H/q1PS/0PjYkg=="
+    },
     "node_modules/p-finally": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
@@ -9097,6 +9614,100 @@
         "webpack": "^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0"
       }
     },
+    "node_modules/prosemirror-commands": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.2.2.tgz",
+      "integrity": "sha512-TX+KpWudMon06frryfpO/u7hsQv2hu8L4VSVbCpi3/7wXHBgl+35mV85qfa3RpT8xD2f3MdeoTqH0vy5JdbXPg==",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-dropcursor": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.4.0.tgz",
+      "integrity": "sha512-6+YwTjmqDwlA/Dm+5wK67ezgqgjA/MhSDgaNxKUzH97SmeuWFXyLeDRxxOPZeSo7yTxcDGUCWTEjmQZsVBuMrQ==",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.1.0",
+        "prosemirror-view": "^1.1.0"
+      }
+    },
+    "node_modules/prosemirror-gapcursor": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.2.2.tgz",
+      "integrity": "sha512-7YzuRBbu9W7HGQde84kCHfIjaRLNcAdeijbgqrm/R9dsdTWkV+rrdcmic/sCc+bptiNpvjCEE+R6hrbT8zFQeQ==",
+      "dependencies": {
+        "prosemirror-keymap": "^1.0.0",
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-view": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-history": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-history/-/prosemirror-history-1.2.0.tgz",
+      "integrity": "sha512-B9v9xtf4fYbKxQwIr+3wtTDNLDZcmMMmGiI3TAPShnUzvo+Rmv1GiUrsQChY1meetHl7rhML2cppF3FTs7f7UQ==",
+      "dependencies": {
+        "prosemirror-state": "^1.2.2",
+        "prosemirror-transform": "^1.0.0",
+        "rope-sequence": "^1.3.0"
+      }
+    },
+    "node_modules/prosemirror-keymap": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.1.5.tgz",
+      "integrity": "sha512-8SZgPH3K+GLsHL2wKuwBD9rxhsbnVBTwpHCO4VUO5GmqUQlxd/2GtBVWTsyLq4Dp3N9nGgPd3+lZFKUDuVp+Vw==",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "w3c-keyname": "^2.2.0"
+      }
+    },
+    "node_modules/prosemirror-model": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.16.1.tgz",
+      "integrity": "sha512-r1/w0HDU40TtkXp0DyKBnFPYwd8FSlUSJmGCGFv4DeynfeSlyQF2FD0RQbVEMOe6P3PpUSXM6LZBV7W/YNZ4mA==",
+      "dependencies": {
+        "orderedmap": "^1.1.0"
+      }
+    },
+    "node_modules/prosemirror-schema-list": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.1.6.tgz",
+      "integrity": "sha512-aFGEdaCWmJzouZ8DwedmvSsL50JpRkqhQ6tcpThwJONVVmCgI36LJHtoQ4VGZbusMavaBhXXr33zyD2IVsTlkw==",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-transform": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-state": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.3.4.tgz",
+      "integrity": "sha512-Xkkrpd1y/TQ6HKzN3agsQIGRcLckUMA9u3j207L04mt8ToRgpGeyhbVv0HI7omDORIBHjR29b7AwlATFFf2GLA==",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-transform": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-transform": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.4.1.tgz",
+      "integrity": "sha512-H/yrA934hJeHjANq6QArqjzg+kdyIq7gf4qEY/EX3WEaVnc+mX+yvyIwE7W4iqQ8Bmps4kZxECHaWMnolPRsGA==",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-view": {
+      "version": "1.23.11",
+      "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.23.11.tgz",
+      "integrity": "sha512-iBqsyrQZz9NYcJ13JC7sPZ+4PdbBbUXhs1qzbxkDQ2tplcVROwxmAn3bnxpVFst/guv+XFI5KTHHbw5stvKt0g==",
+      "dependencies": {
+        "prosemirror-model": "^1.16.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.1.0"
+      }
+    },
     "node_modules/proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -9515,6 +10126,11 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/rope-sequence": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.2.tgz",
+      "integrity": "sha512-ku6MFrwEVSVmXLvy3dYph3LAMNS0890K7fabn+0YIRQ2T96T9F4gkFf0vf0WW0JUraNWwGRtInEpH7yO4tbQZg=="
+    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -10499,6 +11115,14 @@
       "integrity": "sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=",
       "dev": true
     },
+    "node_modules/tippy.js": {
+      "version": "6.3.7",
+      "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz",
+      "integrity": "sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==",
+      "dependencies": {
+        "@popperjs/core": "^2.9.0"
+      }
+    },
     "node_modules/to-fast-properties": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
@@ -11016,6 +11640,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/w3c-keyname": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.4.tgz",
+      "integrity": "sha512-tOhfEwEzFLJzf6d1ZPkYfGj+FWhIpBux9ppoP3rlclw3Z0BZv3N7b7030Z1kYth+6rDuAsXUFr+d0VE6Ed1ikw=="
+    },
     "node_modules/watchpack": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.3.1.tgz",
@@ -12954,6 +13583,49 @@
         }
       }
     },
+    "@fortawesome/fontawesome-common-types": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.1.1.tgz",
+      "integrity": "sha512-wVn5WJPirFTnzN6tR95abCx+ocH+3IFLXAgyavnf9hUmN0CfWoDjPT/BAWsUVwSlYYVBeCLJxaqi7ZGe4uSjBA=="
+    },
+    "@fortawesome/fontawesome-svg-core": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.1.1.tgz",
+      "integrity": "sha512-NCg0w2YIp81f4V6cMGD9iomfsIj7GWrqmsa0ZsPh59G7PKiGN1KymZNxmF00ssuAlo/VZmpK6xazsGOwzKYUMg==",
+      "requires": {
+        "@fortawesome/fontawesome-common-types": "6.1.1"
+      }
+    },
+    "@fortawesome/free-brands-svg-icons": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.1.1.tgz",
+      "integrity": "sha512-mFbI/czjBZ+paUtw5NPr2IXjun5KAC8eFqh1hnxowjA4mMZxWz4GCIksq6j9ZSa6Uxj9JhjjDVEd77p2LN2Blg==",
+      "requires": {
+        "@fortawesome/fontawesome-common-types": "6.1.1"
+      }
+    },
+    "@fortawesome/free-regular-svg-icons": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.1.1.tgz",
+      "integrity": "sha512-xXiW7hcpgwmWtndKPOzG+43fPH7ZjxOaoeyooptSztGmJxCAflHZxXNK0GcT0uEsR4jTGQAfGklDZE5NHoBhKg==",
+      "requires": {
+        "@fortawesome/fontawesome-common-types": "6.1.1"
+      }
+    },
+    "@fortawesome/free-solid-svg-icons": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.1.1.tgz",
+      "integrity": "sha512-0/5exxavOhI/D4Ovm2r3vxNojGZioPwmFrKg0ZUH69Q68uFhFPs6+dhAToh6VEQBntxPRYPuT5Cg1tpNa9JUPg==",
+      "requires": {
+        "@fortawesome/fontawesome-common-types": "6.1.1"
+      }
+    },
+    "@fortawesome/vue-fontawesome": {
+      "version": "3.0.0-5",
+      "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.0.0-5.tgz",
+      "integrity": "sha512-aNmBT4bOecrFsZTog1l6AJDQHPP3ocXV+WQ3Ogy8WZCqstB/ahfhH4CPu5i4N9Hw0MBKXqE+LX+NbUxcj8cVTw==",
+      "requires": {}
+    },
     "@hapi/hoek": {
       "version": "9.2.1",
       "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.2.1.tgz",
@@ -13052,8 +13724,7 @@
     "@popperjs/core": {
       "version": "2.11.4",
       "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.4.tgz",
-      "integrity": "sha512-q/ytXxO5NKvyT37pmisQAItCFqA7FD/vNb8dgaJy3/630Fsc+Mz9/9f2SziBoIZ30TJooXyTwZmhi1zjXmObYg==",
-      "peer": true
+      "integrity": "sha512-q/ytXxO5NKvyT37pmisQAItCFqA7FD/vNb8dgaJy3/630Fsc+Mz9/9f2SziBoIZ30TJooXyTwZmhi1zjXmObYg=="
     },
     "@sideway/address": {
       "version": "4.1.3",
@@ -13145,6 +13816,205 @@
       "integrity": "sha512-T7VNNlYVM1SgQ+VsMYhnDkcGmWhQdL0bDyGm5TlQ3GBXnJscEClUUOKduWTmm2zCnvNLC1hc3JpuXjs/nFOc5w==",
       "dev": true
     },
+    "@tiptap/core": {
+      "version": "2.0.0-beta.174",
+      "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-2.0.0-beta.174.tgz",
+      "integrity": "sha512-APQDto40PdvagG1HTwkKlieQS4Vp6GXNe7qgV1Qo2QCgJCLyxc/fXCTghtrOx0CQb+9JT7fjSLZxbSyUFXjx7Q==",
+      "requires": {
+        "@types/prosemirror-commands": "^1.0.4",
+        "@types/prosemirror-keymap": "^1.0.4",
+        "@types/prosemirror-model": "^1.16.0",
+        "@types/prosemirror-schema-list": "^1.0.3",
+        "@types/prosemirror-state": "^1.2.8",
+        "@types/prosemirror-transform": "^1.1.5",
+        "@types/prosemirror-view": "^1.23.1",
+        "prosemirror-commands": "^1.2.1",
+        "prosemirror-keymap": "^1.1.5",
+        "prosemirror-model": "^1.16.1",
+        "prosemirror-schema-list": "^1.1.6",
+        "prosemirror-state": "^1.3.4",
+        "prosemirror-transform": "^1.3.3",
+        "prosemirror-view": "^1.23.6"
+      }
+    },
+    "@tiptap/extension-blockquote": {
+      "version": "2.0.0-beta.26",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-2.0.0-beta.26.tgz",
+      "integrity": "sha512-A6yjcYovONJfOjQFk6vDYXswaCdCtCwjL7w9VTB0R2DLTuJvvRt9DWN0IDcMrj5G+aMgDq4GUUTitv+2Y8krDg==",
+      "requires": {}
+    },
+    "@tiptap/extension-bold": {
+      "version": "2.0.0-beta.26",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-2.0.0-beta.26.tgz",
+      "integrity": "sha512-pnO0I5sEQM3pmowjMGQ74adLzvc6HqGyLyqMizaGMicPu9uTYlSdId+qckYEEgPwPMaEShtv2Vg+ZHs7KVqfcg==",
+      "requires": {}
+    },
+    "@tiptap/extension-bubble-menu": {
+      "version": "2.0.0-beta.55",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bubble-menu/-/extension-bubble-menu-2.0.0-beta.55.tgz",
+      "integrity": "sha512-v32/QnwwRbepdbrho8mTYru1/XNW/rJi3Mjrgo3rrIs67R86aEPmhmdzD3QEQUJhAJkduuwdw8zElmVWqIJQ9w==",
+      "requires": {
+        "prosemirror-state": "^1.3.4",
+        "prosemirror-view": "^1.23.6",
+        "tippy.js": "^6.3.7"
+      }
+    },
+    "@tiptap/extension-bullet-list": {
+      "version": "2.0.0-beta.26",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-2.0.0-beta.26.tgz",
+      "integrity": "sha512-1n5HV8gY1tLjPk4x48nva6SZlFHoPlRfF6pqSu9JcJxPO7FUSPxUokuz4swYNe0LRrtykfyNz44dUcxKVhoFow==",
+      "requires": {}
+    },
+    "@tiptap/extension-code": {
+      "version": "2.0.0-beta.26",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-2.0.0-beta.26.tgz",
+      "integrity": "sha512-QcFWdEFfbJ1n5UFFBD17QPPAJ3J5p/b7XV484u0shCzywO7aNPV32QeHy1z0eMoyZtCbOWf6hg/a7Ugv8IwpHw==",
+      "requires": {}
+    },
+    "@tiptap/extension-code-block": {
+      "version": "2.0.0-beta.37",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-2.0.0-beta.37.tgz",
+      "integrity": "sha512-mJAM+PHaNoKRYwM3D36lZ51/aoPxxvZNQn3UBnZ6G7l0ZJSgB3JvBEzqK6S8nNFeYIIxGwv4QF6vXe4MG9ie2g==",
+      "requires": {
+        "prosemirror-state": "^1.3.4"
+      }
+    },
+    "@tiptap/extension-document": {
+      "version": "2.0.0-beta.15",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-2.0.0-beta.15.tgz",
+      "integrity": "sha512-ypENC+xUYD5m2t+KOKNYqyXnanXd5fxyIyhR1qeEEwwQwMXGNrO3kCH6O4mIDCpy+/WqHvVay2tV5dVsXnvY8w==",
+      "requires": {}
+    },
+    "@tiptap/extension-dropcursor": {
+      "version": "2.0.0-beta.25",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-2.0.0-beta.25.tgz",
+      "integrity": "sha512-GYf5s6dkZtsDy+TEkrQK6kLbfbitG4qnk02D+FlhlJMI/Nnx8rYCRJbwEHDdqrfX7XwZzULMqqqHvzxZYrEeNg==",
+      "requires": {
+        "@types/prosemirror-dropcursor": "^1.0.3",
+        "prosemirror-dropcursor": "^1.4.0"
+      }
+    },
+    "@tiptap/extension-floating-menu": {
+      "version": "2.0.0-beta.50",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-floating-menu/-/extension-floating-menu-2.0.0-beta.50.tgz",
+      "integrity": "sha512-aQu1HtthMIYEPylr6kzioLxMiObLbcgwx9xZzF03KwNnkjQLbjZOeJX2RwSYVpiVgtfPBGOm3N/br6NSYec4yQ==",
+      "requires": {
+        "prosemirror-state": "^1.3.4",
+        "prosemirror-view": "^1.23.6",
+        "tippy.js": "^6.3.7"
+      }
+    },
+    "@tiptap/extension-gapcursor": {
+      "version": "2.0.0-beta.34",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-2.0.0-beta.34.tgz",
+      "integrity": "sha512-Vm8vMWWQ2kJcUOLfB5CEo5pYgyudI7JeeiZvX9ScPmUmgKVYhEpt3EAICY9pUYJ41aAVH35gZLXkUtsz2f9GHw==",
+      "requires": {
+        "@types/prosemirror-gapcursor": "^1.0.4",
+        "prosemirror-gapcursor": "^1.2.1"
+      }
+    },
+    "@tiptap/extension-hard-break": {
+      "version": "2.0.0-beta.30",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-2.0.0-beta.30.tgz",
+      "integrity": "sha512-X9xj/S+CikrbIE7ccUFVwit5QHEbflnKVxod+4zPwr1cxogFbE9AyLZE2MpYdx3z9LcnTYYi9leBqFrP4T/Olw==",
+      "requires": {}
+    },
+    "@tiptap/extension-heading": {
+      "version": "2.0.0-beta.26",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-2.0.0-beta.26.tgz",
+      "integrity": "sha512-nR6W/3rjnZH1Swo7tGBoYsmO6xMvu9MGq6jlm3WVHCB7B3CsrRvCkTwGjVIbKTaZC4bQfx5gvAUpQFvwuU+M5w==",
+      "requires": {}
+    },
+    "@tiptap/extension-history": {
+      "version": "2.0.0-beta.21",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-history/-/extension-history-2.0.0-beta.21.tgz",
+      "integrity": "sha512-0v8Cl30V4dsabdpspLdk+f+lMoIvLFlJN5WRxtc7RRZ5gfJVxPHwooIKdvC51brfh/oJtWFCNMRjhoz0fRaF9A==",
+      "requires": {
+        "@types/prosemirror-history": "^1.0.3",
+        "prosemirror-history": "^1.2.0"
+      }
+    },
+    "@tiptap/extension-horizontal-rule": {
+      "version": "2.0.0-beta.31",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.0.0-beta.31.tgz",
+      "integrity": "sha512-MNc4retfjRgkv3qxqGya0+/BEd1Kmn+oMsCRvE+8x3sXyKIse+vdqMuG5qUcA6np0ZD/9hh1riiQ1GQdgc23Ng==",
+      "requires": {
+        "prosemirror-state": "^1.3.4"
+      }
+    },
+    "@tiptap/extension-italic": {
+      "version": "2.0.0-beta.26",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-2.0.0-beta.26.tgz",
+      "integrity": "sha512-vejGe2ra4K5ipFOn1U9viqF9X9nPTX8WSJpSOux+9UbKjHpANy7bz69tp66OIi/Wh5L/MMDc+luH/04qfVnpZw==",
+      "requires": {}
+    },
+    "@tiptap/extension-list-item": {
+      "version": "2.0.0-beta.20",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-2.0.0-beta.20.tgz",
+      "integrity": "sha512-5IPEspJt38t9ROj4xLUesOVEYlTT/R9Skd9meHRxJQZX1qrzBICs5PC/WRIsnexrvTBhdxpYgCYjpvpsJBlKuQ==",
+      "requires": {}
+    },
+    "@tiptap/extension-ordered-list": {
+      "version": "2.0.0-beta.27",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-2.0.0-beta.27.tgz",
+      "integrity": "sha512-apFDeignxdZb3cA3p1HJu0zw1JgJdBYUBz1r7f99qdNybYuk3I/1MPUvlOuOgvIrBB/wydoyVDP+v9F7QN3tfQ==",
+      "requires": {}
+    },
+    "@tiptap/extension-paragraph": {
+      "version": "2.0.0-beta.23",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-2.0.0-beta.23.tgz",
+      "integrity": "sha512-VWAxyzecErYWk97Kv/Gkghh97zAQTcaVOisEnYYArZAlyYDaYM48qVssAC/vnRRynP2eQxb1EkppbAxE+bMHAA==",
+      "requires": {}
+    },
+    "@tiptap/extension-strike": {
+      "version": "2.0.0-beta.27",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-2.0.0-beta.27.tgz",
+      "integrity": "sha512-2dmCgtesuDdivM/54Q+Y6Tc3JbGz1SkHP6c62piuqBiYLWg3xa16zChZOhfN8szbbQlBgLT6XRTDt3c2Ux+Dug==",
+      "requires": {}
+    },
+    "@tiptap/extension-text": {
+      "version": "2.0.0-beta.15",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.0.0-beta.15.tgz",
+      "integrity": "sha512-S3j2+HyV2gsXZP8Wg/HA+YVXQsZ3nrXgBM9HmGAxB0ESOO50l7LWfip0f3qcw1oRlh5H3iLPkA6/f7clD2/TFA==",
+      "requires": {}
+    },
+    "@tiptap/starter-kit": {
+      "version": "2.0.0-beta.183",
+      "resolved": "https://registry.npmjs.org/@tiptap/starter-kit/-/starter-kit-2.0.0-beta.183.tgz",
+      "integrity": "sha512-Lcms6lEfFfdL1oHoATcNKfu1C8+yhuZnI5Pq+U6o2zSslfnUSDf3jgmy6nSoZrrkqvFoXjQk4dxMDFg3giw2Kg==",
+      "requires": {
+        "@tiptap/core": "^2.0.0-beta.174",
+        "@tiptap/extension-blockquote": "^2.0.0-beta.26",
+        "@tiptap/extension-bold": "^2.0.0-beta.26",
+        "@tiptap/extension-bullet-list": "^2.0.0-beta.26",
+        "@tiptap/extension-code": "^2.0.0-beta.26",
+        "@tiptap/extension-code-block": "^2.0.0-beta.37",
+        "@tiptap/extension-document": "^2.0.0-beta.15",
+        "@tiptap/extension-dropcursor": "^2.0.0-beta.25",
+        "@tiptap/extension-gapcursor": "^2.0.0-beta.34",
+        "@tiptap/extension-hard-break": "^2.0.0-beta.30",
+        "@tiptap/extension-heading": "^2.0.0-beta.26",
+        "@tiptap/extension-history": "^2.0.0-beta.21",
+        "@tiptap/extension-horizontal-rule": "^2.0.0-beta.31",
+        "@tiptap/extension-italic": "^2.0.0-beta.26",
+        "@tiptap/extension-list-item": "^2.0.0-beta.20",
+        "@tiptap/extension-ordered-list": "^2.0.0-beta.27",
+        "@tiptap/extension-paragraph": "^2.0.0-beta.23",
+        "@tiptap/extension-strike": "^2.0.0-beta.27",
+        "@tiptap/extension-text": "^2.0.0-beta.15"
+      }
+    },
+    "@tiptap/vue-3": {
+      "version": "2.0.0-beta.90",
+      "resolved": "https://registry.npmjs.org/@tiptap/vue-3/-/vue-3-2.0.0-beta.90.tgz",
+      "integrity": "sha512-5QwYpwqomqD1DmEL9DVS0wXuVouzp+2CThXl9QzPxXXsE+pm03yjjk+VhNMiFkA+DaY0hhnrvtWU7n0o00ExRQ==",
+      "requires": {
+        "@tiptap/extension-bubble-menu": "^2.0.0-beta.55",
+        "@tiptap/extension-floating-menu": "^2.0.0-beta.50",
+        "prosemirror-state": "^1.3.4",
+        "prosemirror-view": "^1.23.6"
+      }
+    },
     "@trysound/sax": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
@@ -13283,12 +14153,110 @@
       "integrity": "sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==",
       "dev": true
     },
+    "@types/orderedmap": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@types/orderedmap/-/orderedmap-1.0.0.tgz",
+      "integrity": "sha512-dxKo80TqYx3YtBipHwA/SdFmMMyLCnP+5mkEqN0eMjcTBzHkiiX0ES118DsjDBjvD+zeSsSU9jULTZ+frog+Gw=="
+    },
     "@types/parse-json": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
       "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
       "dev": true
     },
+    "@types/prosemirror-commands": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@types/prosemirror-commands/-/prosemirror-commands-1.0.4.tgz",
+      "integrity": "sha512-utDNYB3EXLjAfYIcRWJe6pn3kcQ5kG4RijbT/0Y/TFOm6yhvYS/D9eJVnijdg9LDjykapcezchxGRqFD5LcyaQ==",
+      "requires": {
+        "@types/prosemirror-model": "*",
+        "@types/prosemirror-state": "*",
+        "@types/prosemirror-view": "*"
+      }
+    },
+    "@types/prosemirror-dropcursor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@types/prosemirror-dropcursor/-/prosemirror-dropcursor-1.0.3.tgz",
+      "integrity": "sha512-b0/8njnJ4lwyHKcGuCMf3x7r1KjxyugB1R/c2iMCjplsJHSC7UY9+OysqgJR5uUXRekUSGniiLgBtac/lvH6wg==",
+      "requires": {
+        "@types/prosemirror-state": "*"
+      }
+    },
+    "@types/prosemirror-gapcursor": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@types/prosemirror-gapcursor/-/prosemirror-gapcursor-1.0.4.tgz",
+      "integrity": "sha512-9xKjFIG5947dzerFvkLWp6F53JwrUYoYwh3SgcTFEp8SbSfNNrez/PFYVZKPnoqPoaK5WtTdQTaMwpCV9rXQIg==",
+      "requires": {
+        "@types/prosemirror-model": "*",
+        "@types/prosemirror-state": "*"
+      }
+    },
+    "@types/prosemirror-history": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@types/prosemirror-history/-/prosemirror-history-1.0.3.tgz",
+      "integrity": "sha512-5TloMDRavgLjOAKXp1Li8u0xcsspzbT1Cm9F2pwHOkgvQOz1jWQb2VIXO7RVNsFjLBZdIXlyfSLivro3DuMWXg==",
+      "requires": {
+        "@types/prosemirror-model": "*",
+        "@types/prosemirror-state": "*"
+      }
+    },
+    "@types/prosemirror-keymap": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@types/prosemirror-keymap/-/prosemirror-keymap-1.0.4.tgz",
+      "integrity": "sha512-ycevwkqUh+jEQtPwqO7sWGcm+Sybmhu8MpBsM8DlO3+YTKnXbKA6SDz/+q14q1wK3UA8lHJyfR+v+GPxfUSemg==",
+      "requires": {
+        "@types/prosemirror-commands": "*",
+        "@types/prosemirror-model": "*",
+        "@types/prosemirror-state": "*",
+        "@types/prosemirror-view": "*"
+      }
+    },
+    "@types/prosemirror-model": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/@types/prosemirror-model/-/prosemirror-model-1.16.1.tgz",
+      "integrity": "sha512-SrrCe2cHlYrQ9o55e2i/c3wt1yRajTTpRLvzfmB+2DWjWEbBLTByVWyjrdpKtQTxAaTeU2aeDGo1iuwl/jF27w==",
+      "requires": {
+        "@types/orderedmap": "*"
+      }
+    },
+    "@types/prosemirror-schema-list": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@types/prosemirror-schema-list/-/prosemirror-schema-list-1.0.3.tgz",
+      "integrity": "sha512-uWybOf+M2Ea7rlbs0yLsS4YJYNGXYtn4N+w8HCw3Vvfl6wBAROzlMt0gV/D/VW/7J/LlAjwMezuGe8xi24HzXA==",
+      "requires": {
+        "@types/orderedmap": "*",
+        "@types/prosemirror-model": "*",
+        "@types/prosemirror-state": "*"
+      }
+    },
+    "@types/prosemirror-state": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@types/prosemirror-state/-/prosemirror-state-1.2.8.tgz",
+      "integrity": "sha512-mq9uyQWcpu8jeamO6Callrdvf/e1H/aRLR2kZWSpZrPHctEsxWHBbluD/wqVjXBRIOoMHLf6ZvOkrkmGLoCHVA==",
+      "requires": {
+        "@types/prosemirror-model": "*",
+        "@types/prosemirror-transform": "*",
+        "@types/prosemirror-view": "*"
+      }
+    },
+    "@types/prosemirror-transform": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@types/prosemirror-transform/-/prosemirror-transform-1.1.6.tgz",
+      "integrity": "sha512-7HwXOWc5vZQqIfEUUVAz13lPgBqAWJTv89qEpzAtBFB6hOszFmhsvQ02Jqe2LvKauAoJDa3Qpv/dbJAmgyiTuQ==",
+      "requires": {
+        "@types/prosemirror-model": "*"
+      }
+    },
+    "@types/prosemirror-view": {
+      "version": "1.23.1",
+      "resolved": "https://registry.npmjs.org/@types/prosemirror-view/-/prosemirror-view-1.23.1.tgz",
+      "integrity": "sha512-6e1B2oKUnhmZPUrsVvYjDqeVjE6jGezygjtoHsAK4ZENAxHzHqy5NT4jUvdPTWjCYeH0t2Y7pSfRPNrPIyQX4A==",
+      "requires": {
+        "@types/prosemirror-model": "*",
+        "@types/prosemirror-state": "*",
+        "@types/prosemirror-transform": "*"
+      }
+    },
     "@types/qs": {
       "version": "6.9.7",
       "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.7.tgz",
@@ -17923,6 +18891,11 @@
         }
       }
     },
+    "orderedmap": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-1.1.5.tgz",
+      "integrity": "sha512-/fzlCGKRmfayGoI9UUXvJfc2nMZlJHW30QqEvwPvlg8tsX7jyiUSomYie6mYqx7Z9bOMGoag0H/q1PS/0PjYkg=="
+    },
     "p-finally": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
@@ -18499,6 +19472,100 @@
         "log-update": "^2.1.0"
       }
     },
+    "prosemirror-commands": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.2.2.tgz",
+      "integrity": "sha512-TX+KpWudMon06frryfpO/u7hsQv2hu8L4VSVbCpi3/7wXHBgl+35mV85qfa3RpT8xD2f3MdeoTqH0vy5JdbXPg==",
+      "requires": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.0.0"
+      }
+    },
+    "prosemirror-dropcursor": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.4.0.tgz",
+      "integrity": "sha512-6+YwTjmqDwlA/Dm+5wK67ezgqgjA/MhSDgaNxKUzH97SmeuWFXyLeDRxxOPZeSo7yTxcDGUCWTEjmQZsVBuMrQ==",
+      "requires": {
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.1.0",
+        "prosemirror-view": "^1.1.0"
+      }
+    },
+    "prosemirror-gapcursor": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.2.2.tgz",
+      "integrity": "sha512-7YzuRBbu9W7HGQde84kCHfIjaRLNcAdeijbgqrm/R9dsdTWkV+rrdcmic/sCc+bptiNpvjCEE+R6hrbT8zFQeQ==",
+      "requires": {
+        "prosemirror-keymap": "^1.0.0",
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-view": "^1.0.0"
+      }
+    },
+    "prosemirror-history": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-history/-/prosemirror-history-1.2.0.tgz",
+      "integrity": "sha512-B9v9xtf4fYbKxQwIr+3wtTDNLDZcmMMmGiI3TAPShnUzvo+Rmv1GiUrsQChY1meetHl7rhML2cppF3FTs7f7UQ==",
+      "requires": {
+        "prosemirror-state": "^1.2.2",
+        "prosemirror-transform": "^1.0.0",
+        "rope-sequence": "^1.3.0"
+      }
+    },
+    "prosemirror-keymap": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.1.5.tgz",
+      "integrity": "sha512-8SZgPH3K+GLsHL2wKuwBD9rxhsbnVBTwpHCO4VUO5GmqUQlxd/2GtBVWTsyLq4Dp3N9nGgPd3+lZFKUDuVp+Vw==",
+      "requires": {
+        "prosemirror-state": "^1.0.0",
+        "w3c-keyname": "^2.2.0"
+      }
+    },
+    "prosemirror-model": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.16.1.tgz",
+      "integrity": "sha512-r1/w0HDU40TtkXp0DyKBnFPYwd8FSlUSJmGCGFv4DeynfeSlyQF2FD0RQbVEMOe6P3PpUSXM6LZBV7W/YNZ4mA==",
+      "requires": {
+        "orderedmap": "^1.1.0"
+      }
+    },
+    "prosemirror-schema-list": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.1.6.tgz",
+      "integrity": "sha512-aFGEdaCWmJzouZ8DwedmvSsL50JpRkqhQ6tcpThwJONVVmCgI36LJHtoQ4VGZbusMavaBhXXr33zyD2IVsTlkw==",
+      "requires": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-transform": "^1.0.0"
+      }
+    },
+    "prosemirror-state": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.3.4.tgz",
+      "integrity": "sha512-Xkkrpd1y/TQ6HKzN3agsQIGRcLckUMA9u3j207L04mt8ToRgpGeyhbVv0HI7omDORIBHjR29b7AwlATFFf2GLA==",
+      "requires": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-transform": "^1.0.0"
+      }
+    },
+    "prosemirror-transform": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.4.1.tgz",
+      "integrity": "sha512-H/yrA934hJeHjANq6QArqjzg+kdyIq7gf4qEY/EX3WEaVnc+mX+yvyIwE7W4iqQ8Bmps4kZxECHaWMnolPRsGA==",
+      "requires": {
+        "prosemirror-model": "^1.0.0"
+      }
+    },
+    "prosemirror-view": {
+      "version": "1.23.11",
+      "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.23.11.tgz",
+      "integrity": "sha512-iBqsyrQZz9NYcJ13JC7sPZ+4PdbBbUXhs1qzbxkDQ2tplcVROwxmAn3bnxpVFst/guv+XFI5KTHHbw5stvKt0g==",
+      "requires": {
+        "prosemirror-model": "^1.16.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.1.0"
+      }
+    },
     "proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -18810,6 +19877,11 @@
         "glob": "^7.1.3"
       }
     },
+    "rope-sequence": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.2.tgz",
+      "integrity": "sha512-ku6MFrwEVSVmXLvy3dYph3LAMNS0890K7fabn+0YIRQ2T96T9F4gkFf0vf0WW0JUraNWwGRtInEpH7yO4tbQZg=="
+    },
     "run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -19579,6 +20651,14 @@
       "integrity": "sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=",
       "dev": true
     },
+    "tippy.js": {
+      "version": "6.3.7",
+      "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz",
+      "integrity": "sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==",
+      "requires": {
+        "@popperjs/core": "^2.9.0"
+      }
+    },
     "to-fast-properties": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
@@ -19977,6 +21057,11 @@
         }
       }
     },
+    "w3c-keyname": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.4.tgz",
+      "integrity": "sha512-tOhfEwEzFLJzf6d1ZPkYfGj+FWhIpBux9ppoP3rlclw3Z0BZv3N7b7030Z1kYth+6rDuAsXUFr+d0VE6Ed1ikw=="
+    },
     "watchpack": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.3.1.tgz",
diff --git a/Frontend/vue/package.json b/Frontend/vue/package.json
index 5ed1268..83b5906 100644
--- a/Frontend/vue/package.json
+++ b/Frontend/vue/package.json
@@ -9,7 +9,14 @@
     "watch": "vue-cli-service build --watch"
   },
   "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.1.1",
+    "@fortawesome/free-brands-svg-icons": "^6.1.1",
+    "@fortawesome/free-regular-svg-icons": "^6.1.1",
+    "@fortawesome/free-solid-svg-icons": "^6.1.1",
+    "@fortawesome/vue-fontawesome": "^3.0.0-5",
     "@meforma/vue-toaster": "^1.3.0",
+    "@tiptap/starter-kit": "^2.0.0-beta.183",
+    "@tiptap/vue-3": "^2.0.0-beta.90",
     "@vee-validate/rules": "^4.5.10",
     "@vuepic/vue-datepicker": "^3.0.0",
     "axios": "^0.26.1",
diff --git a/Frontend/vue/src/assets/css/admin.css b/Frontend/vue/src/assets/css/admin.css
index 21f4f9d..2e7812f 100644
--- a/Frontend/vue/src/assets/css/admin.css
+++ b/Frontend/vue/src/assets/css/admin.css
@@ -2,6 +2,10 @@ body {
     min-height: 100vh;
 }
 
+.nav-link svg {
+    padding-right: 0.2rem;
+}
+
 #app, #admin-page-container {
     min-height: 100vh;
     height: 100%;
diff --git a/Frontend/vue/src/components/admin/components/list/AdminListHeader.vue b/Frontend/vue/src/components/admin/components/list/AdminListHeader.vue
new file mode 100644
index 0000000..a979803
--- /dev/null
+++ b/Frontend/vue/src/components/admin/components/list/AdminListHeader.vue
@@ -0,0 +1,61 @@
+<template>
+<div class="row mb-3">
+    <div class="col-12">
+        <div class="page-nav-container">
+
+            <div class="row">
+                <div class="col-md-6 col-10">
+                    <div class="input-group">
+                        <input 
+                            type="text" 
+                            class="form-control" 
+                            placeholder="Search..."
+                            ref="search"
+                        >
+                        <div class="input-group-append">
+                            <button 
+                                class="btn btn-dark"
+                                type="button"
+                                @click="searchFunction"
+                            >
+                                Search
+                            </button>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-md-6 float-right col-2">
+                    <div class="btn-group float-right" role="group">
+                        <router-link :to="{ name: addNewTo }">
+                            <button
+                                type="button"
+                                class="btn btn-rounded btn-dark d-none d-md-inline-block"
+                            >
+                                <i class="fa-solid fa-plus"></i>
+                                {{ addNewLabel }}
+                            </button>
+                            <button
+                                type="button"
+                                class="btn btn-rounded btn-dark d-inline-block d-md-none"
+                            >
+                                <i class="fa-solid fa-plus"></i>
+                            </button>
+                        </router-link>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+    </div>
+</div>
+</template>
+
+<script>
+export default {
+    props: {
+        addNewTo: { type: String },
+        addNewLabel: { type: String },
+        searchFunction: { type: Function },
+    }
+}
+</script>
diff --git a/Frontend/vue/src/components/admin/AdminNavbar.vue b/Frontend/vue/src/components/admin/components/navbar/AdminNavbar.vue
similarity index 80%
rename from Frontend/vue/src/components/admin/AdminNavbar.vue
rename to Frontend/vue/src/components/admin/components/navbar/AdminNavbar.vue
index fba3cff..1302d19 100644
--- a/Frontend/vue/src/components/admin/AdminNavbar.vue
+++ b/Frontend/vue/src/components/admin/components/navbar/AdminNavbar.vue
@@ -4,7 +4,7 @@
 
             <!-- TODO: Replace with logo -->
             <router-link 
-                :to="{ name: 'AdminUsersList' }" 
+                :to="{ name: 'AdminPostsList' }" 
                 class="nav-item"
             >
                 Sudden Impact
@@ -17,19 +17,33 @@
             <div class="collapse navbar-collapse" id="navbarNav">
                 <ul class="navbar-nav ms-md-auto gap-2">
 
+                    <li class="nav-item rounded">
+                        <router-link 
+                            :to="{ name: 'AdminPostsList' }"
+                            class="nav-link"
+                            aria-current="page"
+                        >
+                            <i class="fa-solid fa-file"></i>
+                            Posts
+                        </router-link>
+                    </li>
+
                     <li class="nav-item rounded">
                         <router-link 
                             :to="{ name: 'AdminUsersList' }"
                             class="nav-link"
                             aria-current="page"
                         >
-                            <i class="bi bi-house-fill me-2"></i>
+                            <i class="fa-solid fa-users"></i>
                             Users
                         </router-link>
                     </li>
 
                     <li class="nav-item dropdown rounded">
-                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="bi bi-person-fill me-2"></i>Profile</a>
+                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                            <i class="fa-solid fa-user"></i>
+                            Profile
+                        </a>
 
                         <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
                             <li>
diff --git a/Frontend/vue/src/components/admin/AdminLogin.vue b/Frontend/vue/src/components/admin/views/auth/AdminLogin.vue
similarity index 98%
rename from Frontend/vue/src/components/admin/AdminLogin.vue
rename to Frontend/vue/src/components/admin/views/auth/AdminLogin.vue
index cb07771..710a2e1 100644
--- a/Frontend/vue/src/components/admin/AdminLogin.vue
+++ b/Frontend/vue/src/components/admin/views/auth/AdminLogin.vue
@@ -94,7 +94,7 @@ export default {
 
                 if (response.status === 200) {
                     this.$store.dispatch('setUser', response.data)
-                    this.$router.push({ name: 'AdminUsersList' })
+                    this.$router.push({ name: 'AdminPostsList' })
                 }
             } catch (error) {
                 this.$toast.error('An error occured')
diff --git a/Frontend/vue/src/components/admin/AdminSignup.vue b/Frontend/vue/src/components/admin/views/auth/AdminSignup.vue
similarity index 100%
rename from Frontend/vue/src/components/admin/AdminSignup.vue
rename to Frontend/vue/src/components/admin/views/auth/AdminSignup.vue
diff --git a/Frontend/vue/src/components/admin/views/posts/AdminPostsForm.vue b/Frontend/vue/src/components/admin/views/posts/AdminPostsForm.vue
new file mode 100644
index 0000000..4be8c8f
--- /dev/null
+++ b/Frontend/vue/src/components/admin/views/posts/AdminPostsForm.vue
@@ -0,0 +1,156 @@
+<template>
+    <div id="admin-page-container">
+        <admin-navbar/>
+        <section class="container mt-5">
+            <div class="row mb-3">
+                <div class="col-12">
+                    <div class="page-nav-container">
+                        <div class="btn-group" role="group">
+                            <button 
+                                type="button"
+                                class="btn btn-rounded"
+                                :class="tab === 'details' ? 'btn-dark' : 'btn-outline-dark'"
+                                @click="tab = 'details'"
+                            >
+                                Post Details
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="card shadow-2-strong card-registration">
+                <div class="card-body p-4 p-md-5" v-if="tab === 'details'">
+                    <h3 class="mb-4 pb-2 pb-md-0 mb-md-5">Update Post</h3>
+                    <Form @submit="updatePost" v-slot="{ meta, errors }">
+
+                        <div class="row">
+                            <div class="col-md-8 mb-4">
+
+                                <div class="form-outline">
+                                    <Field 
+                                        v-model="post.title"
+                                        type="text"
+                                        id="title"
+                                        name="Title"
+                                        class="form-control form-control-lg"
+                                        :class="errors['Title'] ? 'invalid' : ''"
+                                        rules="required"/>
+                                    <label v-if="!errors['Title']" class="form-label" for="title">Title</label>
+                                    <ErrorMessage name="Title" as="label" class="form-label" for="title"/>
+                                </div>
+                            </div>
+
+                            <div class="col-md-4 mb-4">
+                                <div class="form-outline">
+                                    <select 
+                                        v-model="post.front_page"
+                                        id="front_page"
+                                        name="Front Page"
+                                        class="form-control form-control-lg form-select">
+                                        <option :value="true">Yes</option>
+                                        <option :value="false">No</option>
+                                    </select>
+                                    <label v-if="!errors['Front Page']" class="form-label" for="front_page">Front Page</label>
+                                </div>
+                            </div>
+                        </div>
+
+
+
+                        <div class="row">
+                            <div class="col-md-4 mb-4 pb-2">
+                                <div class="form-outline">
+                                    <date-picker 
+                                        v-model="post.created_at"
+                                        format="dd/MM/yyyy, HH:mm"
+                                        disabled="disabled"
+                                        id="created_at"/>
+                                    <label class="form-label" for="created_at">Created At</label>
+                                </div>
+                            </div>
+                            <div class="col-md-4 mb-4 pb-2">
+                                <div class="form-outline">
+                                    <date-picker 
+                                        v-model="post.updated_at"
+                                        format="dd/MM/yyyy, HH:mm"
+                                        disabled="disabled"
+                                        id="updated_at"/>
+                                    <label class="form-label" for="updated_at">Updated At</label>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="mt-2 pt-2 right-align">
+                            <button class="btn btn-danger btn-md" type="button">
+                                Delete
+                            </button>
+                            <button :disabled="!meta.touched || !meta.valid" class="btn btn-primary btn-md" type="submit">
+                                Update
+                            </button>
+                        </div>
+
+                    </Form>
+                </div>
+            </div>
+        </section>
+    </div>
+</template>
+
+<script>
+import AdminNavbar from '@/components/admin/components/navbar/AdminNavbar'
+import { Form, Field, ErrorMessage } from 'vee-validate'
+
+export default {
+    data() {
+        return {
+            tab: 'details',
+            post: {},
+        }
+    },
+
+    components: {
+        AdminNavbar,
+        Form,
+        Field,
+        ErrorMessage,
+    },
+
+    mounted () {
+        this.getPost()
+    },
+
+    methods: {
+        async getPost () {
+            try {
+                const response = await this.axios.get(`/post/${this.$route.params.id}`)
+
+                if (response.status === 200) {
+                    this.post = response.data
+                }
+            } catch (error) {
+                this.$toast.error('An error occurred.')
+            }
+        },
+
+        async updatePost () {
+            try {
+                let response = await this.axios.put(
+                        `/user/${this.$route.params.id}`,
+                        {
+                            first_name: this.user.first_name,
+                            last_name: this.user.last_name,
+                            email: this.user.email,
+                        },
+                        )
+
+                    if (response.status === 200) {
+                        this.$toast.success('Successfully updated user details.');
+                        this.setPostFromResponse(response)
+                    }
+            } catch (error) {
+                this.$toast.error('An error occured');
+            }
+        },
+    }
+}
+</script>
diff --git a/Frontend/vue/src/components/admin/views/posts/AdminPostsList.vue b/Frontend/vue/src/components/admin/views/posts/AdminPostsList.vue
new file mode 100644
index 0000000..f4e1843
--- /dev/null
+++ b/Frontend/vue/src/components/admin/views/posts/AdminPostsList.vue
@@ -0,0 +1,139 @@
+<template>
+    <div id="admin-page-container">
+        <admin-navbar/>
+        <div class="container table-responsive mt-5 pb-5"> 
+            <admin-list-header
+                addNewTo="AdminUsersCreate"
+                addNewLabel="Add Post"
+                :searchFunction="searchPosts"
+                ref="listHeader"
+            />
+
+            <div class="card shadow-2-strong card-registration">
+
+                <table class="table table-striped">
+                    <thead class="thead-dark">
+                        <tr>
+                            <th scope="col">Title</th>
+                            <th scope="col">Front Page</th>
+                            <th scope="col" class="d-none d-sm-table-cell">Created At</th>
+                            <th scope="col" class="d-none d-sm-table-cell">Published At</th>
+                            <th scope="col"></th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr v-for="post in posts" :key="post.id">
+                            <td class="align-middle">{{ post.title }}</td>
+                            <td class="align-middle">{{ post.front_page }}</td>
+                            <td class="align-middle d-none d-sm-table-cell">{{ formatDate(post.created_at) }}</td>
+                            <td v-if="post.published_at" class="align-middle d-none d-sm-table-cell">{{ formatDate(post.published_at) }}</td>
+                            <td v-if="!post.published_at" class="align-middle d-none d-sm-table-cell">-</td>
+                            <td class="align-middle">
+                                <router-link
+                                    :to="{ name: 'AdminPostsForm', params: { id: post.id } }"
+                                >
+                                    <button 
+                                        class="btn btn-outline-dark"
+                                    >
+                                        Open
+                                    </button>
+                                </router-link>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+
+                <p v-if="dataEnd" class="py-2 center-align text-muted">No more data</p>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+import AdminNavbar from '@/components/admin/components/navbar/AdminNavbar'
+import AdminListHeader from '@/components/admin/components/list/AdminListHeader.vue'
+
+export default {
+    data() {
+        return {
+            posts: [],
+            page: 0,
+            pageSize: 15,
+            search: '',
+            dataEnd: false,
+        }
+    },
+
+    components: {
+        AdminNavbar,
+        AdminListHeader,
+    },
+
+    beforeMount () {
+        this.getInitialPosts()
+    },
+
+    mounted () {
+        this.axios.get('/admin/me')
+        this.getNextPosts()
+    },
+
+    methods: {
+        formatDate (dateString) {
+            const d = new Date(dateString)
+            let hours = d.getHours();
+            let minutes = d.getMinutes();
+            const ampm = hours >= 12 ? 'pm' : 'am';
+            hours = hours % 12;
+            hours = hours ? hours : 12;
+            minutes = minutes < 10 ? '0'+minutes : minutes;
+            const strTime = hours + ':' + minutes + ' ' + ampm;
+            return d.getDate() + "/" + (d.getMonth()+1) + "/" + d.getFullYear() + "  " + strTime;
+        },
+
+        async getInitialPosts () {
+            try {
+                const response = await this.axios.get(
+                    `/post?page=${this.page}&pageSize=${this.pageSize}&search=${this.search}`
+                )
+
+                if (response.status === 200) {
+                    this.posts = response.data
+                }
+            } catch (error) {
+                if (error.response.status === 404) {
+                    this.posts = {}
+                    this.dataEnd = true
+                }
+            }
+        },
+
+        async getNextPosts () {
+            window.onscroll = async () => {
+                let bottomOfWindow = document.documentElement.scrollTop + window.innerHeight === document.documentElement.offsetHeight;
+                if (bottomOfWindow) {
+                    try {
+                        this.page += 1
+                        const response = await this.axios.get(
+                            `/post?page=${this.page}&pageSize=${this.pageSize}&search=${this.search}`
+                        )
+
+                        if (response.status === 200) {
+                            this.posts.push(...response.data)
+                        }
+                    } catch (error) {
+                        console.log(error)
+                        if (error.response.status === 404) {
+                            this.dataEnd = true
+                        }
+                    }
+                }
+            }
+        },
+
+        searchPosts () {
+            this.search = this.$refs.listHeader.$refs.search.value
+            this.getInitialPosts()
+        }
+    }
+}
+</script>
diff --git a/Frontend/vue/src/components/admin/users/AdminUsersCreate.vue b/Frontend/vue/src/components/admin/views/users/AdminUsersCreate.vue
similarity index 98%
rename from Frontend/vue/src/components/admin/users/AdminUsersCreate.vue
rename to Frontend/vue/src/components/admin/views/users/AdminUsersCreate.vue
index 6e3d097..4cb08cd 100644
--- a/Frontend/vue/src/components/admin/users/AdminUsersCreate.vue
+++ b/Frontend/vue/src/components/admin/views/users/AdminUsersCreate.vue
@@ -120,7 +120,7 @@
 </template>
 
 <script>
-import AdminNavbar from '@/components/admin/AdminNavbar'
+import AdminNavbar from '@/components/admin/components/navbar/AdminNavbar'
 import { Form, Field, ErrorMessage } from 'vee-validate'
 
 export default {
diff --git a/Frontend/vue/src/components/admin/users/AdminUsersForm.vue b/Frontend/vue/src/components/admin/views/users/AdminUsersForm.vue
similarity index 86%
rename from Frontend/vue/src/components/admin/users/AdminUsersForm.vue
rename to Frontend/vue/src/components/admin/views/users/AdminUsersForm.vue
index d3e1766..001a570 100644
--- a/Frontend/vue/src/components/admin/users/AdminUsersForm.vue
+++ b/Frontend/vue/src/components/admin/views/users/AdminUsersForm.vue
@@ -85,7 +85,7 @@
                         </div>
 
                         <div class="row">
-                            <div class="col-md-6 mb-4 pb-2">
+                            <div class="col-md-4 mb-4 pb-2">
                                 <div class="form-outline">
                                     <date-picker 
                                         v-model="user.last_login"
@@ -95,6 +95,26 @@
                                     <label class="form-label" for="last_login">Last Login</label>
                                 </div>
                             </div>
+                            <div class="col-md-4 mb-4 pb-2">
+                                <div class="form-outline">
+                                    <date-picker 
+                                        v-model="user.created_at"
+                                        format="dd/MM/yyyy, HH:mm"
+                                        disabled="disabled"
+                                        id="created_at"/>
+                                    <label class="form-label" for="created_at">Created At</label>
+                                </div>
+                            </div>
+                            <div class="col-md-4 mb-4 pb-2">
+                                <div class="form-outline">
+                                    <date-picker 
+                                        v-model="user.updated_at"
+                                        format="dd/MM/yyyy, HH:mm"
+                                        disabled="disabled"
+                                        id="updated_at"/>
+                                    <label class="form-label" for="updated_at">Updated At</label>
+                                </div>
+                            </div>
                         </div>
 
                         <div class="mt-2 pt-2 right-align">
@@ -163,7 +183,7 @@
 </template>
 
 <script>
-import AdminNavbar from '@/components/admin/AdminNavbar'
+import AdminNavbar from '@/components/admin/components/navbar/AdminNavbar'
 import { Form, Field, ErrorMessage } from 'vee-validate'
 
 export default {
@@ -175,6 +195,8 @@ export default {
                 last_name: null,
                 email: null,
                 last_login: null,
+                created_at: null,
+                updated_at: null,
             },
             password: {
                 password: null,
@@ -201,6 +223,8 @@ export default {
                 last_name: response.data.last_name,
                 email: response.data.email,
                 last_login: response.data.last_login,
+                created_at: response.data.created_at,
+                updated_at: response.data.updated_at,
             }
         },
 
@@ -220,7 +244,11 @@ export default {
             try {
                 let response = await this.axios.put(
                         `/admin/user/${this.$route.params.id}`,
-                        this.user,
+                        {
+                            first_name: this.user.first_name,
+                            last_name: this.user.last_name,
+                            email: this.user.email,
+                        },
                         )
 
                     if (response.status === 200) {
diff --git a/Frontend/vue/src/components/admin/users/AdminUsersList.vue b/Frontend/vue/src/components/admin/views/users/AdminUsersList.vue
similarity index 64%
rename from Frontend/vue/src/components/admin/users/AdminUsersList.vue
rename to Frontend/vue/src/components/admin/views/users/AdminUsersList.vue
index b2f0996..3bb8c9e 100644
--- a/Frontend/vue/src/components/admin/users/AdminUsersList.vue
+++ b/Frontend/vue/src/components/admin/views/users/AdminUsersList.vue
@@ -2,48 +2,12 @@
     <div id="admin-page-container">
         <admin-navbar/>
         <div class="container table-responsive mt-5 pb-5"> 
-            <div class="row mb-3">
-                <div class="col-12">
-                    <div class="page-nav-container">
-
-                        <div class="row">
-                            <div class="col-sm-6 col-9">
-                                <div class="input-group">
-                                    <input 
-                                        type="text" 
-                                        class="form-control" 
-                                        placeholder="Search..."
-                                        ref="search"
-                                    >
-                                    <div class="input-group-append">
-                                        <button 
-                                            class="btn btn-dark"
-                                            type="button"
-                                            @click="searchUsers"
-                                        >
-                                            Search
-                                        </button>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="col-sm-6 float-right col-3">
-                                <div class="btn-group float-right" role="group">
-                                    <router-link :to="{ name: 'AdminUsersCreate' }">
-                                        <button
-                                            type="button"
-                                            class="btn btn-rounded btn-dark"
-                                        >
-                                            <!-- TODO: Change this to + sign on small screens -->
-                                            Add User
-                                        </button>
-                                    </router-link>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
+            <admin-list-header
+                addNewTo="AdminUsersCreate"
+                addNewLabel="Add User"
+                :searchFunction="searchUsers"
+                ref="listHeader"
+            />
 
             <div class="card shadow-2-strong card-registration">
 
@@ -52,7 +16,8 @@
                         <tr>
                             <th scope="col">Name</th>
                             <th scope="col" class="d-none d-sm-table-cell">Email</th>
-                            <th scope="col" class="d-none d-sm-table-cell">Last Login</th>
+                            <th scope="col" class="d-none d-lg-table-cell">Last Login</th>
+                            <th scope="col" class="d-none d-lg-table-cell">Created At</th>
                             <th scope="col"></th>
                         </tr>
                     </thead>
@@ -60,7 +25,8 @@
                         <tr v-for="user in users" :key="user.id">
                             <td class="align-middle">{{ user.first_name }} {{ user.last_name }}</td>
                             <td class="align-middle d-none d-sm-table-cell">{{ user.email }}</td>
-                            <td class="align-middle d-none d-sm-table-cell">{{ formatDate(user.last_login) }}</td>
+                            <td class="align-middle d-none d-lg-table-cell">{{ formatDate(user.last_login) }}</td>
+                            <td class="align-middle d-none d-lg-table-cell">{{ formatDate(user.created_at) }}</td>
                             <td class="align-middle">
                                 <router-link
                                     :to="{ name: 'AdminUsersForm', params: { id: user.id } }"
@@ -82,7 +48,8 @@
     </div>
 </template>
 <script>
-import AdminNavbar from '@/components/admin/AdminNavbar'
+import AdminNavbar from '@/components/admin/components/navbar/AdminNavbar'
+import AdminListHeader from '@/components/admin/components/list/AdminListHeader'
 
 export default {
     data() {
@@ -97,6 +64,7 @@ export default {
 
     components: {
         AdminNavbar,
+        AdminListHeader,
     },
 
     beforeMount () {
@@ -160,7 +128,7 @@ export default {
         },
 
         searchUsers () {
-            this.search = this.$refs.search.value
+            this.search = this.$refs.listHeader.$refs.search.value
             this.getInitialUsers()
         }
     }
diff --git a/Frontend/vue/src/main.js b/Frontend/vue/src/main.js
index 8db052e..6a3d7c3 100644
--- a/Frontend/vue/src/main.js
+++ b/Frontend/vue/src/main.js
@@ -6,7 +6,18 @@ import { defineRule } from 'vee-validate';
 import AllRules from '@vee-validate/rules';
 import Toaster from "@meforma/vue-toaster";
 import Datepicker from '@vuepic/vue-datepicker';
-import '@vuepic/vue-datepicker/dist/main.css'
+
+import { library } from "@fortawesome/fontawesome-svg-core";
+import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
+import { fas } from '@fortawesome/free-solid-svg-icons'
+import { fab } from '@fortawesome/free-brands-svg-icons';
+import { far } from '@fortawesome/free-regular-svg-icons';
+import { dom } from "@fortawesome/fontawesome-svg-core";
+
+library.add(fas);
+library.add(fab);
+library.add(far);
+dom.watch();
 
 import App from './App.vue'
 import router from './router'
@@ -15,7 +26,7 @@ import admin from './store/admin/index.js'
 import 'bootstrap/dist/css/bootstrap.min.css'
 import 'bootstrap/dist/js/bootstrap.bundle.js'
 // Import the CSS or use your own!
-import "vue-toastification/dist/index.css";
+import '@vuepic/vue-datepicker/dist/main.css'
 
 import './assets/css/admin.css'
 
@@ -34,4 +45,6 @@ Object.keys(AllRules).forEach(rule => {
 
 app.component('date-picker', Datepicker);
 
+app.component("font-awesome-icon", FontAwesomeIcon)
+
 app.mount('#app')
diff --git a/Frontend/vue/src/router/index.js b/Frontend/vue/src/router/index.js
index b2a86ac..71c42e8 100644
--- a/Frontend/vue/src/router/index.js
+++ b/Frontend/vue/src/router/index.js
@@ -1,10 +1,15 @@
 import { createWebHistory, createRouter } from "vue-router";
 import HelloWorld from "@/components/HelloWorld.vue";
-import AdminLogin from "@/components/admin/AdminLogin.vue";
-import AdminSignup from "@/components/admin/AdminSignup.vue";
-import AdminUsersList from "@/components/admin/users/AdminUsersList.vue";
-import AdminUsersCreate from "@/components/admin/users/AdminUsersCreate.vue";
-import AdminUsersForm from "@/components/admin/users/AdminUsersForm.vue";
+
+import AdminLogin from "@/components/admin/views/auth/AdminLogin.vue";
+import AdminSignup from "@/components/admin/views/auth/AdminSignup.vue";
+
+import AdminPostsList from "@/components/admin/views/posts/AdminPostsList.vue";
+import AdminPostsForm from "@/components/admin/views/posts/AdminPostsForm.vue";
+
+import AdminUsersList from "@/components/admin/views/users/AdminUsersList.vue";
+import AdminUsersCreate from "@/components/admin/views/users/AdminUsersCreate.vue";
+import AdminUsersForm from "@/components/admin/views/users/AdminUsersForm.vue";
 
 import admin from '@/store/admin/index.js'
 
@@ -24,6 +29,22 @@ const routes = [
         name: "AdminSignup",
         component: AdminSignup,
     },
+    {
+        path: "/admin/posts",
+        name: "AdminPostsList",
+        component: AdminPostsList,
+        meta: {
+            requiresAuth: true,
+        },
+    },
+    {
+        path: "/admin/posts/:id",
+        name: "AdminPostsForm",
+        component: AdminPostsForm,
+        meta: {
+            requiresAuth: true,
+        },
+    },
     {
         path: "/admin/users",
         name: "AdminUsersList",
diff --git a/Models/Base.go b/Models/Base.go
index c4dac02..fd8ab86 100644
--- a/Models/Base.go
+++ b/Models/Base.go
@@ -10,8 +10,8 @@ import (
 // Base contains common columns for all tables.
 type Base struct {
 	ID        uuid.UUID  `gorm:"type:uuid;primary_key;" json:"id"`
-	CreatedAt time.Time  `json:"-"`
-	UpdatedAt time.Time  `json:"-"`
+	CreatedAt time.Time  `json:"created_at"`
+	UpdatedAt time.Time  `json:"updated_at"`
 	DeletedAt *time.Time `sql:"index" json:"-"`
 }
 
diff --git a/Models/Posts.go b/Models/Posts.go
index 85760e7..ca16879 100644
--- a/Models/Posts.go
+++ b/Models/Posts.go
@@ -1,16 +1,19 @@
 package Models
 
 import (
+	"time"
+
 	"github.com/gofrs/uuid"
 )
 
 type Post struct {
 	Base
-	UserID    uuid.UUID `gorm:"type:uuid;column:user_id;not null;" json:"user_id"`
-	Title     string    `gorm:"not null" json:"title"`
-	Content   string    `gorm:"not null" json:"content"`
-	FrontPage bool      `gorm:"not null;type:boolean" json:"front_page"`
-	Order     int       `gorm:"not null" json:"order"`
+	UserID      uuid.UUID  `gorm:"type:uuid;column:user_id;not null;" json:"user_id"`
+	Title       string     `gorm:"not null" json:"title"`
+	Content     string     `gorm:"not null" json:"content"`
+	FrontPage   bool       `gorm:"not null;type:boolean" json:"front_page"`
+	Order       int        `gorm:"not null" json:"order"`
+	PublishedAt *time.Time `json:"published_at"`
 
 	PostLinks  []PostLink  `json:"links"`
 	PostImages []PostImage `json:"images"`