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月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
2023年10月17日 / 最終更新日時 : 2023年11月2日 admin Vue.js(主にNuxt.jsとVuetify) markdown-itをVuetifyの環境に導入してデザインを整える markdown-itの導入は公式を参考にすれば問題なくできますが、Pluginが多くて時間が掛かるのと、Vuetifyの環境に入れると、間隔が狭まったり位置がズレたりするので、demoページを参考にlayoutや他のペ […] Nuxt3Nuxt3移行Vue3Vuetifyバージョンアップ
2023年10月12日 / 最終更新日時 : 2023年11月29日 admin Vue.js(主にNuxt.jsとVuetify) Vuetify Labsとv3-infinite-loadingでv-data-tableを暫定対応する Vuetify3のv-data-tableは、まだ開発中でリリースされていない。 → Vuetify3でリリースされたv-data-tableにアップデートする 仕様が変わる可能性はありますが、Vuetify Labsで […] Nuxt3Nuxt3移行Vue3Vuetifyバージョンアップ
2023年9月27日 / 最終更新日時 : 2023年12月23日 admin Vue.js(主にNuxt.jsとVuetify) vue-i18nでまるっとオブジェクトを取得する Nuxt2(Bridge)からNuxt3にバージョンアップしたら$tでオブジェクトが取得できなくなったので、調査してみました。 先に結論を書くと、厳格化して?、$tmと$rtを使うようになったようです。 Nuxt3Nuxt3移行Vue3バージョンアップ
2023年9月15日 / 最終更新日時 : 2024年1月16日 admin Vue.js(主にNuxt.jsとVuetify) Nuxt BridgeをNuxt3に移行。VitestとVue Test Utilsを導入 VitestとVue Test Utilsの導入と、Nuxt2向けにJestで書いたテストはできるだけ、そのまま使いたいので、使えるように直します。PageやComponentは、Options API+JavaScri […] Nuxt3Nuxt3移行VitestVue3バージョンアップ