diff --git a/ui/src/herd/herds/CreateHerd.vue b/ui/src/herd/herds/CreateHerd.vue index be58908..6af57f3 100644 --- a/ui/src/herd/herds/CreateHerd.vue +++ b/ui/src/herd/herds/CreateHerd.vue @@ -2,8 +2,9 @@

Gather a Herd

- - + +
Letters, numbers and underscores only
+
Announce at The Watering Hole
@@ -33,7 +34,7 @@ export default defineComponent({ HerdPasswordModal }, data(): { - title: string | undefined; + title: string; description: string | undefined; public: boolean; creatingHerd: boolean; @@ -41,7 +42,7 @@ export default defineComponent({ showPasswordModal: boolean; } { return { - title: undefined, + title: '', description: '', public: true, creatingHerd: false, @@ -51,7 +52,12 @@ export default defineComponent({ }, computed: { isHerdValid() { - return true && this.title !== undefined + return this.title.length > 0 + }, + }, + watch: { + title(val) { + this.title = val.replace(/\W/g, ""); }, }, methods: { diff --git a/ui/src/herd/posts/CommentDetail.vue b/ui/src/herd/posts/CommentDetail.vue index 564efd5..52fa1dc 100644 --- a/ui/src/herd/posts/CommentDetail.vue +++ b/ui/src/herd/posts/CommentDetail.vue @@ -134,6 +134,11 @@ export default defineComponent({ async mounted() { await this.fetchComment(); }, + watch: { + commentHash() { + this.fetchComment(); + } + }, methods: { async fetchComment() { try {