# vue/v-for-delimiter-style

enforce v-for directive's delimiter style

# 📖 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...

# 🔧 Options

Default is set to in.

{
  "vue/v-for-delimiter-style": ["error", "in" | "of"]
}
  • "in" (default) ... requires using in.
  • "of" ... requires using of.

# "of"

<template> <!-- ✓ GOOD --> <div v-for="x of xs" /> <!-- ✗ BAD --> <div v-for="x in xs" /> </template>
Now loading...

# 📚 Further Reading

# 🚀 Version

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

# 🔍 Implementation