Utilizing Vite+Vue stack to develop custom themes

Hello everyone,

Asking this question here as well as on stackoverflow.

I am trying to develop settings using Vite as a frontend bundler with Vue and TailwindCSS to create custom WordPress themes.

My ultimate goal is to have JS and CSS files split into chunks that are used on demand, aka. on specific page templates or custom post types etc.

Currently, I have tried headless WP, tried also creating static .html files with Vue sprinkled into them, tried Vue Single File Components as Custom Elements, but all of that is just generating a single JS bundle, along with a single CSS file, which can be rather large.

My main concern is the SEO part of WordPress, as it currently provides a lot of benefits for websites.

I beg you for any inputs or tips or whatever you think might work.

Thank you in advance.

Best regards,

Mega Aleksandar