TWSNMP FC:ノードリストをCSVでエクスポートできるようにした

今朝は室温が２０度を下回ったので猫は寒くて何度も「ストーブつけろ！」と騒いでいました。彼の寝室（私のしごと部屋）のファンヒータは昨日しまったばかりでした。４時半に起きて抱っこしておさめましたが、６時半にまた騒いで、かみさんを布団から追い出して布団の上でやっと静かになりました。
さて、この２日でTWSNMP　FCのテーブル表示の画面のほとんどにフィルター機能をつけました。かなりネットワークの調査が楽になりました。
今朝は、テーブル表示しているデータをCSVでエクスポートする機能をつけようと思い調べ始めました。いろいろ調べて、

jecovier/vue-json-excel

が良さそうなので試してみることにしました。
Nuxt.js + Vuetifyの環境に割と簡単に組み込むことができました。

import Vue from 'vue'
import JsonExcel from 'vue-json-excel'

Vue.component('downloadExcel', JsonExcel)

の内容をプラグインとして登録すれば、どのページでも

        <download-excel
         :data="nodes"
         type="csv"
         name="TWSNMP_FC_Node_List.csv"
         header="TSNMP FC Node List"
         class="v-btn"
       >
         <v-btn color="primary" dark>
           <v-icon>mdi-file-delimited</v-icon>
           CSV
         </v-btn>
       </download-excel>

のように書けば

のうにダウンロードボタンが表示されます。このライブラリは、CSV以外にExcelファイルにも対応しています。（でも保存したファイルをExcelで開くと形式が違うと怒られます。）
ボタンをクリックするとファイルがダウンロードできます。ExcelやPages で開けば

のようになります。
とりあえずノードリストのページにだけボタンを付けました。その開発は、

ノードリストをCSV,EXCELでエクスポートする機能追加 · twsnmp/twsnmpfc@fc3f3c9

です。明日から他のテーブル表示のページにももCSVのエクスポート機能をつけようと思います。
明日に続く。