Cannot catch error with $fetch (ohmyfetch)

Environment

Nuxt project info:

---

• Operating System: Windows_NT
• Node Version: v16.13.1
• Nuxt Version: 3.0.0-rc.11
• Nitro Version: 0.5.4
• Package Manager: npm@8.5.2
• Builder: vite
• User Config: -
• Runtime Modules: -
• Build Modules: -

---

Reproduction

<script lang="ts" setup>
import axios from 'axios'

const props = defineProps({
    image: {
        type: String
    }
})

const isExist = ref(false)

const isFileExist = async (filepath: string) => {
    try {
        await $fetch(filepath)
        return true
    } catch (e) {
        return false
    }
}

onMounted(async () => {
    isExist.value = await isFileExist(props.image)
})
</script>

<template>
    <img :src="isExist ? image ? '../assets/images/default.jpg'" />
</template>

Describe the bug

Hello everyone ! I want to make a function that check if an image exist in my project folder. My function works but when I use try catch statement, I have error 404 (when image is not found) display on the console. I want to catch this error with my catch sattement but it doesn’t work.

Additional context

No response

Logs

No response

[david4bou]

Thanks man

[manniL]

See updated StackBlitz

Anyway, this issue can be closed 👍