# vue/v-for-delimiter-style

enforce v-for directive's delimiter style

🔧 The --fix option on the command line (opens new window) can automatically fix some of the problems reported by this rule.

# 📖 Rule Details

This rule enforces which delimiter (in or of) should be used in v-for directives.

<template>
  <!-- ✓ GOOD -->
  <div v-for="x in xs" />

  <!-- ✗ BAD -->
  <div v-for="x of xs" />
</template>

Now loading...

Default is set to in.

{
  "vue/v-for-delimiter-style": ["error", "in" | "of"]
}

<template>
  <!-- ✓ GOOD -->
  <div v-for="x of xs" />

  <!-- ✗ BAD -->
  <div v-for="x in xs" />
</template>

Now loading...

This rule was introduced in eslint-plugin-vue v7.0.0