# vue/v-for-delimiter-style
enforce
v-fordirective's delimiter style
- 🔧 The
--fixoption 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>
# 🔧 Options
Default is set to in.
{
"vue/v-for-delimiter-style": ["error", "in" | "of"]
}
"in"(default) ... requires usingin."of"... requires usingof.
# "of"
<template>
<!-- ✓ GOOD -->
<div v-for="x of xs" />
<!-- ✗ BAD -->
<div v-for="x in xs" />
</template>
# 📚 Further Reading
# 🚀 Version
This rule was introduced in eslint-plugin-vue v7.0.0