[Issue #41] Bug Fix: Pagination doesn't show middle page number

[lilycoco]

Types of changes

What kind of change does this PR introduce? (check at least one)

• [ ] Breaking change
• [x] Bugfix
• [ ] Feature
• [ ] Code style update
• [ ] Refactoring
• [ ] Build related changes
• [ ] CI related changes
• [ ] Documentation content changes
• [ ] Other... Please describe:

Description

Issue Number: #41

Vuetify の仕様でtotal-visibleを5以下にすると間のページ数が上手く表示出来ないみたいです。。 ページ数が多い場合に間のページ数を3つ表示出来るよう、total-visible="7"に設定しました。 参考: https://vuetifyjs.com/en/components/paginations/

@hideto2112 レビューお願いします！

[lilycoco]

以下2点についてもBugがあったので追加で修正しました。

• Paginationで別のページへ移動後、フィルターや検索をかけた場合、ページ番号が移動後のページ番号のままになっている

  • フィルターや検索をかけた際にページ番号を1へ戻す

• flexbox でnumber-of-hits とpaginationを横並びに表示させた場合、total-visibleが上手く適応出来ない(?)

  • 段落を分けて表示