비동기 컴포넌트 체이닝

안녕하세요!! 비동기 처리를 하고 있는데 제가 혹시 잘못한점이 있나해서 질문드립니다.

현재 아래와 같이 컴포넌트에서 actions를 호출하고 then, catch를 처리하였는데 await 호출이 에러가 발생하여 actions에서 catch문의 에러 발생 로그를 찍는데도 컴포넌트에서는 catch가 아닌 then절이 실행되는데 제가 혹시 잘못 이해하고 있는건가요?

// 컴포넌트의 mhethods
test(index, commentId) {
    this.$store.dispatch('DELETE_COMMENT', commentId)
        .then((res) => {
            console.log(' then --> ', res);
        })
        .catch((err) => {
            console.log(' catch ==> ' , err);
        });
},

// actions.js
async DELETE_COMMENT(context, commentId) {
    try {
        const response = await requestDeleteComment(commentId);
        return response.data;
    } catch (e) {
        console.log('에러 발생');
        return e;
    }
},