ความกวนตีนของ ESLint/Prettier – Missing space before function parentheses

ต้องตะโกนดังๆ ว่า มึงกวนตีนกูอยู่ใช่ไหมมมมมมมมมมมมมมมมม

เคนเป็นมือใหม่หัดใช้ ESLint กับ Nuxt.js ตอนนี้เหมือน Nuxt.js จะอัพเดทเวอร์ชั่นใหม่ ทำให้เคนติดตั้งด้วย Template ตอนนี้มันก็เหมือนได้กฎใหม่ของ ESLint มาด้วย

ซึ่งกฎตัวนี้ค่อนข้าง…กวนตีน!!! ไปดูตัวอย่างโค้ดดีกว่าจะได้รู้ว่ากวนตีนยังไง!

export default function({ store, redirect }) {
  if (store.state.auth) {
    return redirect('/')
  }
}

เขียนโค้ดง่ายๆ แบบด้านบน แต่ตัว ESLint ฟ้องว่า Missing space before funtion parentheses ก็คือ เว้นวรรคระหว่าง function กับ () ด้วย

อ่ะๆ ไม่เป็นไร ให้เว้นวรรคใช่ไหม? ได้ จัดไป!

export default function ({ store, redirect }) {
  if (store.state.auth) {
    return redirect('/')
  }
}

นึกว่าชนะแล้ว…แม่งเอ๊ย ขึ้น Error ต่อ

เอ๊าาา….. ไอ้ห่านนน ทำไมเมิงไม่คุยกันก๊อนนนนนนนนนน!!!!!

ESLint บอกให้เว้น Prettier บอกให้ลบ ไอ้เว๊รรรรรรรรรร

วิธีแก้

ดีที่เพิ่งสร้างโปรเจ็ก Nuxt.js ใหม่ ก็ไม่เป็นไรกดสร้าง Nuxt.js ใหม่อีกรอบ แล้วเลือกแค่ ESLint อย่างเดียว ไม่เอา Prettier แค่นี้ก็ชนะละ 555