اتصال ویرایشگر متن TnyMCE dبه Vue js در لاراول9

سلام من از "TinyMCE" برای ثبت متن مقاله استفاده کردم، و "v-model" روی برچسب "textarea" تنظیم شده است، می خواهم متن درج شده در ویرایشگر متن را به Vue متصل کنم. من از v-model استفاده کردم ولی جواب نداد. در blade از TinyMCE CDN ​​و تگ textarea binding به این صورت استفاده کردم:

<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>

    <script>
        tinymce.init({
            selector: '#mytextarea'
        });
    </script>

                                    <textarea id="mytextarea"  v-model="ArticleBody"></textarea>

فایل app.js :

createApp({

    data() {
        return {

            ArticleBody: '' 
        }
    },

    created: function () {

    },

    methods: {
        AddArticel:function (){
            alert( this.ArticleBody)

        },

    }
}).mount('#article')

اما در Vue Devtools متغییر ArticleBodyتعریف نشده مینویسه !! وقتی id="mytextarea" را در تگ textarea حذف میکنم همه چیز درست و کار می کنه اما من برای مقالات به TextEditor نیاز دارم! من نمی خواهم از کامپوننت vue js استفاده کنم. کدها در app.js نوشتم. لطفا کمکم کنید