Как сделать нейминг компонентов Vue одним словом?

Question

[profcat]

Привет! Собственно чаще всего компоненты в проекте хочется неймить одним словом без бойлерплейта. Если есть Menu, назвать его не VMenu, не MenuItem, не TheMenu, не MenuComponent. Возможно, есть какая-то либа, расширение, может, подскажете где ковырнуть чтобы сделать код красивее.

Я понимаю зачем нужен multi-word нейминг, и пусть он используется внутри сборщика, но проект не затрагивает

Comments

[Владимир Коротенко]

Вам же сказали используйте 2 сложные компоненты что бы они не совпадали с зарезервированными словами, а так вы можете без всяких проблем их использовать, пока они не совпадут с каким нибуть новым тэгом

[profcat]

Владимир Коротенко, так и я сказал, что понимаю, зачем это нужно. Но конкретно в проекте это бойлерплейт, от которого хотелось бы избавиться. Возможно, сделать так, чтоб к каждому компоненту в имя автоматически добавлялось "Component", но это было только где-то внутри сборщика

Answer 1

[Aetae]

Тэг menu есть в спеке html, хоть и deprecated вроде, а так - тебе ничто не мешает юзать незарезервированные названия.
Ну или если очень хочется, можно на свой страх и риск перебить и зарегистрированные тэги:

Vue.config.isReservedTag = function(isReservedTag){
  const allowedTags = ['menu'];
  return function(tag) {
    if(allowedTags.includes(tag)) return false;
    return isReservedTag.call(this, tag);
  }
}(Vue.config.isReservedTag);

Comments

[profcat]

Спасибо, взял на заметку, но слишком жестко. Тогда нельзя будет многие теги юзать.

Хотелось бы как в React...

[Aetae]

profcat, почему нельзя? Просто добавь все свои в список. Можешь это делать автоматически или даже генерировать на лету вебпаком.
Это если просто isReservedTag на return false заменить, то тогда да.)

[profcat]

Aetae, не аукнулось бы как потом, когда понадобится нативный menu тег

[Aetae]

profcat, ну тут уж ничего не поделаешь. Vue не видит разницы меж компонентом и просто тегом, тут как с web-components. И это мне в нём нравится, всё красиво и аккуратно в эстетике html, никаких лишних абстракции.

А так тот же menu на свалке(поддерживается только фоксом), но в принципе с любыми однословными компонентами гарантий никаких нет, что не появится рано или поздно нативный тэг с таким названием.