1👍
✅
There is just too many things to write about and Codereview would be better place to do that but….
Here you can find my take on the problem. Things to look for:
- Transitions using
<route-view>
without vuex and other complicated stuff – tuned usingappear
so it transitions on initial render andmode="out-in"
(just try to remove it to see the effect) - Better store state – don’t use company names as object keys, not every company name is valid JS identifier
- Rewrote
Portfolio
andStocks
component to usev-for
for rendering array data from store
Transitions with Vue Router
<transition name="fade" mode="out-in" appear>
<router-view :key="$route.fullPath"/>
</transition>
Source:stackexchange.com