Disable shouting for own content

components/ShoutButton.vue

@@ -31,12 +31,12 @@ export default {
   props: {
     count: { type: Number, default: 0 },
     postId: { type: String, default: null },
-    isShouted: { type: Boolean, default: false }
+    isShouted: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false }
   },
   data() {
     return {
       loading: false,
-      disabled: false,
       shoutedCount: this.count,
       shouted: false
     }

pages/post/_slug/index.vue

@@ -28,6 +28,7 @@
     <ds-space margin="xx-large" />
     <hc-shout-button
       v-if="post.author"
+      :disabled="isAuthor(post.author.id)"
       :count="post.shoutedCount"
       :is-shouted="post.shoutedByCurrentUser"
       :post-id="post.id"