하나의 .vue 파일에 대해서만 vue/multi-word-component-names eslint 규칙을 해제하려면 어떻게 해야 합니까?

하나의 .vue 파일에 대해서만 vue/multi-word-component-names eslint 규칙을 해제하려면 어떻게 해야 합니까?

Vue ESLint 플러그인을 사용하고 있으며 단일 단어 구성 요소 이름을 허용하지 않는 규칙이 있습니다.

단, Nuxt도 사용하고 있기 때문에 Nuxt에서 기본 레이아웃을 설정하려면 .vue 컴포넌트가 필요합니다.default.vueES Lint 규칙 오류가 발생합니다.

.vue 파일 하나에서 비활성화 시킬 수 없을 것 같아요. 실제로 꽤 작은 파일인데...

<template>
    <div>
        <Header/>
        <Nuxt/>
    </div>
</template>

하지만 이 규칙을 무효로 하면.eslintrc.js효과가 있습니다.

module.exports = {
  root: true,
  env: {
    browser: true,
    node: true,
  },
  extends: [
    '@nuxtjs/eslint-config-typescript',
    'plugin:nuxt/recommended',
    'prettier',
  ],
  plugins: [],
  // add your custom rules here
  rules: {
    'vue/multi-word-component-names': 'off',
  },
}

하나의 Vue 파일에 대해서만 규칙을 비활성화할 수 있는 방법이 있습니까?

고객님의 경우 교환할 수 있습니다.

'vue/multi-word-component-names': 'off'

포함:

'vue/multi-word-component-names': ['error', {
  'ignores': ['default']
}]

그러면 'default'라는 이름의 모든 파일에 대해 규칙이 'allow'로 설정됩니다.

자세한 것은, https://eslint.vuejs.org/rules/multi-word-component-names.html 를 참조해 주세요.

rules: { 'vue/multi-word-component-names': 0 }이렇게 해보다

아래 줄에 있는 그대로입니다.vue.config.js파일:

module.exports = defineConfig({
  ....
  lintOnSave: false
})

고객님의 경우 교환할 수 있습니다.

vue.config.module

포함:

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
})

언급URL : https://stackoverflow.com/questions/70570973/how-to-disable-vue-multi-word-component-names-eslint-rule-for-just-one-vue-file