Attrs is readonly

[titanfat]

Greetings. Trix has been added to the Rail project via yarn for Vie. And such an error occurs. As you enter, it is repeated and more added. Trix itself renders and works. Trix and Action Text is not connected in the backend

[Vue warn]: $attrs is readonly.

found in

--->
at app/javascript/src/views/work_categories/WorkCategoryForm.vue
vue.runtime.esm.js:619
VueJS 26
warn
initRender
reactiveSetter
updateChildComponent
prepatch
patchVnode
updateChildren
patchVnode
updateChildren
patchVnode
updateChildren
patchVnode
updateChildren
patchVnode
updateChildren
patchVnode
updateChildren
patchVnode
patch
_update
updateComponent
get
run
flushSchedulerQueue
nextTick
flushCallbacks

---

[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "srcContent"

found in

--->
at o-din/app/javascript/src/views/work_categories/WorkCategoryForm.vue
vue.runtime.esm.js:619
VueJS 26

In Layout:
.form-group label {{ $t('activerecord.attributes.work_category.description') }} vue-trix.form-control(v-model='work_category.description' rows="3")

[inspire22]

Are you using vue 3.x? Currently vue-trix needs vue to be run in compatibility mode with 3.1 to work unfortunately.