eslint-plugin-vue-i18n

Appearance

@intlify/vue-i18n/no-deprecated-i18n-places-prop ​

disallow using deprecated places prop (Removed in Vue I18n 9.0.0+)

If you are migrating from Vue I18n v8 to v9, the places prop should be replaced with the v-slot.

📖 Rule Details ​

This rule reports use of deprecated places prop (Removed in Vue I18n 9.0.0+).

👎 Examples of incorrect code for this rule:

vue
<script>
/* eslint @intlify/vue-i18n/no-deprecated-i18n-places-prop: 'error' */
</script>
<template>
  <div class="app">
    <!-- ✗ BAD -->
    <i18n path="info" tag="p" :places="{ limit: changeLimit }">
      <a place="action" :href="changeUrl">{{ $t('change') }}</a>
    </i18n>

    <!-- Also check the <i18n-t> component to prevent mistakes. -->
    <!-- ✗ BAD -->
    <i18n-t path="info" tag="p" :places="{ limit: changeLimit }">
      <a place="action" :href="changeUrl">{{ $t('change') }}</a>
    </i18n-t>
  </div>
</template>

👍 Examples of correct code for this rule:

vue
<script>
/* eslint @intlify/vue-i18n/no-deprecated-i18n-places-prop: 'error' */
</script>
<template>
  <div class="app">
    <!-- ✓ GOOD -->
    <i18n path="info" tag="p">
      <template v-slot:limit>
        <span>{{ changeLimit }}</span>
      </template>
      <template v-slot:action>
        <a :href="changeUrl">{{ $t('change') }}</a>
      </template>
    </i18n>

    <!-- ✓ GOOD -->
    <i18n-t keypath="info" tag="p">
      <template #limit>
        <span>{{ changeLimit }}</span>
      </template>
      <template #action>
        <a :href="changeUrl">{{ $t('change') }}</a>
      </template>
    </i18n-t>
  </div>
</template>

📚 Further reading ​

🚀 Version ​

This rule was introduced in @intlify/eslint-plugin-vue-i18n v0.11.0

🔍 Implementation ​