LintFix

frontend/app.vue

@@ -1,16 +1,5 @@
 <script setup lang="ts">
-import { serializeError } from 'serialize-error'
-
-const { loading: { clearLoading }, error: { errorModalVisible, error } } = useModal()
-
-const handleError = (err: Error) => {
-  if (process.client) {
-    console.log(err)
-  }
-  error.value = serializeError(err)
-  errorModalVisible.value = true
-  clearLoading()
-}
+const { error: { handleError } } = useModal()
 
 onErrorCaptured((err: unknown, _instance: ComponentPublicInstance | null, _info: string) => {
   let error: Error | undefined

frontend/components/portfolio/DownloadButton.vue

@@ -3,6 +3,7 @@ import { type Portfolio, type AccessBlobContentResp } from '@/openapi/generated/
 
 const { t } = useI18n()
 const pactaClient = usePACTA()
+const { error: { handleError } } = useModal()
 
 interface Props {
   portfolio: Portfolio
@@ -17,7 +18,7 @@ const downloadInProgress = useState<boolean>(`${statePrefix}.downloadInProgress`
 const doDownload = async () => {
   const blob = props.portfolio.blob
   if (!blob) {
-    console.warn('No blobId found for portfolio', props.portfolio)
+    handleError(new Error(`Portfolio did not have blob associated with it, and could not be downloaded: ${props.portfolio.id}`))
     return
   }
   const blobId = blob.id

frontend/composables/useModal.ts

@@ -1,5 +1,6 @@
 import { type Ref } from 'vue'
 import { type ErrorObject } from 'serialize-error'
+import { serializeError } from 'serialize-error'
 
 export const useModal = () => {
   const prefix = 'useModal'
@@ -24,6 +25,14 @@ export const useModal = () => {
   // error
   const errorModalVisible = newModalVisibilityState('errorModalVisible')
   const error = useState<ErrorObject>('errorModal.error')
+  const handleError = (err: Error) => {
+    if (process.client) {
+      console.log(err)
+    }
+    error.value = serializeError(err)
+    errorModalVisible.value = true
+    clearLoading()
+  }
 
   // loading
   const loadingSet = useState<Set<string>>(`${prefix}.loadingSet`, () => new Set<string>())
@@ -86,6 +95,7 @@ export const useModal = () => {
     error: {
       error,
       errorModalVisible,
+      handleError,
     },
     permissionDenied: {
       permissionDeniedVisible,