Revisit the CSS loading problem

[neviaumi]

Right now the loading of CSS style is bit trick

https://github.com/neviaumi/resume.json/blob/23edfb6cd17fcd5b047b7cc33b9d581ecd4c63c6/docs/index.html#L10 https://github.com/neviaumi/resume.json/blob/23edfb6cd17fcd5b047b7cc33b9d581ecd4c63c6/docs/js/styles.js#L18

May be we can avoid the loading again on each component now ?

Also , i think using tailwindCSS instead of Bootstrap will be better ideas as i used tailwind more than Bootstrap.

[neviaumi]

The ground :

• I want keep using WebComponent and existing logic as much as possible

Possible solutions:

• Check CSS loading problem still exist. (Keep BootStrap in place)
• Integrate Vite and setup tailwind css (Big job but make whole system more align with the stack i used often. )

[neviaumi]

Preferred using Vite bundler as it provide couple of benifit.

• Simplify development process as Vite has build-in hot-reload dev server
• I am free to use any npm dependency after Vite
• JSON import was supported natively. I don't have to fetch resume.json before init component.