apply function from methods to reverse string in paragraph in vue.js

Dears, I have tried to apply function to reverse string in paragraph text in vue.js,
I have created function to reverse words in methods called (reverseword) and added it

card using :rule=”reverseword()”,but it does not work. your support is highly appreciated
Code:

    <div class="post-box">
        <span class="post-viwes">{{viwes}}</span>
        <h3 class="post-title">{{title}}</h3>       
         <span class="post-date">{{date}}</span>
        <p class="post-content">{{content}}</p>
        <div class="row">
            <div class = "col-sm-6 text-right">
              <span class="post-author">{{author}} </span>
            </div>
            <div class = "col-sm-6 text-right" :rules="reverseword()">
              <span class="post-category"  >{{category.toUpperCase()}}</span>
            </div>
        </div>
        )
    </div>
</template>
<script>
export default {
    props:["viwes","title","date","content","author","category"],
    name:"posts",
      methods: {
        reverseWord: function () {
          this.category = this.category.split('').reverse().join('')
    }   
}};
</script>```