feat: add vue/component-name-in-template-casing

indielayer · Oct 30, 2023 · c780dac · c780dac
1 parent fd66975
commit c780dac
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 9 deletions.
diff --git a/.changeset/README.md b/.changeset/README.md
diff --git a/packages/eslint-config-vue/index.js b/packages/eslint-config-vue/index.js
@@ -36,5 +36,13 @@ module.exports = {
         'max': 1,
       },
     }],
+    'vue/component-name-in-template-casing': [
+      'error',
+      'kebab-case',
+      {
+        registeredComponentsOnly: false,
+        ignores: [],
+      },
+    ],
   },
 }
diff --git a/packages/eslint-config-vue/playground/test.vue b/packages/eslint-config-vue/playground/test.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref } from 'vue'
-
+import CoolBeans from './cool.vue'
 const name = ref<string>('')
 
 name.value = 'John'
@@ -16,6 +16,7 @@ const clickFn = () => {
 <template>
   <input v-model="name" type="text"/>
   <div>multi root</div>
+  <cool-beans/>
   <div
     :class="$style.multi"
     title="clicky"