JS.VUE.NO.DEPRECATED.V.IS

Rule Details

This rule reports deprecated v-is directive in Vue.js v3.1.0+.

Use is attribute with vue: prefix (https://vuejs.org/api/built-in-special-attributes.html#is) instead.

{'vue/no-deprecated-v-is': ['error']}

<template>
  <!-- GOOD -->
  <div is="vue:MyComponent" />
  <component is="MyComponent" />

  <!-- BAD -->
  <div v-is="'MyComponent'" />
</template>

Further Reading

• Migration Guide - Custom Elements Interop (https://v3-migration.vuejs.org/breaking-changes/custom-elements-interop.html#vue-prefix-for-in-dom-template-parsing-workarounds)
• API - v-is (https://vuejs.org/api/built-in-special-attributes.html#is)
• API - v-is (Old) (https://github.com/vuejs/docs-next/blob/008613756c3d781128d96b64a2d27f7598f8f548/src/api/directives.md#v-is)