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を切り替えられるようにしていなかった。時間掛か […]

2023年10月17日 / 最終更新日時 : 2023年11月2日 admin Vue.js（主にNuxt.jsとVuetify）

markdown-itをVuetifyの環境に導入してデザインを整える

markdown-itの導入は公式を参考にすれば問題なくできますが、Pluginが多くて時間が掛かるのと、Vuetifyの環境に入れると、間隔が狭まったり位置がズレたりするので、demoページを参考にlayoutや他のペ […]

2023年10月12日 / 最終更新日時 : 2023年11月29日 admin Vue.js（主にNuxt.jsとVuetify）

Vuetify3のv-data-tableは、まだ開発中でリリースされていない。 → Vuetify3でリリースされたv-data-tableにアップデートする仕様が変わる可能性はありますが、Vuetify Labsで […]

2023年9月27日 / 最終更新日時 : 2023年12月23日 admin Vue.js（主にNuxt.jsとVuetify）

Nuxt2(Bridge)からNuxt3にバージョンアップしたら$tでオブジェクトが取得できなくなったので、調査してみました。先に結論を書くと、厳格化して？、$tmと$rtを使うようになったようです。

2023年9月15日 / 最終更新日時 : 2024年1月16日 admin Vue.js（主にNuxt.jsとVuetify）

VitestとVue Test Utilsの導入と、Nuxt2向けにJestで書いたテストはできるだけ、そのまま使いたいので、使えるように直します。PageやComponentは、Options API＋JavaScri […]

2023年9月12日 / 最終更新日時 : 2023年11月23日 admin Vue.js（主にNuxt.jsとVuetify）

Vuetify2からVuetify3で仕様が変わって、デザインが崩れたり表示が変わったりしているので対応して行きます。アップグレードガイドと各APIやコンポーネントのページを確認しながら進めるのが良いのですが、手間なの […]

2023年9月10日 / 最終更新日時 : 2023年11月23日 admin Vue.js（主にNuxt.jsとVuetify）

Vuetifyの移行していなかった設定（nuxt.config.jsで設定していたテーマ・色）を設定します。調整しやすいように確認ページも作りました。前回：Nuxt BridgeをNuxt3に移行。ヘッダタイトルとエ […]

2023年9月8日 / 最終更新日時 : 2023年11月23日 admin Vue.js（主にNuxt.jsとVuetify）

ヘッダのタイトルが表示されないのと、エラーページがデフォルトのままになってしまったので、そちらの修正を行います。前回：Nuxt BridgeをNuxt3に移行。ESlintを導入

2023年9月7日 / 最終更新日時 : 2023年11月29日 admin Vue.js（主にNuxt.jsとVuetify）

静的解析ツールのESlintを導入します。Prettierは今の所、なくても良いかな！？ Nuxt2でも導入していたのをVue3にも対応させるイメージです。前回：Nuxt BridgeをNuxt3に移行。上に戻るボタン […]

2023年9月6日 / 最終更新日時 : 2024年1月17日 admin Vue.js（主にNuxt.jsとVuetify）

上に戻るボタンに対応します。vue-go-topがVue3に対応していなかったので、Vuetifyを使って、実装する事にしました。前回：Nuxt BridgeをNuxt3に移行。vue-toast-notificati […]