Eslint - Remove new line warning and auto styling

Question

Whenever I write some code eslint gives me error/warning when line gets to long. Also when I save it, it automatically formats the whole file. I have no problem with auto format file but I don't want to auto format everything.

How do I remove this this rule?

Example is in below image. It doesn't matter where I do this the warning is always the same.

And this is how it looks like afer I hit save button.

I want this piece of code to be one-liner. How can I achieve that?

// .eslintrc.js
module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: [
    "plugin:vue/vue3-essential",
    "eslint:recommended",
    "@vue/typescript/recommended",
    "@vue/prettier",
    "@vue/prettier/@typescript-eslint",
  ],
  parserOptions: {
    ecmaVersion: 2020,
  },
  rules: {
    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
  },
};