Issues with PurgeCSS being over zealous in it's purging :)

[readingdancer]

Describe the bug

I have added a package called PurgeCSS to the build process to reduce the amount of unused CSS so that it improves the page load and the Google speed score.

However, currently it is purging some CSS that it shouldn't be, so I think we probably just need to whitelist some dynamic class names, the white list can be found in the vue.config.js file.

Full details about PurgeCSS can be found on it's website here:

https://purgecss.com/guides/vue.html#use-the-vue-cli-plugin

The branch where I have made these changes is here:

https://github.com/code-for-chapel-hill/NC-COVID-Support/tree/adding-purgecss

To Reproduce Steps to reproduce the behavior:

Checkout the above branch and run it locally ( I assume you already have the solution working and know how to run it, if not, check out our main help pages )

Expected behavior

The site looks identical to the current live site, same spacing / fonts / colors etc.

Screenshots

[eparadise]

I'll try this!

[readingdancer]

@joonyoungleeduke - If you fancy doing some investigation into this issue, it would be great to have this one fixed.

[aevix]

I added some more items in whitelist and it seems to have fixed most of the issues but I can't seem to figure out why the fonts are different. Maybe its just not loading locally.