Fix tailwind classes

Author: Julien Nahum

public/app.css

@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=fa4e195f7a7c207756a0",
-    "/app.css": "/app.css?id=411a95c49634f7ffaf46"
+    "/app.css": "/app.css?id=2668be8a85bb02c3e51d"
 }

public/mix-manifest.json

@@ -33,7 +33,7 @@ export default {
     },
 
     data: () => ({
-        frontEndVersion: 3,
+        frontEndVersion: 4,
         alert: {
             type: null,
             autoClose: 0,

resources/js/components/App.vue

@@ -22,7 +22,7 @@ private function modelStatsConfig()
         return [
             'appName' => config('app.name'),
             'path' => config('model-stats.routes_prefix'),
-            'frontEndVersion' => 3,
+            'frontEndVersion' => 4,
         ];
     }
 

src/Http/Controllers/HomeController.php

@@ -1,5 +1,5 @@
 
-const graphColors = ['blue','gray','red','green','yellow','purple','pink']
+const graphColors = ['blue','gray','red','green','yellow','purple','pink', 'orange']
 const alertColors = ['green','red','blue','gray']
 
 module.exports = {
@@ -11,6 +11,7 @@ module.exports = {
             './resources/**/*.vue'
         ],
         safelist: [
+            /.*(bg|border)-(blue|gray|red|green).*/, // Buttons
             ...alertColors.map((color)=>['bg-'+color+'-100', 'border-'+color+'-500']).flat(), // Alerts
             ...graphColors.map((color) => 'to-'+color+'-100') // Gradients widgets
         ]