docs(commits): handle failing more gracefully

Author: johnleider

packages/docs/src/components/app/settings/LatestCommit.vue

@@ -1,9 +1,9 @@
 <template>
   <AppListLinkListItem
-    v-if="commits.latest"
-    :href="`https://github.com/vuetifyjs/vuetify/commit/${commits.latest?.sha}`"
+    v-if="commits.latest?.sha"
+    :href="`https://github.com/vuetifyjs/vuetify/commit/${commits.latest.sha}`"
     :label="t('latest-commit')"
-    :title="commits.latest?.sha.slice(0, 7)"
+    :title="commits.latest.sha.slice(0, 7)"
     append-icon="mdi-open-in-new"
     min-width="90"
     prepend-icon="mdi-source-commit"

packages/docs/src/stores/commits.ts

@@ -21,12 +21,14 @@ export const useCommitsStore = defineStore('commits', {
       this.isLoading = true
 
       try {
-        this.commits = await fetch(`${url}/github/commits`, {
+        const res = await fetch(`${url}/github/commits`, {
           method: 'GET',
           credentials: 'include',
-        }).then(res => res.json())
+        }).then(async res => res.json())
+
+        this.commits = res
       } catch (err: any) {
-        console.error(err)
+        console.warn(`Failed to fetch commits: ${err.message}`)
       }
 
       this.isLoading = false
@@ -35,7 +37,7 @@ export const useCommitsStore = defineStore('commits', {
 
   getters: {
     latest (state) {
-      return state.commits[0]
+      return state.commits?.[0]
     },
   },
 })