[UI] load apps fail warning

frontend/src/pages/AppManagement.vue

@@ -74,6 +74,7 @@
 
 <script setup lang="ts">
 import { ref, onMounted, watch, reactive } from 'vue';
+import { useQuasar } from 'quasar'
 import { api } from 'boot/axios';
 import { useAuthStore } from 'stores/useAuthStore';
 import { useFlowEditorStore } from 'stores/flowEditor';
@@ -112,6 +113,7 @@ const filter = ref('');
 const rows = ref<IAppDisplay[]>([]);
 const rowIds = new Set<string>();
 
+const $q = useQuasar()
 const store = useFlowEditorStore();
 const appDialog = ref();
 const showSelectApp=ref(false);
@@ -120,12 +122,21 @@ const isAdding = ref(false);
 const getApps = async () => {
   loading.value = true;
   rowIds.clear();
-  const result = await api.get('api/apps');
-  rows.value = result.data.data.map((item: IManagedApp) => {
-    rowIds.add(item.appid);
-    return appToAppDisplay(item)
-  }).sort((a: IAppDisplay, b: IAppDisplay) => a.sortId - b.sortId); // set default order
-  loading.value = false;
+  try {
+    const { data } = await api.get('api/apps');
+    rows.value = data.data.map((item: IManagedApp) => {
+      rowIds.add(item.appid);
+      return appToAppDisplay(item)
+    }).sort((a: IAppDisplay, b: IAppDisplay) => a.sortId - b.sortId); // set default order
+  } catch (error) {
+    $q.notify({
+      icon: 'error',
+      color: 'negative',
+      message: 'アプリ一覧の読み込みに失敗しました'
+    });
+  } finally {
+    loading.value = false;
+  }
 }
 
 onMounted(async () => {