TL;DR

すごく便利だったので、視覚的に見れるWEBサービスを作成しました！
https://hogehoge.netlify.com/

作ったもの

hogehoge.io
https://hogehoge.netlify.com/

検索したいキーワードを複数打ち込み、検索すると
結果のテーブルと円グラフ、また各キーワードの検索に引っかかったファイルのリストが出てくるようになっています。

chartjsで表示している円グラフのアニメーションがすごくかっこよくてお気に入りです。

②のAPIへの検索を並列で行っているため?か、たくさんのキーワードで検索を行うと
たまに403エラーが帰ってきてしまいます。

 var keywords = this.user_input.replace(/\s+/g, ' ').split(' ')

意外に半角全角まじりのスペースを良い感じに分割するのは難しかった...
正規表現で半角全角の空白すべてを半角空白１つに置換してから分割しています。

Promiseに関する知識がなく、調べながらの作業で
最終的にはこのコードに落ち着きました。

  const result = await Promise.all(
    keywords.map(async (keyword) => {
      return this.$axios.$get('/code?q=' + keyword)
    })
  )

検索結果を保存していきたい！

予測変換のようなもので良く検索されるキーワード順に出したり、
一緒に検索されるキーワードを提案できるようにしていきたい。

変数名や関数名決めるのすごく悩んでしまうタイプなんですが
これでhogeなんて変数名を付けなくなる、、、かな？