2 roles with different app.js Vue + Laravel

Hi there! We have eCommerce project on Laravel + Vue. 2 roles: buyer & seller. Each role has it own vue components. What is the best way to separate components of different roles?

1. Somehow split components between 2 app.js files. Then connect each app.js to different roles.
2. Connect all components localy inside blade files. Buyer's components connect to buyer's blades, seller's components connect to seller's blade. So which way is better? Thank you for helping me out.