Vue.jsで検証できないループ処理

現在Vue.jsを学ぶためにCDNで簡易的なSPAチャットアプリを作成中です。

機能概要

①投稿アイテムからキーワード検索フォームパーツ
②投稿アイテム一覧パーツ

バックエンドのDjangoからオブジェクトを②Vueインスタンスのmessagesに展開
テンプレートタグでmessagesオブジェクトをループ
ループ中に投稿メッセージブロックの本文に①の検索フォームに入力されているキーワードが含まれているか判定
もしキーワードが含まれてる場合はブロックアイテム要素に装飾用のpickupclassを付与
その該当した投稿アイテム数をsearch_countにカウントアップして出力（※）

発生している問題・エラーメッセージ

上記のロジックで目視的な実装はできたのですが、
投稿アイテムとして取り出しているのデータ数は10個程度なのにもかかわらず、その中から検索フォームでキーワード検索を行うと
コメント部分（※）の最後のキーワード該当アイテム数の合計数処理のコンソール確認すると回しているカウント数が900前後までカウントされて以下のエラーとなります。

[Vue warn]: You may have an infinite update loop in a component render function.

該当のソースコード

html
1<!-- キーワード検索フォーム -->
2<div class="form-group form-inline w-50 mb-0">
3    <input type="text" id="search_text" placeholder="キーワードから投稿を検索" v-model="keyword" @change="onChange()">
4</div>
5
6<!-- トークルームメッセージ -->
7<div class="card-body" id="message_wrap">
8    <p>検索結果：<span>[[ search_count ]]</span>件</p>
9    <template  v-cloak v-for="item in messages">
10        <div class="talk_position" :class="searchText(item.text, keyword)">
11            <img class="rounded-circle" :src="item.thumb" :alt="item.user">
12            <div class="talk_block">
13                <p v-html="item.text"><!-- メッセージ本文 --></p>
14                <span class="reply_time">[[ item.date ]]</span>
15            </div>
16        </div>
17    </template>
18</div>

javascript
1// トークルームメッセージ
2var messageWrap = new Vue({
3    el: '#message_wrap',
4    delimiters: ['[[', ']]'],
5    data() {
6        return {
7            messages: [],    // 
8            search_count: 0,
9            keyword:  ""
10        }
11    },
12    created() {
13        this.messages.push(
14            {# Djangoのクエリーセットオブジェクトを展開 #}
15            {% for post in messages %}
16                {
17                "id": '{{ post.id }}',    // 投稿ID
18                "user": '{{ post.name }}',    // ユーザー名
19                "thumb": '{{ post.img_url }}',    // ユーザーサムネ
20                "text": '{{ post.message|linebreaksbr }}',    // メッセージ本文
21                "date": '{{ post.created_at }}',    // 投稿日
22                },
23            {% endfor %}
24        );
25    },
26    methods: {
27        // キーワード一致投稿(元テキスト, 検索キーワード)
28        searchText(text, keyword){
29            if(text.match(keyword)){
30                // 該当アイテムのカウントアップ(※)
31                this.search_count++;
32                console.log(this.search_count)
33                // 該当する投稿用のclass名を付与
34                return "pickup";
35            }
36        },
37        // 検索キーワードを更新して再レンダリング
38        reset(text){
39            this.search_count = 0;
40            this.keyword = text;
41        },
42    },
43})
44
45// キーワード検索フォーム
46var search = new Vue({
47    el: "#search_text",
48    data(){
49        return {
50            keyword: "",
51        }
52    },
53    created(){
54        if(this.keyword){
55            this.value = this.keyword;
56        }
57    },
58    methods: {
59        // 入力値が変更されたらキーワードを伝達
60        onChange: function(){
61            if(this.keyword){
62                messageWrap.reset(this.keyword);
63            }
64        }
65    }
66})