Usamos Bootstrap-vue en nuestro proyecto, pero tenemos algunos archivos que amplían el componente básico de arranque, por ejemplo, <form-group> en lugar del <b-form-group> proporcionado por Bootstrap-Vue.
Quiero asegurarme de que los usuarios usen solo el elemento <form-group> , y no quiero tener que leer los PR para ver si lo han olvidado accidentalmente. ¿Es posible crear una regla ES Lint que indique a un usuario que debe usar <form-group> en lugar de <b-form-group> ?
¡Gracias por adelantado!
¿Podría sobrescribir el componente de arranque para lanzar cuando se usa?
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue' Vue.use(BootstrapVue); const Base = Vue.options.components["b-form-group"]; const DeprecatedForm = Base.extend({ methods: { beforeCreate() { throw new Error("[DEPRECATED] 'b-form-group' should not be used, prefer using 'form-group'"); }, }) } Vue.component('b-form-group', DeprecatedForm );Desafortunadamente, esto no responde a la solicitud de usar ESLint para esto. Pero finalmente evitará el uso del componente.
Otra forma podría ser simplemente reemplazar el componente de arranque con el suyo para que ambos puedan usarse, pero esto puede generar confusión... Haría esto:
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue' Vue.use(BootstrapVue); const Base = Vue.options.components["form-group"]; // I think we need to create a new component, maybe not? const Form= Base.extend({}); Vue.component('b-form-group', DeprecatedForm );