vue3 .eslintrc.js 对象{后和}前需要加空格

在 Vue.js 或任何 JavaScript 项目中使用 ESLint 时，`.eslintrc.js` 文件用于配置 ESLint 的规则。关于对象 `{` 后和 `}` 前是否需要加空格，这主要是根据 ESLint 的规则来确定的。

例如，ESLint 规则 `object-curly-spacing` 可以要求在对象的花括号内部需要有空格，以增强代码的可读性。具体规则如下：

- `never`：花括号内不应该有空格。
- `always`：花括号内应该有空格。

通常，为了代码的一致性和可读性，我们可能会选择 `always` 规则，即 `{` 后和 `}` 前都会加上空格。这样代码看起来会更加整洁和一致。

一个 `.eslintrc.js` 文件可能包含如下配置：

module.exports = {
  env: {
    browser: true,
    es2021: true,
  },
  extends: [
    // ... 其他扩展配置
    'plugin:vue/essential',
  ],
  parserOptions: {
    ecmaVersion: 12,
    sourceType: 'module',
  },
  plugins: [
    // ... 其他插件
    'vue',
  ],
  rules: {
    'object-curly-spacing': ['error', 'always'], // 这条规则强制要求在对象的花括号内必须有空格
    // ... 其他规则配置
  },
};