АН
Имеется:
+-- components
| `-- dashboard
| `-- navbar.vue
+-- middleware
| `-- dashboard
| `-- menu.js
+-- pages
| `-- dashboard
| `-- animals
| +-- others
| | `-- index.vue
| | `-- pigs.vue
| +-- dogs.vue
| +-- cats.vue
| `-- index.vue
`-- store
`-- dashboard
`-- menu.js
Задача:
В
navbar
необходимо отобразить title
'ы страниц, которые имеют уровень вложенности относительно dashoard
не выше второго. К примеру, перейдя на страницу /dashboard/animals
, в navbar
'е должны отобразится title
'ы таких страниц как:•
/dashboard/animals
• /dashboard/animals/others
• /dashboard/animals/dogs
• /dashboard/animals/cats
Решение:•
store
: https://gist.github.com/yansult/0257191332aac7ec62270c83eeb33ac7•
middleware
: https://gist.github.com/yansult/00e0d3ddae0efbf1faa0b8f3cfb3e74b•
navbar
: ...mapState(...
Собственно, к чему это. Я только начал изучать nuxt
и от того многое не понимаю или просто не знаю, поэтому хотелось бы услышать критику или мнение на вышеупомянутый код.• Не изобрел ли я велосипед?
• На сколько костыльным является моё решение?
• Можно ли сделать лаконичнее?