2023年11月26日 / 最終更新日時 : 2023年12月7日 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年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月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年8月25日 / 最終更新日時 : 2023年11月24日 admin Vue.js（主にNuxt.jsとVuetify） Nuxt BridgeをNuxt3に移行。先ずはVuetifyでページが表示される所まで VuetifyもVue3に対応（一部除く）したようなので、Nuxt BridgeからNuxt3へのアップグレードしてみました。 変更が多くかなり大変なので、何回かに分けてナレッジをメモしていきます。 対象は、Nuxt.j […] Nuxt3Nuxt3移行Vue3Vuetifyバージョンアップ
2023年7月7日 / 最終更新日時 : 2023年7月13日 admin Vue.js（主にNuxt.jsとVuetify） v-autocomplete：無駄なAPIリスクエストをせずにサジェストを表示する 選択肢が少ない場合はセレクトボックス(v-select)で良いのですが、数が多い場合はサジェスト(suggest)して選択させた方が良いですよね。 候補はいくつかありますが、最終的にv-autocompleteを使用する […] APINuxt.jsVuetify
2022年11月10日 / 最終更新日時 : 2022年11月10日 admin Vue.js（主にNuxt.jsとVuetify） Dexie.jsでIndexedDBを使ってみる IndexedDBはブラウザにデータを保持できる仕組みで、大量のデータをフロントで操作する場合や、APIのレスポンス等をキャッシュしたりする時に便利です。 ただ、IndexedDB APIをそのまま使うと同期処理の対応を […] Dexie.jsIndexedDBNuxt.jsVuetify
2022年10月16日 / 最終更新日時 : 2022年10月28日 admin Vue.js（主にNuxt.jsとVuetify） v-data-table：ボタンクリック(expand)で複数行の内訳の表示・非表示を切り替える expandだけだとテーブル構造としては1行しか表示できず、hoverもしない。 追記：item全体をslotすると2行以上表示できて、hoverも出来ました。 一覧で表示し切れない情報を補足的に表示するには良さそう。 […] Nuxt.jsVuetify