vue.jsで「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: "XXXX"」 というワーニングを解決する

以下で検索すると

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

同様のワーニングを解決している人がいたのでそちらを参照 kic-yuuki.hatenablog.com

一言でいうとpropsのプロパティを変更せずに一回dataに入れてから値を変えろよってことらしい