Не мог я нарадоваться что благодаря Вью могу отказаться от придурошного БЭМа и мучений с неймингом, который я не выношу, так столкнулся с другой проблемой. Как организовывать файлы компонентов?
Как-то не очень прикольно иметь 200 файлов в одной папке. Официальный стайлгид касается только названий файлов, а не их логической организации. Это немного помогает, но вопрос не о названии файлов.
Например, есть такие компоненты:
FullscreenMenu.vue
FullscreenNav.vue
FullscreenOverlay.vue
Logo.vue
MainNav.vue
TheHeader.vue
TheFooter.vue
AppInput.vue
Почитав нагугленные рекомендации, я пока остановился на таких папках:
1.
layout
для компонентов которые используются один раз, например
TheHeader.vue
TheFooter.vue
2.
ui
для компонентов элементов интерфейса, из данного примера
AppInput.vue
Также есть совет дял компонентов вроде
FullscreenMenu.vue
FullscreenNav.vue
FullscreenOverlay.vue
создать отдельную папку, но мне такая организаци не нравится.
И куда класть
Logo.vue
? Его я могу юзать не только в
TheHeader.vue
, а по всему приложению.
Кроме того, непонятно, куда тогда пихать
MainNav.vue
? Это навигация из
TheHeader.vue
и она тоже используется 1 раз, но имхо ей в
layout
делать нечего...
Короче, хаос.
Как вы делаете?