BridgeをNuxt3に移行。BridgeをNuxt3に移行。BridgeをNuxt3に移行。APIに書き換えます。少ない修正量を目指します。nuxt-lodashも必要になったので、ここで導入しておきます。BridgeをNuxt3に移行。【次回】injectを書き換える。utilsとの違い今回のコミット内容メソッドを作成・変更するcomposables/apiRequest.tscomposablesにuseApiRequestを作成して、呼び出し元の修正量を減らす事にしました。plugins/axios.jsで認証ヘッダを追加・保存していましたのを、ここに実装。data(ボディ部分)はresponseに含まれるものの、受信完了を待つ必要があるので、ここで.json()で取得してセットしてます。レスポンスヘッダの取得方法が変わっています。response.headers.get(‘xxx’)FormData(ファイル等)で、Content-typeを指定するとエラーになります。response.status)意外と変更量は多くなってしまいましたが、行数はあまり変わらないかな。components/users/update/Image.vuev-file-inputの値が配列に変更になっていたので、image[0]に変更しました。APIでは通信エラーは例外になりますが、500や404等は例外にならない。response?.okで分岐するようにしました。dataサーバー入力エラーで、値を変更しても、ボタンが押せない(validにならない)setErrorsの仕様が変わったようで、Railsだとfull_messagesが含まれるので、入力し直してもvalidがtrueにならない。