2025年6月28日 / 最終更新日時 : 2025年6月28日 admin Vue.js（主にNuxt.jsとVuetify） @nuxtjs/i18nのバージョンアップでハマったのでメモ i18n自体のエラーは出なかったけど、翻訳されず、定義名が表示されるようになりました。 Vitestも落ちるようになった。上記のi18nに対応した副作用と、happy-domのバージョンアップ影響？でした。 i18nNuxt.jsNuxt3
2025年1月5日 / 最終更新日時 : 2025年1月5日 admin Vue.js（主にNuxt.jsとVuetify） @nuxt/eslintを導入してeslintをv8からv9にバージョンアップしてみた v9にバージョンアップするには設定ファイルを書き換えなければならないので、v8に固定（typescriptも依存している為、v5.3に）していました。 レガシー設定(.eslintrc)がいずれサポート外になるので、早め […] ESLintNuxt.jsNuxt3バージョンアップ
2024年11月17日 / 最終更新日時 : 2024年12月8日 admin Vue.js（主にNuxt.jsとVuetify） (Vuetify3)v-autocomplete：無駄なAPIリスクエストをせずにサジェストを表示する v-autocompleteをVuetify2からVuetify3に移行してみました。 選択肢に選択している値が無くても表示されるようなったり、 イベントが整理され、mousedownやchange、blurを使って頑張 […] APINuxt.jsNuxt3Nuxt3移行Vuetify
2024年2月16日 / 最終更新日時 : 2024年2月20日 admin Vue.js（主にNuxt.jsとVuetify） Nuxt.jsでブラウザの優先言語で表示言語を切り替えたい Next.js(next-intl)では、localeを含まないURLにアクセスした場合に、優先言語で表示が切り替わったり、URLが書き換わりましたが、 Nuxt.js(@nuxtjs/i18n)では、defaultLo […] i18nNuxt.jsNuxt3Vue3
2023年12月30日 / 最終更新日時 : 2023年12月30日 admin Vue.js（主にNuxt.jsとVuetify） Vuetify3のv-data-tableの開閉(expand)で複数行の表示・非表示を切り替える Vuetify2で作成した、v-data-table：ボタンクリック(expand)で複数行の内訳の表示・非表示を切り替える をVuetify3で動くように直します。 Slots（Vuetify2ではexpanded-i […] Nuxt3Nuxt3移行Vue3Vuetifyバージョンアップ
2023年11月30日 / 最終更新日時 : 2023年11月30日 admin Vue.js（主にNuxt.jsとVuetify） pageからlayoutに値を渡す。useStateが便利！ ページのタイトルを画面に表示する場合、layoutで共通化する事が多いと思います。 Vue2(Nuxt2)では、EventBusを使っていましたが、Vue3では削除されました。 外部ライブラリ（mittやtiny-emi […] Nuxt3Nuxt3移行Vue3バージョンアップ
2023年11月27日 / 最終更新日時 : 2023年11月27日 admin Vue.js（主にNuxt.jsとVuetify） generate後、デプロイしてもページが表示されない（entry.jsのパスが変になった） 現象1 画面は真っ白で、ブラウザコンソールに下記が表示されました。 Failed to load module script: Expected a JavaScript module script but the se […] Nuxt3yarn環境構築
2023年11月26日 / 最終更新日時 : 2023年12月24日 admin Vue.js（主にNuxt.jsとVuetify） Vuetify3でリリースされたv-data-tableにアップデートする v-data-tableがv3.4.0でリリースされました。 あとは、v-calendarだけが残っているようです。→ Introduction to Labs — Vuetify 以前、Vuetify Labsので暫定 […] Nuxt3Nuxt3移行TypeScriptVue3Vuetifyバージョンアップ
2023年11月1日 / 最終更新日時 : 2023年11月24日 admin Vue.js（主にNuxt.jsとVuetify） Options API/JavaScriptをComposition API/TypeScriptに書き換える 書き換え箇所が多いのでメモしておきます。Vitestも対象。 また、Options APIで書いたMixinは使えなくなるのと、そもそもMixinは唐突に現れる為、可読性が悪かったので、Utilでexportして、imp […] Nuxt3Nuxt3移行TypeScriptVue3バージョンアップ
2023年10月19日 / 最終更新日時 : 2023年10月20日 admin Vue.js（主にNuxt.jsとVuetify） 適用するCSSをテーマで切り替える（markdown-itのhighlight.js） markdown-itをVuetifyの環境に導入してデザインを整える でhighlight.jsを導入しましたが、テーマ（lightやdark）毎にimportするCSSを切り替えられるようにしていなかった。 時間掛か […] Nuxt3Vue3Vuetify