CSRF cookie does not work in Laravel Sanctum and VueJS

I am using Laravel sanctum for SPA authentication. My front-end is VueJS, Vue2 to be more precise.

  1. I have already set SESSION_DOMAIN=.domain.tld. I have edited my hosts file to change my localhost to dev.domain.ltd.
  2. I have added dev.domain.ltd:8080 to SANCTUM_STATEFUL_DOMAINS in my environment file in Laravel.

Still, when I try to access my web app through dev.domain.ltd:8080, sanctum returns nothing (giving a 204/no-content status code) and obviously my next requests are blocked, giving a 419 status code. This is what sanctum/csrf-cookie returns in the set-cookie header:

app_session=eyJpdiI6IjM4MzJvTEJVMjdiVTFvQkJKUFNUeVE9PSIsInZhbHVlIjoiK3d3TkZEcVRwT1BTTzdweFpiSE5HTFpKaDhnby9ST2VKNmxSemM4Y3FFZ1ZwYlRmTDRzbmNQaDlPN25LOTkweHN5WnlxNUp2SXU4S3pEQ2hHYStyaTN0d1RFUVByVDNDRk5qSGo1WVYwS0llTkhIVHZEQ2dQZU15K0phS1NPTi8iLCJtYWXiOiI5ZTdjMAMwZDQzMzNhZTEyODI3NWYxY2M5YWE1N2ViOTdlYmU3MmQxMTUxNzhmYjQ3YTY2OTUzZTlhZWFiMWYyIn0=; expires=Wed, 05-May-2021 12:46:01 GMT; Max-Age=7200; path=/; domain=.domain.ltd; httponly; samesite=lax

XSRF-TOKEN=eyJpdiI6IlZqVVQ2Yk2LLzc5Y0RJR0p3UW9sWEE9PSIsInZhbHVlIjoiVnY5WFZsUXExbFY2Z3JiMldsOHp5UjlFNE9JZkRlOXURQzZDRFhLWU1oNXE3eEZvT2xyaGFoQ0FxcnM2U3YxZk9Ed1JndkJSbE5sTkhvdnlmZmlXYmhXMHhocHI4bTQ0dGxZY5F1QnhmazBSRnhKL0RsbVFCTFZuYkpPZlJjSmEiLCJtYWMiOiI2MDY3YzAyNWFlZmI2ZjdcMmUxODczODA3ZTM5YjMxOGY2ZTMxZWI0MzdhOWJlMzY5OGYwN2U3YTUzZDhhOTliIn0%3D; expires=Wed, 05-May-2021 13:01:43 GMT; Max-Age=7200; path=/; domain=.domain.ltd; samesite=lax

In my browser (Chrome), I can see only one cookie set which is remember_web_59ba36addc2b2f9401582f014c7f58ea4e30989d

Even though I have set withCredentials to true in axios, I'm still getting a 419 error all the time.

This question seems to be related to my problem but it is for Angular. I'm using absolute paths instead of relative paths as well.