Nuxt.jsでPrettierによるコード整形をしたくない場所がある

Question

Nuxt.jsでaxiosを使用して、Rails APIを叩きたいのですが、POST時に渡すJSONのコードがPrettierにより自動整形されてしまいエラーになってしまいます。

エディタにはVSCodeを使用しており、保存時にフォーマットをするよう設定しております。

具体的には上のようにしてAPIを叩こうとすると下のように自動整形されてしまうのですが、JSONの部分だけ整形しないようにすることはできるのでしょうか？

  methods: {
    addUser() {
      const data = {
        "name": "Fred",
      }
      this.$axios.$post('/api/v1/users', data)
    }
  }

  methods: {
    addUser() {
      const data = {
        name: 'Fred',
      }
      this.$axios.$post('/api/v1/users', data)
    }
  }

Answer 1

prettierを効かせなくするのではなく
JSON.stringify()を利用してJavaScriptオブジェクトからJSON文字列に変換すればよいです。

this.$axios.$post('/api/v1/users', JSON.stringify(data))

Comments

[Khy]

なるほどです！

お陰様で解決いたしました、ありがとうございました！