2023年9月12日 / 最終更新日時 : 2023年11月23日 admin Vue.js(主にNuxt.jsとVuetify) Nuxt BridgeをNuxt3に移行。Vuetifyのデザイン崩れを直す Vuetify2からVuetify3で仕様が変わって、デザインが崩れたり表示が変わったりしているので対応して行きます。 アップグレードガイドと各APIやコンポーネントのページを確認しながら進めるのが良いのですが、手間なの […] Nuxt3Nuxt3移行Vue3Vuetifyバージョンアップ
2023年9月10日 / 最終更新日時 : 2023年11月23日 admin Vue.js(主にNuxt.jsとVuetify) Nuxt BridgeをNuxt3に移行。Vuetify3のテーマと色を設定+確認ページ作成 Vuetifyの移行していなかった設定(nuxt.config.jsで設定していたテーマ・色)を設定します。 調整しやすいように確認ページも作りました。 前回:Nuxt BridgeをNuxt3に移行。ヘッダタイトルとエ […] Nuxt3Nuxt3移行Vue3Vuetifyバージョンアップ
2023年9月8日 / 最終更新日時 : 2023年11月23日 admin Vue.js(主にNuxt.jsとVuetify) Nuxt BridgeをNuxt3に移行。ヘッダタイトルとエラーページを修正 ヘッダのタイトルが表示されないのと、エラーページがデフォルトのままになってしまったので、そちらの修正を行います。 前回:Nuxt BridgeをNuxt3に移行。ESlintを導入 Nuxt3Nuxt3移行Vue3エラーバージョンアップ
2023年9月7日 / 最終更新日時 : 2023年11月29日 admin Vue.js(主にNuxt.jsとVuetify) Nuxt BridgeをNuxt3に移行。ESlintを導入 静的解析ツールのESlintを導入します。Prettierは今の所、なくても良いかな!? Nuxt2でも導入していたのをVue3にも対応させるイメージです。 前回:Nuxt BridgeをNuxt3に移行。上に戻るボタン […] ESLintNuxt3Nuxt3移行Vue3バージョンアップ
2023年9月6日 / 最終更新日時 : 2024年1月17日 admin Vue.js(主にNuxt.jsとVuetify) Nuxt BridgeをNuxt3に移行。上に戻るボタンに対応 上に戻るボタンに対応します。vue-go-topがVue3に対応していなかったので、Vuetifyを使って、実装する事にしました。 前回:Nuxt BridgeをNuxt3に移行。vue-toast-notificati […] Nuxt3Nuxt3移行Vue3バージョンアップ
2023年9月5日 / 最終更新日時 : 2023年11月23日 admin Vue.js(主にNuxt.jsとVuetify) Nuxt BridgeをNuxt3に移行。vue-toast-notificationかvue-toastificationを導入 toast(通知が一定時間表示されて消えるやつ)を導入します。 @nuxtjs/toastは、現段階でNuxt3に対応してなさそうなので、選定から始めます。 前回:Nuxt BridgeをNuxt3に移行。nuxt-au […] Nuxt3Nuxt3移行toastVue3バージョンアップ通知
2023年9月3日 / 最終更新日時 : 2023年11月24日 admin Vue.js(主にNuxt.jsとVuetify) Nuxt BridgeをNuxt3に移行。nuxt-authを導入 Nuxt3で@sidebase/nuxt-authのlocalの挙動を調べてみた で決めた方針(APIリクエストは自前でして、@sidebase/nuxt-authの状態管理のみ使用する)に従って対応して行きます。 前回 […] Devise Token AuthNuxt3Nuxt3移行Vue3バージョンアップ認証
2023年9月1日 / 最終更新日時 : 2023年11月24日 admin Vue.js(主にNuxt.jsとVuetify) Nuxt3で@sidebase/nuxt-authのlocalの挙動を調べてみた Nuxt BridgeをNuxt3に移行中。@nuxtjs/authがまだPlannedで、@sidebase/nuxt-authが推奨されていますが、挙動がかなり違うので、調べてみました。 Roadmap · Nuxt […] Devise Token AuthNuxt3Nuxt3移行Vue3バージョンアップ認証
2023年8月28日 / 最終更新日時 : 2023年11月23日 admin Vue.js(主にNuxt.jsとVuetify) Nuxt BridgeをNuxt3に移行。injectを書き換える。utilsとの違い injectの書き方が変わっているので修正します。序でにTypeScriptへの変更も。 utilsでも対応可能なので、違いや使い所も確認しておきます。 前回:Nuxt BridgeをNuxt3に移行。$axiosをFe […] injectNuxt3Nuxt3移行utilsVue3バージョンアップ
2023年8月27日 / 最終更新日時 : 2023年11月24日 admin Vue.js(主にNuxt.jsとVuetify) Nuxt BridgeをNuxt3に移行。$axiosをFetch APIに書き換える。nuxt-lodashを導入 $axiosは廃止されたようなので、Fetch APIに書き換えます。少ない修正量を目指します。 nuxt-lodashも必要になったので、ここで導入しておきます。 前回:Nuxt BridgeをNuxt3に移行。vee […] Fetch APIlodashNuxt3Nuxt3移行vee-validateVue3バージョンアップ