# san/custom-event-name-casing

enforce custom event names always use "kebab-case"

⚙️ This rule is included in all of "plugin:san/essential", "plugin:san/strongly-recommended" and "plugin:san/recommended".

# 📖 Rule Details

This rule enforces using kebab-case custom event names.

See Guide - Custom Events (opens new window) for more details.

<template>
  <!-- ✓ GOOD -->
  <button on-click="fire('my-event')" />

  <!-- ✗ BAD -->
  <button on-click="fire('myEvent')" />
</template>
<script>
export default {
  onClick () {
    /* ✓ GOOD */
    this.fire('my-event')
    this.fire('my-event', params1, params2)

    /* ✗ BAD */
    this.fire('myEvent')
  }
}
</script>

Now loading...

# 🔧 Options

Nothing.

# 📚 Further Reading

Guide - Custom Events (opens new window)

# 🔍 Implementation

Rule source (opens new window)
Test source (opens new window)

← san/comment-directive san/data-name-casing →