IndexedDB + Vue CLI, Chart.js で、測定値の表示 ファイルのインポート可

■ 概要:

IndexedDB + Vue CLIで
Dexie.js　ライブラリを使用した構成となり。
測定値の登録、chart.jsグラフ表示

・ブラウザ内IndexedDBデータの エクスポート、インポート機能で
jsonファイル経由で可能で、
別ＰＣや、外出先ＰＣのブラウザにインポートできます。

■ 環境

Chrome 83
Vue CLI
dexie : 3.0.1
vue: 2.6.11
vue-router
chart.js
SinglePageApplication / SPA
Progressive Web Apps / PWA

■ 参考

https://vue-chartjs.org/ja/

https://nori-life.com/vue-cli-chart-js/

■ 画面

・グラフ

・リスト
　上部分に、エクスポート、インポートの
　ボタンを配置

■　参考のページ