API からデータが返ってくるまで画面にロード中を示すスピナーを表示しておく

[tsuna-can-se]

概要

Dressca Admin のフロントエンドにおいて、
API からデータが返ってくるまで、画面の表示が変な状態になってしまう。
そのため、API からデータが返ってくるまで画面にロード中を示すスピナーを表示しておくように修正する。

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

Consumer については以前下記のissueにて対応した。
ただ、Consumer内にも未対応の画面があった場合は、別途issueを作成して対応する。

• カートに追加したとき一瞬変な画面がでる maris#420

完了条件

• API でのデータ取得中、画面の表示が変にならないこと（スピナーが表示されること）

[kenjiyoshid-a]

Consumerについて、カタログアイテムの一覧のViewファイルであるCatalogView.vueのローディング・スピナーの表示・非表示の制御が不完全であるように見える。

onMounted(async () => {
  state.showLoading = true;
  // 省略
  try {
    await fetchItems(selectedCategory.value, selectedBrand.value);
  } catch (error) {
    // 省略
  }
  state.showLoading = false;
});

以下のようにfinally句に state.showLoading = false;を含めるように変更する。

onMounted(async () => {
  state.showLoading = true;
  // 省略
  try {
    await fetchItems(selectedCategory.value, selectedBrand.value);
  } catch (error) {
    // 省略
  } finally{
    state.showLoading = false;
  }
});

[kenjiyoshid-a]

Consumerについての修正は下記Issueで対応する。

• ConsumerのCatalogView.vueに存在するローディング・スピナーの非表示制御をfinally句に移動する #1934