すべてのカテゴリ・ブランドを表すレコードを追加する処理をVIew・ViewModelに移動する

[KentaHizume]

概要

Consumerではカタログストアのアクションで、
カテゴリとブランドについてデータをフェッチした後に{ id: 0, name: 'すべて' }のレコードを追加している。
これはセレクトボックスで「すべて」を選べるようにするためのUIの都合なので、
この処理についてはCatalogViewに移動したい。

現在のConsumerのカタログに関するつくりとして、
各ページでカタログストアで定義したStateを参照しているので、
このつくりをやめる必要がありそう。

詳細 / 機能詳細（オプション）

• カタログストア

  actions: {
    async fetchCategories() {
      const response = await catalogCategoriesApi.getCatalogCategories();
      this.categories = response.data;
      this.categories.unshift({ id: 0, name: 'すべて' });
    },

• カタログビュー

<label class="mr-2 font-bold"
  >カテゴリ
  <select v-model="selectedCategory" class="w-48 border-2">
    <option
      v-for="category in getCategories"
      :key="category.id"
      :value="category.id"
    >
      {{ category.name }}
    </option>
  </select>
</label>

完了条件

ここにこの Issue の完了条件を箇条書きで記載します。