typescript - วิธีทำให้ WebStorm จัดรูปแบบโค้ดตาม ESLint?

ฉันเพิ่งตั้งค่าโปรเจค Next.js App Router ใหม่พร้อมกับ MUI และฉันกำลังใช้ WebStorm 2023.2.4 พร้อมกับแผนผังปุ่ม Visual Studio Code สำหรับเวิร์กโฟลว์การพัฒนาของฉัน ปัญหาของฉันอยู่ที่การจัดรูปแบบโค้ดโดยใช้ทางลัด ALT Shift F ใน WebStorm

ในโครงการของฉัน มีไฟล์ .eslintrc.json รวมมาให้โดยอัตโนมัติอยู่แล้ว ฉันได้ทำการปรับเล็กน้อยเพื่อบังคับการเยื้อง 2 ช่องว่างในโค้ดของฉัน ดังนี้:

{
  "extends": "next/core-web-vitals",
  "rules": {
    "indent": ["error", 2]
  }
}

ตอนนี้ เมื่อฉันใช้ทางลัด ALT Shift F สำหรับการจัดรูปแบบโค้ด WebStorm ดูเหมือนว่าจะใช้การเยื้อง 4 ช่องว่างแทนการเยื้อง 2 ช่องว่างที่ระบุไว้ในการตั้งค่า ESLint ของฉัน

คำถามของฉันคือ: มีวิธีใดบ้างที่จะตั้งค่า WebStorm ให้บังคับรูปแบบโค้ดตามกฎของ ESLint ของฉัน โดยไม่ต้องนำ Prettier มารวมด้วย? ฉันมุ่งหาวิธีที่สะอาดที่สุดและต้องตั้งค่าน้อยที่สุดเท่าที่จะเป็นไปได้