Vue.jsでチェックボックスによる絞り込み検索をしたいです。

Question

前提・実現したいこと

Vue.jsでチェックボックスによる絞り込み検索をしたいです。
javascript初心者です。

発生している問題・エラーメッセージ

https://qiita.com/Kackie/items/309143c9e0313128b7de
こちらのものがやりたいことに近いのですが、時間の項目が必要ありません。
jsonファイルの時間の項目を削除すると真っ白になってしまうので、jsファイルの方を変える必要があると思うのですが、時間に関する部分を削除やコメントアウトするとこちらも真っ白になってしまいます。
どこをどう変えたら良いのでしょう？

コードを書くと文字数オーバーで投稿ができないのですが、ファイルは こちら の
css/styles.css scripts/scripts.js data.json vue.html
の４ファイルをそのまま使用しておりちゃんと動いています。

答えを教えてほしいという投稿はダメのようですが試行錯誤も３日目になり、せめて何かヒントがあればと思い質問させていただきました。
どのような事を学べば上記を実装できますでしょうか？
よろしくお願いいたします。

Comments

[hallen0225]

端的に言ってしまうと、Vue.js以前に、HTMLやJavascriptの理解が足りていないのではないでしょうか？
ソースコードを全て書くと文字数オーバーになるということですが、CSSはプログラムの動作に必要ありませんし、data.jsonも何件かあれば確認には足ります。

こういったところの判断が出来るようでないと、文章で質問をするのは難しいと考えます。

2点ほどヒントを出しますと、
・「真っ白になる」ということは、どこかでエラーが発生しています。それをブラウザの「開発者ツール」というものを使って確認する必要があります。
・「jsonファイルの時間の項目を削除すると真っ白になってしまうので、jsファイルの方を変える必要がある」ということですが、そもそも入力項目・表示項目というのはHTMLにあります。それを削除すれば、時間の項目をなくすこと自体は可能です。
（もっとも、JSONの時間に関するプロパティや、時間の項目に関するJavascriptのコードも不要にはなるので、消去はするべきなのですが）